/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-roboto/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/****************************
	jQUERY RESET
****************************/
.ui-widget {
 font-family: inherit; 
 font-size: 1em;
 background-color: #def4e1;
 padding-bottom:2em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
 font-family: inherit; 
 font-size: 16px;
 border-radius: unset;
}
.ui-widget-content {
 color: #00305d;
}
.ui-widget-content a {
 color: #00305d;
}
.ui-widget-content .btn-highlight {
 color: #def4e1;
}

.table-header-additional a {
 color: #fff;
 padding: 0.53em 1em;
}

/* DIALOG */
.ui-dialog {max-width: 100%; padding: 0;}
.ui-dialog .ui-dialog-titlebar {margin-bottom: 1em; padding: 1em; background: none #00305d; border: none; border-radius: 0; font-weight: normal; color: #fff;}
.ui-dialog .ui-dialog-titlebar-close {top: inherit;}
.ui-dialog .ui-dialog-content .row {margin: 0;} /*hack for login-window*/

.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .btn-container {padding: .3em 0; border-top: 1px solid #00305d; text-align: center; background-color: #def4e1;}
.ui-dialog .btn-container {margin: 2em -1em 0 -1em; padding-top: .8em;}
.ui-dialog .btn-container .btn {margin-bottom: .3em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none;}

.ui-dialog-buttonset .ui-button {background: #00305d; border: none; color: #fff;}
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus, .ui-dialog-buttonset .ui-button:active {background: #00305d; border-color: none; color: #fa6863;}
.ui-dialog-buttonset .ui-button .ui-button-text {padding: .6em 1em;}
.ui-dialog-buttonset .ui-button.btn-highlight {background-color: #00305d; border-color: none; color: #fa6863;}
.ui-dialog-buttonset .ui-button.btn-highlight:hover, .ui-dialog-buttonset .ui-button.btn-highlight:focus {background-color: #00305d; border-color: none;}

.ui-dialog-button-hack .ui-button {padding: 6px 12px; line-height: 1.42857143;}

/* TABS */
.ui-tabs {border: none !important;}
.ui-tabs .ui-tabs-panel {padding: 0;}
.ui-tabs .ui-tabs-nav {margin-bottom: 1em; background: none; border-width: 0 0 1px 0; border-color: #00305d; border-radius: 0;}
.ui-tabs .ui-tabs-nav li {background: none #00305d; color: #def4e1; border-color: #00305d;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: none #def4e1; border-color: #00305d;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {color: #00305d; font-weight: 600;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #def4e1;
    text-decoration: none;
}

/* AUTOCOMPLETE */
.ui-autocomplete {z-index: 999;}

/****************************
	FANCY BOX | IFRAME DIALOG
****************************/
.fancybox-slide--iframe .fancybox-content {
	width: 100% !important;
	height: 100% !important;
	max-width: calc(100% - 40px) !important;
	max-height: calc(100% - 60px);
	margin: 40px 0 20px 0 !important;
	box-shadow: 2px 0px 15px 2px rgba(255,255,255,.3);
}

.fancybox-button {width: 35px !important; height: 35px !important; padding: 8px !important;}

/****************************
	DRAG AND DROP
****************************/
.sortable-placeholder {margin-bottom: 2em; background-color: #f2f2f2; border: 3px dashed #ccc; border-radius: 0px;}

/****************************
    DATEPICKER / YUI-CALENDAR
****************************/
.yui-skin-sam .yui-calcontainer {min-width: 200px;}

/****************************
	GLOBAL MESSAGES / PNOTIFY
****************************/
[ui-pnotify].ui-pnotify .brighttheme-notice {
	background-color: #fa6863;
	border-color: #fa6863;
	color: #fff;
}

[ui-pnotify].ui-pnotify .brighttheme-info {
	background-color: #00305d;
	border-color: #00305d;
	color: #fff;
}

[ui-pnotify].ui-pnotify .brighttheme-success {
	background-color: #8ace92;
	border-color: #8ace92;
	color: #fff;
}

[ui-pnotify].ui-pnotify .brighttheme-error {
	background: #00305d;
	border-color: #00305d;
	color: #fff;
}

[ui-pnotify].ui-pnotify .ui-pnotify-container {padding: 1em !important; border-radius: 0px; box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.3);}
[ui-pnotify].ui-pnotify .ui-pnotify-container .ui-pnotify-title {margin-bottom: .3em; text-transform: none; font-size: 1.1em; font-weight: bold;}
[ui-pnotify].ui-pnotify-with-icon .ui-pnotify-confirm,
[ui-pnotify].ui-pnotify-with-icon .ui-pnotify-text,
[ui-pnotify].ui-pnotify-with-icon .ui-pnotify-title {margin-left: 1.3em !important;}

/****************************
    SKIP LINKS
****************************/
.skip-link {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
}
.skip-link:focus, .skip-link:active {
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    padding: .3em 1em;
    background: #fff;
    color: #00305d;
    z-index: 11;
}

/****************************
	FONTS
****************************/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/****************************
	GENERAL
****************************/
html, body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.5em;
}
body {
	color: #00305d;
	background-color: #def4e1;
}

h2 {
    margin: 1em 0 0.5em 0;
    font-size: 2.5em;
    line-height: 1.5em;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
}

h3 {
    margin: 1em 0 0.5em 0;
    font-size: 1.25em;
    line-height: 1.5em;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}

h4 {font-size: 1em; text-transform: uppercase;}

h5 {
    font-size: 1em; 
    margin: 2em 0 0 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    line-height: 1.5em;
}

p {
 margin: 0 0 1.25em 0;
 line-height: 1.5em;
}
p strong {
 font-family: 'Roboto Slab', serif;
 font-weight: 700;
}
a {
 color: #fa6863;
}
a:hover, a:focus {color: #00305d;}
hr {border-top: 5px solid #00305d;}

.main-header-desc-container p {
    margin-bottom: 1.25em;
    line-height: initial;
}

.main-header-desc, .main-header-sub, .main-header-desc-container .box-access {
    margin: 0 10px 2.5em 23px;
}


element.style {
}

.main-header-desc-container p {
 line-height: 1.5em;
}

.main-header h2 {
 margin: 0.8em 0;
 font-size: 1.2em;
 line-height: 1.25em;
 white-space: nowrap;
 overflow: hidden;
}

iframe {border: 0;}
.iframe-container {padding: 0 1%;}
.iframe-container iframe {width: 100%;}
.iframe-container .additional-right {margin-bottom: 1em;}
.course-node.tu .iframe-container iframe,
.page.iqtest .iframe-container iframe,
.page.iqsurv .iframe-container iframe {min-height: 700px;}

.mobile small {font-size: 1em;}

#wrap {
	height: auto;
	margin: 0 auto -35px;
	min-height: 100%;
	padding: 0 0 35px;
}

.mobile .content-container {float: none; width: 100%; padding: 0;}

.clickblocker {
	display: block;
	position: absolute;
	z-index: 50000;
	width: 100%;
	height: 100%;
}

.veil {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	animation: show 1.5s;
	background: url(images/icons/loading.svg) no-repeat center center rgba(0, 48, 93,.4);
	}
@keyframes show {
   0% {opacity: 0;}
   75% {opacity: 0;}
   100% {opacity: 1;}
}

.ui-autocomplete-loading {
	background: url(images/icons/loading.svg) no-repeat right center rgba(0, 48, 93, .4);
	background-size: contain;
}

.blumenkringelwarte {
	width: 100%;
	height: 150px;
	margin-bottom: 1em;
	padding-top: 80px;
	background: url(images/icons/loading.svg) no-repeat center 35px transparent;
	border: 3px dashed #eee;
	text-align: center;
	color: #00305d;
}
.panel .blumenkringelwarte {height: 60px; margin-bottom: 0; padding-top: 40px; background-position-y: 0; border: none;}




/****************** ICONS ******************/
.icon {padding-left: 1.5em; background-image: url(images/icons/dummy-icon.png); background-repeat: no-repeat; background-position: 0 center;}
.icon-right {background-position: right center;}
.only, .btn.only {display: inline-block; height: 1.7em; width: 2em; padding: 0; background: none transparent; border: 0;}
.btn.only:hover, .btn.only:focus {background: none transparent; border: 0;}

.list-group-item>.icon {background-image: url(images/icons/arrow-list.png);}

/****************** FONTICONS ******************/
.fonticon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fonticon.right {float: right; top: 33%; right: 20px;}

.btn .fonticon {font-size: 16px;}
.btn-sm .fonticon {font-size: 1em;}
.btn-xs .fonticon {font-size: 1em;}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 0.82em;
    line-height: 1.5;
    border-radius: 0;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 0.5em 1em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0;
}

/* icomoon - custom */
.icon-color-highlight {color: #fff;}
.icon-color-success {color: #fff;}
.icon-color-warning {color: #fff;}
.icon-color-danger {color: #fff;}

.icon-star:before {color: #fff;}
.btn:hover .icon-star:before,
.icon-star-filled:before {color: #fff;}
.btn:hover .icon-star-filled:before {color: #fff;}

.icon-notmobile {position: absolute; right: 25px; top: 33%;}
.icon-notmobile:before {font-size: 1.1em;}

.icon-toggle-off:before {color: #a7c3c0;}
.icon-toggle-on:before {color: #00305d;}

.icon-waiting,
.icon-working {color: #00305d;}
.icon-finished {color: #8ace92;}
.icon-resume-requested {color: #fa6863;}
.icon-resume-allowed {color: #fa6863;}
.icon-canceled {color: #ba201c;}


/************* TYPOGRAPHY *************/
.small {font-size: .9em}

.text-warning {color: #fa6863;}
.text-success {color: #8ace92;}
.text-info {color: #00305d;}
.text-danger {color: #ba201c;}

/************* LINKS *************/
.content-anchor {
	line-height: 2.75;
	color: #00305d;
}
.mobile .content-anchor {
	display: block;
	height: 3em;
	margin: 5px;
	padding-left: 1em;
	background-color: #00305d;
	color: #fff;
	}

/************* LISTS *************/
ul {padding-left: 2em;}

.list-unstyled {
	margin: 0;
}

dl {margin-bottom: 10px;}
.dl-inline dt, .dl-inline dd {display: inline-block;}
.dl-horizontal dt, .dl-inline dt {text-align: left; font-family: 'Roboto Slab', serif; font-weight: 300;}
.dl-inline dt  {width: 210px; vertical-align: top;}

/* list group */
.list-group-item {
	padding: 0;
	margin-bottom: 0;
	border: none;
}
.list-group-item:not(:last-child) {border-bottom: 1px solid #00305d;}
.list-group-item:hover, .list-group-item:focus {background-color: #def4e1;}
.list-group-item:before, .list-group-item:after {content: " "; display: table;}
.list-group-item:after {clear: both;}

.list-group-item-link {display: block; padding: 10px 25px 10px 15px; color: #fa6863; background-color: #def4e1;}
.list-group-item-link:hover, .list-group-item-link:focus {text-decoration: none; color: #fa6863;}
.list-group-item-link:empty {min-height: 0; padding: 0;}
.list-group-item>.fonticon,
.list-group-item-link>.fonticon {float: left; display: block; width: 30px; min-height: 1.3em;}
.list-group-item .fonticon {font-size: 1.2em;}

.list-group-item .list-group-fav {float: left; display: block; width: 8%; min-height: 40px; color: #00305d;}
.list-group-item .list-group-function {position: absolute; top: 0; right: 0; height: 100%;}
.list-group-item .list-group-function .btn {height: 100%; z-index: 10; color: #00305d;}
.list-group-item>.btn:hover, .list-group-item>.btn:focus {color: #fa6863;}
.list-group-item .btn+a,
.list-group-item .list-group-checkbox+a {float: left; width: 92%;}

.list-group-item .badge {
 position: absolute; 
 min-width: 3.5em; 
 right: 30px; 
 top: 35%;
}
.list-group-item.highlight {background-color: transparent;}

.list-group-item-heading {
 display: block; 
 margin-left: 30px; 
 font-weight: normal; 
 overflow: hidden;
 font-family: 'Roboto Slab', serif;
 font-weight: 300;
 font-size: 1em;
 line-height: 1.5em;
}
.list-group-item-text {display: block; margin-left: 30px; font-size: .85em; line-height: 1.2em; color: #00305d;}

.list-group-checkbox {float: left; padding: 10px 0 10px .5em;}
.list-group-checkbox+.list-group-item-link {padding-left: 30px;}

.box .list-group {margin: -5px;}

/* small */
.list-group-small .list-group-item-link {padding: 3px 25px 3px 15px;}
.list-group-small .list-group-item-heading,
.list-group-small .list-group-item-text {display: inline; margin-left: 0;}

/* mobile */
.mobile .list-group-item-link {padding: 15px 25px 15px 15px; font-size: 1.2em; min-height: 3.3em;}
.mobile .list-group-item-link:empty {min-height: 0; padding: 0;}
.mobile .list-group-item .list-group-fav {margin: 5px -7px 0 7px; min-height: 2.6em; font-size: 1.5em;}
.mobile .list-group-checkbox {padding: 15px .5em 15px 1em;}
.mobile .list-group-item .list-group-checkbox+a {width: 85%;}
.mobile .list-group-item .list-group-function .btn {width: 40px;}

/* pagination */
.pager {margin: 0; text-align: center;}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	vertical-align: middle;
	border-radius: 0px;
	border: none;
}
.pagination>li {display: inline;}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 0 .5em;
	text-decoration: none;
    color: #00305d;
    background-color: #def4e1;
    height: 28px;
    width: 34px;
    border-radius: 0;
    line-height: 28px;
 border: 0;
}
.pagination>li>a:hover {
    color: #fa6863;
    background-color: #def4e1;
    font-weight: 600;
}
.pagination>li>a[disabled] {
    color: #a7c3c0;
    background-color: #def4e1;
    height: 28px;
    width: 34px;
    border-radius: 0;
    line-height: 28px;
    border: 0;
    font-weight: 600;
}

.pager-showall {font-size: .8em}

/* categories (used in glossary and profile course node) */
.category-list {margin-left: 0;}
.category-list>li {margin: 0 .2em .3em .2em; padding: 0 .5em; background-color: #00305d; border-radius: 0px; line-height: 26px; color: #fff; text-transform: uppercase;}
.category-list>li:last-child {text-transform: inherit;}
.category-list>li>a {color: #fff;}
.category-list .disabled {background-color: #00305d; color: #fff;}
.category-list .active {background-color: #fa6863;}

/* breadcrumb */
.breadcrumb {margin-bottom: 10px;}
.breadcrumb>li+li:before {padding: 0 0 0 5px;}

/* steps */
.steps {
	position: relative;
	margin-bottom: 1em;
	background-color: #00305d;
}
.steps li {
	position: relative;
	padding: 0 1em 0 1.3em;
	height: 46px;
	line-height: 46px;
	background: #00305d;
}
.steps li:not(:first-child) {padding-left: 2em;}
.steps li a {
	display: inline-block;
	height: 100%;
	color: #fa6863;
}
.steps .arrow {
	position: absolute;
	display: block;
	top: 0;
	right: -16px;
	border: 23px solid transparent;
	border-left: 15px solid #00305d;
	border-right: 0;
	z-index: 1;
}
.steps .arrow:after {
	position: absolute;
	display: block;
	top: -40px;
	right: 1px;
	border: 40px solid transparent;
	border-left: 15px solid #00305d;
	border-right: 0;
	content: "";
}

.steps .active {background-color: #00305d; color: #fff;}
.steps .active .arrow, .steps .active .arrow:after {border-left-color: #00305d; color: #fff;}


/****************** TABLES ******************/
.table-panel table {width: 100%;}
.table-panel th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #00305d;
	cursor: move;
}
.table-panel th, .table-panel td {
 padding: 0 0.8em;
 line-height: 1.25em;
 vertical-align: middle;
 border-top: 0;
 height: 40px;
 font-weight: 400;
}
.table-panel th:hover {background-color: #def4e1;}

.table-panel tbody>tr:nth-child(odd) {background-color: #def4e1;}
.table-panel tbody>tr:hover {color: #00305d; background-color: #def4e1;}
.table-panel tbody>tr.highlight {background-color: #def4e1;}

.table-neutral tbody>tr,
.table-neutral th,
.table-neutral td {padding: 0; background: none transparent; border: none;}

.table-header {min-height: 40px; padding: 5px; background-color: #def4e1;}
.table-header-functions {float: left;}
/* .table-header-functions ul.tagit {margin: 0 -.1em 0 0; border-radius: 0;} */
/* .table-header-functions ul.tagit li.tagit-new {padding: 0.2em 4px .15em 0;}  */

.table-search {float: left; margin-right: -1px;}
.table-search .input-group .ui-autocomplete-input {height: 34px; border-radius: 0;}

.table-header-additional {float: right; /*line-height: 30px;*/}
.table-select {position: relative; min-width: 3.5em;}
.table-select .btn-group {position: absolute; top: .5em; height: 40px;}

.table-sort {white-space: nowrap; color: #00305d;}
.table-sort .fonticon:before {content: "\e60a";}
.table-sort.asc .fonticon:before {content: "\e608";}
.table-sort.desc .fonticon:before {content: "\e609";}

.table-footer {min-height: 40px; padding: .3em 0; line-height: 40px; border-top: 1px solid #00305d; border-bottom: none;}
.table-footer small {float: left; display: inline-block; padding-left: .5em; color: #00305d;}

.new-table-panel .table-footer > div {display: flex; justify-content: space-between;}
.new-table-panel .table-footer .form-control {display: inline; width: auto;}
.table-selections {background-color: #00305d; color: #fff;}


/****************** FORMS ******************/
fieldset {margin: 1em 0;}
legend {
margin-bottom: 10px; 
padding: .2em; 
background-color: #def4e1; 
font-size: 1em; 
text-transform: uppercase; 
color: #fa6863; 
font-weight: 600; 
border-color: #00305d;
}
.form-group {position: relative; margin-bottom: .9em;}
.form-horizontal label {font-weight: normal;}
.form-control {
    color: #00305d; 
    border-color: #ccc;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.form-subgroup {margin-left: 20px;}
.form-horizontal .form-inline select.form-control {display: inline-block; width: 100%;}
.form-horizontal .form-inline .form-group {min-width: 25%; margin: 0;}
.form-horizontal .form-inline .control-label {display: block; text-align: left;}
.form-horizontal .form-inline .btn {vertical-align: bottom;}
.form-horizontal .form-inline .input-group-btn {width: auto;}
.form-horizontal .form-inline .checkbox,
.form-horizontal .form-inline .radio {min-width: inherit; padding: 4px 10px 0 0;}
.form-horizontal .form-inline.form-group {margin: 0;}

.form-required .control-label .required-icon:after {position: absolute; top: -2px; content: '*'; padding-left: 2px; color: #00305d; font-size: 1.2em;}
.wizard-dialog .form-required .control-label .required-icon:after {position: relative; font-size: inherit;} /* stupid hack */

.form-inline .form-required .control-label {padding-right: 1.2em;}
/* .form-inline .form-group, .form-inline .form-group div {display: inline-block;} */
/* .form-inline .form-control {display: inline-block; vertical-align: middle;} */

.form-autocomplete-container {margin-bottom: 0;}
.form-autocomplete-container .ui-autocomplete-input {min-width: 200px;}

.checkbox-inline {vertical-align: baseline;}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {position: relative; margin-left: 0;}

.radio label, .checkbox label,
.form-horizontal .form-inline .radio label,
.form-horizontal .form-inline .checkbox label {padding-left: .2em;}

.has-error .form-control {border-color: #fa6863;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #fa6863;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #def4e1;    
border-color: #def4e1;
    box-shadow: none;
}

.form-control:focus, .form-control:focus, fieldset:focus .form-control {
    border-color: #fa6863;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.dropdown-menu .checkbox label {
 padding-left: 0;
}

.open>.dropdown-menu {
 background-color: #fa6863;
 border-radius: 0;
}

/*  Internet Explorer and Microsoft Edge provide this functionality natively, using an interactive eye icon associated with the ::ms-reveal pseudo-class. Since we’ve provided our own (cross-browser) solution, it would be wise to suppress this feature: */
input[type=password]::-ms-reveal {display: none;}

.duration-field {padding-left: 10px;}

/* TINY MCE */
.mce-content-body {height: auto;}

/* jQuery Upload / dropzone.js */
.dropzone {min-height: 100px; margin: 1em 0 2em 0; padding: 10px; border-radius: 0; border: 2px dashed #00305d;}
.dropzone .dz-message {margin: 0;}
.dropzone .dz-preview .dz-image {border: 1px solid #00305d;}
.dropzone .dz-error .dz-image {border-color: #fa6863;}
.dropzone .dz-preview.dz-file-preview .dz-image {background: #00305d;}
.dropzone .dz-preview .complex-remove-button {position: absolute; top: -10px; right: -10px; z-index: 21;}
.dropzone .dz-preview .complex-remove-button .fonticon {font-size: 20px; cursor: pointer;}

.dropzone .dz-error-mark svg g {fill: #fa6863;}
.dropzone .dz-preview .dz-error-message {top: 90px; left: -40px; width: 200px; background: #fa6863;}
.dropzone .dz-preview .dz-error-message:after {left: 93px; border-bottom-color: #fa6863;}

/* reset complex upload */
.contact-form .dropzone,
.fo .dropzone,
.review-form .dropzone {min-height: initial; margin: .2em 0 1.5em 0; padding: 0;}
.contact-form .dropzone .dz-message,
.fo .dropzone .dz-message,
.review-form .dropzone .dz-message  {margin: .2em 0;}
.contact-form .dropzone .dz-message p,
.fo .dropzone .dz-message p,
.review-form .dropzone .dz-message p  {display: inline-block; margin-bottom: 0;}


/****************** BUTTONS ******************/
.btn {
 background-color: #00305d; 
 border: none; 
 color: #fff; 
 border-radius: 0;
}
.btn:hover, .btn:focus, .btn:active {
 background-color: #fa6863; 
 border-color: none; 
 color: #fff; 
 border-radius: 0;
}

.btn-big {width: 120px; height: 120px; border-width: 2px; white-space: normal;}
.btn-big .fonticon {display: block; margin-bottom: .2em; font-size: 3em;}
.btn-big .badge {
 position: absolute; 
 top: 5px; 
 right: 5px;
}

.btn-highlight {background-color: #fa6863; border-color: none; color: #fff;}
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {background-color: #fa6863; border-color: none; color: #fff;}

.btn-success,
.btn-success:hover, .btn-success:focus, .btn-success:active {background-color: #00305d; border-color: none; color: #fff;}

.btn-important {background-color: #fa6863; border-color: none; color: #fff;}

.btn-icon {padding-left: 2em; background-repeat:no-repeat; background-position: .5em center;}

.btn-only, .btn-icon.only {height: 34px; width: 2em; background-position: center center;}
.btn-sm.btn-only, .btn-sm.btn-icon.only {height: 40px;}
.btn-xs.btn-only, .btn-xs.btn-icon.only {height: 30px;}
.btn-only.dropdown-toggle {width: 3em; padding: 0 .5em; background-position-x: .5em; text-align: right; color: #fff;}
.btn-xs.btn-only.dropdown-toggle {padding: 0 .3em;}

.btn-icon.only:hover, .btn-icon.only:focus, .btn-icon.only:active {background-color: transparent;}

.btn.disabled, .btn[disabled] {color: #def4e1; background-color: #a7c3c0;}

.btn-toolbar .form-group .btn {float: none;} /* reset silly bootstsp stuff */

.mobile .btn-group-mobile {width: 100%;}
.mobile .btn-group-mobile .btn {width: 50%;}

/************* DROPDOWN *************/
.btn.dropdown-toggle {padding-left: 6px; padding-right: 6px;}

.table-header-right .dropdown-menu {min-width: 190px;}
.dropdown-menu-right {
 left: auto; 
 right: 0; 
 text-align: left; 
 border-radius: 0; 
 background-color: #fa6863;
 color: #fff;
 line-height: 40px;
}
.dropdown-menu .checkbox {margin: 3px 0; padding: 0 1em; white-space: nowrap;}
.dropdown-menu>li>a {padding: 1em 1em; color: #fff;}
.dropdown-menu>li>a:hover {padding: 1em 1em; color: #00305d; background-color: #ffb6b4;}
.dropdown-menu .fonticon {width: 1.2em; padding-right: 0.5em;}

.dropdown-menu-heading {padding: 0.5em 1em; border-bottom: 1px solid #fff; font-weight: bold; color: #fff;}
.dropdown-menu-functions {margin-top: .5em; margin-left: 1em;}

.dropdown-category {padding: .2em .5em; background-color: #fa6863;}

.dropdown-submenu {position: relative;}
.dropdown-submenu>a:after {
  position: absolute;
  right: 0;
  margin-top: 0;
  margin-right: 5px;
  border-left: 4px dashed;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  content: "";
}
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	border-radius: 0;
}

.dropdown-submenu:hover > .dropdown-menu {display: block; background-color: #00305d; color: #fa6863;}

.dropdown-submenu:hover {background: #b9e4be;}
.dropdown-submenu.pull-left {float:none !important;}
.dropdown-submenu.pull-left>.dropdown-menu {
	right: 100%;
	left: auto;
	border-radius: 0;
}


/************* BADGES *************/
.badge {
  display: inline-block;
  min-width: 40px;
  margin: 0.5em 1em;
  padding: 0.5em 1em;
  background-color: #00305d;
  border-radius: 0;
  font-size: 1em;
  font-weight: 600;
  color: #fff;
}
}
.badge:hover, .badge:focus {color: #00305d; text-decoration: none;}
.badge.highlight {background-color: #00305d;}
.badge.important {background-color: #4b478b;}
.badge.success {
 background-color: #def4e1; 
 color: #00305d;
}
.badge.success:hover {color: #00305d;}
.badge.error {background-color: #fa6863;}

/************* POPOVER *************/
.popover-container {overflow-y: auto; max-height: inherit; background-color: #00305d; border-radius: 0;}
.popover-title {display: block; border: 0; background-color: #00305d;; color: #fff;}


/************* TOOLTIP *************/
.tip {width: 250px; padding: .5em; background-color: #00305d; border-radius: 0; color: #fff;}

#powerTip {max-width: 80%;}
#powerTip a {color: #00305d;}
.tooltip-container {display: flex; max-width: 700px; margin-top: .5em;}
.tooltip-image-container {flex-shrink: 0; max-width: 150px; margin-right: 1em;}
.tooltip-image {max-width: 100%;}
.tooltip-content {white-space: normal;}

/****************** PANEL ******************/
.panel {
	position: relative;
	margin-bottom: 2em;
	background: #fff;
	box-shadow: 1px 1px 5px 0px #ccc;
	border: 1px solid #00305d;
	border-radius: 0;
	}
.panel-header {padding: 1em; background: #00305d; border-bottom: 1px solid #fff;}
.panel h3 {margin: 0; line-height: 1.2em; font-size: 1.2em; font-weight: bold;}

.panel-functions {position: absolute; top: .5em; right: .7em;}
.panel-content {padding: 1em; overflow: auto;}

.panel-config {margin: 0; padding: .5em 1.5em;}
.panel-config .form-control {width: 200px;}

/****************** PROGRESS BAR ******************/
.meter > .used {background-color: #00305d; color: #fff; text-align: center; font-size: .8em; line-height: 2em;}
.meter > .predicted {background-color: #00305d;}
.meter > .warning {background-color: #fa6863;}
.meter > .overflow {background-color: #ba201c;}

/************* DIALOG / OVERLAY *************/
/* .dialog {width: 400px; max-width: 100%; padding: 0; background-color: #fff; border: 1px solid #00305d; border-radius: 0; z-index: 100;} */
.dialog-header {position: relative; padding: .4em 1em; background-color: #00305d; color: #fff;}
.dialog-desc {font-size: .85em; line-height: 1.3em;}
.dialog-close {position: absolute; top: .3em; right: 0; color: #fff;}
.dialog-close:hover, .dialog-close:focus, .dialog-close:active {color: #ccc;}

.dialog-content {padding: .5em 1em; overflow: auto;}

.dialog-footer {margin-top: .5em; padding: .5em 0; border-top: 1px solid #00305d; text-align: center;}
.dialog-buttons .btn {color: #00305d;}

.dialog-info>ul {margin-top: 1em; font-weight: bold;}
.dialog-content-part {margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #ccc;}
.dialog-content-part h3 {text-decoration: underline;}

/************* FEEDBACK, ERROR *************/
.feedbackPanel {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .9em;
}

/* ERROR PAGE */
.stacktrace {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #00305d;
	padding: 1em;
}


/************* BOXES *************/
.box {
 margin: 1em 0 0 0; 
 padding: 0.5em; 
 border-radius: 0; 
 background-color: #00305d;
}
.assess-container .box p{
color:white;
}
.assess-container .box strong{
color:white;
}
.box a[data-toggle] {color: #00305d;}
/* .box .fonticon {width: 20px;} */

.header-box {
	margin: 0;
	padding: .3em 1em;
	background-color: #def4e1;
	border: 0;
	border-bottom: 1px solid #00305d;
	font-size: 1em;
	font-weight: normal;
	color: #00305d;
	text-transform: none;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}

.box-light {background-color: #def4e1; border: 0; border-bottom: 1px solid #00305d;}
.box-neutral {margin: .5em 5px; padding: 0; background-color: transparent;}
.box-highlight {background-color: #00305d; color: #fff;}
.box-highlight a {color: #fff; text-decoration: underline;}

.box-info {
 background-color: #fae94f;
 box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
 margin-bottom: 1em;
 font-family: 'Roboto Slab', serif;
 font-weight: 300;
}
.box-info>a {color: #fa6863; font-family: 'Roboto Slab', serif; font-weight: 600;}
.box-info>a:hover {color: #00305d;}

.box-success {
 background-color: #00305d; 
 width: 100%; 
 font-weight: 600; 
 color: #fff;
 box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.box-success>a {color: #fa6863; font-family: 'Roboto Slab', serif; font-weight: 600;}
.box-success>a:hover {color: #fff;}
.box-success-light {background-color: transparent; border: 2px solid #C3DFC0;}

.box-warning {background-color: #fae94f;}
.box-warning>a, .box-warning-light>a {color: #00305d; font-family: 'Roboto Slab', serif; font-weight: 600;}
.box-warning>a.btn, .box-warning-light>a.btn {color: #0e7b96;}
.box-warning-light {background-color: transparent; border: 2px solid #fa9370;}
.box-warning.safety-files {padding: .1em .4em; font-size: .9em;}

.box-danger {background-color: #c33b26; color: #fff;}
.box-danger a {color: #fff; text-decoration: underline; font-family: 'Roboto Slab', serif; font-weight: 600;}

.box-additional {text-align: right;}
.box .box-content {margin-left: 22px;}

.box-admin-mode {
    min-height: 36px;
    margin: 0;
	border-radius: 0;
	background-color: #fa9370;
	color: #fff;
}

.box-beta {display: none; background-color: #5a759d; color: #fff; border-radius: 0;}
.beta-header {margin: 0; font-size: .9em;}
.beta-header p {position: relative; margin: 0 190px 0 0; padding-right: 250px; line-height: 1.2em;}
.beta-header a {color: #fff;}
.beta-header button.btn {position: absolute; top: 6px; right: 5px; padding: 3px 7px; text-decoration: none;}
.beta-header .btn-faq {position: absolute; top: 0; right: 5px; padding: 3px 7px; background-color: #fa9370; border-color: transparent;}
.beta-header .btn-faq:hover, .beta-header .btn-faq:focus {background-color: #c75704; color: #fff;}

.box-opened {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 .2em 0 .4em;
	border-top: 6px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.box-closed {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 .2em 0 .5em;
	border-top: 4px solid transparent;
	border-left: 6px solid;
	border-bottom: 4px solid transparent;
}

/* access */
.main-header .box-access {
 padding: 5px; 
 background-color: #fae94f; 
 border: 0;
 box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.box-access .icon-lock {
 float: left;
 font-size: 16px;
 line-height: 23px;
 color: #fa6863;
 margin-right: 1em;
 vertical-align: middle;
 margin-left: 5px;
}
.box-access .box-content {margin-left: 0;}
.box-access-content {margin: 2px 0 0 12px; font-size: 1em;}
.box-access-content ul {margin-bottom: 5px;}
.box-access-content p:first-child {margin-bottom: .8em;}
.box-access-content p:only-child {margin-bottom: .2em;}

.main-header h2 .icon-lock {
 font-size: 16px;
 vertical-align: text-top;
 color: #fa6863;
 margin-left: 1em;
}

/* assessment */
.box-assess {
 display: inline-block; 
 width: 155px; 
 padding: .5em; 
 background-color: transparent; 
 border-width: 0; 
 border-style: solid; 
 border-radius: 0; 
 text-align: center;
}
.box-assess .fonticon {height: 50px; width: 50px; margin-bottom: .3em; border-radius: 0; color: #fff; line-height: 2.2em; font-size: 1.7em;}
.box-assess strong {display: block; margin: .3em 0 1em;}

.assess-neutral {border-color: none;}
.assess-neutral .fonticon {background-color: #00305d;}

.assess-passed {border-color: #00305d;}
.assess-passed .fonticon {background-color: #5caa7f;}

.assess-notpassed {border-color: #F8E3DF;}
.assess-notpassed .fonticon {background-color: #c33b26;}

.assess-mark, .assess-additional, .assess-date {color: #999;}
.assess-additional {margin-top: 2em;}
.assess-mark small {display: block;}

/* mobile */
.mobile .assess-container {margin: 0 5px; padding: 0 0;}
.mobile .box>table {font-size: 1.1em;}

.mobile .box-beta {margin-bottom: 2em;}
.mobile .box-beta>p {font-size: 1em;}

/************* HELP *************/
.ui-dialog .btn-group.help {z-index: 1;}

/****************************
	HEADER
****************************/

.main-header {
 margin-bottom: 0; 
 padding: .3em; 
 border-bottom: none; 
 background-color: #00305d;
 background-image: url("undime-logo-colored-simple.png");
 background-position: left top;
 background-size: contain;
 background-repeat: no-repeat;
 padding-left: calc(21%);
 color: #fff;
}

.resource-header .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.course-preview .resource-header .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.resource-header h2 a {color: #00305d; text-decoration: none;}
.resource-header-mobile h2 a {color: #00305d;}

.resource-header.no-title .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.mobile .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.resource-header-mobile .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.manage-groups .main-header {
 margin-bottom: 0; 
 padding: .3em; 
 border-bottom: none; 
 background-color: #00305d;
 background-image: url("undime-logo-colored-simple.png");
 background-position: left top;
 background-size: contain;
 background-repeat: no-repeat;
 padding-left: calc(21%);
 color: #fff;
}

.courses .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.course-preview .main-header {
 margin-bottom: 0; 
 padding: .3em; 
 border-bottom: none; 
 background-color: #00305d;
 background-image: url("undime-logo-colored-simple.png");
 background-position: left top;
 background-size: 150px;
 background-repeat: no-repeat;
 padding-left: calc(21%);
}

.content-container {
 margin-top: 1em;
}
.coursemenu-container .popover {max-width: 250px; background: #def4e1;}

.ep-map .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.login .main-header {
 background-color: #def4e1;
 background-image: none;
 color: #00305d;
 padding-left: 0;
}

.alternative-login a {
    display: inline-block;
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #00305d;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
}

/****************************
	FOOTER
****************************/
.page-footer {background: #fae94f; border-top: 5px solid #00305d; font-size: .9em;}
.page-footer-links {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; min-height: 35px;}
.page-footer-links li {margin: 0 .8em;}


/****************************
	NAVIGATION
****************************/

.nav > .active {background-color: #00305d;}
.nav > .active > a, .nav .active > a:hover, .nav > .active > a:focus {color: #fff; text-decoration: none; background-color: #00305d;}
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent;}

.mainnav:after {clear: none;}

.nav-search-placeholder, .nav-search, .nav-container>h3,
.adnav {display: none;}

li.dynamic-tab {border-radius: 5px 0 0 0;}

/****************** SUBNAV ******************/
.mainnav {margin-right: 1.5em; padding-right: 1.5em;}
.subnav > li {background-color: rgba(255, 255, 255, .7);}
.subnav > li > a {
	padding-right: 15px;
	color: #00305d;
	text-decoration: none;
	border-radius: 5px 0 0 0;
}
.btn-close {
	position: absolute;
	top: -7px;
	right: -4px;
	width: auto;
	height: auto;
	background: none transparent;
	font-size: 1.3em;
	color: #fff;
}
.btn-close:hover .fonticon, .btn-close:focus .fonticon, .btn-close:active .fonticon {color: #fa6863;}


/****************************
		MOBILE NAVIGATION
****************************/
.mobile .nav-container {background-color: #434343;}

.mobile .nav-search-placeholder {display: block; position: absolute; height: 57px; width: 260px; z-index:50000;}

.mobile .nav-search {position: relative; display: block; padding: .5em; border-bottom: 1px solid #363636;}
.mobile .nav-search input {background: #707070; border-color: #707070; font-size: 1.1em; color: #b1b1b1;}

.mobile .nav-search input::-webkit-input-placeholder { /* WebKit browsers */ color: #b1b1b1;}
.mobile .nav-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b1b1b1; opacity:  1;}
.mobile .nav-search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b1b1b1; opacity:  1;}
.mobile .nav-search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b1b1b1;}

.mobile .nav-search .btn {position: absolute; top: 11px; right: 10px; color: #3B3B3B;}
.mobile .nav-search .box-danger {position: absolute; top: 35px; right: 6px; z-index: 1;}

.mobile .nav-container>h3 {display: block; margin: 0; padding-left: .3em; background-color: #656565; color: #ddd; font-size: .9em; text-transform: uppercase; line-height: 1.8em;}
.mobile .nav,
.mobile .nav > li {float: none; margin: 0; padding: 0; background-color: transparent;}
.mobile .nav > li {border-bottom: 1px solid #363636; border-radius: 0;}

.mobile .nav > li > a {padding: 1em 1.5em; border-left: 5px solid #0099bc; font-size: 1.1em; color: #DBDBDB;}
.mobile .adnav {display: block;}
.mobile .adnav > li > a {padding-left: 0; border-left-color: transparent;}
.mobile .adnav > li > a:hover, .mobile .adnav > li > a:focus, .mobile .adnav > li > a:active {text-decoration: none;}
.mobile .adnav .badge {float: right; background-color: #292929; color: #7f7f7f;}
.mobile .adnav .badge.important {background-color: #fa9370; color: #fff;}
.mobile .adnav .fonticon {margin-right: .5em; color: #292929; text-shadow: 0px 0px 1px rgba(255,255,255, .2);}

.mobile .nav > li > a:hover, .mobile .nav > li > a:focus, .mobile .nav > li > a:active,
.mobile .nav > li.active a,
.mobile .nav > .active > a, .mobile .nav .active > a:hover, .mobile .nav > .active > a:focus {background-color: #777; color: #eee;}
.mobile .nav > li.active a {background-image: url(images/navigation/menu-corner.png); background-repeat: no-repeat; background-position: right center;}

.mobile .btn-close {width: 40px; height: 100%; top: 0; right: 0; color: #fff;}
.mobile .btn-close:hover .fonticon, .mobile .btn-close:focus .fonticon, .mobile .btn-close:active .fonticon {color: #656565;}


/****************************
	MENU / JSTREE
****************************/
.menu {margin: 0 -7px; padding: 0.5em 0; overflow: hidden; margin-top: 1em;}
.mobile .menu {padding: 0;}
.menu-empty-info {margin: 1em 0;}

.menu-category {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc;}

.menu .jstree-default .jstree-container-ul .jstree-node>.jstree-children {border-top: 1px solid #00305d;}
.menu .jstree-default .jstree-container-ul .jstree-node .jstree-children .jstree-children {border-top: 1px solid #00305d;}
.menu .jstree-default .jstree-container-ul>.jstree-node>.jstree-anchor {font-weight: bold;}

/*.menu .jstree-default .jstree-children>li {}*/
.menu .jstree-default .jstree-children>li a:hover, .menu .jstree-default .jstree-children>li a:focus {background-color: #00305d; color; #fff;}
.menu .jstree-default .jstree-children>li a.jstree-disabled:hover, .menu .jstree-default .jstree-children>li a.jstree-disabled:focus {background-color: transparent;}
.menu .jstree-anchor {position: relative; display: block; margin-left: 24px; border-radius: 0;}
.menu .jstree-ocl {float: left;}

.menu .jstree-container-ul>.jstree-node>.jstree-children>.jstree-node {margin-left: 0;}

.jstree-default .jstree-clicked {background-color: #00305d; color: #fff; box-shadow: none;}
.jstree-default .jstree-hovered {background-color: #00305d; color: #fff;}
.jstree-default .jstree-disabled {color: #00305d;}
.jstree-default .jstree-disabled:hover {cursor: not-allowed;}

.jstree-node.calendar,
.jstree-node.efficiency-statement,
.jstree-node.glossary {margin-top: .5em; padding-top: .5em; border-top: 3px solid #00305d;}
.jstree-node.calendar + .jstree-node.efficiency-statement,
.jstree-node.glossary + .jstree-node.calendar,
.jstree-node.glossary + .jstree-node.efficiency-statement {margin-top: 0; padding-top: 0; border-top: none;}

.menu .jstree-default .jstree-container-ul>.jstree-node>.efficiency-statement,
.menu .jstree-default .jstree-container-ul>.jstree-node>.calendar,
.menu .jstree-default .jstree-container-ul>.jstree-node>.glossary {font-weight: normal;}

.gutter-horizontal {float: left; border-right: 1px solid #00305d; min-height: 100px;}
.gutter-horizontal:hover {cursor: w-resize;}

.hide-course-tree {
  position: absolute;
  left: 0;
  width: 15px;
  background: #def4e1;
  height: -webkit-fill-available;
}
.hide-course-tree a {display: block; height: 100%;}
.hide-course-tree a .fonticon {height: 100%; width: 100%; line-height: 65px; text-align: center;}

.jstree-default .jstree-anchor {
    line-height: 40px;
    height: 40px;
}

.jstree-default .jstree-icon:empty {
    width: 30px;
    height: 40px;
    line-height: 40px;
}

/* assessment */
.jstree-anchor span[class*="assess"],
.st-mobile-nav span[class*="assess"] {
	position: absolute;
	right: 0;
	top: 3px;
	height: 17px;
	width: 17px;
	padding-top: 0;
	border-radius: 0;
	font-size: .8em;
	color: #fff;
	line-height: 17px;
  text-align: center;
  opacity: .8;
margin: 9px;
}
.mobile .jstree-anchor span[class*="assess"],
.mobile .st-mobile-nav span[class*="assess"] {right: 28px; top: 33%;}

.jstree-anchor .assess-passed.icon-checkmark,
.st-mobile-nav .assess-passed.icon-checkmark {background-color: #fa6863;}
.jstree-anchor .assess-open.icon-checkmark,
.st-mobile-nav .assess-open.icon-checkmark {
background-color: #fa6863;

}
.jstree-anchor .icon-close,
.st-mobile-nav .icon-close {background-color: #fa6863;}

/* mobile */
.mobile.course .menu-container.open {position: absolute; top: 93px; width: 92%; padding: 0; background: #f5f5f5; z-index: 1; box-shadow: 2px 2px 6px 4px #ddd;}
.mobile .hide-course-tree {position: fixed; top: 130px; width: 30px; z-index: 9; background-color: #ddd; opacity: .6;}
.mobile .hide-course-tree:hover, .mobile .hide-course-tree:focus, .mobile .hide-course-tree:active {background-color: #00305d;}
.mobile .menu {margin: 0;}
.mobile .menu-empty-info {margin: 0;}
.mobile .menu-empty-info .btn {margin: 1em 0;}
.mobile.course .menu-empty-info .btn {display: none;}

.mobile .menu .jstree-default .jstree-children>li {border-bottom: 1px solid #ccc;}
.mobile .menu .jstree-default .jstree-children>li:last-child {border-bottom: none;}

.mobile .jstree-default .jstree-anchor {height: 3.3em; font-size: 1.2em; line-height: 3.3em; padding-left: .5em; background-image: url(images/icons/arrow-list.png); background-position: right center; background-repeat: no-repeat;}
.mobile .jstree-default .jstree-anchor * {vertical-align: middle;}

.mobile .jstree-no-dots .jstree-open>.jstree-ocl {height: 3.3em; background-position: -33px 12px;}
.mobile .jstree-no-dots .jstree-closed>.jstree-ocl {height: 3.3em; background-position: -1px 12px;}

.mobile.course .jstree-title {display: inline-block; max-width: 80%; overflow: hidden;}
.mobile .menu-course .jstree-container-ul>.jstree-node:first-child>.jstree-icon,
.mobile .menu-course .jstree-container-ul>.jstree-node:first-child>.jstree-anchor {display: none;}

.mobile .jstree-node.calendar,
.mobile .jstree-node.efficiency-statement,
.mobile .jstree-node.glossary {margin-top: 0; padding-top: 0;}


/****************************
	CONTENT
****************************/
.fluid-container {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
.main-content {margin: 0 1em; margin-top: 1em;}
.mobile .main-content {margin: 0; margin-top: 1em;}

.system-msg {margin: 0; border-radius: 0;}
.course-view-msg {margin-top: 0; padding-left: 19px; background-color: #fae94f; color: #00305d; border-radius: 0;}
.privacy-info {margin: 2em 0; font-size: .9em; color: #00305d;}

/************* NOTIFICATIONS *************/
.notification:hover, .notification:focus {text-decoration: none;}
.notification .icon-bell {display: none;}

.notification-container .popover {display: block;}

.notification-container .list-group-item>.fonticon {padding: 15px 0 0 15px; font-size: 1.5em;}
.notification-container .list-group-item>.list-group-item-heading {padding: 15px 25px 0 45px;}
.notification-container .list-group-item>.list-group-item-text {padding: 0 25px 15px 45px;}
.notification-container .list-group-item-link {min-height: initial;}
.notification-container .list-group-item ul {margin: -10px 0 15px 0; list-style-type: none;}
.notification-container .list-group-item-text ul {margin: 0; padding-left: 0;}
.notification-container .list-group-item .btn-group {margin: 0 0 .5em 45px;}

.notification-container .popover-content {padding: .2em;}

/* mobile */
.mobile .notification {margin: 0;}
.mobile .notification .icon-bell {display: block;}

/************* QUICKACCESS *************/
.quickaccess li {float: left; padding: .3em;}
.quickaccess .dropdown li {float: none; padding: 0;}
.quickaccess:before, .quickaccess:after {content: " "; display: table;}
.quickaccess:after {clear: both;}

.quickaccess-label {display: inline-block; font-size: .9em; line-height: 1.2em;}

.quickaccess .btn-big {position: relative;}
.course-scenario.quickaccess .btn-big {width: 150px;}

/************* RESOURCE LINK LIST (CHOOSE ONE OR MORE RESOURCES) *************/
.resource-link-list a {display: inline-block; padding: .2em;}
.resource-link-list-main {color: #888 !important;}
.resource-link-list-main:hover, .resource-link-list-main:focus, .resource-link-list-main:active {background-color: #eee; text-decoration: none;}
.resource-link-list-main span {vertical-align: middle;}
.resource-link-list-sub {padding-left: 2em; padding-bottom: .5em;}
.resource-link-list-sub .selected {background-color: #ced9ea;}

/************* SEARCH *************/
.search-filter {display: inline-block; margin: 1em 0; white-space: nowrap;}
.search-keyword {color: #c75704;}
.advanced-search .checkbox {margin-top: 0;}
.advanced-search .checkbox-inline {padding: 0 .5em 0 0;}
.advanced-search .box-light {margin: .5em 0 2em 20px; padding: .5em 1em;}
.advanced-search .control-label {display: block;}

/************* CONTENT-PREVIEW *************/
.content-preview-container:before, .content-preview-container:after {content: " "; display: table;}
.content-preview-container:after {clear: both;}

.content-preview {position: relative; float: left; height: 15em; width: 12em; margin: .3em; padding: .3em; overflow: hidden; border: 1px solid #ccc;}

.content-preview>a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.content-preview>a:hover, .content-preview>a:focus {background: rgba(0, 0, 0, .1);}

.content-preview-img {width: 100%; height: 7em; overflow: hidden; text-align: center;}
.content-preview-img>img {display: inline-block; width: 100%;}
.content-preview-img .fonticon {width: 100%; height: 100%; padding-top: 15px; background-color: #ddd; font-size: 64px;}
.content-preview-main {padding: .5em 0.3em;}
.content-preview-main .content-preview-title {display: block; line-height: 1em;}
.content-preview-main>small {color: #999;}
.content-preview-main>a, .content-preview-desc {line-height: 1.2em;}
.content-preview-desc {margin-top: .5em; font-size: .9em;}
.content-preview-info {margin-top: 1em; font-size: .9em;}
.content-preview-fav {float: left; height: 100%; padding-top: 40px;}
.content-preview-functions {display: flex; align-items: center; position: absolute; right: 0; top: 0; height: 100%; z-index: 1;}
.content-preview-functions .btn {display: block;}

.preview-content-btn-container {position: absolute; top: .6em; right: .5em;}
.group-overview .preview-content-btn-container {top: 25px; right: 35px;}

/* horizontal*/
.content-preview-horizontal {display: flex; float: none; width: 100%; height: 9em; margin: 0; padding: .5em 0; border-width: 0 0 1px 0;}
.content-preview-horizontal .content-preview-main {height: 8em; margin-right: 40px; padding-top: 0; overflow: hidden;}
.content-preview-horizontal .content-preview-img {flex: 0 0 100px; margin-right: 1em;}
.content-preview-horizontal .content-preview-img .fonticon {padding-top: 17px; background-color: transparent; color: #00305d;}
.content-preview-horizontal .content-preview-img .icon-blocked {color: #555;}
.content-preview-horizontal .content-preview-img>img {width: auto; height: 100%;}
.content-preview-horizontal .content-preview-author,
.content-preview-horizontal .content-preview-date {font-size: .85em;}
.content-preview-horizontal .content-preview-author a,
.content-preview-horizontal .content-preview-date a {color: #999;}

.learn .content-preview-horizontal>a {left: 30px;}

/*resource details*/
.resource-details {height: auto; margin-bottom: 2em; padding: 1%; border: 0; border-radius: 0;}
.resource-details .content-preview-img {flex: 0 0 150px; width: auto; height: auto;}
.resource-details .content-preview-img .fonticon {padding-top: 0;}
.resource-details .content-preview-img img {height: auto; width: 100%;}
.resource-details .content-preview-main {height: auto; margin: 0; padding: 0;}
.resource-details .content-preview-desc {clear: both;}
.resource-details .content-preview-title {font-size: 1.3em;}
.resource-details .content-preview-author a {color: #0e7b96;}

.mobile .resource-details {min-height: inherit; padding: .5em .8em; background: transparent; border: 0; box-shadow: none;}
.mobile .resource-details .content-preview-main {margin: 0;}
.mobile .resource-details .content-preview-img .fonticon {display: none;}
.mobile .content-preview-desc {clear: both;}

/************* COURSE *************/
.course-switcher {}

.course-subtitle {margin-bottom: 1em;}
.course-desc {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaa;}
.course-desc:empty {margin: 0; border: none;}
.course-desc p, .repo-desc p {
    margin-bottom: 1.25em;
    line-height: 1.5em;
    font-size: 1em;
}

.course-node h3 {margin: 2em 0 .5em;}

.course-toc-entry {max-height: 100%; margin: 1em 0; padding: 1em .5em; overflow: auto;}
.course-toc-entry h3 {margin: 0 0 .5em;}
.course-toc-entry.passed {border: none; background-color: #C3DFC0;}
.course-toc-entry .icon-close {color: #c33b26;}
.course-toc-entry .icon-checkmark {color: #5caa7f;}
.course-toc-entry .list-group {margin: 1em 0 -1em 0;}
.course-toc-entry .list-group-item {border-bottom: none; border-top: 1px solid #D9D9D9;}

.course-toc-content img {width: auto; max-width: 100%; max-height: 200px;}
/* .course-toc-content .iframe-container iframe {max-height: 300px;} */
.single-page-editor .mce-edit-area {max-height: 700px; overflow: auto;}

.notes h2 {margin: 1em 0 .5em 0;}

/* MOBILE */
.mobile .course-node {margin: 0 -10px;}


/************* PROGRESS *************/
.resource-header.progress-0,
.jstree-anchor.progress-0 {border-left: 3px solid #00305d;}
.resource-header.progress-50,
.jstree-anchor.progress-50 {border-left: 3px solid #a7c3c0;}
.resource-header.progress-100,
.jstree-anchor.progress-100 {border-left: 3px solid #def4e1;}

.resource-header.progress-100 .progress-done {padding: 7px 8px; color: #00305d; border: none; border-radius: 0px; vertical-align: middle;}

/************* COURSE PREVIEW *************/
.course-preview {
    background: repeating-linear-gradient(
            -55deg,
            #def4e1,
            #def4e1 20px,
            #8ace92 20px,
            #8ace92 30px
    );
}

.course-preview .nav .active.dynamic-tab,
.course-preview .menu,
.course-preview .content-container-inner {background-color: #def4e1;}
.course-preview .main-header .box-access {background-color: #fae94f;}
.course-preview .main-header,
.course-preview .resource-details,
.course-preview .menu .jstree-default .jstree-container-ul .jstree-node>.jstree-children,
.course-preview .jstree-node.calendar,
.course-preview .jstree-node.efficiency-statement,
.course-preview .jstree-node.glossary {border-color: #00305d;}
.course-preview .resource-details {background-color: #def4e1;}
.course-preview .content-preview-horizontal .content-preview-img .fonticon {color: #fff;}

.course-preview .gutter-horizontal {border-right-color: #def4e1;}
.course-preview .hide-course-tree {background-color: #def4e1;}
.course-preview .hide-course-tree a {color: #fa6863;}

/************* GROUPS *************/
.group-overview {margin: .5em;}
.group-overview h3 {margin: 2em 0 .5em 0; font-weight: bold;}
.group-overview .resource-details .content-preview-main {padding: 1.2em 0 0 0;}

/* EDIT GROUPS */
.manage-groups .nav .active.dynamic-tab {background-color: #def4e1;}
.manage-groups .main-header {background-color: #00305d; border-bottom-color: none;}
.manage-groups .content-container .main-header {
 margin-top: 1em;
 background-color: #def4e1; 
 border-bottom-color: none;
 background-image: none;
 padding-left: 0;
 color: #00305d;
}

.manage-groups .menu-groups .jstree-container-ul {background-color: #def4e1; height: 40px;}
.manage-groups .menu-groups .jstree-clicked,
.manage-groups .menu-groups .jstree-default .jstree-children>li a:hover,
.manage-groups .menu-groups .jstree-default .jstree-children>li a:focus {background-color: #00305d;}

.manage-groups .menu-course .jstree-container-ul .jstree-children,
.manage-groups .menu-course .jstree-node.calendar,
.manage-groups .menu-course .jstree-node.efficiency-statement,
.manage-groups .menu-course .jstree-node.glossary,
.manage-groups .menu-course .jstree-default .jstree-container-ul .jstree-node>.jstree-children {display: none;}
.manage-groups .menu-course .jstree-container-ul {background-color: #def4e1; cursor: not-allowed;}
.manage-groups .menu-course .jstree-container-ul a {cursor: not-allowed;}
.manage-groups .menu-course .jstree-container-ul li.node-root > .jstree-icon {display: none;}

.manage-groups .btn-table-filter .btn {max-width: 200px; overflow: hidden; text-overflow: ellipsis;}
.manage-groups .btn-table-filter .dropdown-menu {max-height: 400px; min-width: 240px; overflow: auto;}
.manage-groups .btn-table-filter .dropdown-menu li .checkbox {max-width: 290px; overflow: hidden; text-overflow: ellipsis;}

.group-edit fieldset>div {padding: 0 25px;}
.form-subgroup.group-config-wl {margin: 0;}
.group-edit-config input.form-control {display: inline-block; width: auto;}
.group-config-wl .control-label,
.group-config-disenrol .control-label {font-weight: normal;}
.group-config-invite+label,
.group-config-disenrol-input+label {font-weight: bold;}
.group-edit .form-inline {margin-top: 3em;}
.group-config-disenrol .form-inline,
.jq-fold-group-config-auto .form-inline {margin-top: 0;}
.group-edit-config .group-config-invite {margin: 2em 0;}

.group-memberlist-export .table-neutral {margin: 1em 0;}
.group-memberlist-export .table-neutral tr,
.group-memberlist-export .table-neutral th,
.group-memberlist-export .table-neutral td {padding: 3px; border: 1px solid #aaa;}
.group-memberlist-export .table-neutral tbody>tr:nth-child(odd) {background-color: transparent;}

/************* COURSE & GROUP NODES *************/
.resource-function-mobile {margin: 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.resource-function-mobile .col-xs-6 {padding: 0; border-right: 1px solid #ccc;}
.resource-function-mobile .col-xs-6:last-child {border: none;}
.resource-function-mobile .btn {border: none; border-radius: 0;}

.mobile .resource-notmobile {margin-bottom: 1.5em;}

.post-date {
	float: left;
	width: 68px;
	height: 51px;
	padding: 11px 5px;
	background-color: #E0E9F0;
	text-align: center;
	}
.post-date-day {
	display: block;
	line-height: 0.9em;
	font-weight: bold;
	font-size: 1.2em;
	}
.post-date-year {font-size: .8em;}

.post-header {position: relative; min-height: 51px; margin-top: 0;}
.post-header h3 {margin: 0 140px 0 0; font-size: 1em; line-height: 1.5em; font-weight: bold;}
.post-header p {margin: 0 140px 0 0; font-size: .85em;}

.post-user {float: left; width: 35px; height: 35px; margin: .7em; overflow: hidden;}
.post-user img {width: 100%;}
.post-user .fonticon {width: 100%; height: 100%; padding: 5px 0 0 8px; background-color: #B6B6B6; font-size: 1.5em; color: #fff;}

.post-heading {min-height: 51px; margin-left: 75px; padding: 7px 5px; background: #e1e1e1;}
.post-functions {position: absolute; top: 0; right: 0; padding: 10px;}

.post-content, .post-edit, .post-attach {margin: .5em;}
.post-content img {max-width: 100%; height: auto;}

.post-attach {margin-top: 1em; padding-top: 1em; border-top: 1px solid #ccc;}
.post-media .mejs__mediaelement video {max-width: 100%;}

.post-footer {padding: .5em 1.2em 0 .3em; background: #eee; text-align: right;}
.post-footer>div {position: relative; display: inline-block;}
.post-footer .btn {color: #666;}
.post-footer .badge {position: absolute; top: -4px; left: 18px; min-width: 15px; line-height: 1.5em; font-size: .7em;}
.post-footer .post-dislike .badge {left: 22px;}

.post-footer .btn:hover, .post-footer .btn:focus,
.post-footer .marked .btn {color: #0099bc;}
.post-footer .marked .badge {background-color: #0099bc;}

.post-upload {margin-bottom: 1em;}

.run-container {
 display: flex;
 justify-content: flex-end;
}
.run-container .btn-big {
 flex-shrink: 0;
 align-self: flex-start;
 margin-right: 1em;
 width: 134px;
 margin-left: 23px;
}
.run-container .box {flex-grow: 1; margin: 0;}
.run-container-tooltip {}

/* mobile */
.mobile .run-container {margin: 0 5px;}
.mobile .post-footer {padding: .5em;}
.mobile .post-footer .fonticon {font-size: 24px;}
.mobile .post-footer .badge {left: 20px;}
.mobile .post-footer .post-dislike .badge {left: 27px;}
.mobile .post-like {margin-right: 10px;}

/* ENROLLMENT | DATE ENROLLMENT */
.enrollment h3 {margin: 1em 0 0 0; font-size: 1.3em;}
.enrollment .box .enrollment-status {margin-bottom: 1em; font-size: 1.2em; color: #7F7F7F;}
.enrollment-desc {margin: 1em 0;}
td.enroll-state {position: relative;}
td.enroll-state .badge, .badge.enroll-state {position: absolute; min-width: 17px; line-height: 1.4em; font-size: .8em;}
td.enroll-state .badge {left: 17px; top: 2px;}

.enrollment .list-group-item-link {padding-right: 80px;}
.enrollment .list-group-item-heading {white-space: nowrap; overflow: hidden;}

/* mobile */
.mobile .enrollment .box-neutral {margin-top: 1em;}
.mobile .enrollment .list-group-item .enroll-state {width: 17px; left: 27px; top: 7px; right: 0; font-size: .7em;}
.mobile .enrollment-heading {position: relative;}
.mobile .enrollment-heading .enroll-state {left: 18px; top: -6px;}
.mobile .enrollment-heading .fonticon {float: left; min-height: 2em; width: 1.5em; font-size: 1.5em;}
.mobile .enrollment-heading .icon-checkmark {color: #8EC936;}

.mobile .den .table-neutral {margin-bottom: 2em;}

/* FORUM */
.forum-overview .box-neutral {margin: 1em 5px;}
.forum-overview .list-group-item-link {padding-right: 80px;}
.forum-overview .list-group-item-heading {white-space: nowrap; overflow: hidden;}

.forum-post-container {margin: 1em 0;}
.forum-post {border: 1px solid #ccc;}

.forum-post .post-heading {margin-left: 50px;}
.forum-post .post-header {background-color: #e1e1e1;}
.forum-post.best>.post-header {background-color: #5a759d;}
.forum-post.new>.post-header:before,
.forum-post.marked>.post-header:before {
	position: absolute;
  left: -1px;
  top: 0;
  height: 100%;
	content: " ";
}
.forum-post.new>.post-header:before {border-left: 5px solid #00afd7;}
.forum-post.marked>.post-header:before {border-left: 5px solid #fa9370;}
.forum-post.new .post-heading,
.forum-post.best .post-heading,
.forum-post-2 .post-heading {background-color: transparent;}

.forum-post.best>.post-header .post-heading,
.forum-post.best>.post-header .post-info a {color: #fff;}
.forum-post.best>.post-header .btn.best {background-color: #ced9ea;}

.forum-post-1 .forum-post {border-width: 0;}
.forum-post-1 {border-width: 1px 0 1px 1px;}
.forum-post-2 .post-header {background: #f3f3f3;}

.forum-post-quote, .b_quote_wrapper,
.forum-post .post-content blockquote {margin: .7em .5em; padding: .5em; border-left: 2px solid #7C9ACB; font-style: italic; font-size: 1em;}
.b_quote_author {font-weight: bold;}
.forum-post-quote blockquote, .b_quote {margin: .5em 0; line-height: 1.2em;}

tr.hasNew {background-color: #ced9ea !important;}
.icon-sticky:before {content: "\e173";}
.icon-closed:before {content: "\e16c";}
.icon-hidden:before {content: "\e172";}
.icon-thread:before {content: "\e164";}

.forum-thread-new {margin: 1em 0; padding: 1em; background-color: #eee; border: 2px solid #ccc;}
.fo .post-edit {padding: 1em; background-color: #eee; border: 2px solid #ccc;}

.forum-view {float: right;}
.forum-view .form-group div {display: inline-block;}

/* anonymous */
.forum-post.not-released {border-style: dashed; border-width: 2px;}
.forum-post .not-released {border-width: 2px 0 2px 2px;}

/* mobile */
.mobile .forum-post {border: none;}

/* E-MAIL | CONTACT */
.contact-form-cont {margin-left: 2em;}
.contact-form {margin-top: 2em;}

/* mobile */
.mobile .contact-form-container {margin: 5px;}

/* FOLDER */
.folder .list-group-item-heading,
.folder .list-group-item-text {white-space: nowrap; overflow: hidden;}
.folder .breadcrumb {margin: 0; padding: 0 0 .5em 0; background-color: transparent;}

/* INFO */
.mobile .info .post-content {margin-left: .5em;}

/* FEED | BLOG | PODCAST */
.box-draft {background: transparent; border: 2px dashed #ccc;}
.box-draft .post-heading,
.box-draft .post-date {background: #f1f1f1;}
.box-scheduled {background: transparent; border: 2px dashed #C3DFC0;}
.box-scheduled .post-date {background: #C3DFC0;}

.mobile .feed-btn-container {margin: 0 .8em;}

/* TEST | SURVEY */
.iqsurv .run-container .btn-big {font-size: .95em;}
.test-state-info {margin-bottom: .5em;}
.test-state-info .icon-clock {font-size: 1em;}

/* ASSESSMENT */
.box-assess-extended {display: flex; margin: 0;}
.box-assess-extended .box-assess {
 flex-shrink: 0; 
 align-self: flex-start; 
 margin-right: 1em;
}
.assess-info {position: relative; flex-grow: 1; text-align: left;}
.assess-info .text-warning {margin: .3em 0 1em 0;}

.assess-info .icon-close,
.list-group-item .icon-close {color: #c33b26;}
.assess-info .icon-checkmark,
.list-group-item .icon-checkmark {color: #5caa7f;}

.assess-container a {font-family: 'Roboto Slab', serif; font-weight: 300;}

.ms .assess-container {border: none; padding: 0 0;}
.ms .dl-horizontal dt {width: 210px; text-align: left; }
.ms .dl-horizontal dd {margin-left: 220px;}

.assess-average {position: absolute; right: 5px; top: 5px;}
.assess-average .popover {left: -160px !important; max-width: 165px;}
.assess-average .popover-content {text-align: center;}
.assess-average .popover-content strong {display: inline-block; margin-bottom: 1em;}
.assess-average .popover-content .fonticon {height: 50px; width: 50px; font-size: 3em;}

/* GLOSSARY */
.glossary-entry {border-bottom: .2em dotted #D9AB55; color: #00305d;}
.glossary-entry:hover, .glossary-entry:focus, .glossary-entry:active {text-decoration: none; border-bottom-style: solid; color: #00305d;}

.glossary-title {display: block; margin-bottom: .5em; border-bottom: 1px solid #D9AB55;}
.glossary-def {line-height: 1.2em;}

.glossary-box {border-left: 4px solid #0099bc; background-color: #eee; border-radius: 0;}
.glossary-box small {}

/* WIKI */
.wiki-create {float: left;}
.wiki-create .box-danger {display: inline-block; margin: 0;}
.wiki-datamanagement {float: right;}
.wiki .table-header {height: 45px;}

.wiki-menu {margin-top: 1em; overflow: hidden;}
.wiki-content {margin-top: 1em; border-left: 1px solid #ccc;}
.wiki-heading {position: relative; margin: 0 0 1em 0; padding-bottom: .5em; border-bottom: 1px solid #ccc;}
.wiki-heading h3 {font-size: 1.3em;}
.wiki-heading .btn {position: absolute; right: 0; top: 0;}

.wiki-content .imgright {clear:right; float: right; margin: 0.3em 0em 0.3em 0.3em; text-align: right;}
.wiki-content .imgleft {clear:left; float: left; margin: 0.3em 0.3em 0.3em 0em; text-align: left;}
.imgcenter {clear: both; margin: 0.3em 0em 0.3em 0em; overflow: hidden; text-align: center;}
.wiki-content .imgcaption {padding: 0.3em 0em 0.2em 0.3em;}
.wiki-content td {padding: .2em .3em;}
.wiki-content a[rel="direct"],
.wiki-content .externallink {text-decoration: underline;}
.wiki-content dd {margin-left: revert;}

.wiki-content .edit {color: #c33b26;}

.wiki-version {overflow: auto;}

/* edit */
.wiki .btn-toolbar {margin-bottom: .5em;}
.wiki-content .btn-toolbar .dropdown-menu li {position: relative;}
.wiki-content .btn-toolbar .dropdown-menu a {margin-right: 2.5em;}
.wiki-content .btn-toolbar .dropdown-menu .btn {position: absolute; right: 0; top: 0; margin-right: .3em;}

.wiki-content textarea {min-height: 400px;}

/* categories */
.wiki-category {}
.wiki-category-group {}
.wiki-category-group h4 {font-size: 1.2em; font-weight: bold;}
.wiki-category-group ul {margin: 0.3em 0 0 1.6em; padding: 0;}

/* mobile */
.mobile .wiki .box {margin: 1em 5px;}

/* CHECKLIST */
.cl .list-group-item .list-group-fav {width: 40px; margin: 5px;}
.cl .list-group-item-text {
 margin: 0 50px 0 35px;
 font-size: 1em;
 line-height: 1.5em;
}

/* TASK */
.task-container {margin-bottom: 2em;}
.mobile .task-container .list-group-item-link {margin-right: 65px;}

/* PROJECTBROKER */
.projectbroker .list-group-item-link {padding-right: 80px;}
.projectbroker .list-group-item-heading {white-space: nowrap; overflow: hidden;}

.projectbroker-details {margin: 1em;}
.projectbroker-details h3 {margin: 0 0 1em; font-weight: bold;}

.projectbroker-solutions-user {margin-top: 2em;}
.projectbroker-solutions-user h3 {margin-top: .3em;}

/* FLASHCARD */
.fcs .fluid-container {padding: 0;}
.fcs .btn-big {position: relative; margin-bottom: .5em;}
.fcs .btn-big:focus, .fcs .btn-big:active {background-color: #fa6863; color: #fff;}
.fcs .btn-highlight, .fcs .btn-highlight:focus, .fcs .btn-highlight:active {background-color: #00305d;}
.fcs .form-group .form-group.checkbox {margin: 0;}
.fcs .form-group.checkbox .control-label {padding-left: 15px;}

/* mobile */
.mobile .fcs .fluid-container {padding: 0 15px;}
.mobile .fcs .btn-big {width: 120px;}
.mobile .fcs .panel {margin: .5em;}
.mobile .fcs .panel .box-info {margin: 1em 0;}

/* MEDIATHEK */
/* mobile */
.mobile .mediathek .menu-container {display: block; padding: 0 5px;}
.mobile .mediathek .menu-container .box-light>a {color: #777;}
.mobile .mediathek .col-md-10 {padding: 0;}

/* PROFILE (Steckbrief) */
.profile-dialog .main-header .btn-group {display: block; width: 85px; margin: 0 auto;}

.profile-entry, .profile-create {position: relative; height: 200px; width: 160px; padding: 0; background-color: #fff; overflow: hidden;}
.profile .profile-img {display: block; width: 100%; height: 100%; padding: 5px;}
.profile .profile-img img {display: inline-block; max-width: 100%; height: auto;}
.profile .profile-img .fonticon {
	height: 150px;
	padding: 25px 0 0 0;
	background-color: #eee;
	font-size: 5.5em;
	line-height: initial;
	color: #aaa;
	border-radius: 0;
}

.profile-user {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 100%;
	padding: .3em;
	line-height: 1.2em;
	color: #444;
	background: rgba(255, 255, 255, .8);
	white-space: normal;
}

.profile-entry.own {border-color: #0099bc;}
.profile-entry.own .profile-placeholder {color: #0099bc;}

.profile-list {margin-left: 5px;}
.profile-list>li {position: relative; padding: 0; margin: 0 20px 20px 0;}
.profile-list>li:first-child {margin-right: 17px;}
.profile-list>li .profile-delete {position: absolute; top: 5px; right: 5px;}

.profile-preview dl {margin: 15px;}
.profile-preview dd {margin-bottom: 1em;}

/* CP */
.btn.next {float: right;}

/* DIALOG */
.dialog .btn-big {width: 130px;}
.box-dialog {padding: 0 1em 1em 1em; background-color: transparent; border: 3px solid #ced9ea;}
.dialog tbody>tr:nth-child(odd) {background-color: transparent;}
.dialog tbody>tr.highlight {background-color: #ced9ea;}
.box-dialog .fluid-container {padding: 0;}

/* LTI */
.lti .btn-big {width: 200px;}
.lti .btn-big .fonticon {margin-top: 15px;}

.lti-data-info .table-neutral {margin: .8em 0; background-color: rgba(255,255,255,.7); border-radius: 0;}
.lti-data-info .table-neutral th,
.lti-data-info .table-neutral td {padding: .3em .5em;}

/* VC */
.vc a.btn-big {padding: 1.5em 0;}
.vc-room-settings {top: 30px; left: auto; right: 0; max-width: 500px; width: 500px;}
.vc-room-settings.popover>.arrow {right: 10px; left: auto;}
.vc-room-settings .checkbox {padding: 0;}
.vc-room-settings button {margin: .4em .4em 1em 0;}

/****************** CATALOG ******************/
.courses .main-header h2 {overflow: inherit;}
.courses div.list-group-item-link {width: 92%;}
.courses .content-container div.list-group-item-link .fonticon,
.courses .content-container div.list-group-item-link .list-group-item-heading,
.courses .content-container div.list-group-item-link .list-group-item-text {color: #bbb;}
.courses .content-container div.icon-right {background-image: none;}
.courses .list-group .popover {max-width: 800px;}

.tooltip-shift-right {left: 160px !important;}

.courses .popover-content .content-preview-img {float: left; width: 10em; height: 100%; margin-right: 1em;}
.courses .popover-content .content-preview-img>img {height: auto; min-height: initial; width: 100%;}
.courses .popover-content .content-preview-img+.content-preview-main {margin-left: 11em;}
.courses .popover-content .content-preview-main img {max-width: 200px; height: auto;}

.catalog-manage-entries .box-light {margin: 1em 0;}

/****************** INTERACTION | RATING | COMMENTS ******************/
.interaction .rating {float: right;}
.rating .btn {width: inherit;}
.rating strong {margin-right: .5em; vertical-align: middle;}

.comments .form-group {margin-top: .5em;}
.comments .forum-post-1 {margin-left: 0 !important; border-width: 1px;}

/****************** PEER REVIEW ******************/
.box-pr-info .dl-horizontal dd {margin-left: 21px;}
.box-pr-info .fonticon {width: 16px;}
.box-pr-info .dl-sub-heading {text-transform: uppercase;}

.box-pr-dialog .pr-review-date {float: right; margin-top: -20px; color: #999;}
.box-pr-dialog .pr-review-report {position: relative; height: 2em;}
.box-pr-dialog .pr-review-report>.btn {float: right;}
.box-pr-dialog .pr-review-report .popover {max-width: 400px; width: 400px; right: 0; left: initial; top: 18px;}
.box-pr-dialog .pr-review-report .popover .arrow {left: inherit; right: 20px;}

/* mobile */
.mobile .box-pr-info,
.mobile .box-pr-review,
.mobile .box-pr-feedback {margin: 0 5px;}

/****************** CALENDAR ******************/
.cal-list {margin: 2em 0;}
.cal-list li {margin: .5em 0;}
.cal-list-title {display: inline-block; min-width: 300px; padding: .4em; color: #fff;}

.cal-list .popover-content {padding: 1em;}
.cal-list .popover a {word-wrap: break-word;}

.cal-color-private .cal-list-title,
.fc-event.cal-color-private {background-color: #6787b7;}
.cal-color-course .cal-list-title,
.cal-color-course-node .cal-list-title,
.fc-event.cal-color-course,
.fc-event.cal-color-course-node {background-color: #00afd7;}
.cal-color-group .cal-list-title,
.fc-event.cal-color-group {background-color: #5caa7f;}

.colorpicker-component {display: inline-block;}
.colorpicker-component .input-group-addon {width: 10px; padding: 0; border-radius: 0;}

.fc-view-container tbody>tr:nth-child(odd),
.fc-view-container tbody>tr:hover {background-color: transparent;}
.fc-unthemed .fc-today {background-color: #ced9ea;}
.fc-event {color: #fff !important;}
.fc-time-grid-event {padding: .2em;}
.fc-time-grid-event .fc-time {font-size: 1em; font-weight: bold;}
.fc-time-grid-event.fc-short .fc-title {font-size: 1em;}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-view, .fc-view > table {z-index: 0 !important;}

.calendar-help {margin-bottom: .5em;}

/* mobile */
.mobile .cal-list, .mobile .fc-toolbar {margin-left: 5px; margin-right: 5px;}
.mobile .cal-list .btn {width: auto;}

/****************** EFFICIENCY STATEMENTS ******************/
.efficiency-statement-overview .box-assess,
.portlet.efficiencystatements .box-assess,
.portlet-details .efficiency-statement .box-assess {height: 190px; overflow: hidden;}
.efficiency-statement-overview .efficiency-statement,
.portlet.efficiencystatements .efficiency-statement,
.portlet-details .efficiency-statement {float: left;}
.efficiency-statement a,
.portlet.efficiencystatements .efficiency-statement a {display: inline-block; max-height: 3em; overflow: hidden;}

/****************** EPORTFOLIO ******************/

/* lazy loading placeholder */
.lazy-artefact {min-height: 420px; margin: 2em 0 0;}

/* artefact */
.artefact {min-height: 410px; margin: 2em 0 0;}
.artefact .panel-header {white-space: nowrap;}
.artefact .panel-header h3 {display: inline-block; margin-right: 100px; font-size: 1.1em; white-space: normal;}
.artefact .panel-header .fonticon {vertical-align: top;}
.artefact-content {max-width: 100%; height: 300px; overflow: auto;}
.artefact-header {margin-bottom: .5em; padding-bottom: .5em; font-weight: bold; border-bottom: 1px solid #ccc;}
.artefact .popover {width: 350px; max-width: 500px;}
.artefact .popover-container {max-height: 500px;}

.artefact-file {text-align: center;}
.artefact-file .fonticon {margin: 50px 0 10px 0; font-size: 100px;}
.artefact-file img {max-width: 100%; height: auto;}

.artefact .box-assess {width: 100%;}

.artefact dd {margin-bottom: .5em;}
.artefact .dl-horizontal dt {width: 100px;}
.artefact .dl-horizontal dd {margin-left: 110px;}

.tag {margin-bottom: .3em; padding: .3em 1em; background-color: #2c9199; font-weight: normal; line-height: 1.1em;}
.tag .icon-close {font-size: 12px; color: #fff;}

.artefact-tags, .artefact .interaction {min-height: 32px; margin-top: .5em; padding-top: .5em; border-top: 1px solid #ddd;}

.artefact .rating, .artefact .comments {margin: .5em 1em 1em 1em;}


.artefact-edit {height: 337px; overflow: auto; background-color: #eee;}
.form-group .tag-editor .tag-editor-tag,
.form-group .tag-editor .tag-editor-delete {background-color: #2c9199; color: #fff;}
.form-group .tag-editor .tag-editor-tag.active {color: #2c9199;}

.panel.artefact .content-preview {float: none; width: auto; margin: 0;}
.artefact .panel-content {padding: .3em;}

.artefact-details .artefact {max-height: inherit; margin-top: 0;}
.artefact-details .artefact .panel-content {padding: 1em;}
.ui-dialog .artefact-edit, .artefact-details .artefact-content {height: auto;}

/* artefact add from course nodes */
.btn-artefact {position: relative;}
.btn-artefact .badge {position: absolute; top: 2px; right: 2px; min-width: 12px; line-height: 1.2em;}
.btn-artefact.btn-xs .badge,
.btn-artefact.only .badge {top: -3px; right: -4px;}

/* map */
.ep-map-preview {position: relative; float: left; min-height: 400px; width: 300px; margin: 1em 1em 0em 0; padding: 1em; background-color: #F5ECDB; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 5px 0px #ddd; text-align: center;}
.ep-map-preview .dropdown {float: right;}
.ep-map-header {height: 110px; width: 70%; margin: 4em auto 0 auto; padding: .5em; overflow: hidden; background: rgba(255,255,255,.7); border-radius: 0;}
.ep-map-additional {margin-top: 8em;}
.ep-map-additional small {display: inline-block; margin-bottom: 1em;}

.ep-map-structure {margin-top: 2em; padding: 1em 1em 0 1em; border-top: 2px solid #aaa;}
.ep-map-structure h3 {margin-bottom: .7em; font-size: 1.3em; font-weight: bold;}

.artefact-link .panel-content {overflow: hidden;}
.artefact-link .artefact {margin: 0 0 2em 0;}
.artefact-add {height: 60px; margin: 5px -14px -14px -14px; padding-top: .6em; background-color: #ced9ea; text-align: center;}

/* map share */
.ep-map-share-form .btn-delete {position: absolute; right: 24px; z-index: 1;}
.ep-map-share-form .tag:first-child {margin-left: 8px;}
.ep-map-share-form .yui-skin-sam {position: absolute; right: 20px; top: 5px;}
.ep-map-share-form .yui-calcontainer {right: 0px !important; left: inherit !important; min-width: 200px;}
.ep-map-share .ep-map-back {
	position: absolute;
	top: 220px;
	right: 20px;
	font-size: 12em;
	color: rgba(255, 255, 255, .3);
}

/* eportfolio themes */
.ep-map {background-color: #F5ECDB;}
.ep-map .main-header {background-color: #fff;}
.ep-map .ep-map-content {margin-bottom: 1em; padding: .5em; background: rgba(255,255,255,.5); border-radius: 0;}

.ep-map-grey {background-color: #E4E3DD;}
.ep-map-grey .nav-container, .ep-map-grey .nav-container + .clearfix {background-color: #444;}
.ep-map-grey .ep-map-structure {border-top-color: #0099bc;}
.ep-map-grey .ep-map-structure h3 {color: #0099bc;}

.ep-map-comic {background-color: #ced9ea; font-family: 'Comic Sans MS', 'Comic Sans', fantasy;}
.ep-map-comic .nav-container, .ep-map-comic .nav-container + .clearfix {background-color: #0099bc;}
.ep-map-comic .ep-map-structure {border-top-color: #0099bc;}
.ep-map-comic .ep-map-structure h3 {color: #0099bc;}

.ep-map-preview.ep-map-leather {background: url(images/eportfolio/ep-map-leather.png) no-repeat -15px 0 #87633f; color: #fff;}
.ep-map-preview.ep-map-leather .ep-map-header {width: 220px; background: transparent; color: #444;}
.ep-map-preview.ep-map-leather .ep-map-header a {color: #87633f;}
.ep-map-leather {background: url(images/eportfolio/ep-map-leather-back.jpg) repeat  0 #87633f;}
.ep-map-leather .nav-container, .ep-map-leather .nav-container + .clearfix {background-color: #87633f;}
.ep-map-leather .ep-map-content a, .ep-map-leather .ep-map-content .btn {color: #87633f;}
.ep-map-leather .menu-container {color: #fff;}
.ep-map-leather .menu .jstree-default .jstree-container-ul .jstree-node>.jstree-children {border-top-color: #fff;}
.ep-map-leather .menu .jstree-default .jstree-children>li a:hover,
.ep-map-leather .menu .jstree-default .jstree-children>li a:focus {color: #87633f;}
.ep-map-leather .menu .jstree-default .jstree-container-ul .jstree-children .jstree-children {border-top-color: #F7E9CF;}
.ep-map-leather .menu .jstree-clicked {background-color: #F7E9CF; color: #87633f;}
.ep-map-leather .table-header {background-color: #F7E9CF;}
.ep-map-leather .content-preview-horizontal .content-preview-img .fonticon {color: #87633f;}
.ep-map-leather .resource-details {background: #fff; border-color: #F7E9CF;}
.ep-map-leather .btn-highlight,
.ep-map-leather .btn-highlight:hover, .ep-map-leather .btn-highlight:focus, .ep-map-leather .btn-highlight:active {background-color: #87633f; border-color: #87633f;}

/* map task */
.ep-map-preview.ep-task {min-height: 430px;}
.ep-map .box-warning-light {margin: 10px 15px; background-color: #fff;}
.ep-task-restrictions {padding-left: 2em;}
.ep-task-restrictions li {padding: .3em 0;}
.ep-task-restrictions li * {vertical-align: middle;}

.ep-task .ep-map-additional {margin: 4em 0 2em 0;}
.ep-task.ep-map-leather .ep-map-additional {margin-top: 6em;}

.ep-task-info {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	padding: 7px 1em;
	background: rgba(255, 255, 255, .6);
	border-top: 2px solid #fff;
	text-align: left;
	font-size: .9em;
	color: #00305d;
}

/* eportfolio in groups */
.page.group .ep-map {padding-top: 1em;}

/****************** PORTLETS ******************/
.home .sortable-portlet .panel-header {cursor: move;}

.home .fixed-portlet .portlet {box-shadow: none; border-color: #aaa;}
.home .fixed-portlet .panel-header {cursor: not-allowed; border-color: #aaa; background-color: #00305d;}

.portlet .panel-header>.fonticon {display: none;}

.portlet .panel-content .list-group {margin: -1em;}

.portlet .content-preview-container {overflow-x: auto; overflow-y: hidden;}
.portlet .content-preview-container ul {margin-top: 1em;}
.portlet .content-preview-container li {float: none; display: inline-block;}

.portlet .badge {position: absolute; min-width: 20px; margin-left: .7em; font-size: .7em; font-weight: normal;}

.firststepsportlet .panel-content {overflow: inherit;}

.showcourses .content-preview-container ul {white-space: nowrap;}
.showcourses .content-preview-container ul li {white-space: normal;}

/* extended lastusedrepositoryportlet */
.lastusedrepositoryportlet .content-preview-img,
.mobile .portlet-details .content-preview-img {float: left; width: 50px; height: 32px; margin-right: 10px;}
.lastusedrepositoryportlet .list-group-item {max-height: 55px; overflow: hidden;}
.lastusedrepositoryportlet .list-group-item .extend .fonticon {width: 60px; text-align: center; font-size: 2em;}

/* mobile */
.showallmobile {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.showallmobile:hover, .showallmobile:focus, .showallmobile:active {background: rgba(0,0,0,.08);}

/****************** LOGIN ******************/
.page.login {
	background: rgb(0,175,215);
	background: -moz-linear-gradient(top,  rgba(0,153,188,1) 0%, rgba(90,117,157,1) 45%);
	background: -webkit-linear-gradient(top,  rgba(0,153,188,1) 0%,rgba(90,117,157,1) 45%);
	background: linear-gradient(to bottom,  rgba(0,153,188,1) 0%,rgba(90,117,157,1) 45%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099bc', endColorstr='#5a759d',GradientType=0 );
	}
.mobile.login .page-header-container,
.login .page-header,
.login .mobile-page-header,
.login .main-header h2 {display: none;}
.login .main-header {border: none;}

.logo-container {margin-bottom: 4vh; text-align: center;}
.login .logo {display: block; height: 155px; width: 100%; background: url("images/general/logo-OPAL-login.png") no-repeat center center transparent;}
.logo-container h1 {margin-top: 1vw; font-size: 1.2em; color: #fff;}

.login.page-footer {background: #3f4444; border: none;}
.login.page-footer a, .login.page-footer li span {color: #fff;}

.login-content {width: 600px; margin: 17vh auto 0 auto;}
.login-form {
	padding: 1em;
	background: rgba(0,0,0,.15);
	border-radius: 0;
	color: #fff;
	}
.login-form .box-success {color: #00305d;}
.login-form a {color: #fff; text-decoration: underline;}
.login-form .btn {text-decoration: none;}
.login-form .has-error .control-label {color: #f3aa9f;}

.login h3 {margin: 1.5em 0 .5em 0; text-transform: uppercase; font-size: 1em;}
.login-register h3 {margin-top: 0;}

.login-form .btn-highlight {width: 100%; margin-bottom: 1em; background: #3f4444; border-color: #3f4444;}
.login-form .btn-highlight:hover, .login-form .btn-highlight:focus, .login-form .btn-highlight:active {background: rgba(63,68,68,.7); border-color: #555;}

.login .login-additional .btn,
.login .main-header .btn {background: transparent; border: 1px solid #fff; color:#fff;}
.login .login-additional .btn:hover, .login .login-additional .btn:focus, .login .login-additional .btn:active,
.login .main-header .btn:hover, .login .main-header .btn:focus, .login .main-header .btn:active {background: rgba(255,255,255,.3);}

.login .control-label {font-weight: normal;}

.login-news {margin-top: 1em; color: #fff;}
.login-news aside {float: none; width: 100%; padding: 0;}
.login-news a, .login-courses a {color: #ced9ea; text-decoration: underline;}

.login-courses {background: rgba(255,255,255,.7);}
.login-courses .content-preview {background-color: #fff;}
.login-courses .panel-header h3 {display: none;}
.login-courses .btn {border-color: #555;}
.login-courses .btn .fonticon {color: #555;}

.login .portlet {min-height: inherit; margin-bottom: 0; border: none; box-shadow: none; background: transparent;}
.login .panel-header {display: none;}

/* mobile */
.mobile .login-content {padding-top: 2em;}

/************* USER PROFILE | SETTINGS *************/
.profile-image {max-width: 160px; width: 100%;}
.profile-image .fonticon {
	background: #fff;
	width: 100%;
	height: 130px;
	line-height: 125px;
	font-size: 64px;
	text-align: center;
box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
	}
.profile-image img {width: 100%; height: auto; margin-bottom: .5em;}
.profile-image .btn-group, .profile-image .btn {width: 100%;}

.profile-public .profile-image .fonticon {padding-left: 38px;}
.profile-name {display: inline-block;  margin-top: 1em; font-size: 1.3em;}
.profile-contact {margin: 1.5em 15px;}
.profile-contact .nested-form {margin-top: 1em;}

.form-profile .form-horizontal .form-inline .form-group .col-sm-9 {width: 100%; padding: 0;}
.form-profile .form-horizontal .form-inline .form-group .help-block {max-width: 300px;}

.help-block {
    color: #00305d;
    background-color: #fae94f;
    padding: 5px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.disclaimer .checkbox {margin: 10px;}
.disclaimer .checkbox label {font-weight: bold;}

.btn[class*="custom-theme"] {background: #00305d; border-width: 4px;}
.btn:hover[class*="custom-theme"] {background: #fa6863; color: #def4e1 !important; border-width: 4px;}
.btn-highlight[class*="custom-theme"] {background: #fa6863; color: #def4e1 !important; border-width: 4px;}
.custom-theme-default {color: #a7c3c0 !important;}
.custom-theme-basic_new_orange {color: #fae94f !important;}
.custom-theme-basic_new_green {color: #8ace92 !important;}
.custom-theme-basic_new_dark {color: #fff !important;}

/* profile completion form */
.profile-completion .yui-skin-sam {position: absolute; right: 10px; top: 50%;}

/************* CUSTOM CONTENT FOR LOGIN, HOME, TEACH & LEARN *************/
.custom-content:before {clear: both; content: " "; display: table;}

/************* LICENSES *************/
.license-container {position: relative;}
.license-container .popover-content {font-size: .9em;}
.license-content {display: flex; align-items: center;}
.license-info {margin-left: 1em;}
.license-info .popover {
  left: 20px;
  top: -75px;
  width: 500px;
  max-width: initial;
  }
.license-info .popover-content {height: 135px; overflow: auto;}
.license-further-info {margin: 1em 0;}

.license-new {position: relative; margin-left: 1em;}
.license-new .popover {
	position: fixed;
	left: auto;
	top: auto;
  width: 700px;
  max-width: initial;
  margin-top: -480px;
  margin-left: 0;
  }
.license-new .popover-content {height: 400px; overflow: auto;}
.license-new .popover.top>.arrow {left: 10%;}

.license-icon {display: inline-block; width: 44px; height: 22px; vertical-align: middle;}
.icon-cc-by {background-image: url(images/icons/cc-by.png);}
.icon-cc-by-sa {width: 66px; background-image: url(images/icons/cc-by-sa.png);}
.icon-cc-by-nd {width: 66px; background-image: url(images/icons/cc-by-nd.png);}
.icon-cc-by-nc {width: 66px; background-image: url(images/icons/cc-by-nc.png);}
.icon-cc-by-nc-sa {width: 88px; background-image: url(images/icons/cc-by-nc-sa.png);}
.icon-cc-by-nc-nd {width: 88px; background-image: url(images/icons/cc-by-nc-nd.png);}
.icon-cc-0 {background-image: url(images/icons/cc-0.png);}

/************* ADMIN VIEWS *************/
.user-data-extraction .box-info {margin: 2em 0;}

/****************************
	PRINT
****************************/
@media print {
	body {color: #000;}
	iframe {min-height: 200mm;}

	.beta-header, .page-header-container, .main-header,
	.page-footer,
	.menu-container, /* left menu (tree) */
	.ui-tabs-nav, /* jQuery tabs */
	.btn, /* all buttons */
	.table-header,
	.content-anchor, .forum-view, /* forum stuff */
	.wiki-menu, /* wiki nav */
	.resource-header.no-title, /*course node header without title and description */
	.gutter-horizontal,
	.resource-header a .box-opened, .resource-header a .box-closed {display: none;} /* toggle icon */
	.mce-menubar, .mce-toolbar-grp, .mce-statusbar {display: none !important;} /* important because of stupid tiny */

	.ui-dialog {width: 100% !important; top: 0 !important; left: 0 !important;}

	.resource-header .main-header {display: block;}
	.resource-header .col-sm-6 {padding: 0;}
	.main-header-desc-container {margin-left: 0;}
	.content-container.col-sm-10 {width: 100% !important; padding: 0;}

	.panel, .course-toc-entry {page-break-inside: avoid; max-height: inherit;}
	.artefact-content {height: auto;}