/*===========================================
	INFO

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Bahnhofstr. 6, D-09111 Chemnitz

	COLORS
	----------------------

	#3f4444 grey dark

	#00afd7 blue main
	#0099bc blue dark
	#0e7b96 blue darker
	#bcdbe2 blue light
	#e3f3f7 blue lighter

	#5caa7f green main
	#3f795b green dark
	#2c9199 green blue

	#fa9370 orange main
	#c75704 orange dark
	#FBDFBD orange light
	#c33b26 red

	#6787b7 violet blue
	#5a759d violet blue dark
	#ced9ea violet blue light
	#981d97 violet pink
	#d0006f pink

=============================================*/

/****************************
	jQUERY RESET
****************************/
.ui-widget {font-family: inherit; font-size: 1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit; font-size: inherit;}
.ui-widget-content a {color: #0e7b96;}
.ui-widget-content .btn-highlight {color: #fff;}

/* DIALOG */
.ui-dialog {max-width: 100%; padding: 0;}
.ui-dialog .ui-dialog-titlebar {margin-bottom: 1em; padding: 1em; background: none #0099bc; 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 #0099bc; text-align: center;}
.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: none #fff; border: 1px solid #c8c8c8; color: #0e7b96;}
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus, .ui-dialog-buttonset .ui-button:active {background: none #f5f5f5; border-color: #c8c8c8; color: #0e7b96;}
.ui-dialog-buttonset .ui-button .ui-button-text {padding: .6em 1em;}
.ui-dialog-buttonset .ui-button.btn-highlight {background-color: #0099bc; border-color: #0099bc; color: #fff;}
.ui-dialog-buttonset .ui-button.btn-highlight:hover, .ui-dialog-buttonset .ui-button.btn-highlight:focus {background-color: #0e7b96; border-color: #0e7b96;}

.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-radius: 0;}
.ui-tabs .ui-tabs-nav li {background: none #eee;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: none #fff; border-color: #c5c5c5;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {color: #3f4444;}

/* 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: #f1f1f1; border: 3px dashed #ddd; border-radius: 5px;}

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

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

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

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

[ui-pnotify].ui-pnotify .ui-pnotify-container {padding: 1em !important; border-radius: 4px; 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;}

/****************************
	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: Arial,Verdana,sans-serif;
	font-size: 92%;
}
body {color: #3f4444;}
h2 {
	margin: .5em 0 .3em 0;
	font-size: 1.4em;
}
h3 {
	margin: .5em 0 .2em 0;
	font-size: 1.2em;
}
h4 {font-size: .9em; text-transform: uppercase;}
p {margin: 0 0 .3em 0;}
a {color: #0e7b96;}
a:hover, a:focus {color: #00afd7;}
hr {border-top: 1px solid #ddd;}

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(63,68,68,.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(63, 68, 68, .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: #999;
}
.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-size: 16px;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -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: 14px;}
.btn-xs .fonticon {font-size: 12px;}


/* icomoon - don´t change, these lines will be updated */
.icon-palette:before {
  content: "\e92a";
}
.icon-direction:before {
  content: "\ea4a";
}
.icon-waiting:before {
  content: "\ea73";
}
.icon-not-entered:before {
  content: "\ea74";
}
.icon-user-lock:before {
  content: "\eafd";
}
.icon-gears:before {
  content: "\eb60";
}
.icon-pie-chart:before {
  content: "\eb81";
}
.icon-globe:before {
  content: "\ec96";
}
.icon-unlink:before {
  content: "\ec9c";
}
.icon-start:before {
  content: "\ed7e";
}
.icon-arrow-left-small:before {
  content: "\edca";
}
.icon-toggle-on:before {
  content: "\ee74";
}
.icon-toggle-off:before {
  content: "\ee75";
}
.icon-books-admin:before {
  content: "\e910";
}
.icon-globe-e:before {
  content: "\e90e";
}
.icon-user-globe-e:before {
  content: "\e90f";
}
.icon-file-edit:before {
  content: "\e90d";
}
.icon-user-globe:before {
  content: "\e90c";
}
.icon-admin:before {
  content: "\e90b";
}
.icon-resume-allowed:before {
  content: "\e904";
}
.icon-resume-requested:before {
  content: "\e905";
}
.icon-disconnected:before {
  content: "\e906";
}
.icon-unknown:before {
  content: "\e907";
}
.icon-canceled:before {
  content: "\e908";
}
.icon-finished:before {
  content: "\e909";
}
.icon-working:before {
  content: "\e90a";
}
.icon-folder-open:before {
  content: "\e9dc";
}
.icon-print:before {
  content: "\ea68";
}
.icon-disk:before {
  content: "\ea89";
}
.icon-lock:before {
  content: "\eb55";
}
.icon-unlocked:before {
  content: "\eb56";
}
.icon-medal-first:before {
  content: "\eba2";
}
.icon-cube3:before {
  content: "\ec1a";
}
.icon-flag:before {
  content: "\eca4";
}
.icon-thumbs-down:before {
  content: "\ecf7";
}
.icon-stack-text:before {
  content: "\ed44";
}
.icon-file-puzzle:before {
  content: "\e901";
}
.icon-puzzle-pencil:before {
  content: "\e902";
}
.icon-puzzles:before {
  content: "\e903";
}
.icon-table-download:before {
  content: "\e900";
}
.icon-crying:before {
  content: "\e60c";
}
.icon-frustrated:before {
  content: "\e60d";
}
.icon-sleepy:before {
  content: "\e60e";
}
.icon-hipster:before {
  content: "\e610";
}
.icon-baffled:before {
  content: "\e612";
}
.icon-book-puzzle:before {
  content: "\e614";
}
.icon-assess:before {
  content: "\e613";
}
.icon-puzzle-check:before {
  content: "\e611";
}
.icon-a-z:before {
  content: "\e60f";
}
.icon-finish:before {
  content: "\e60b";
}
.icon-sort:before {
  content: "\e60a";
}
.icon-sort-asc:before {
  content: "\e608";
}
.icon-sort-desc:before {
  content: "\e609";
}
.icon-dialog:before {
  content: "\e607";
}
.icon-wiki:before {
  content: "\e605";
}
.icon-notmobile:before {
  content: "\e600";
}
.icon-menu:before {
  content: "\e604";
}
.icon-help-bubble:before {
  content: "\e601";
}
.icon-help:before {
  content: "\e602";
}
.icon-info:before {
  content: "\e603";
}
.icon-checklist:before {
  content: "\e606";
}
.icon-home:before {
  content: "\e002";
}
.icon-edit:before {
  content: "\e00e";
}
.icon-pencil:before {
  content: "\e011";
}
.icon-image:before {
  content: "\e02c";
}
.icon-film:before {
  content: "\e04a";
}
.icon-new:before {
  content: "\e061";
}
.icon-podcast:before {
  content: "\e069";
}
.icon-book:before {
  content: "\e070";
}
.icon-course:before {
  content: "\e071";
}
.icon-books:before {
  content: "\e072";
}
.icon-file-check:before {
  content: "\e083";
}
.icon-file:before {
  content: "\e085";
}
.icon-copy:before {
  content: "\e091";
}
.icon-stack:before {
  content: "\e095";
}
.icon-stack2:before {
  content: "\e097";
}
.icon-folder:before {
  content: "\e0a1";
}
.icon-tag:before {
  content: "\e0b7";
}
.icon-envelop-filled:before {
  content: "\e0ec";
}
.icon-envelop:before {
  content: "\e0ef";
}
.icon-clock:before {
  content: "\e103";
}
.icon-bell:before {
  content: "\e10c";
}
.icon-calendar:before {
  content: "\e112";
}
.icon-screen:before {
  content: "\e120";
}
.icon-box-add:before {
  content: "\e130";
}
.icon-reply:before {
  content: "\e14b";
}
.icon-bubbles:before {
  content: "\e154";
}
.icon-bubble:before {
  content: "\e164";
}
.icon-bubble-blocked:before {
  content: "\e16c";
}
.icon-bubble-locked:before {
  content: "\e172";
}
.icon-bubble-star:before {
  content: "\e173";
}
.icon-group:before {
  content: "\e186";
}
.icon-users:before {
  content: "\e18d";
}
.icon-user:before {
  content: "\e194";
}
.icon-spinner:before {
  content: "\e1a7";
}
.icon-search:before {
  content: "\e1ba";
}
.icon-gear:before {
  content: "\e1df";
}
.icon-stats:before {
  content: "\e207";
}
.icon-medal:before {
  content: "\e218";
}
.icon-trophy:before {
  content: "\e21e";
}
.icon-remove:before {
  content: "\e250";
}
.icon-puzzle:before {
  content: "\e270";
}
.icon-list:before {
  content: "\e29a";
}
.icon-numbered-list:before {
  content: "\e29c";
}
.icon-grid:before {
  content: "\e2a4";
}
.icon-more:before {
  content: "\e2aa";
}
.icon-download:before {
  content: "\e2ba";
}
.icon-upload:before {
  content: "\e2bb";
}
.icon-link:before {
  content: "\e2c9";
}
.icon-eye:before {
  content: "\e2d9";
}
.icon-eye-blocked:before {
  content: "\e2da";
}
.icon-star:before {
  content: "\e2ff";
}
.icon-star-filled:before {
  content: "\e301";
}
.icon-heart:before {
  content: "\e307";
}
.icon-thumbs-up:before {
  content: "\e310";
}
.icon-happy:before {
  content: "\e31e";
}
.icon-smiley:before {
  content: "\e320";
}
.icon-tongue:before {
  content: "\e322";
}
.icon-sad:before {
  content: "\e324";
}
.icon-wink:before {
  content: "\e326";
}
.icon-grin:before {
  content: "\e328";
}
.icon-cool:before {
  content: "\e32a";
}
.icon-angry:before {
  content: "\e32c";
}
.icon-evil:before {
  content: "\e32e";
}
.icon-shocked:before {
  content: "\e330";
}
.icon-confused:before {
  content: "\e332";
}
.icon-neutral:before {
  content: "\e334";
}
.icon-wondering:before {
  content: "\e336";
}
.icon-stack3:before {
  content: "\e34f";
}
.icon-warning:before {
  content: "\e356";
}
.icon-plus-circle:before {
  content: "\e35f";
}
.icon-blocked:before {
  content: "\e364";
}
.icon-cancel-circle:before {
  content: "\e366";
}
.icon-checkmark-circle:before {
  content: "\e368";
}
.icon-close:before {
  content: "\e36b";
}
.icon-checkmark:before {
  content: "\e370";
}
.icon-minus:before {
  content: "\e375";
}
.icon-plus:before {
  content: "\e376";
}
.icon-enter:before {
  content: "\e379";
}
.icon-logout:before {
  content: "\e37a";
}
.icon-reload:before {
  content: "\e3a8";
}
.icon-arrow-right:before {
  content: "\e3b1";
}
.icon-arrow-right2:before {
  content: "\e3b5";
}
.icon-arrow-down:before {
  content: "\e3b6";
}
.icon-arrow-right3:before {
  content: "\e3bb";
}
.icon-arrow-down2:before {
  content: "\e3bd";
}
.icon-arrow-left:before {
  content: "\e3bf";
}
.icon-checkbox-checked:before {
  content: "\e435";
}
.icon-checkbox-unchecked:before {
  content: "\e436";
}
.icon-filter:before {
  content: "\e445";
}
.icon-font-size:before {
  content: "\e448";
}
.icon-bold:before {
  content: "\e454";
}
.icon-italic:before {
  content: "\e456";
}
.icon-math:before {
  content: "\e459";
}
.icon-table:before {
  content: "\e466";
}
.icon-link-external:before {
  content: "\e47c";
}
.icon-code:before {
  content: "\e480";
}
.icon-share:before {
  content: "\e48c";
}
.icon-rss:before {
  content: "\e4a0";
}
.icon-blogger:before {
  content: "\e4c1";
}
.icon-file-pdf:before {
  content: "\e4e2";
}
.icon-file-openoffice:before {
  content: "\e4e3";
}
.icon-file-word:before {
  content: "\e4e4";
}
.icon-file-excel:before {
  content: "\e4e5";
}
.icon-file-zip:before {
  content: "\e4e6";
}
.icon-file-powerpoint:before {
  content: "\e4e7";
}
.icon-file-xml:before {
  content: "\e4e8";
}
.icon-file-css:before {
  content: "\e4e9";
}

/******* COURSE NODES *******/

.icon-bc:before	{content: "\e0a1";}	/*folder*/
.icon-bib:before {content: "\e072";}
.icon-blog:before {content: "\e4c1";}
.icon-cal:before {content: "\e112";}
.icon-cl:before {content: "\e606";} /*checklist*/
.icon-co:before	{content: "\e0ec";}	/*mail*/
.icon-course:before	{content: "\e071";}
.icon-cp:before {content: "\ed44";}
.icon-den:before {content: "\e112";}	/*terminvergabe*/
.icon-dialog:before {content: "\e607";}
.icon-en:before {content: "\e379";} /*entrollment*/
.icon-ep:before {content: "\e902";}
.icon-extcp:before {content: "\ed44";}
.icon-fo:before	{content: "\e154";}
.icon-fcs:before {content: "\e34f";} /*flashcard*/
.icon-glossary:before {content: "\e60f";}
.icon-iqself:before {content: "\e435";}
.icon-iqsurv:before {content: "\e601";}
.icon-iqtest:before {content: "\e435";}
.icon-ll:before {content: "\e2c9";}
.icon-lti:before {content: "\e085";}
.icon-mediathek:before {content: "\e04a";}
.icon-ms:before {content: "\e301";} /*assessment*/
.icon-podcast:before {content: "\e069";}
.icon-profile:before {content: "\e194";}
.icon-projectbroker:before {content: "\e095";}
.icon-root:before {content: "\e071";}
.icon-scorm:before {content: "\ec1a";}
.icon-sp:before {content: "\e085";}
.icon-st:before {content: "\e097";} /*structure*/
.icon-subcourse:before {content: "\e071";}
.icon-ta:before {content: "\e011";} /*task*/
.icon-tu:before {content: "\e085";} /*external page*/
.icon-vc:before {content: "\e120";}
.icon-wiki:before {content: "\e605";}


/******* FILE TYPES *******/
.txt:before,
.file:before,
.rtf:before,
.bat:before,
.exe:before,
.gz:before,
.log:before,
.patch:before,
.ra:before,
.ram:before,
.readme:before,
.tgz:before {content: "\e085";} /*file icon for all types*/

.jpg:before,
.jpeg:before,
.png:before,
.gif:before,
.bmp:before,
.ps:before {
	content: "\e02c";
}
.avi:before,
.mp4:before,
.dvi:before,
.midi:before,
.mov:before,
.mp3:before,
.mpeg:before,
.mpg:before,
.wav:before {
	content: "\e04a";
}
.pdf:before {
	content: "\e4e2";
}
.odt:before {
	content: "\e4e3";
}
.doc:before,
.docx:before {
	content: "\e4e4";
}
.xls:before,
.xlsx:before {
	content: "\e4e5";
}
.zip:before,
.tar:before {
	content: "\e4e6";
}
.ppt:before,
.pptx:before {
	content: "\e4e7";
}
.xml:before,
.htm:before,
.html:before {
	content: "\e4e8";
}
.css:before,
.xsl:before {
	content: "\e4e9";
}

/* icomoon - custom */
.icon-color-highlight {color: #00afd7;}
.icon-color-success {color: #5caa7f;}
.icon-color-warning {color: #fa9370;}
.icon-color-danger {color: #c33b26;}

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

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

.icon-toggle-off:before {color: #aaa;}
.icon-toggle-on:before {color: #777;}

.icon-waiting,
.icon-working {color: #00afd7;}
.icon-finished {color: #5caa7f;}
.icon-resume-requested,
.icon-resume-allowed {color: #fa9370;}
.icon-canceled {color: #c33b26;}

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

.text-warning {color: #c75704;}
.text-success {color: #3f795b;}
.text-info {color: #0e7b96;}
.text-danger {color: #c33b26;}

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

/************* 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;}
.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 #D9D9D9;}
.list-group-item:hover, .list-group-item:focus {background-color: #eee;}
.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: #464646;}
.list-group-item-link:hover, .list-group-item-link:focus {text-decoration: none; color: #464646;}
.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: 2.5em; color: #464646;}
.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;}
.list-group-item>.btn:hover, .list-group-item>.btn:focus {color: #464646;}
.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: #ced9ea;}

.list-group-item-heading {display: block; margin-left: 30px; font-weight: normal; overflow: hidden;}
.list-group-item-text {display: block; margin-left: 30px; font-size: .85em; line-height: 1.2em; color: #7F7F7F;}

.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;
}
.pagination>li {display: inline;}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 0 .5em;
	text-decoration: none;
	border-radius: 3px;
	line-height: 21px;
}
.pagination>li>a[disabled] {color: #ccc;}

.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: #777; border-radius: 3px; line-height: 21px; color: #fff; text-transform: uppercase;}
.category-list>li:last-child {text-transform: inherit;}
.category-list>li>a {color: #fff;}
.category-list .disabled {background-color: #ddd; color: #999;}
.category-list .active {background-color: #2c9199;}

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

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

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

/****************** TABLES ******************/
.table-panel table {width: 100%;}
.table-panel th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 2px solid #ddd;
	cursor: move;
}
.table-panel th, .table-panel td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table-panel th:hover {background-color: #eee;}

.table-panel tbody>tr:nth-child(odd) {background-color: #f5f5f5;}
.table-panel tbody>tr:hover {background-color: #eee;}
.table-panel tbody>tr.highlight {background-color: #ced9ea;}

.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: #ced9ea;}
.table-header-functions {float: left;}
/* .table-header-functions ul.tagit {margin: 0 -.1em 0 0; border-radius: 3px 0 0 3px;} */
/* .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: 32px; border-radius: 3px 0 0 3px;}

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

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

.table-footer {min-height: 35px; padding: .3em 0; line-height: 30px; border-top: 4px solid #ced9ea; border-bottom: 1px solid #ced9ea;}
.table-footer small {float: left; display: inline-block; padding-left: .5em;}

.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: #0099bc; color: #fff;}

/****************** FORMS ******************/
fieldset {margin: 1em 0;}
legend {margin-bottom: 10px; padding: .2em; background-color: #eee; font-size: 1em; text-transform: uppercase;}
.form-group {position: relative; margin-bottom: .9em;}
.form-horizontal label {font-weight: normal;}
.form-control {color: #464646; border-color: #B0B0B0;}
.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 label {padding-right: 0.5em;}
.form-required .control-label:after {position: absolute; content: '*'; color: #00afd7; font-size: 1.2em;}
.wizard-dialog .form-required .control-label:after {position: relative; font-size: inherit;} /* stupid hack */

/* .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: #c33b26;}
.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: #c33b26;}

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

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

/* jQuery Upload / dropzone.js */
.dropzone {min-height: 100px; margin: 1em 0 2em 0; padding: 10px; border-radius: 3px; border: 2px dashed #6787b7;}
.dropzone .dz-message {margin: 0;}
.dropzone .dz-preview .dz-image {border: 1px solid #ced9ea;}
.dropzone .dz-error .dz-image {border-color: #c33b26;}
.dropzone .dz-preview.dz-file-preview .dz-image {background: #ced9ea;}
.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: #c33b26;}
.dropzone .dz-preview .dz-error-message {top: 90px; left: -40px; width: 200px; background: #c33b26;}
.dropzone .dz-preview .dz-error-message:after {left: 93px; border-bottom-color: #c33b26;}

/* 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: #fff; border: 1px solid #c8c8c8; color: #0e7b96;}
.btn:hover, .btn:focus, .btn:active {background-color: #eee; border-color: #c8c8c8; color: #00afd7;}

.btn-big {width: 120px; height: 120px; border-width: 2px; background-color: #f5f5f5; 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: #0099bc; border-color: #0099bc; color: #fff;}
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {background-color: #0e7b96; border-color: #0e7b96; color: #fff;}

.btn-success,
.btn-success:hover, .btn-success:focus, .btn-success:active {background-color: #5caa7f; border-color: #5caa7f; color: #fff;}

.btn-important {background-color: #F26F30; border-color: #F26F30; 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: 30px;}
.btn-xs.btn-only, .btn-xs.btn-icon.only {height: 22px;}
.btn-only.dropdown-toggle {width: 3em; padding: 0 .5em; background-position-x: .5em; text-align: right;}
.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: #aaa;}

.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;}

.dropdown-menu {max-width: 300px;}
.table-header-right .dropdown-menu {min-width: 190px;}
.dropdown-menu-right {left: auto; right: 0; text-align: left;}
.dropdown-menu .checkbox {margin: 3px 0; padding: 0 1em; white-space: nowrap;}
.dropdown-menu>li>a {padding: .2em .5em;}
.dropdown-menu .fonticon {width: 1.2em;}

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

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

.dropdown-submenu {position: relative;}
.dropdown-submenu>a:after {
  position: absolute;
  right: 0;
  margin-top: 6px;
  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 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {display: block;}

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

/************* BADGES *************/
.badge {
  display: inline-block;
  min-width: 25px;
  padding: 0 0.3em;
	background-color: #666;
  border-radius: 10px;
  font-size: 0.9em;
  line-height: 1.8em;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
}
.badge:hover, .badge:focus {color: #FFFFFF; text-decoration: none;}
.badge.highlight {background-color: #0099bc;}
.badge.important {background-color: #fa9370;}
.badge.success {background-color: #5caa7f;}
.badge.error {background-color: #c33b26;}


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


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

#powerTip {max-width: 80%;}
#powerTip a {color: #00afd7;}
.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 #ddd;
	border: 1px solid #ccc;
	border-radius: 5px;
	}
.panel-header {padding: 1em; background: #f5f5f5; border-bottom: 1px solid #ccc;}
.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: #0e7b96; color: #fff; text-align: center; font-size: .8em; line-height: 2em;}
.meter > .predicted {background-color: #00afd7;}
.meter > .warning {background-color: #fa9370;}
.meter > .overflow {background-color: #c33b26;}

/************* DIALOG / OVERLAY *************/
/* .dialog {width: 400px; max-width: 100%; padding: 0; background-color: #fff; border: 1px solid #f45bf4; border-radius: 5px; z-index: 100;} */
.dialog-header {position: relative; padding: .4em 1em; background-color: #f45bf4; 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: #ddd;}

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

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

.dialog-info ul {margin-top: 1em; font-weight: bold;}

/************* 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 #aaa;
	padding: 1em;
}

/************* BOXES *************/
.box {margin: .5em 0; padding: 0.5em; border-radius: 4px; background-color: #e1e1e1;}
.box a[data-toggle] {color: #555;}
/* .box .fonticon {width: 20px;} */

.header-box {
	margin: 0;
	padding: .3em 1em;
	background-color: #e1e1e1;
	border: 1px solid #d1d1d1;
	font-size: 1em;
	font-weight: normal;
	color: #6b6b6b;
	text-transform: none;
}

.box-light {background-color: #fff; border: 2px solid #e1e1e1;}
.box-neutral {margin: .5em 5px; padding: 0; background-color: transparent;}
.box-highlight {background-color: #0099bc; color: #fff;}
.box-highlight a {color: #fff; text-decoration: underline;}

.box-info {background-color: #bcdbe2;}
/*.box-info>a {color: #487497;}*/

.box-success {background-color: #C3DFC0;}
/*.box-success>a {color: #5caa7f;}*/
.box-success-light {background-color: transparent; border: 2px solid #C3DFC0;}

.box-warning {background-color: #FBDFBD;}
.box-warning>a, .box-warning-light>a {color: #c33b26;}
.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;}

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

.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: .2em .5em; background-color: transparent; border: 2px solid #ced9ea;}
.box-access .icon-lock {float: left; font-size: 12px; line-height: 15px; color: #5a759d;}
.box-access .box-content {margin-left: 0;}
.box-access-content {margin: 2px 0 0 12px; font-size: .9em;}
.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: 12px; vertical-align: top; color: #5a759d;}

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

.assess-neutral {border-color: #eee;}
.assess-neutral .fonticon {background-color: #eee;}

.assess-passed {border-color: #C3DFC0;}
.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;}
.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
****************************/
.page-header {
	height: 45px;
	margin: 0;
	background-color: #eee;
	}
.page-header h1 {float: left; height: 45px; margin: 0;}
.logo {display: inline-block; height: 100%; width: 100px; background: url(images/general/logo-OPAL-new.png) no-repeat 10px center;}

.header-functions {position: relative; float: right; margin: .2em .3em;}
.header-functions .logout {margin-left: 1em;}
.header-functions .popover {max-width: 500px; left: auto; top: 22px; right: 81px;}
.header-functions .popover.bottom .arrow {left: auto; right: 1em;}
.header-functions .input-group-btn {width: auto;}

.header-functions-user {padding: .3em;}
.header-functions-user form {display: inline;}
.header-functions-search {float: left; margin-right: 1em;}
.header-functions-search .box-danger {position: absolute; top: 25px; left: 0; z-index: 100;}

.main-header {margin-bottom: 1em; padding: .3em; border-bottom: 2px solid #ddd;}
.learn .main-header .col-sm-6 {padding-left: 0; padding-right: 0;}
.main-header h2 {margin: .7em 0; font-size: 1.2em; white-space: nowrap; overflow: hidden;}
.course .main-header h2 {white-space: normal;}
.main-header-title .fonticon {font-size: 12px; vertical-align: super;}
.main-header-desc-container {line-height: 1.2em;}
.main-header-desc, .main-header-sub,
.main-header-desc-container .box-access {margin: 0 10px 0 23px;}
.main-header-sub {padding-bottom: .5em; font-style: italic;}
.main-header-desc p {min-height: .5em;}
.main-header-desc-container p {margin-bottom: .7em; line-height: initial;}
.main-header-additional {padding-right: 5px; text-align: right;}
.main-header-search {display: inline-block; vertical-align: middle;}
.main-header-search .input-group .form-control {width: 160px;}
.main-header-search .input-group-btn {width: auto;}
.additional-center {padding-top: 3px; text-align: center;}
.additional-right {text-align: right;}
.additional-right .btn-toolbar {float: right;}
.additional-right,
.course-node .main-header-additional {padding-top: 3px;}
.main-header:before, .main-header:after {content: " "; display: table;}
.main-header:after {clear: both;}

.resource-header .main-header {background-color: #f5f5f5; border: none;}
.resource-header .main-header .col-sm-6 {padding-left: 0;}
.resource-header h2 a {color: #464646; text-decoration: none;}
.resource-header a * {vertical-align: middle;}

/* NO TITLE */
.resource-header.no-title .main-header {padding: 0; background-color: transparent;}
.resource-header.no-title .main-header-additional {padding: 0 0 .5em 0;}
.resource-header.no-title .box-access {margin: 0;}

.resource-header.no-title.progress-0,
.resource-header.no-title.progress-50,
.resource-header.no-title.progress-100 {min-height: 30px; padding-left: .5em;}

.resource-header.no-title.progress-0 .box-access,
.resource-header.no-title.progress-50 .box-access,
.resource-header.no-title.progress-100 .box-access {margin: 0;}

/* mobile */
.mobile .main-header {display: none;}
.mobile .main-header h2,
.mobile .main-header h3 {margin: .2em 0;}
.mobile .main-header-additional .btn {display: none;}
.mobile .main-header .box-access {margin: .2em 0;}

.mobile .main-header-additional {position: absolute; right: 5px; top: 0;}
.mobile .main-header-additional .btn {padding: 3px 8px;}

.mobile.login .main-header,
.mobile .resource-header .main-header,
.mobile .resource-header-mobile .main-header,
.mobile .main-header-additional .btn-progress {display: block;}

.mobile .resource-header.no-title {margin: .5em 0 1em;}
.mobile .resource-header.no-title.progress-0 .main-header-desc-container,
.mobile .resource-header.no-title.progress-50 .main-header-desc-container,
.mobile .resource-header.no-title.progress-100 .main-header-desc-container {margin-right: 115px;}

.resource-header-mobile .main-header {margin: 5px 5px 0 5px; background-color: #f5f5f5; border: none;}
.resource-header-mobile h2 {line-height: 2em; font-size: 1.2em; font-weight: normal;}

.resource-header-mobile .main-header h2 .box-closed+span {overflow: hidden; white-space: nowrap;}
.resource-header-mobile .main-header h2 .box-opened+span {white-space: normal;}

.resource-header-mobile h2 a {color: #464646;}
.resource-header-mobile h2 a:hover, .resource-header-mobile h2 a:focus {text-decoration: none;}
.resource-header-mobile ul {margin: .5em 1.5em 0;}
.resource-header-mobile .box {margin: 0; background-color: transparent; font-size: 1em;}
.resource-header-mobile .box-content {margin: .5em 0;}
.resource-header-mobile .list-unstyled>li {border-bottom: 1px solid #bbb;}
.resource-header-mobile li:first-child, .resource-header-mobile li:last-child {border: none;}

/****************************
	MOBILE PAGE HEADER
****************************/
.mobile .page-header-container {height: 51px;}
.mobile-page-header {position: fixed; display:block; width: 100%; height: 51px; z-index: 10; background-color: #999999;}

.mobile-header-functions .notification .fonticon,
.mobile-header-functions .coursemenu .fonticon {color: #fff; font-size: 24px;}
.mobile-header-functions .notification {position: absolute; right: 1em; top: 1em; z-index: 3;}
.course .mobile-header-functions .notification {right: 45px;}
.mobile-header-functions .coursemenu {position: absolute; right: 1em; top: .7em; z-index: 3;}

.course .mobile-header-functions .notification-container .popover.bottom .arrow {right: 45px;}

.mobile-page-header .badge {position: absolute; top: -6px; right: -6px; min-width: 1.7em; font-size: .8em;}

.mobile-page-header .popover {display: block; right: 0; top: 35px; left: auto; max-width: 100%; width: 100%;}
.mobile-page-header .popover.bottom .arrow {left: auto; right: 1em; border-bottom-color: #f2f2f2;}
.mobile-page-header .popover.bottom>.arrow:after {border-bottom-color: #f2f2f2;}

.coursemenu-container .popover {max-width: 250px; background: #f2f2f2;}
.coursemenu-container .input-group {display: none; margin: .5em .5em 0;}

.page .mobile-page-header {background-color: #0099bc;}
.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active {background-color: #0e7b96;}
.sidr-open .page .menu-btn {background-color: #3f4444;}

.mobile-page-header h1 {
  margin: 0 45px 0 3.5em;
  font-size: 1.3em;
  line-height: 51px;
	color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
  }

.home .mobile-page-header h1,
.course .mobile-page-header h1 {margin: 0 75px 0 3.5em;}

.mobile-page-header h1>a {color: #FFFFFF;}
.menu-btn, .menu-btn:hover, .menu-btn:focus, .menu-btn:active {
	float: left;
  height: 100%;
  width: 49px;
 	background: none #7E7E7E;
  border: medium none;
  border-radius: 0;
  font-size: 1.2em;
	color: #fff;
}

/****************************
	FOOTER
****************************/
.page-footer {height: 35px; background: #F9FAFA; border-top: 1px solid #ECECEC; font-size: .9em; text-align: center;}
.page-footer-links {display: inline-block; padding-top: 10px;}
.page-footer-links li {float: left; margin: 0 .8em;}
.footer-group {float: left; display: inline-block;}

/****************************
	NAVIGATION
****************************/
.nav-container {min-height: 38px;}
.nav-container, .nav-container + .clearfix {background-color: #0099bc;}
.guidemo .nav-container, .guidemo .nav-container + .clearfix {background-color: #d0006f;}

.nav > li {
	position: relative;
	float: left;
	margin: 5px 5px 0 5px;
	border-radius: 5px 5px 0 0;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 5px 10px 9px 10px;
	color: #fff;
}
.nav > .active {background-color: #fff;}
.nav > .active > a, .nav .active > a:hover, .nav > .active > a:focus {color: #333; text-decoration: none;}
.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: #333;
	text-decoration: none;
}
.btn-close {
	position: absolute;
	top: -7px;
	right: -4px;
	width: auto;
	height: auto;
	background: none transparent;
	font-size: 1.3em;
	color: #999;
}
.btn-close:hover .fonticon, .btn-close:focus .fonticon, .btn-close:active .fonticon {color: #333;}

/****************************
		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: .5em 0; overflow: hidden;}
.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: 3px solid #0099bc;}
.menu .jstree-default .jstree-container-ul .jstree-node .jstree-children .jstree-children {border-top: 1px solid #D9D9D9;}
.menu .jstree-default .jstree-container-ul>.jstree-node>.jstree-anchor {font-weight: bold;}

.menu .jstree-default .jstree-children>li a:hover, .menu .jstree-default .jstree-children>li a:focus {background-color: #D9D9D9;}
.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: #D9D9D9; box-shadow: none;}
.jstree-default .jstree-hovered {background-color: #D9D9D9;}
.jstree-default .jstree-disabled {color: #bbb;}
.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 #0099bc;}
.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: 3px solid #eee; min-height: 100px;}
.gutter-horizontal:hover {cursor: w-resize;}

.hide-course-tree {
	position: absolute;
  left: 0;
  height: 35px;
  width: 13px;
  background: #eee;
}
.hide-course-tree a {display: block; height: 100%;}
.hide-course-tree a .fonticon {height: 100%; width: 100%; line-height: 35px; text-align: center;}

/* 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: 10px;
	font-size: .8em;
	color: #fff;
	line-height: 17px;
  text-align: center;
  opacity: .8;
}
.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: #5caa7f;}
.jstree-anchor .assess-open.icon-checkmark,
.st-mobile-nav .assess-open.icon-checkmark {background-color: #bbb;}
.jstree-anchor .icon-close,
.st-mobile-nav .icon-close {background-color: #c33b26;}

/* 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: #3f4444;}
.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;}
.mobile .main-content {margin: 0;}

.system-msg {margin: 0; border-radius: 0;}
.privacy-info {margin: 2em 0; font-size: .9em; color: #777;}

/************* 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 a {margin-bottom: 1em;}
.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: #0099bc;}
.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: 3px solid #ced9ea; border-radius: 5px;}
.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; font-style: italic;}
.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: .7em; line-height: initial;}

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

.course-toc-entry {max-height: 400px; 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: 5px solid #fa9370;}
.resource-header.progress-50,
.jstree-anchor.progress-50 {border-left: 5px solid #FBDFBD;}
.resource-header.progress-100,
.jstree-anchor.progress-100 {border-left: 5px solid #5caa7f;}

.resource-header.progress-100 .progress-done {padding: 7px 8px; color: #5caa7f; border: 1px solid green; border-radius: 4px; vertical-align: middle;}

/************* 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: #e3f3f7;}
.manage-groups .main-header {background-color: #e3f3f7; border-bottom-color: #00afd7;}
.manage-groups .content-container .main-header {background-color: transparent; border-bottom-color: #00afd7;}

.manage-groups .menu-groups .jstree-container-ul {background-color: #e3f3f7;}
.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: #bcdbe2;}

.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: #f5f5f5; 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;}
.run-container .btn-big {flex-shrink: 0; align-self: flex-start; margin-right: 1em; width: 155px;}
.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;}

.ms .assess-container {border: none; padding: 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: #333;}
.glossary-entry:hover, .glossary-entry:focus, .glossary-entry:active {text-decoration: none; border-bottom-style: solid; color: #333;}

.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 {font-style: italic;}

/* 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 .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;}

/* 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: #f5f5f5;}
.fcs .btn-highlight, .fcs .btn-highlight:focus, .fcs .btn-highlight:active {background-color: #0099bc;}
.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: 5px;
}

.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;}

/* 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: 4px;}
.lti-data-info .table-neutral th,
.lti-data-info .table-neutral td {padding: .3em .5em;}

/****************** 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-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: 1px 7px 7px 1px; 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: 5px;}
.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: 5px;}

.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-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 {border-color: #F7E9CF;}

/* 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: #333;
}

/* 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: #e3f3f7;}

.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: 5px;
	color: #fff;
	}
.login-form .box-success {color: #333;}
.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 .btn {background: transparent; border: 1px solid #fff; color:#fff;}
.login .btn:hover, .login .btn:focus, .login .btn:active {background: rgba(255,255,255,.3);}
.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-additional .btn {background: transparent;}
.login-additional .btn:hover, .login-additional .btn:focus, .login-additional .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: #ddd;
	width: 100%;
	height: 130px;
	line-height: 125px;
	font-size: 64px;
	text-align: center;
	}
.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;}

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

.btn-highlight[class*="custom-theme"] {background: #ddd; border-width: 4px;}
.custom-theme-default {color: #00afd7 !important;}
.custom-theme-basic_new_orange {color: #fa9370 !important;}
.custom-theme-basic_new_green {color: #5caa7f !important;}
.custom-theme-basic_new_dark {color: #000 !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);}

/****************************
	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;}
}