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

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Dresdner Str. 76, D-09130 Chemnitz

	COLORS
	----------------------
	#163D9E dark-blue
	#7C9ACB middle
	#C8D9ED light-blue
	#E9EDF4 lighter blue

	#8C391A dark-orange
	#F26F30 main-orange
	#FCE3D6 light-orange


	#0E658F new dark-blue
	#1386BF new blue
	#D1E7F2 new light-blue
	#E7EFF2 new lighter-blue

	#15A1A5 blue-green main

	#F4AE5B yellow
	#FBDFBD light-yellow

	#44AB5C green
	#C3DFC0 light-green

	#D96666 red
	#F8E3DF light-red

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

.wicket_orderNone::after {
    content: "\e60a";
    color: #377E84;
    margin-left: 0.4em;

    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;
}
.wicket_orderDown::after {
	content: "\e609";
	color: #377E84;
	margin-left: 0.4em;

	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;
}
.wicket_orderUp::after {
	content: "\e608";
	color: #377E84;
	margin-left: 0.4em;

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

.navigator {text-align: center;}
.navigator a[disabled] {color: #ccc;}

.navigator-label {float: left;}

th.death {display: none;}

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

/* DIALOG */
.ui-dialog {max-width: 100%; padding: 0; z-index: 100;}
.ui-dialog .ui-dialog-titlebar {margin-bottom: 1em; padding: 1em; background: none #0E658F; border: none; border-radius: 0; font-weight: normal; color: #fff;}
.ui-dialog .ui-dialog-titlebar-close {top: inherit;}
.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 #1386BF; 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: #1386BF;}
.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: #1386BF;}
.ui-dialog-buttonset .ui-button .ui-button-text {padding: .6em 1em;}

/* TABS */
.ui-tabs {border: none;}
.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;}

/****************************
	FANCY BOX | IFRAME DIALOG
****************************/
.fancybox-mobile .fancybox-skin {background: #fff;}
.fancybox-mobile .fancybox-close {top: -2px; right: 0;}
.fancybox-mobile .fancybox-inner {padding-top: 40px;}

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

/****************************
	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%;
}
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: #1386BF;}
hr {border-top: 1px solid #ddd;}

iframe {border: 0;}
.iframe-container {padding: 0 1%;}
.iframe-container iframe {width: 100%; min-height: 700px;}
.mobile .iframe-container iframe,
.course-toc-content .iframe-container iframe {min-height: inherit;}

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

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

.mobile .content-container {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-sm .fonticon {
        font-size: 12px;
    }


/* icomoon - don´t change, these lines will be updated */
.icon-disk:before {
    content: "\ea89";
}
.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-lock:before {
	content: "\e1d0";
}
.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: "\e097";}
.icon-den:before {content: "\e112";}	/*terminvergabe*/
.icon-dialog:before {content: "\e607";}
.icon-en:before {content: "\e379";} /*entrollment*/
.icon-ep:before {content: "\e611";}
.icon-extcp:before {content: "\e097";}
.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: "\e097";}
.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";
}

/******* EMOTICONS *******/
.icon-happy:before, .icon-smiley:before, .icon-grin:before, .icon-tongue:before, .icon-wink:before, .icon-cool:before {color: #F4AE5B; font-size: 1.3em;}
.icon-sad:before, .icon-crying:before, .icon-confused:before, .icon-wondering:before, .icon-sleepy:before {color: #0E658F; font-size: 1.3em;}
.icon-angry:before, .icon-evil:before, .icon-frustrated:before, .icon-shocked:before {color: #d96666; font-size: 1.3em;}
.icon-hipster:before {color: #f45bf4; font-size: 1.3em;}

/* icomoon - custom */
.icon-star:before {color: #999;}
.btn:hover .icon-star:before,
.icon-star-filled:before {color: #F4AE5B;}
.btn:hover .icon-star-filled:before {color: #999;}
table .btn .icon-star, table .btn .icon-star-filled {font-size: 1.5em;}

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

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

.text-center {text-align: center;}
.text-right {text-align: right;}

.text-warning {color: #fa9370;}
.text-success {color: #44AB5C;}
.text-info {color: #1386BF;}

/************* 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 {
	position: relative;
	display: block;
	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: 19%; right: 10px; min-height: 2.5em;}
.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: #D1E7F2;}

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


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

/* pagination */
.pager {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: lowercase;}
.category-list>li>a {color: #fff;}
.category-list .disabled {background-color: #ddd; color: #999;}
.category-list .active {background-color: #15A1A5;}

/* 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 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: #D1E7F2;}
.steps .active .arrow, .steps .active .arrow:after {border-left-color: #D1E7F2;}

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

td.preview-element {padding: 0px;}

.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: #D1E7F2;}

.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: #E7EFF2;}
.table-header-functions {float: left;}
.table-header-functions ul.tagit {margin: 0;}
.table-header-functions ul.tagit li.tagit-new {padding: 0.1em 4px 0em 0;}

.table-header-additional {float: right; line-height: 30px;}
.table-select {position: relative; 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: "\e609";}
.table-sort.desc .fonticon:before {content: "\e608";}

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

/****************** FORMS ******************/
fieldset {margin: 1em 0;}
legend {font-size: 1em; border-bottom-color: #1386BF; text-transform: uppercase;}
.form-group {position: relative; margin-bottom: .9em;}
.form-horizontal label {font-weight: normal;}
.form-control {color: #464646; border-color: #B0B0B0;}
.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 .col-form-label {
        display: block;
        text-align: left;
    }
.form-horizontal .form-inline .btn {vertical-align: bottom;}
.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 label:after {position: absolute; content: '*'; color: orange; font-size: 1.2em;}

/* .form-inline .form-group, .form-inline .form-group div {display: inline-block;} */
/* .form-inline .form-control {display: inline-block; vertical-align: middle;} */

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

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

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

/* jQuery Upload / dropzone.js */
.dropzone {margin: 1em 0 3em 0; border-radius: 3px; border: 2px dashed #1386BF;}
.dropzone .dz-preview .dz-image {border: 1px solid #E7EFF2;}
.dropzone .dz-preview.dz-file-preview .dz-image {background: #E7EFF2;}
.dropzone .dz-preview .complex-remove-button {position: absolute; top: -10px; right: -10px; z-index: 9999;}
.dropzone .dz-preview .complex-remove-button .fonticon {font-size: 20px; cursor: pointer;}

/* 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: #1386BF;}
.btn:hover, .btn:focus, .btn:active {background-color: #eee; border-color: #c8c8c8; color: #0E658F;}

.btn-highlight {background-color: #1386BF; border-color: #1386BF; color: #fff;}
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {background-color: #0E5E8E; border-color: #0E5E8E; color: #fff;}

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

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

.btn-big {width: 120px; height: 120px; border-width: 2px; background-color: #f5f5f5;}
.btn-big .fonticon {display: block; margin-bottom: .2em; font-size: 3em;}
.btn-big:hover, .btn-big:focus, .btn-big:active {background-color: #D1E7F2;}

.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-only.dropdown-toggle {width: 3em; padding: 0 .5em; background-position-x: .5em; text-align: right;}

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

.btn.disabled, .btn[disabled] {color: #aaa;}

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

/************* DROPDOWN *************/
.dropdown-menu {max-height: 330px; max-width: 300px; overflow-x: hidden;}
.dropdown-menu-right {left: auto; right: 0; text-align: left;}
.dropdown-menu .checkbox {padding: 0 1em; white-space: nowrap;}
.dropdown-menu>li>a {padding: .2em .5em;}
.dropdown-menu .fonticon {width: 1.2em;}

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

/************* BADGES *************/
.badge {
  display: inline-block;
  min-width: 25px;
  padding: 0 0.3em;
	background-color: #999999;
  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: #1386BF;}
.badge.important {background-color: #F4AE5B;}
.badge.success {background-color: #44AB5C;}
.badge.error {background-color: #D96666;}


/************* POPOVER *************/
.popover-container {overflow-y: auto; max-height: inherit;}

	.popover-header {
		display: block;
		border: 0;
		color: #777;
	}


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


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


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

.box-light {background-color: #fff; border: 2px solid #e1e1e1;}
.box-neutral {margin: 2em 5px; padding: 0; background-color: transparent;}
.box-highlight {background-color: #1386BF; color: #fff;}

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

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

.box-warning {background-color: #FBDFBD;}
.box-warning>a, .box-warning-light>a {color: #F26F30;}
.box-warning>a.btn, .box-warning-light>a.btn {color: #1386BF;}
.box-warning-light {background-color: transparent; border: 2px solid #F4AE5B;}
.box-warning.safety-files {padding: .1em .4em; font-size: .9em;}

.box-danger {background-color: #d96666; color: #fff;}
.box-danger a {color: #fff; text-decoration: underline;}

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

.box-beta {margin-bottom: 2em; background-color: #44AB5C; text-align: center; color: #fff; border-radius: 0;}
.beta-header {margin: 0; text-align: left; 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; text-decoration: underline;}
.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;}

.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 */
.box-access .fonticon {float: left;}
.box-access-content {margin: 2px 0 0 25px;}

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

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

.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 {float: right; z-index: 1;}

/****************************
	HEADER
****************************/
.page-header {
	height: 45px;
	margin: 0;
	background-color: #eee;
	}
.header-logo-container {float: left; height: 45px; margin: 0;}
.logo {display: inline-block; height: 100%; width: 230px; background: url(images/general/logo-OLATCampus-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-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; background-color: #eee;}
.main-header h1 {margin: .7em 0; font-size: 1.2em; white-space: nowrap; overflow: hidden;}
.course .main-header h1 {white-space: normal;}
.main-header-title .fonticon {font-size: 12px; vertical-align: super;}
.main-header-desc {margin: 0 10px 0 38px; line-height: 1.2em;}
.main-header-desc p {line-height: initial;}
.main-header-additional {text-align: right;}
.main-header-additional .form-group {margin-bottom: 0;}
.main-header-search {display: inline-block; vertical-align: middle;}
.additional-center {padding-top: 3px; text-align: center;}
.additional-right,
.course-node .main-header-additional {padding-top: 3px; text-align: right;}
.main-header:before, .main-header:after {content: " "; display: table;}
.main-header:after {clear: both;}

.resource-header h2 a {color: #464646; text-decoration: none;}
.resource-header a * {vertical-align: middle;}

/* mobile */
.mobile .main-header {display: none;}
.mobile .main-header h2,
.mobile .main-header h3 {margin: 0;}
.mobile .main-header-additional {display: none;}

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

.resource-header-mobile .main-header {margin-bottom: 0;}
.resource-header-mobile {margin: 5px; border-radius: 2px;}
.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: #1386BF;}
.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active {background-color: #0E658F;}
.sidr-open .page .menu-btn {background-color: #434343;}

.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: .7em;}
.page-footer-links li {float: left;}
.page-footer a {margin: 0 .5em;}
.footer-group {float: left; display: inline-block;}

/****************************
	NAVIGATION
****************************/
.nav-container {min-height: 38px; background-color: #1386BF;}
.guidemo .nav-container {background-color: #f45bf4;}

.nav-container + .clearfix {background-color: #1386BF;}
.guidemo .nav-container + .clearfix {background-color: #f45bf4;}

.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-tab > a:hover, .nav-tab > a:focus {text-decoration: none;}

.nav-search-placeholder, .nav-search, .nav-header,
.adnav {display: none;}


/****************** 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-header {display: block; margin: 0; padding-left: .3em; background-color: #656565; color: #aaa; 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 #1386BF; 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: #F4AE5B; 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: #DBDBDB;}
.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-container  {border-right: 2px solid #eee;}
.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 #1386BF;}
.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: #eee;}
.menu .jstree-anchor {position: relative; display: block; margin-left: 24px;}
.menu .jstree-ocl {float: left;}

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

.menu .jstree-clicked {background-color: #eee; box-shadow: none;}
.menu .jstree-hovered {background-color: #eee;}

.jstree-node.calendar,
.jstree-node.efficiency-statement,
.jstree-node.glossary {margin-top: .5em; padding-top: .5em; border-top: 3px solid #1386BF;}
.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;}

/* mobile */
.mobile .menu-container {display: none;}
.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: url(images/icons/arrow-list.png) no-repeat right center transparent;}
.mobile .jstree-default .jstree-anchor * {vertical-align: initial;}

.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 .jstree-container-ul>.jstree-node:first-child>.jstree-icon,
.mobile .menu .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;}

/************* 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-link>.list-group-item-heading,
.notification-container .list-group-item-link>.list-group-item-text {padding-left: 30px;}
.notification-container .list-group-item .btn-group {margin: 0 0 .5em 45px;}

	.notification-container .popover-body {
		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 {white-space: normal;}

/************* SEARCH *************/
.search-keyword {color: #F4AE5B;}

/************* 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%; min-height: 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>strong {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;}

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

/* horizontal*/
.content-preview-horizontal {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; padding-top: 0; overflow: hidden;}
.content-preview-horizontal .content-preview-img {float: left; width: 10em; height: 100%; margin-right: 1em;}
.content-preview-horizontal .content-preview-img .fonticon {padding-top: 17px; background-color: transparent; color: #1386BF;}
.content-preview-horizontal .content-preview-img .icon-blocked {color: #555;}
.content-preview-horizontal .content-preview-author {font-size: .85em;}
.content-preview-horizontal .content-preview-author a {color: #999;}

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

/*resource details*/
.resource-details {height: auto; margin-bottom: 2em; padding: 1%; border: 3px solid #D1E7F2; border-radius: 5px;}
.resource-details .content-preview-img .fonticon {padding-top: 0;}
.resource-details .content-preview-img>img {height: auto; min-height: initial; width: 100%;}
.resource-details .content-preview-main {height: auto; margin-left: 9em; padding: 0;}
.resource-details .content-preview-desc {clear: both;}
.resource-details strong {font-size: 1.3em;}
.resource-details .content-preview-author a {color: #1386BF;}

.mobile .resource-details {min-height: inherit; padding: .5em .8em; background: transparent; border: 0; box-shadow: none;}
.mobile .resource-details .content-preview-main {margin-left: 0;}
.mobile .resource-details .content-preview-img {width: auto; height: auto; margin: 0;}
.mobile .resource-details .content-preview-img .fonticon {display: none;}
.mobile .resource-details .content-preview-img>img {width: 105px; height: 75px; padding: 0 .5em .2em 0;}
.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 p, .repo-desc p {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-header {margin: 0 0 .5em;}
.course-toc-entry .icon-close {color: #d96666;}
.course-toc-entry .icon-checkmark {color: #44AB5C;}
.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;} */

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

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

/************* COURSE & GROUP NODES *************/
.resource-function-mobile {margin: 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}

	.resource-function-mobile .col {
		padding: 0;
		border-right: 1px solid #ccc;
	}

	.resource-function-mobile .col: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 110px 0 0; font-size: 1em; line-height: 1.5em; font-weight: bold;}
.post-header p {margin: 0 110px 0 0; font-size: .85em;}

.post-user {float: left; width: 35px; height: 35px; margin: .7em; overflow: hidden; background-color: #B6B6B6;}
.post-user img {width: 100%;}
.post-user .fonticon {margin: 5px 0 0 8px; 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;}

.run-container .btn-big {float: left; width: 155px;}
.run-container .box {min-height: 120px; margin-left: 165px;}
.run-container-tooltip {float: left;}

.mobile .run-container {margin: 0 5px;}

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

/* 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.new>.post-header {background-color: #D1E7F2;}
.forum-post.marked>.post-header {background-color: #FBDFBD;}
.forum-post.new .post-heading,
.forum-post.marked .post-heading,
.forum-post-2 .post-heading {background-color: transparent;}

.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: #D1E7F2 !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;}

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

.mobile .forum-post-2 .post-header {min-height: 20px; background-color: #e1e1e1;}
.mobile .forum-post-2 .post-user {width: 20px; height: 20px;}
.mobile .forum-post-2 .post-user .fonticon {margin: 0 0 0 3px; font-size: 1em;}
.mobile .forum-post-2 .post-heading h3 {display: none;}
.mobile .forum-post-2 .post-functions {display: none;}

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

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

/* ASSESSMENT */
.box-assess-extended {margin: 0;}
.box-assess-extended .box-assess {float: left;}
.assess-info {margin-left: 165px; text-align: left;}
.assess-info .text-warning {margin: .3em 0 1em 0;}

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

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

/* 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 .imgright {clear:right; float: right; margin: 0.3em 0em 0.3em 0.3em; text-align: right;}
.wiki .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 .imgcaption {padding: 0.3em 0em 0.2em 0.3em;}

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

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

/* 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: #1386BF;}
.fcs .btn-big .badge {position: absolute; top: 5px; right: 5px;}
.fcs .form-group .form-group.checkbox {margin: 0;}

    .fcs .form-group.checkbox .col-form-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 {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;
	margin-bottom: 10px;
	padding: 25px 0 0 0;
	background-color: #eee;
	font-size: 5.5em;
	color: #aaa;
	border-radius: 5px;
}

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

.profile-entry.own {border-color: #1386BF;}
.profile-entry.own .profile-placeholder {color: #1386BF;}

.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 #D1E7F2;}
.dialog tbody>tr:nth-child(odd) {background-color: transparent;}
.dialog tbody>tr.highlight {background-color: #D1E7F2;}
.box-dialog .fluid-container {padding: 0;}

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

/****************** 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: 15px;}
.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-top: 2em;}
.cal-list li {margin: .5em 0;}
.cal-list-title {display: inline-block; min-width: 300px; padding: .4em; color: #fff;}

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

.fc-timegrid-event {padding: .2em;}
.fc-timegrid-event .fc-event-time {font-size: 1em; font-weight: bold;}

.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 {height: 190px;}
.efficiency-statement-overview .efficiency-statement,
.portlet.efficiencystatements .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 h3 {display: inline-block; font-size: 1.1em;}
.artefact-content {max-width: 100%; height: 300px; overflow: auto; margin-bottom: .5em; border-bottom: 1px solid #ddd;}
.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;}

.artefact-tags {min-height: 23px;}
.tag {margin-bottom: .3em; padding: .3em 1em; background-color: #15A1A5; font-weight: normal; line-height: 1.1em;}

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

.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 create */
.ep-map-overview a {display: inline-block; padding: .2em;}
.ep-map-overview-map {color: #888 !important;}
.ep-map-overview-map:hover, .ep-map-overview-map:focus, .ep-map-overview-map:active {background-color: #eee; text-decoration: none;}
.ep-map-overview-map span {vertical-align: middle;}
.ep-map-overview-pages, .ep-map-overview-struc {padding-left: 2em;}
.ep-map-overview-pages {padding-bottom: .5em;}
.ep-map-overview-pages .selected {background-color: #D1E7F2;}

/* 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-sm .badge,
.btn-artefact.only .badge {top: -3px; right: -4px;}

/* map */
.ep-map-preview {position: relative; float: left; 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: #D1E7F2; text-align: center;}

/* map shared */
.ep-map-shared .ep-map-back {
	position: absolute;
	top: 220px;
	right: 20px;
	font-size: 12em;
	color: rgba(255, 255, 255, .3);
}

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

/* 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: #1386BF;}
.ep-map-grey .ep-map-structure h3 {color: #1386BF;}

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

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

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

.ep-task-info {margin: 0 -5px; 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 ******************/
.portlet-container .col-xs-6 {padding-bottom: 1.5em;}
.portlet .panel-header {cursor: move;}
.portlet .panel-header>.fonticon {display: none;}

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

.portlet.bookmarks .panel-header {background: #F4AE5B;}
.portlet.bookmarks .panel-header h3, .portlet.bookmarks .panel-header h3 a {color: #fff;}

.portlet.efficiencystatements .panel-header {background: #44AB5C;}
.portlet.efficiencystatements .panel-header h3, .portlet.efficiencystatements .panel-header h3 a {color: #fff;}

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

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

/* 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: #0E658F;}
.mobile.login .page-header-container,
.login .page-header,
.login .mobile-page-header,
.login .main-header h2 {display: none;}
.login .main-header {background: transparent;}

.logo-container {margin-bottom: 2em; text-align: center;}
.login .logo {display: block; height: 110px; width: 100%; background: url("images/general/logo-OLATCampus-small.png") no-repeat center center transparent;}
.logo-container h1 {margin-top: 10px; font-size: 1.2em;}

.login.page-footer {border: none; background: transparent;}
.login.page-footer a {color: #fff;}

.login-content {width: 550px; margin: 0 auto; color: #fff;}
.login-form {padding: 1em; background: rgba(255,255,255,.2); border-radius: 5px;}
.login-form .box-success {color: #333;}
.login h3 {margin: 1.5em 0 .5em 0; text-transform: uppercase; font-size: 1em;}
.login h3:first-child {margin-top: 0;}

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

.login-courses aside {float: none; width: 100%; color: #fff;}
.login-courses .panel-header h3 {display: none;}

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

.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 .btn-highlight {width: 100%; margin-bottom: 1em;}

    .login .col-form-label {
        font-weight: normal;
    }
.login-form a {color: #fff; text-decoration: underline;}

/* 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;
	font-size: 64px;
	padding-left: 47px;
	padding-top: 30px;
	}
.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;}

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


/****************************
	PRINT
****************************/
@media print {
	body {color: #000;}
	iframe {min-height: inherit; height: inherit !important;}

	.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 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 {margin-left: 0;}

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