.header { border-bottom: 0px; background-color:#4e008e; }
.header .navbar-toggle { border:0; background-color:#4e008e; }
.header .navbar-toggle, .header .navbar-nav > .active > a, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus { background-color:#4e008e; color: #fff; }
.header .navbar-toggle:hover,.header .navbar-toggle:focus { background-color:transparent !important; }
.header .navbar-nav > li > a {color: #ccc;}
.header .navbar-nav .open .dropdown-menu > li > a {color: #ccc;}
.header .navbar-nav .open .dropdown-menu > .active > a, .header .navbar-nav .open .dropdown-menu > .active > a:hover, .header .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff; background-color: transparent;}
   
.container_languages { border-bottom:1px solid #eee; background-color:#4e008e;}
.container_languages ul.mainnavigation { margin:0; padding:0 15px; list-style:none; float:right; }
.container_languages ul.mainnavigation > li, .container_languages ul.mainnavigation > li > a { float:left; }
.container_languages ul.mainnavigation > li > a { display:block; padding:3px 8px; text-decoration:none; line-height:40px; text-transform:uppercase; color:#fff; }
.container_languages ul.mainnavigation > li.selected > a { display:none; }
.container_languages ul.mainnavigation > li:last-child { margin-right:-8px; }

.maintenance-note { display: none; padding: 15px 0; background-color: #370065; border-bottom: 2px solid #284418; text-align: center; font-weight: bold; font-size: 1.5rem; color: #fff; }
.maintenance-note button { border-radius: 0; border: 0; background-color: #fff; color: #4e008e; padding: 4px 15px; margin: 0 8px; }
.maintenance-note button:hover,.maintenance-note button:focus,.maintenance-note button:active { background-color: #fff; color:#000; }

.wrapper { background-color:rgb(255,255,255); padding-bottom:50px; }
.container_login .container { background:url('/layout/bg_students.jpg') no-repeat right bottom; min-height:550px; height:auto !important; height:550px; }
.container_login { border-bottom:1px solid #ddd; }
.container_login h2 { font-size: 24px; letter-spacing: normal; color: #676a6c; line-height: 24px; font-weight: 300; }

.askmore { background-color:#f8f8f8; }
.askmore { text-align:center; }

.logo { margin-bottom:80px; }
.login { margin-bottom:20px; }

.statusview-toggle > .switch > input:checked + .slider {background-color: #4e008e !important;}
h1.hint { margin:0; padding-top:20px; line-height:normal; font-size:24px; }
.taskdescription a, .after-answer a, .textarea > .redactor-box > .redactor-editor a { text-decoration:underline; color: #72c02c; }

.box { background-color:#fff; border:1px solid #eee; margin-bottom:30px; box-shadow: 0 0 10px #ccc; position:relative; }
.box .box_header { background-size:cover; background-repeat:no-repeat; background-position:center center; height:300px; position:relative; margin-bottom:36px; }
.box .box_header.unpublished { opacity:0.35; position:relative; }
.box .box_header.unpublished > .publishlabel { position:absolute; top:50%; left:50%; color:#fff; font-weight:bold; font-size:36px; transform-origin:50% 50%; transform:translateX(-50%) translateY(-50%) rotate(15deg); }
.box .box_header h1 { margin:0; padding:6px; border-bottom: 1px solid #FFF; width:100%; text-align:center; background-color:#2f2859; color:#333; font-size:16px; font-weight: 700; display:inline; position:absolute; left:0; top:0; color:#fff; line-height:normal; }
.box .box_ingres { padding:10px; border-bottom:1px solid #eee; background-color:#fff; font-size:12px; }
.box .box_ingres .fa { font-size:24px; color:#aaa; cursor:pointer; }
.box .box_topbuttons, .box_bottombuttons { padding:10px; }
.box .box_progress { padding:10px; position:absolute; left:5px; bottom:5px; background-color:#fff; background-color:rgba(255,255,255,0.9); }
.box .box_reviews { padding:10px; position:absolute; right:5px; bottom:5px; background-color:#fff; background-color:rgba(255,255,255,0.9); }
.box .box_reviews .review_stars { display:flex; justify-content:center; margin-top:5px; }
.box .box_reviews .review_stars > .fa { color:orange; font-size: 18px; }
.box .box_reviews .review_stars > .fa.fa-star-half { margin-right:-9px; z-index:2; }
.box .box_reviews .review_stars > .fa.grey { color:#ddd; }
.box .btn-u { display:block; text-align:center; margin:0; width:100%; }
.box .courseusers { position: absolute; top: 38px; left: 5px; padding: 3px 5px; background-color:#8a8a8a; color:#333; }
.box .courseusers > .fa { margin-right: 5px; }
.box .progress { margin-bottom:10px; background-color:#8a8a8a; }
.box .progress-bar-u { background-color:#bccf02; }
.box .progress-xxs { height:5px; }
.box .progress_title { font-size:12px; padding-bottom:3px; }
.box .box_skillmedal { position: absolute; right:5px; bottom:5px; }
.box .box_skillmedal > img { height:90px; width:auto; opacity:0.6; }
.box .course-select { position:absolute; bottom:5px; right:5px; width: calc(100% - 120px); margin:0; }
.box .course-select > .select { margin:0; }
.box .course-select > .select > select { border-width:0px; }
.box .box_ingres { height:36px; overflow:hidden; position:absolute; bottom:-36px; left:0; width:100%; padding:10px; padding-right:25px; }
.box .courseend_time { margin-bottom:10px; }
.ingress-toggle { position:absolute; top:0; left:0; height:36px; width:100%; background-color:#FFF; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1)); cursor:pointer; }
.box_ingres > .ingress-toggle > i.fa { float:right; padding:10px; font-size:13px; color:#8a8a8a; background:rgb(255,255,255); background:rgba(255,255,255,0.8); }
.ingress-hide { position:absolute; top:0; right:0; width:36px; height:36px; cursor:pointer; }
.box_ingres > .ingress-hide > i.fa { padding:10px; font-size:13px; color:#8a8a8a; background:rgb(255,255,255); background:rgba(255,255,255,0.8); }
.box .box_buttons .row { margin:0; }
.box .box_buttons .row .col-sm-6, .box .box_buttons .row .col-md-12 { padding:0; }
.box .box_buttons .btn { background-color: rgb(188,207,2); }


/*Four-packages in-a-row on the front page*/
.col-md-4.col-sm-6 {max-width: 25%;}

.sky-form { margin:20px 0; border:0; color:#000; }
.sky-form .note-error { color:#ff0000; }
.sky-form fieldset { padding:0; background-color:transparent; }
.sky-form span.label { display:inline; }
.sky-form span.label-u { background: #72c02c none repeat scroll 0 0; color:#fff; margin-right:3px; font-size: 11px; font-weight: 400; padding: 4px 7px; }
.btn-u,.btn-danger,.btn-primary { font-size:14px; font-weight:600; text-decoration: none; white-space: nowrap; border: 0 none; }
.btn-primary.btn-brown { background-color: #c09642; }
.btn-primary.btn-brown:focus,.btn-primary.btn-brown:hover,.btn-primary.btn-brown:active { background-color:#aa802c; }
.btn-u { background: #6400b7; color: #fff; cursor: pointer; display: inline-block; margin-top:5px; margin-bottom:5px; padding: 6px 13px; position: relative;}
.btn-u:focus { color:#FFF; }
.btn-u:hover, btn-u:active {background-color: #6400b7;}
.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {background-color: #6400b7;}
a.btn-u:hover, a.btn-u:focus, a.btn-u:active, a.btn-u.active, .open .dropdown-toggle.btn-u { background-color:#6400b7; }
.btn-danger { border:0 none !important; }
div > a.btn-rehearse { background-color:#64bec8; }
a.btn-rehearse:hover,a.btn-rehearse:focus { background-color:#54b3bd; }
a.btn-u { background-color:#2f2859; }
.tag-box-v1 .btn-u, .login .btn-u, .forgottenpw .btn-u, .btn-u.btn-registration,#ajaxContent .btn-u { width:100%; display:block; }

.reg-password-format { color:#666; font-size:16px; }
.reg-password-format .fa { color: #6bbb5e; }
.reg-password-format > .nonvalid, .reg-password-format > .nonvalid > .fa { color: #999; }
.reg-password-format > .nonvalid.state-error > .fa { color: #d82929; }
#resetform .input-group { margin:15px 0; }

.content { padding:20px; background:rgb(255,255,255); background:rgba(255,255,255,0.8); }

.materialselection h1 { text-align:left; }
.materialselection img { margin:20px 0; }
/*.materialselection span { color: #777; display: block; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }*/
.bootstrap-table tbody > tr > td { vertical-align: middle; }

.materialselection .materialimage span.label { font-size: 12px; font-weight: 400; padding: 4px 7px; position:absolute; left:20px; top:25px; border-radius:0; }

/*Management*/
.side-nav > .list-group  { padding-top:0; margin-top:20px; }
ul.list-group a { color:#333; text-decoration:none; }
.sidebar-nav-v1 > li > a,.nav-tabs > li > a { text-transform:uppercase; }
ul.sidebar-nav-v1 > li.active { border-color:#717984; }
table.management_table { width:100%; border-collapse:collapse; }
table.management_table th, table.management_table td { padding:5px; border-bottom:1px solid #ddd; text-align:left; font-size:13px; }
table.management_table td.text-right { text-align:right; }
table.table.materialtable td { vertical-align:middle; }

.tab-pane { padding:20px 0; }
.tab-v1 { margin-top:20px; }
.tab-v1 .nav-tabs { border-color:#4e008e; }
.tab-v1 .nav-tabs a { text-decoration:none; color:#333; padding:7px 15px; }
.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { background-color:#4e008e; }
.tab-v1 .nav-tabs > li > a:hover { background-color:#4e008e; }
.bootstrap-table-margin { margin-top:-40px; }
.table-hover > tbody > tr:hover { background-color:#fafafa; }
th.bs-checkbox input { display:none !important; }
th.bs-checkbox > .th-inner, th.course-count > .th-inner { padding:0 !important; height:40px; background-position:center !important; }
.sky-form section > label.label { font-weight:bold; }
.modal { z-index:3004; }
.modal-backdrop { z-index:3003; }
.modal-body .tab-pane { padding:0; }
.modal-body > .sky-form { margin: 0; }
.modal-body .modal-information { background-color:#fafafa; padding: 16px; text-align:center; margin-bottom:10px; border:1px solid #ddd; }
.search > .form-control { height:35px; }
.bootstrap-table th { text-align:center; }
.bootstrap-table .fixed-table-container table.table thead th .sortable { padding-right: 20px !important; }
#table-organisations th:first-child{ width:70%; }
#table-organisations td.text-right > button, #table-users td.text-right > button, #table-groups td.text-right > button, #table-confirmables td.text-right > button { width:50%; }
#table-courseless td.text-right > button { width: 49%; }
#table-materials .btn, #table-material-courses .btn { width:100%; }
#table-personsubmits { position:relative; }
#table-personsubmits~div { display:none !important; }
.personssubmits-close { position:absolute; top:0; right:0px; }

.management_summary { padding:3px; background-color:#f8f8f8; border:1px solid #eee; margin-bottom:15px; }
.management_summary table { border-collapse:collapse; }
.management_summary table th, table.summary_table td { padding:3px; text-align:center; }

.panel-group h4 { position:relative; }
.panel-group h4.panel-title > a.task-preview { position:absolute; top:2px; right: 38px; font-size:20px; color:#555; padding:0; background-color:transparent; }

.panel-group h4.panel-title > a.accordion-toggle > i { font-size:20px; color:#555; }
.task-eval-hidden .task-eval { display:none; }

.redactor-box { font-weight:normal; border-color:#999; margin-bottom:0 !important; }
.redactor-editor h1,.redactor-editor h2,.redactor-editor h3,.redactor-editor h4,.redactor-editor h5,.redactor-editor h6 { font-family:"Open Sans",Helvetica,Arial,sans-serif !important; color:#000 !important; font-weight:normal !important; }
.redactor-editor h1 { font-size:18px !important; color:#000 !important; font-weight:normal !important; }
.redactor-editor h2 { font-size: 16px !important; color:#000 !important; font-weight:normal !important; }
.redactor-editor h5 { font-size:15px !important; color:#000 !important; font-weight:normal !important; line-height: 1 !important; }
.redactor-box > .redactor-editor { padding:6px 10px; color:#000 !important; }
.redactor-box > .redactor-editor,.redactor-box > .redactor-editor li,.redactor-box > .redactor-editor a,.redactor-box > .redactor-editor p { font-size:13px !important; line-height:1.55 !important;font-family:"Open Sans",Helvetica,Arial,sans-serif !important; color:#000; }

.redactor-dropdown a.redactor-formatting-p { font-size:13px; }
.redactor-dropdown a.redactor-formatting-h1 { font-size:18px; font-weight:400; }
.redactor-dropdown a.redactor-formatting-h2 { font-size:16px; font-weight:400; }

.redactor-placeholder::after { top:6px !important; left:10px !important; }
div#redactor-modal-overlay { z-index: 3100; background-color:#eee !important;  }
div#redactor-modal-box { z-index: 3101; }
div.redactor-dropdown { z-index: 3051; }
div.redactor-dropdown > .redactor-dropdown-h5 { font-weight:normal; font-size:15px; }
.task_attached_content { display:none; }
.panoramapreview { max-height: 400px; overflow:hidden; border: 1px solid #000; margin-top:10px; }
.panoramapreview > img { width:100%; position:relative; top: 50%; }
.panoramapreview > img.panorama { transform: translateY(-25%); }

.rx-container > .rx-editor-container > .rx-content h1 { color: #00000; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 18px; margin-top: 5px; margin-bottom: 10px; line-height:24px; }
.rx-container > .rx-editor-container > .rx-content h2 { color: #000000; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; margin-top: 5px; margin-bottom: 10px; line-height:24px; }
.rx-container > .rx-editor-container > .rx-content h3 { color: #000000; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 27px; margin-top: 5px; margin-bottom: 10px; line-height:27px; }
.rx-container > .rx-editor-container > .rx-content h4 { color: #000000; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 24px; margin-top: 5px; margin-bottom: 10px; line-height:25px; }
.rx-container > .rx-editor-container > .rx-content h5 { color: #000000; font-family: "Open Sans", sans-serif; font-weight: 500; font-size: 15px; margin-top: 5px; margin-bottom: 10px; line-height:1; }
.rx-container > .rx-editor-container > .rx-content h6 { color: #000000; font-family: "Open Sans", sans-serif; font-weight: 500; font-size: 18px; margin-top: 5px; margin-bottom: 10px; line-height:18px; }
.rx-container > .rx-editor-container > .rx-content p { margin-top:0; margin-bottom:10px; color:#000000; font:13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; }
.rx-container > .rx-editor-container > .rx-content a { margin-top:0; margin-bottom:10px; color:#000000; font:13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; }
label.textarea .rx-container { font-weight:normal; }
.rx-popup { z-index: 3005 !important; }
.rx-popup-stack-item[data-name="image"], .rx-popup-stack-item[data-name="pre"], .rx-popup-stack-item[data-name="paragraph"], .rx-popup-stack-item[data-name="quote"] { display:none !important; }
p.blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; font-style:normal; }

.rx-editor.rx-content ol, .rx-editor.rx-content ul { margin-top:0; margin-left:0; margin-bottom:10px; padding-left:40px; }
.rx-editor.rx-content li { font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; }
.rx-editor li:empty::before { content: '.'; color: transparent; cursor: text; }
.rx-editor li:empty:focus::before { content: ""; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/* Image upload */
.imagecorner, .imagecropper, #imagetocrop, .backgroundimagecover { position:absolute; top:0; left:0; }

#backgroundimage { z-index: 0; }
.backgroundimagecover { z-index:1; background-color:#000000; opacity:0.7; width:100%; height:100%; user-select: none; }
.imagecorner { z-index:3; background-color:#2980B9; width:16px; height:16px; }
.imagecropper { overflow:hidden; z-index:2; user-select: none; }

.imagecontainer { position:relative; user-select:none; }

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
img { margin: 0; }

#uploadifive-file_upload { display:block; }
.uploadifive-file_upload input[type='file'] { display:block !important; opacity:0; }
.uploadifive-queue { text-align:left; position:absolute !important; bottom:-45px; left:15px; width:309px; }
.uploadifive-queue-item {
	color:#000;
	font: 12px Arial, Helvetica, Sans-serif;
	margin-top: 3px;
}
.uploadifive-queue-item .filename { display:none !important; }
.uploadifive-queue-item .progress {
	display:block !important;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .close {
	position: static !important;
	margin: 0 !important;
	left: none !important;
	background: url('/js/uploadify/uploadify-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-button { /*position:absolute !important; bottom: 5px; left:120px;*/ margin:0 auto; padding:3px 12px; }
.uploadifive-button input { cursor: pointer; }
.image-responsive { margin: 0 auto;max-width: 100%; }

/* Reports */
.coursesearch { margin: 0 5px; }
.coursesearch > .sectionbutton { width:75px; line-height:21px; }
.reports_title { font-weight:100; font-size: 3em; letter-spacing:1px; line-height:1em; font-family: "HelveticaNeue-UltraLight","Helvetica Neue UltraLight","ralewaythin","Helvetica Neue",Arial,Helvetica,sans-serif; margin-bottom:15px; }
.inputsection { margin: 20px 0; }
.select_title { font-weight:700; font-size: 140%; margin-bottom:5px; }
.reports { font: 90%/1.45em "Helvetica Neue",HelveticaNeue,Verdana,Arial,Helvetica,sans-serif; color: #333; line-height:1.42857; }
.inputsection > select { width: 100%; }
.pdf-report { float:right; }
#reports-table,#statistics-table { width:100% !important; }
#reports-table,.reports-averages,#statistics-table { display:none; border:1px solid #eaeaea; margin: 20px 0; }
#reports-table td > span,#statistics-table td > span { display:none; }
#reports-table td:nth-child(n+2),#statistics-table td:nth-child(n+2) { text-align:center; }

#reports-table, #reports-table tr,.reports-averages,.reports-averages tr,#statistics-table,#statistics-table tr { width:100%; border-collapse:collapse; }
#reports-table td,.reports-averages td,#statistics-table td { font-size:13px; border:1px solid #dddddd; padding:5px; }
#reports-table th,.reports-averages th,#statistics-table th { font-size:14px; font-weight:bold; border: 1px solid #dddddd; border-bottom-width:2px; padding:5px; text-align:left; background-color:#FFF; font-weight:bold; padding-bottom:8px; color:#000; text-align:center; }
#reports-table tr.odd td,#statistics-table tr.odd td { background-color:#f9f9f9; }
#reports-table tr.even td,#statistics-table tr.even td { background-color:#fff; }

.dataTables_length select, .dataTables_filter input, .inputsection > .input { height: 30px; line-height: 30px; padding: 5px 10px; font-size: 12px; border-radius: 3px; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.dataTables_length select:focus, .inputsection > .input:focus { border-color: #66AFE9; outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); }

#reports-table_wrapper,#statistics-table_wrapper { margin-top:15px; }
#reports-table_length,#reports-table_info,#statistics-table_length,#statistics-table_info { float:left; }
#reports-table_info,#statistics-table_info { font-size:120%; margin-right:10px; }
#reports-table_filter,.dataTables_paginate,#statistics-table_filter { float:right; }
#reports-table_filter input,#statistics-table_filter input { display: inline-block; width: auto; vertical-align: middle; box-sizing: border-box; }
.dataTable .sorting { cursor:pointer; }
.dataTables_paginate a { font-size:140%; padding: 6px 12px; border: 1px solid #dddddd; color: #428bca; cursor:pointer; background-color:#FFF; line-height:1.42857; margin-left:-1px; }
.dataTables_paginate a:hover { background-color:#EEE; }
.dataTables_paginate > a.paginate_button_disabled { color:#777777; cursor:default; background-color:#fff; }
.dataTables_paginate > span > .paginate_active { background-color: #428BCA; color:#FFF; }
#reports-table_last, #reports-table_first,#statistics-table_last,#statistics-table_info { display:none; }
.inputsection label { font-size:140%; }

#reports-table_tools,#statistics-table_tools { margin-top:10px; font-size:120%; }
#table_tools-container,#statistics-table-container { display:inline-block; margin-bottom:-5px; }
#table_tools-container .DTTT_button,#statistics-table-container .DTTT_button { position:relative; font-size:90%; display:block; float:left; margin-right:5px; text-align: center; width: 37px; line-height: 20px; color: #FFF; background: url("/layout/button_enabled.jpg") repeat-x scroll 0% 0% transparent; }
.DTTT_button > span { font-size: 80%; }

.sorting { background: url('/layout/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('/layout/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('/layout/sort_desc.png') no-repeat center right; }
.sorting_asc_disabled { background: url('/layout/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('/layout/sort_desc_disabled.png') no-repeat center right; }

#reports-table tr.sorttitles th,#statistics-table td.sorttitles th { cursor:pointer; }
.reports-hide { position:absolute; top:3px;right:0; }
.reports-hide > .sectionbutton { width:80px; }

.feedback-table { width:100%; border:1px solid #eaeaea; }
.feedback-table td { font-size:13px; border:1px solid #dddddd; padding:5px; }
.feedback-table tr { width:100%; border-collapse:collapse; }
.feedback-table th { font-size:14px; font-weight:bold; border: 1px solid #dddddd; border-bottom-width:2px; padding:5px; background-color:#FFF; font-weight:bold; padding-bottom:8px; color:#000; text-align:left; }

/* /Reports */

/* Statistics */
.dropdowntoggle { height: 30px; line-height: 30px; padding: 0px 10px; font-size: 12px; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; position:relative; cursor:default; }
.dropdowntoggle > .fa { background-color: #e1e1e1; height:28px; line-height:28px; border: 1px solid #adadad; color:#565656; padding:0 3px; position:absolute; top:0; right:0; font-size:15px; }
a.dropdown { display:block; }
a.dropdown:hover,a.dropdown:focus,a.dropdown:active { text-decoration:none; }
.dropdown:focus > .dropdownmenu { display:block; }
.dropdown > .dropdownmenu:hover { display:block; }
.dropdown > .dropdownmenu { display:none; width: 100%; position:absolute; left:0; bottom:1px;transform: translateY(100%); border:1px solid #565656; background-color:#fff; z-index:150; }
.dropdown > .dropdownmenu > ul { list-style:none; padding:3px 0; margin:0; }
.dropdown > .dropdownmenu > ul > li { padding:0; margin:0; position:relative; display:none; }
.dropdown > .dropdownmenu > ul > li:first-child { display:block; }
.dropdown > .dropdownmenu > ul > li.visible { display:block; }
.dropdown > .dropdownmenu > ul > li > label { font-weight:normal; padding:3px 10px 4px 30px; font-size:14px; margin:0; display:block; cursor:pointer; }
.dropdown > .dropdownmenu > ul > li > input { position:absolute; left: 8px; top: 43%; transform: translateY(-50%); margin:0; }
.dropdown > .dropdownmenu > ul > li > input[disabled]+label { color: #bbb; }

.container_logged h1 { padding: 0 15px; }
.container_logged .logo { margin:20px; }
.container_logged .usermaterials { padding: 0; }
.container_logged .usermaterials > h1 { margin-bottom:20px; }
.container_logged .col-sm-12 > h1 { padding: 0 15px; }
.container_languages .pull-left > img { padding:0px; height: 40px;}
.container_languages ul { padding:0 15px; }
.thumbnail-kenburn > .caption { color:#666; margin-top:10px; }
.progress-bar-tamk-green { background-color: #bddd00; }
.progress-green { color: #93b000; }
.text-green { color:#008400; }
/*body.logged { background:url('/layout/bg_body.jpg') no-repeat #fff; background-position:center bottom; }*/
.tip { background-color:#fff; padding:10px; }

.list-group { padding-top: 20px; }
.list-group-item > a > i { margin-right:5px; width:20px; }
.task-group > li { padding: 0; }
.task-group > li > label.radio,.task-group > li > label.checkbox { padding: 10px 15px; padding-left: 42px; }
.task-group > li > label.radio > i, .task-group > li > label.checkbox > i { top:15px; left: 15px; }
.list-group > li.hover:hover { background-color:#fafafa; }
.option-selected { font-weight:bold; }
.option-selected .feedback { font-weight:normal; }
.tag-box-v1 > .sky-form { margin: 0; }
.tag-box-v1 > .sky-form > h2 { font-size:18px; }
.tag-box p { margin-bottom:10px; }
.sky-form > .tasklabel, .tab-v2 > .tasklabel { font-size:18px; margin-bottom:10px; }
.alert-danger { background-color:#F2DEDE !important; border-color: #EBCCD1 !important; }
.alert-danger > label { color:#A94442 !important; }
.alert-success { background-color:#DFF0D8 !important; border-color: #D6E9C6 !important; }
.alert-success > label { color:#3C763D !important; }
.list-group-item.answered.answered-generic { background-color:#fcfcfc !important; border-color: #ddd !important; }
.after-answer { margin-top:15px; color:#555; padding:10px; background-color:#f1f8ff; }
.after-answer > p:last-child { margin-bottom:0; }
.clickable { cursor:pointer; }
.badge { padding:6px 10px !important; }
.option-content-info { color:#aeaeae; margin-top:-15px; }
.panorama-info { color:#aeaeae; margin: 5px 0; display:inline-block; display:none !important; }
/*.panorama-fullscreen { float:right; color: #FFF; font-weight: 400; padding: 4px 7px; background-color:#72C02C; transition: background-color 0.15s ease-in-out 0s; cursor:pointer; margin-top:5px; }*/
.panorama-fullscreen, .panorama-toggle { width:100%; color: #FFF; text-align:center; font-size:14px; font-weight: 400; padding: 6px 13px; background-color:#72C02C; transition: background-color 0.15s ease-in-out 0s; cursor:pointer; margin:10px 0; }
.panorama-toggle { display:none; margin-top:0; margin-bottom: 10px; }
.panorama-fullscreen.open { width:102px; }
.panorama-fullscreen:hover { background-color:#5FB611; }
.taskarea-container { overflow:hidden; }
.taskarea-inner > ul.list-group a { color:#34b72b; }
.taskarea-inner > ul.list-group a:hover { text-decoration:underline; }
.taskarea-inner .feedback { background-color: #fff !important; margin-bottom: 0; margin-top: 9px; color:#555; }
.taskarea-inner .feedback.alert-generic { border-top: 1px solid #ddd; }
.taskarea-inner .feedback > p { margin-bottom:0; }
.taskarea-inner label > .feedback { margin-left:-27px; }
.taskarea-inner .optionrow > .feedback { margin-left:10px; margin-right:10px; margin-top:5px; }
.taskarea-inner .textarea > textarea[disabled] { color:#aaa; }
.task-toggle { position:absolute;top:25px; right: 25px; cursor: pointer; display:none; }
.mp { position:absolute; line-height:0; cursor:pointer; z-index:10; transition: transform 0.15s ease-in-out 0s; }
.radar { position:absolute; display:none; top:0;left:0;z-index:0; }
.floormapcontainer { position:relative; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.floormapimage { width:100%; }
.chart-canvas-holder { height:400px; }

.whiteboard-item:not(:last-child) { margin-bottom: 20px; }
.whiteboard-item .whiteboard-item-header { font-weight:bold; }
.whiteboard-item.whiteboard-item-own .whiteboard-item-main .whiteboard-item-header,.whiteboard-reply-own .whiteboard-item-header { color:#72c02c; }
.whiteboard-item > .user-avatar { width:70px; float:left; }
.whiteboard-item > .user-avatar~.whiteboard-item-wrapper { float:right; width:calc(100% - 85px); }
.whiteboard-item::after { content:""; display:table; clear:both; }

.whiteboard-item-flex { display:grid; grid-auto-columns:60px auto; grid-auto-rows: 80px auto; margin-bottom:10px; column-gap:10px; }
.whiteboard-item-flex .whiteboard-item-header,.whiteboard-item-flex .whiteboard-item-content,.whiteboard-item-reply .whiteboard-reply-content { grid-column-start:1; grid-column-end:3; }
.whiteboard-item-flex .user-avatar { width:auto; grid-column-start:1; grid-column-end:1; grid-row-start:1; grid-row-end:1; align-self:center; }
.whiteboard-item-flex .user-avatar~.whiteboard-item-header { grid-column-start:2; align-self:end; }
.whiteboard-item-flex .user-avatar~.whiteboard-item-content,.whiteboard-item-flex .user-avatar~.whiteboard-reply-content { grid-column-start:1; grid-column-end:3; }
.whiteboard-item .whiteboard-submitter { margin-bottom:10px; }
.whiteboard-item .whiteboard-submitter > span { display:block; }
.whiteboard-item-main .whiteboard-item-content { background-color:#eee; box-shadow: 0 4px 0 #dddddd; padding:12px; border-radius:14px; }
.whiteboard-item-reply .whiteboard-reply-content { background-color:#fafad2; box-shadow: 0 4px 0 #dddddd; padding:12px; border-radius:14px; }
.whiteboard-item .whiteboard-reply { text-align:right; color:#333; margin-top: 12px; }
.whiteboard-item .whiteboard-reply > button { border:1px solid #ddd; padding:5px 10px; background-color:#fafad2; border-radius:10px; box-shadow:0 0; }
.whiteboard-item .whiteboard-reply > button > .fa { margin-right:5px; }
/*@media (max-width:756px) {
	.whiteboard-item-flex { grid-auto-columns:60px auto; grid-auto-rows: 75px auto; }
	.whiteboard-item-flex .user-avatar { width:60px; grid-column-start:1; grid-column-end:1; grid-row-start:1; grid-row-end:1; }
	.whiteboard-item-flex .user-avatar~.whiteboard-item-header { grid-column-start:2; align-self:end; }
	.whiteboard-item-flex .user-avatar~.whiteboard-item-content,.whiteboard-item-flex .user-avatar~.whiteboard-reply-content { grid-column-start:1; grid-column-end:3; grid-row-start:2; grid-row-end:3; }
}*/

.whiteboard-modal .whiteboard-modal-header { display:flex; margin-bottom:10px; }
.whiteboard-modal .whiteboard-modal-header .user-avatar { width:70px; align-self: center; margin-right:10px; }
.whiteboard-modal .whiteboard-modal-header .whiteboard-submitter { width:100%; }
.whiteboard-modal .whiteboard-modal-header .whiteboard-submitter > span { display:block; }
.whiteboard-modal .whiteboard-modal-header .whiteboard-submitter:not(:first-child) { width:calc(100% - 80px); align-self:end; padding-bottom:10px; }
.whiteboard-modal .whiteboard-modal-content { background-color:#eee; box-shadow: 0 4px 0 #dddddd; padding:12px; border-radius:14px; margin-bottom:25px; }
.whiteboard-modal textarea { width:100%; height:260px; margin-bottom:25px; }


#panoramaObject { background-color:#fff; }
#panoramaObject img { max-height:100%; }
#panoramaObject+.external_content_description { margin-top:10px; }
.option-select { display:inline-block; padding-top: 11px;padding-bottom:11px; }
.taskoptionrow { padding-top:15px; border-top:1px solid #ddd; }
.option-data-table th, .option-data-table td { padding:2px 5px; }
.optionrow > .optionbutton { padding-right:10px; padding-left:0; }
.inline-group > .input { float:left; margin-right:10px; }
.input > .slider-inner { -moz-user-select:none; -o-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; }
.input > .slider-inner > .slider.slider-horizontal { width:100%; }
.slider > .slider-handle {
	background-color: #72c02c;
	background-image: -webkit-linear-gradient(top,#72c02c 0,#5fb611 100%);
	background-image: -o-linear-gradient(top,#72c02c 0,#5fb611 100%);
	background-image: linear-gradient(to bottom,#72c02c 0,#5fb611 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff72c02c',endColorstr='#ff5fb611',GradientType=0);
}
.slider > .tooltip { background:transparent; opacity: 1 !important; margin-top:-2px !important;}
.slider > .tooltip > .tooltip-inner { background-color: transparent; }
.slider > .tooltip > .tooltip-arrow { display: none !important; }

@media (min-width:768px) {
	.container_chat > .container > .row.chat-row { display:flex; flex-wrap:nowrap; }
	.container_chat > .container > .row > .col-sm-8 { padding-left:0; }
}
#chat-users { height:100%; background-color: #fafafa;  border:1px solid #ddd; padding:15px; }
#chat-users > label { display:block; text-align:center; }
#chat-users > ul { padding:0; margin-bottom:0; list-style:none; }
#chat-users > ul > li:not(:last-child) { margin-bottom:5px; }
.chat-container { max-height: calc(100vh - 225px); overflow: auto; min-height:300px; padding:15px; border: 1px solid #ddd; }
.chat-message { margin-bottom:15px; clear:both; }
.chat-message > .user-avatar { width:70px; float:left; }
.chat-message > .user-avatar~.chat-user,.chat-message > .user-avatar~.message-content { float:right; width:calc(100% - 85px); }
.chat-message .user-name { font-weight:bold; }
.chat-input { margin-top:20px; }
.chat-input > label { display:block; }
.chat-input > textarea,.chat-input > button { width:100%; }

.user-avatars { display: flex; flex-wrap: wrap; }
.user-avatars > .avatar { width:25%; }
.user-avatars > .avatar > .avatar-inner { text-align:center; margin:15px; }

.submit-stars-container { padding: 3px 5px; border:1px solid #ddd; text-align:center; margin-bottom:15px; }
.submit-stars { display: inline-flex; margin:0 auto; }
.submit-stars > .stars-none { display:none; }
.submit-stars > .stars-input { position: absolute !important; left: -9999px !important; }
.submit-stars > label { cursor: pointer; padding: 0 0.1em; font-size: 2rem; margin-bottom:0; }
.submit-stars > label > .fa { color: orange; pointer-events:none; }
.submit-stars-container .submit-stars:hover label > .fa { color: orange; }
.submit-stars-container .submit-stars > label:hover ~ label > .fa { color: #ddd; }
.submit-stars input:checked~label > .fa { color: #ddd; }


/*Common*/
html,body { min-height:100%; }
body { color:#333;  background-color:#333; font-size:12px; }
h1 { font-family: 'Open Sans', sans-serif; font-size: 1.8em; font-size:24px; letter-spacing: normal; color:#676a6c;line-height: 24px; font-weight: 300; }
strong { margin:0; padding:0; line-height: 1; }
.header-material { margin-bottom:0; }
.material-header > .col-lg-12 { padding-left: 20px; }
.management_table, .materialdescription, .taskdescription { color:#000; }
.management_table h1, .materialdescription h1, .taskdescription h1 { font-size:18px !important; color:#000 !important; font-weight:normal !important; }
.management_table h2, .materialdescription h2, .taskdescription h2 { font-size:16px !important; color:#000 !important; font-weight:normal !important; }
.management_table h5, .materialdescription h5, .taskdescription h5 { font-size:15px !important; color:#000 !important; font-weight:normal !important; line-height:1 !important; }
.materialdescription img, .materialpackagedescription img { max-width:100%; }
.materialdescription audio, .materialpackagedescription audio { width:100%; }
.tag-box audio { max-width: 100%; margin: 0 auto; display: block; }
.header-section { font-weight: 400; font-size: 15px; padding-bottom: 10px; width:auto; display:inline; }
.select-wrapper { padding-left:14px; position:relative; }
.select-wrapper.select-arrows { background:url(/layout/select-arrow.png) left 3px no-repeat; }
.select-wrapper > label { color:#555; font-weight:normal; font:"Open Sans",Helvetica,Arial,sans-serif; }
.select-wrapper-label { color:transparent; }
.header-select { border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; color:#555; position:absolute; left:-13px;top:0; margin-left:14px; width:13px; }
.header-select::-ms-expand { display: none; }
.img-responsive { display: block; height: auto; max-width: 100%; margin:0 auto; }
button[disabled],button[disabled]:hover { background-color:#aeaeae; }
.optionbutton > .btn-u.btn-selected { background-color: #72c02c; }
.optionbutton > .btn-u.btn-selected:hover { background-color: #5fb611; }
input[disabled],select > option[disabled],.answered > label { cursor:default !important; }
select option[disabled] { color: #cecece !important; }
.margin-5 { margin:5px; }
.margin-top-10 { margin-top:10px; }
.padding-5 { padding:5px; }
button > i.fa,.mobileicon { display:none; }
.tasks-sort-buttons,.options-sort-buttons { margin-right:5px; }
#material-sortbuttons,#materialpart-sortbuttons { margin:0 5px; }
#pModal { z-index:3100; }
#ajaxContent button:last-child { margin-bottom:0; }
#contentModalLabel { font-size: 24px; font-weight: bold; text-align: center; }
.copy_tasks tbody { border-left:1px solid #ddd; }
.copy_tasks td { border-right: 1px solid #ddd; }
.copy_tasks td { padding: 8px 12px !important; }
.copy_tasks td > input { margin-top:0 !important; transform: scale(1.2); }
.task-td { width:100%; }
.task-td > label { padding-left:8px; font-weight:normal; }

@media (min-width: 1200px) {
	.box .box_header { height:300px; }
	.box_ingres { max-height:336px; }
	.rd { clear:both; }

	/*Four cards in a row on the front page 25% + rd clear*/
	.container_login { background-position: 67% center; }
	.col-md-4.col-sm-6 {max-width: 25%;}
	.rd {clear:none;}
}

@media (min-width: 992px) and (max-width:1199px) {
	.box .box_header { height:264px; }
	.box_ingres { max-height:300px; }
	.rd { clear:both; }
	.optionrow > .col-md-2 { padding: 0 5px; }
}

@media (min-width:992px) {
	.select-wrapper.select-arrows { background-position:left center; }
	.select-wrapper > label { display:none; }
	.select-wrapper > select { width:auto; position:static; }
	.header-section select { margin-left:-11px; }
	.header-material select { margin-left:-15px; }
	.panorama-toggle { display:none !important; }
}

@media (min-width: 768px) and (max-width:991px) {
	.box .box_header { height:264px; }
	.box_ingres { max-height:300px; }
	.col-md-4.col-sm-6 {max-width: 45%;}
	.nd { clear:both; }
}

@media (max-width:1199px) {
	#table-management .btn, #table-users .btn ,#table-groups .btn { display:block; width:100% !important; }
}
@media (max-width:991px) {
	.bootstrap-table .btn { display:block; width:100% !important; }
	.col-md-8.option-select, .col-md-9.option-select { display:block; text-align:center; }
	.col-md-2.optionbutton, .col-md-3.optionbutton { max-width:350px; padding-right:0; margin:0 auto; }
	.panorama-toggle { display:block; }
	.panorama-fullscreen { display:none !important; }
}

@media (max-width:767px) {
	.mainnavigation,.side-nav { display:none; }
	.col-md-4.col-sm-6 {max-width: 100%;}
}
@media (max-width:530px) {
	button > i.fa,.mobileicon { display:inline; }
	.icontext { display:none; }
	.bootstrap-table .btn { margin: 2px 0 !important; display:block; }
	.bootstrap-table .search { width:100%; }
	#table-courseless th,#table-confirmables th { text-align:center !important; }
	.management_btn > button { width:49%; }
	.content { padding:0; }
	.col-md-4.col-sm-6 {max-width: 100%;}
}
@media (min-width:768px) {
	.userpoints { float:left; }
	.userprogress { float:right; }
	
	.navbar-toggle,.container > .navbar-responsive-collapse { display:none !important; }
}
@media (orientation: landscape) and (min-width:400px) {
	.userpoints { float:left; }
	.userprogress { float:right; }
}

@media screen and (min-width:0\0) { /* IE 9/10 select */
	select {
		background:none;
		padding: 5px;
	}
}