body { background-color:transparent; height:100%; }
body.subpage-logged, body.logged, body.page-logged { background-color:#fafafa; }



h1 { font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size: 34px; }
h2 { font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size: 30px; }
h3 { font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size: 26px; }
h4 { font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size: 22px; ;}
body { font-family:"Open Sans", Helvetica, Arial, sans-serif; font-size: 15px;  }

#bg { width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; background: url('/layout/upm_bg_koivu.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; }
#pModal { z-index:3100; }

.not-logged .navigation-container { position: static; top: 0; left: 0; width: 100%; }
.not-logged > .wrapper { display: table; width: 100%; height: 80%; }
.not-logged > .wrapper > .maincontent { display: table-row; }
.not-logged > .wrapper > .maincontent > .container { display: table-cell; vertical-align: middle; padding-top: 80px; }
.not-logged .container_login { padding:0; }

.no-materials {text-align: center;}

.header { border-bottom: 0px; background-color:transparent; }
.navigation .navbar-toggle .icon-bar { background-color:#fff; }
.navigation .navbar-toggle { margin:0; margin-top: 2px; position: absolute; right: 0px; }
.navbar {margin-top: 0px;}
.navbar-toggle.btn-default:focus,.navbar-toggle.btn-default:hover { background-color: transparent; color:#fff; }
.navbar-nav a, .navbar-nav .dropdown ul > li > a { color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:14px; }
.navbar-nav.nav .open > a, .navbar-nav.nav .open > a:focus, .navbar-nav.nav .open > a:hover { background-color: #272727; color:#fff;  border-color:transparent; }
.navbar-nav a:hover,.navbar-nav a:focus,.navbar-nav .dropdown ul > li > a:hover,.navbar-nav .dropdown ul > li > a:focus { color:#fff; background-color:#272727; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #fff; color:#000 font-weight:bold; text-decoration:underline; }
.navbar-responsive-collapse { background-color:transparent; -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.5); }
.navbar-responsive-collapse .container { background-color: #3c3c3b; margin-bottom:10px; padding:0; width:100%; }
.navbar-responsive-collapse .nav { padding:0; margin:0; }
.navbar-responsive-collapse .nav > li:first-child > a { border-top: 0; }
.navbar-responsive-collapse .nav > li > a { padding: 8px 16px; font-family:Helvetica, Arial, sans-serif; font-size: 20px; line-height: 25px; letter-spacing: -0.2px; font-weight: 400; border-top: 1px solid #2a2a2a; }
.navbar-responsive-collapse .nav > li > a:focus,.navbar-responsive-collapse .nav > li > a:hover { background-color: #272727; color:#fff; }
.dropdown-toggle > i.fa-angle-down { border-radius:25px; padding:3px 7px; font-size:18px; background: rgb(66,66,66); background: -moz-linear-gradient(left,  rgba(66,66,66,1) 0%, rgba(84,84,84,1) 100%); background: -webkit-linear-gradient(left,  rgba(66,66,66,1) 0%,rgba(84,84,84,1) 100%);background: linear-gradient(to right,  rgba(66,66,66,1) 0%,rgba(84,84,84,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#545454',GradientType=1 );}

.container-materialnavi { display:none; /*height:0; overflow:hidden; transition:height 0.5s;*/ }
.materialnavi-shadow { background-color:#ddd; -webkit-box-shadow: 0 3px 6px 0 rgba(145,100,205,0.2); -moz-box-shadow: 0 3px 6px 0 rgba(145,100,205,0.2); box-shadow: 0 3px 6px 0 rgba(145,100,205,0.2); }
.materialnavi > .materialnavi-inner { -moz-column-count:4; -webkit-column-count:4; -o-column-count:4; -ms-column-count:4; column-count:4; height:auto; padding-top:10px; margin-bottom: 20px; }
.materialnavi > .materialnavi-inner > .materialgroup { width:100%; }
.materialnavi > .materialnavi-inner > .materialgroup > h4 { padding-left:15px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; color:#333; font-size: 18px; line-height: 24.5px; letter-spacing: -0.2px; margin-bottom: 2px; }
.materialnavi > .materialnavi-inner > .materialgroup > h4.disabled { color:#bbb; }
.materialnavi > .materialnavi-inner > .materialgroup ul { padding:0; margin:0; padding-left:15px; list-style:none; }
.materialnavi > .materialnavi-inner > .materialgroup ul > li { padding:5px 0; }
.materialnavi > .materialnavi-inner > .materialgroup ul > li > a { font-family: "Open-Sans", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; letter-spacing: 0px; text-decoration:none; color:#337ab7; }
.materialnavi > .materialnavi-inner > .materialgroup ul > li > a.active { text-decoration:none; }
.materialnavi > .materialnavi-inner > .materialgroup ul > li > a.disabled { color:#bbb !important; }
.materialnavi > .materialnavi-inner > .materialgroup ul > li > a:hover { color:#000; text-decoration: underline;}

.container_login { padding:300px 0 50px 0; color:#fff; }
.container_login > .container { padding:0; max-width:100%; width:1600px; background-color:#fff; }
.container_login > .container > .row { margin:0; display:-webkit-flex; display:flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.container_login > .container > .row > .col-sm-6 { display:-webkit-flex; display:flex; padding:0; }
.container_login .login-inner { margin:60px 20%; width:100%; }
.container_login .login-inner .note { color:#333; margin-bottom:15px; margin-top: 8px; line-height: 16px; }
.container_login h1,.container_logged h1 { font-size: 46px; font-family: Helvetica, Arial, sans-serif; color: #333; margin-bottom:15px;  }
.container_login .login h1 { text-align:center; }
.container_login .input-group { display:block; margin-bottom:15px; }
.container_login .input-group input,.container_login .input-group select { float:none; width:100%; height:auto; font-size: 17px; line-height: 22px; font-family: "Open-Sans", Arial, Helvetica, sans-serif; color:#000; border: 1px solid #d8d8d8; padding:12px 10px; }
.container_login .input-group input:-ms-input-placeholder { color:#bbb; }
.container_login .input-group input::-webkit-input-placeholder { color:#bbb; }
.container_login .input-group input::-moz-placeholder { color:#bbb; opacity:1; }
.container_login .input-group input::placeholder { color:#bbb; opacity:1; }
.container_login .btn { font-size: 13.8px; line-height: 18px; font-family: "Open-Sans", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; background-color: #008342; color:#fff; border-radius:0; border-width:0; padding:20px 10px; margin-bottom:12px; }
.container_login .btn:hover, .container_login .btn:focus, .container_login .btn:active { background-color:#008342; color:#fff !important; }
.container_login a { font-size: 15px; line-height: 22px; }
.container_login a:hover { text-decoration:underline; color:#000; }
.container_login .info > .login-inner { margin:60px 10%; }
.container_login .info > .login-inner h1 { color:#fff; }

.container_login .info { background-color:#6bbb5e; }
.container_login .info p { font-size: 17px; line-height: 22px; font-family: sans-serif; color:#fff; }

.container_login .areas { color:#bbb; font-weight:normal; font-size:15px; margin-bottom:15px; }
.container_login .areas .inline-group { padding-left:25px; }
.login-divider { text-align:center; margin: 10px 0; position:relative; }
.login-divider::after { content:""; width:100%; height:1px; background-color: #000; position:absolute; top:50%; left:0; z-index:0; }
.login-divider > span { display:inline-block; position:relative; z-index:1; padding: 0 10px; background-color:#fff; text-transform:uppercase; }

.container_logged { background-color:#fff; max-width:100%; width:1600px; min-height:100%; }
.subpage-logged .container_logged {background-color: #fafafa; }
.container_logged > .container { padding-top:170px; }
.container_logged h1 { margin-bottom:50px; margin-top:30px; }

.alert-danger {background-color: #dd291e; border-color: #dd291e; color: #fff;}
.text-success { color: }
.login > .alert-danger { padding:5px 10px; }
.input-group.margin-bottom-none { margin-bottom:0; }

.logos { margin:30px 0 20px 0; text-align:center; }
.logos img { width:100px; height:auto; }

.btn, .btn-u { font-family: inherit; }
.btn-default { background-color:#000; border-color:#333; color:#fff; border-radius:0px; }
.btn-default:focus { background-color:#000; border-color:#333; color:#fff; }
.btn-submit { width:100%; }
.btn-u.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-u.btn-danger:hover { background-color: #c9302c; border-color: #c9302c; }
.btn-u.btn-primary { color: #fff; background-color: #337ab7; border-color: #337ab7; border-radius:0; }
.btn-u.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-u.btn-selected { background-color: #555555; color: #fff; }

h1 { color:#fff; font-size:25px;  }

h1.hint { margin:0; padding-top:20px; line-height:normal; font-size:24px; }
.taskdescription { font-family:Helvetica,Arial,sans-serif; color:#666; }
.taskdescription a, .after-answer a, .textarea > .redactor-box > .redactor-editor a, .external_content_description a { text-decoration:underline; color: #72c02c; }

.box { background-color:#fff; margin-left:15px; margin-right:15px; margin-bottom:60px; position:relative; }
.box .box_skillmedal { position: absolute; right:5px; top:5px; z-index:2; }
.box .box_skillmedal > img { height:45px; width:auto; opacity:1; }
.box .box-image { overflow:hidden; position:relative; height:0; padding-bottom:56.25%; }
.box .box-image > img.image-responsive { position:absolute; top:0; left: 0; width:100%; height:100%; object-fit:cover; margin:0; }
.box .box-image > .publishlabel { position:absolute; top:0; left:0; width:100%; height:100%; }
.box .box-image > .publishlabel::after {
	content:""; width:1500px; height:1500px; z-index:1;
	position:absolute; top: -610px; top:calc(50% - 750px); left:0;
	background-image: -moz-radial-gradient(circle at center, rgba(255,255,255,0.96) 60%, transparent 73%);
	background-image: -webkit-radial-gradient(circle at center, rgba(255,255,255,0.96) 60%, transparent 73%);
	background-image: -o-radial-gradient(circle at center, rgba(255,255,255,0.96) 60%, transparent 73%);
	background-image: -ms-radial-gradient(circle at center, rgba(255,255,255,0.96) 60%, transparent 73%);
	background-image: radial-gradient(circle at center, rgba(255,255,255,0.96) 60%, transparent 73%);
 }
.box .box-image > .publishlabel > .publishlabel-text { position:absolute; top:25%; right: 10%; font-family: Helvetica, Arial, sans-serif; font-weight: 300; font-size: 28px; color:#555; z-index:2; }
.box .box-image > img { margin-top:-15%; margin-bottom:-15%; width:100%; max-width:none; }
.box .box_topbuttons, .box_bottombuttons { padding:10px; }
.box .box_progress { margin: 0px 0; border-radius:0; margin-bottom: 0px; }
.box .box_progress.box_status { margin: 0; }
.box .btn-u, .taskarea-inner > .btn-u,div.panorama-fullscreen { font-family: Helvetica, Arial, sans-serif; padding:10px 13px; font-weight:600; display:block; text-align:center; margin:0; width:100%; background:#3c3c3b; color:#555; }
.box .btn-u:hover,.box .btn-u:focus,.box .btn-u:active, .taskarea-inner > .btn-u:hover, .taskarea-inner > .btn-u:focus, .taskarea-inner > .btn-u:active,div.panorama-fullscreen:focus,div.panorama-fullscreen:active { background: #3c3c3b; color: #fff;  }
.box .progress { margin-top:5px; margin-bottom:10px; background-color:#e1e1df; border-radius:0; }
.box .progress-bar-u { background-color:#6bbb5e; }
.box .progress-xxs { height:11px; }
.box .progress_title { font-family: Helvetica, Arial, sans-serif; font-size:14.6px; line-height: 18px; letter-spacing: 0.2px; color:#1a181d; font-weight:400; }
.box .progress_title > span { color: #7aba28; }
.box .course-select > .select { margin:0; }
.box .course-select > .select > select { border-width:0px; }
.box > h3 { font-size: 24.9px; line-height: 26px; font-weight: 400; letter-spacing: -0.6px; color: #333; margin-top: 18px; margin-bottom: 10px; }
.box .box_ingres { margin-bottom:25px; font-size:15.5px; }
.box .courseend_time { margin-bottom:0px; }
.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); }

.box_status { display:none; }
h3.box_status { margin-top:0; }

.statusview-toggle { position:absolute; top: 130px; right:15px; }
.statusview-toggle > h3 { font-family: 'futura-pt', Helvetica, Arial, sans-serif; font-size: 14.6px; line-height: 18px; letter-spacing: 0.2px; color: #1a181d; font-weight: 400;  }
.statusview-toggle > .switch { position: relative; display: inline-block; width: 38px; height: 28px; float:right; }
.statusview-toggle > .switch > input { display:none; }
.statusview-toggle > .switch > .slider { position: absolute; cursor: pointer; border-radius: 30px; top: 0; left: 0; right: 0; bottom: 0; background-color: #bbb; -webkit-transition: 0.5s; transition: 0.5s; }
.statusview-toggle > .switch > .slider:before { content: ""; position: absolute; height: 24px; width: 24px; border-radius: 50%; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: 0.5s; transition: 0.5s; }
.statusview-toggle > .switch > input:checked + .slider { background-color: #ddd; }
.statusview-toggle > .switch > input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.statusview-toggle > .switch > input:checked + .slider:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }

.sky-form { margin:20px 0; border:0; color:#333; font: 13px/1.55 Helvetica, Arial, sans-serif; }
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea { font-family: Helvetica,Arial,sans-serif; }
.sky-form .note-error { color:#ff0000; }
.sky-form .label { font-size:16px; }
.sky-form fieldset + fieldset { border-top: 0; }
.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:400; text-decoration: none; white-space: nowrap; border: 0 none; text-transform:uppercase; }
.btn-u { background: #555; color: #fff; cursor: pointer; display: inline-block; margin-top:5px; margin-bottom:5px; padding: 6px 13px; position: relative; letter-spacing: 0.3px; }
.btn-u:hover { background-color:#555; color:#fff; }
.btn-u:focus { color:#FFF; }
.btn-u.btn-u-default { background-color: #bbb; }
.btn-danger { border:0 none !important; }
div > a.btn-rehearse { background-color:#3c3c3b }
.btn-rehearse:hover,a.btn-rehearse:focus { background-color:#3c3c3b; color:#fff; }
.tag-box-v1 .btn-u, .login .btn-u, .forgottenpw .btn-u, .btn-u.btn-registration,#ajaxContent .btn-u { width:100%; display:block; }
.state-error > .form-control { border: 1px solid #d82929 !important; }
.state-error > .form-control:focus { box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236, 87, 87, 0.6); }

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




.materialselection { }
.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; }*/
.materialselection {}
.bootstrap-table { font-family: Arial,sans-serif; }
.bootstrap-table th { font-size:15.2px; color:#666; font-weight:bold; }
.bootstrap-table td { font-size:15.2px; color:#666; }
.bootstrap-table tbody > tr > td { vertical-align: middle; }
th.sorting { cursor:pointer; }
.row-error td { color:#dd291e !important; }
.reminder-table { margin:15px 0; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.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; }
ul.sidebar-nav-v1 > li.active { border-color:#717984; }
table.management_table { width:100%; border-collapse:collapse; font-family: Arial,sans-serif; margin-bottom:20px; }
table.management_table th, table.management_table td { padding:8px; border-bottom:1px solid #ddd; text-align:left; font-size:16px; line-height: 1.42857143; }
table.management_table td.text-right { text-align:right; }
.tab-pane { padding:20px 0; }
.tab-v1 { margin-top:20px; }
.tab-v1 .nav-tabs { margin-bottom:20px; border-bottom: 1px solid #ddd;}
.tab-v1 .nav-tabs.nav-justified > li > a { border:0; font-family: Helvetica, Arial, sans-serif; text-decoration:none; color:#333; padding:1px 15px; font-size: 24px; }
.tab-v1 .nav-tabs.nav-justified > .active > a, .tab-v1 .nav-tabs.nav-justified > .active > a:focus, .tab-v1 .nav-tabs.nav-justified > .active > a:hover { border:0; border-bottom:1px solid #000; padding-bottom:0; background-color:#f9f9f9; }
.tab-v1 .nav-tabs.nav-justified > li > a:focus, .tab-v1 .nav-tabs.nav-justified > li > a:hover, .tab-v1 .nav-tabs.nav-justified > li > a:active { border:0; background-color:#f9f9f9; }
.tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; }
.bootstrap-table-margin { margin-top:-40px; }
.table-hover > tbody > tr:hover { background-color:#fafafa; }
th.bs-checkbox input { display:none !important; }
#table-inactive th.bs-checkbox input { display:inline-block !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; }*/
.sky-form .select > select::-ms-expand { display: none; }
.modal { z-index:3004; }
.modal-backdrop { z-index:3003; background-color:#eee; }
.modal-open > .container_languages,.modal-open > .container_logged, .redactor-modal-open > .container_languages,.redactor-modal-open > .container_logged { filter:blur(5px); }
.modal-body { font-family:Helvetica,Arial,sans-serif; }
.modal-body .tab-pane { padding-bottom:0; }
.modal-title { color:#333; }
.modal-body > .sky-form { margin: 0; }
.modal .modal-content { box-shadow: 0 0; border-radius:0; border:0; padding:20px; }
.profile-edit { font-size:16px; }
.profile-edit label { font-weight:500; }
.btn-table { display:inline-block; cursor:pointer; margin-left:5px; }
.btn-table:hover { color:#333; text-decoration:underline; }
.btn-link { font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; line-height: 22px; color: #555 !important; letter-spacing: 0.3px; position: relative; padding-left: 39px; padding-top: 7px; margin-top: 10px; cursor:pointer; }
.btn-link:before,.btn-link:after { content: ""; position: absolute; display: block; }
.btn-link:before { width: 32px; height: 32px; left: 0; top: 1px; border: 2px solid #555; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.btn-link:after { width: 10px; height: 10px; border-right: 2px solid #555; border-bottom: 2px solid #555; top: 12px; left: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-link.btn-link-back:after { left:13px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.sky-form a.btn-u { color:#555; }
.btn-u,a.btn-u { font-family:Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 18px; color: #555; letter-spacing: 0.3px; border-radius: 25px; border: 1px solid #808080; background-color:#fff; padding: 10px 34px; text-align: center; }
.btn-u > .fa { display:none; }
.btn-u.btn-active,.btn-u.btn-active:hover,.btn-u.btn-active:focus,.btn-u.btn-active:active { text-decoration:underline; }
.btn-u:hover, .btn-u:focus, .btn-u:active,a.btn-u:hover,a.btn-u:focus,a.btn-u:active { background: #555; color: #fff; text-decoration:none; outline:none; }
.btn-u-red { font-family:Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 18px; color: #ca1212; letter-spacing: 0.3px; border-radius: 25px; border: 1px solid #ca1212; background-color:#fff; padding: 10px 34px; text-align: center; }
.btn-u-red > .fa { display:none; }
.btn-u-red:hover,.btn-u-red:focus,.btn-u-red:active { background-color: #ca1212 !important; border-color:#ca1212 !important; color:#ed1c24 !important; }
.search > .form-control { height:35px; border-radius:0; font-size:16px; }
.bootstrap-table > .fixed-table-container { border:0; border-radius:0; }
.bootstrap-table table.table { border-radius:0; }
.bootstrap-table table.table > thead > tr > th { border:0; border-bottom:1px solid #808080; color:#666; font-size:16px; font-weight:bold;  }
.bootstrap-table table.table > tbody > tr > td { border:0; border-bottom:1px solid #e9e9e9; color:#666; font-size:16px; }
.bootstrap-table table.table > tbody > tr:hover > td { background-color:#fff; }
.bootstrap-table .fixed-table-container thead th .th-inner, .bootstrap-table .fixed-table-container tbody td .th-inner { padding: 12px 8px; line-height:1; }
.bootstrap-table .fixed-table-container thead th .th-inner { padding-right:15px; }
.bootstrap-table .pagination > li > a { color:#666; }
.bootstrap-table .pagination > li > a:focus, .bootstrap-table .pagination > li > a:hover, .bootstrap-table .pagination > li > span:focus, .pagination { color: #666; }
.bootstrap-table .pagination > li.active > a { background-color:#999; border-color:#999; color:#fff; }
.dropup > .btn-default { border: 1px solid #ddd; background-color:#fff; color:#666; }
.dropup > .dropdown-menu > li.active { background-color:#666; }
.dropup > .dropdown-menu > li.active > a { color:#fff; text-decoration:none; font-weight:normal; }
.csv-table .checkbox { margin-bottom:18px; }
.management_btn { margin-top:15px; }
/*.bootstrap-table th { font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; font-size: 14px; text-align:center; color:#555; }*/
#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%; }
div#redactor-modal-overlay { z-index: 3100; background-color:#eee !important;  }
div#redactor-modal-box { z-index: 3101; }
div.redactor-dropdown { z-index: 3051; }

.panel-group .panel { border-radius:0; -webkit-box-shadow: 0 0; box-shadow: 0 0; }
.panel-group h4 { position:relative; }
.panel-group h4.panel-title > a { font-family: Helvetica,Arial,sans-serif; font-size: 22px; font-weight: 300; }
.panel-group h4.panel-title > a.task-preview { position:absolute; right: 34px; font-size:20px; }

.copy-form > h5 { font-size:15px; color:#666; margin-top:0px; margin-bottom:30px; }
.copy-table { list-style:none; margin:0; padding:0; }
.copy-table li { display:block; color: #333; background-color: #f5f5f5; border: 1px solid #ddd; position:relative; }
.copy-table li > input { transform: scale(1.4); position:absolute; top:12px; left:15px; }
.copy-table li + li { margin-top: 5px; }
.copy-table li > label { margin:0; padding: 10px 15px 10px 55px; width:100%; }
.copy-table li > label > h4 { font-size: 22px; font-weight: 300; margin:0; }
.copy-table li.success { background-color:#228B22; border: 1px solid #228B22; }
.copy-table li.success > label > h4 { color:#fff !important; }
.fa.success { color: #228B22; margin-right:28px; }
.taskcopy-form-buttons { position:relative; }
.taskcopy-form-buttons > h4 { padding:0 110px; }
.taskcopy-form-buttons > .pull-right { position:absolute; right:0; top: -5px; }

.management_summary { padding:3px; background-color:#f8f8f8; border:1px solid #eee; margin-bottom:15px; }
.management_summary table { border-collapse:collapse; font-family: Arial,sans-serif; font-size:15px; }
.management_summary table th, table.summary_table td { padding:3px; text-align:center; }
#ownaccount > .row { border-bottom:1px solid #dddddd; line-height:35px; margin:0; }
#ownaccount > .row > div { padding: 0 10px; font-family: Arial, sans-serif; }
#ownaccount .text-right { margin-top:15px; }

.redactor-box { font-weight:normal; border: 1px solid #ddd; margin-bottom:0 !important; }
.redactor-editor h1,.redactor-editor h2,.redactor-editor h3,.redactor-editor h4,.redactor-editor h5,.redactor-editor h6,
#ajaxContent h1,#ajaxContent h2,#ajaxContent h3,#ajaxContent h4,#ajaxContent h5,#ajaxContent h6 { color:#555 !important; font-weight:normal !important; }
.redactor-editor h1, #ajaxContent h1, .taskdescription h1, .redactor-dropdown a.redactor-formatting-h1 { font-size: 24px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: -0.6px; color: #333; }
.redactor-editor h2, #ajaxContent h2, .taskdescription h2, .redactor-dropdown a.redactor-formatting-h2 { font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: -0.6px; color: #666; }
.redactor-editor p, #ajaxContent p, .taskdescription p, .redactor-dropdown a.redactor-formatting-p, .redactor-dropdown a.redactor-formatting-blockquote { font-size: 15px; font-family: Helvetica, Arial, sans-serif; line-height: 21px; color: #666; }
.redactor-box > .redactor-editor { padding:6px 10px; }
.redactor-box > .redactor-editor,.redactor-box > .redactor-editor li,.redactor-box > .redactor-editor p, #ajaxContent p, #ajaxContent li { font-family:Helvetica, Arial, sans-serif; font-size:15px !important; line-height:1.55 !important; color:#000; }
.redactor-box > .redactor-editor a, #ajaxContent a { font-family:Helvetica, Arial, sans-serif; font-size:15px !important; line-height:1.55 !important; color:#7bb265; }
.redactor-placeholder::after { top:6px !important; left:10px !important; }
.taskdescription table { width: 100%; margin-bottom: 15px; }
.taskdescription table td { padding: 5px; border: 1px solid #ddd; vertical-align: top; }
.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%); }

.autocomplete-suggestions { font-family: Helvetica, Arial, sans-serif; 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; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color:#31581a; }
.list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a { color:#fff; }

/* 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 Helvetica, Arial, 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: inherit; margin-bottom:15px; }
.reports_info { font-size: 24px; line-height: 28px; font-weight: 300; margin-bottom: 25px; }
.inputsection { margin: 20px 0; }
.select_title { font-weight:500; font-size: 140%; margin-bottom:5px; }
.reports { font: 90%/1.45em Helvetica,Arial,sans-serif; color: #333; line-height:1.42857; }
.inputsection > select { width: 100%; }
.pdf-report { float:right; }

#reports-table, #statistics-table { display:none; margin: 20px 0; }
#reports-table td > span, #statistics-table td > span { display:none; }
#reports-table td > a, #reports-table td > a:hover, #statistics-table td > a, #statistics-table td > a:hover { color:#6bf; }
#reports-table td > a { color:#0070c9; }

#reports-table, #reports-table tr, #statistics-table, #statistics-table tr { width:100% !important; border-collapse:collapse; }
#reports-table td, #statistics-table td { border:0; border-bottom:1px solid #e9e9e9; color:#666; font-size:16px; padding: 8px !important; }
#reports-table th, #statistics-table th { border:0; border-bottom:1px solid #808080; color:#666; font-size:16px; font-weight:bold; padding: 12px 8px; line-height:1; }
#reports-table tr:hover > td, #statistics-table tr:hover > td { background-color:#fff; }

.dataTables_length select, .dataTables_filter input, .inputsection > .input { height: 30px; line-height: 30px; padding: 5px 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; 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); }

.dataTables_filter input { padding: 6px 12px; height:35px; font-size:16px; font-weight:normal; }
#reports-table_length > label, #statistics-table_length > label { font-size:16px; font-weight:normal; }
#reports-table_length > label > select, #statistics-table_length > label > select { font-weight:bold; }

#reports-table_wrapper, #statistics-table_wrapper { margin-top:15px; font-family:Arial,sans-serif; }
#statistics-table_wrapper { width:100%; overflow:auto; margin-top:0; padding:15px 0; }
#reports-table_filter,#reports-table_info, #statistics-table_filter,#statistics-table_info { float:left; }
#reports-table_info, #statistics-table_info { font-size:120%; margin-right:10px; }
#reports-table_length,#statistics-table_length,.dataTables_paginate { float:right; }
#reports-table_filter input, #statistics-table_filter input { display: inline-block; width: auto; vertical-align: middle; box-sizing: border-box; }
.dataTables_paginate a.paginate_button { font-size:140%; padding: 6px 12px; border: 1px solid #dddddd; color: #666; cursor:pointer; background-color:#FFF; line-height:1.42857; margin-left:-1px; }
.dataTables_paginate a.paginate_button:hover, .dataTables_paginate a.paginate_button:focus, .dataTables_paginate a.paginate_button:active { background-color: #eee; color:#666; text-decoration:none; }
.dataTables_paginate a.paginate_button.current { background-color:#666; border-color:#999; color:#fff; }
.dataTables_paginate > a.paginate_button_disabled { color:#bbb; cursor:default; background-color:#fff; }
.dataTables_paginate > span > .paginate_active { background-color: #555; color:#FFF; }
.dt-buttons > .dt-button { font-family: Helvetica, Arial, sans-serif,Helvetica,Arial,sans-serif; background-color: #404040; color: #fff !important; border-color: #404040 !important; text-decoration: none; outline: none; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 18px; letter-spacing: 0.3px;border-radius: 25px; padding: 9px 25px; }

.dataTable label { font-weight:normal; }
#reports-table_last, #reports-table_first, #statistics-table_last, #statistics-table_first { display:none; }
.inputsection label { font-size:140%; }

#reports-table_tools, #statistics-table_tools { margin-top:10px; font-size:120%; }
#table_tools-container { display:inline-block; margin-bottom:-5px; }
#table_tools-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 tr.sorttitles th { cursor:pointer; }
.reports-hide { position:absolute; top:3px;right:0; }
.reports-hide > .sectionbutton { width:80px; }
/* /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; }
/* /Statistics */

.container_management { padding-top:90px; }
.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:0 15px; }
.container_languages ul { padding:0 15px; }
.container_materials { padding-top:40px; background-color:#FFF; }
.thumbnail-kenburn > .caption { color:#666; margin-top:10px; }
.progress-bar-green { background-color: #bddd00; }
.progress-green { color: #93b000; }
.tip { background-color:#fff; padding:10px; }

.list-group { padding-top: 20px; }
li.list-group-item:first-child { border-radius:0; }
li.list-group-item:last-child { border-radius:0; }
.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; }
.tag-box-v1 > .sky-form { margin: 0; font-family:Helvetica, Arial, sans-serif; font-size:15px; }
.tag-box-v1 > .sky-form > h2 { font-size:18px; }
.sky-form > .tasklabel { font-family: Helvetica, Arial, sans-serif; color: #333; }
.sky-form > .tasklabel, .tab-v2 > .tasklabel { font-size:18px; margin-bottom:10px; }
.alert-danger > label { color:#FFF !important; }
.alert-success { background-color:#6bbb5e; border-color: #6bbb5e; color:#fff; }
.alert-success > label { color:#fff; }
.text-success { color:#6bbb5e; }
.text-danger { color:#dd291e; }
.after-answer { margin-top:15px; color:#fff; padding:10px; background-color:#008342; }
.clickable { cursor:pointer; }
.badge { padding:6px 10px !important; border-radius:0; }
.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 { width:100%; color: #FFF; text-align:center; font-size:14px; font-weight: 400; padding: 6px 13px; background-color:#555; transition: background-color 0.15s ease-in-out 0s; cursor:pointer; margin-top:15px !important; }
.panorama-fullscreen.open { width:120px; }
.panorama-fullscreen:hover { background-color:#fff; color:#000; text-decoration: underline; }
.taskarea-container { overflow:hidden; }
.task-content { background-color:#fff; }
.task-content > .tag-box-v1 { margin:20px; margin-top:0; padding:0; padding-top:20px; }
.task-content > .tag-box-v1 > .taskarea-inner { padding-top:10px; }
.material-content > .tag-box-v1 > .thumbnail-img img { max-width:none; width:100%; }
.taskarea-inner .feedback { background-color: #fff !important; margin-bottom: 0; margin-top: 9px; color:#555 !important; font-weight:normal; }
.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; }
.userprogress { font-size:15px; }
h2.userprogress { font-family: Helvetica, Arial, sans-serif; color:#333; font-size:18px; }
.tag-box { padding:0px; } /* image-box better fitment, default 20px */
.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%; }

#panoramaObject { background-color:#000; width:100%; height:100%; }
#panoramaObject+.external_content_description { margin-top:10px; }
/*.external_content_description { font-family: Helvetica,arial,sans-serif; }*/
.option-select { display:inline-block; padding-top: 11px;padding-bottom:11px; }
.option-select > .fa-eye { color:#000; margin-left:5px; }
.list-group-item > a > i { margin-left:5px; }
.taskoptionrow { padding-top:15px; border-top:1px solid #ddd; }
.option-data-table th, .option-data-table td { padding:2px 5px; }
.list-group-item > .row.optionrow { margin-left:0; margin-right:0; }
.optionrow > .optionbutton { padding-right:10px; padding-left:0; max-width:250px; }
.text-center > .optionbutton { margin:0 auto; float:none; }
.optionrow > .optionbutton > .btn-u { padding: 6px 0; border-radius:25px; text-transform:none; }

/* Materialbank */
.materialbank_container { height:100%; width:100%; overflow:hidden; border:1px solid #eee; box-sizing:border-box; display:flex; flex-direction:column; }

.materialbank_header { width:100%; background-color:#f6f6f6; }
.materialbank_header .materialbank_search.search { float:right; text-align:right; width:50%; max-width:300px; padding: 10px; display:flex; align-items:center; margin-bottom:0; }
.materialbank_header .materialbank_search input { text-align:left; flex-basis:100%; margin: 0 5px 0 0; }
.materialbank_header .materialbank_search i { font-size: 26px; vertical-align: middle; color: #fff; }
.materialbank_header .tab-v1 .nav-tabs { border-bottom: 0; margin-bottom:0; }

.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a {
	font-size: 17px;
	text-decoration: none;
	color: #333;
	padding: 10px 16px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: 300;
	border-bottom: 2px solid transparent;
	margin-bottom:0;
}

.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:focus, 
.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:hover, 
.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:active,
.materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a,
.materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a:focus,
.materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a:hover {color: #fff; background-color: transparent !important; padding: 10px 16px;}

.materialbank_files { overflow:hidden; position:relative; z-index:1; flex-basis:100%; display:flex; flex-direction:column; }
.materialbank_header_sidebar { width:30%; margin-right:0; float:left; }
.materialbank_header_sidebar > .tab-v1 { margin-top:0; }

.materialbank_wrapper { display:flex; position:relative; height:calc(100% - 55px); }
.materialbank_sidebar { width: 30%; margin-right:0; height:100%; float:left; overflow:auto; overflow-y:auto; overflow-x:hidden; border-right: 1px solid #DCDCDC; background-color:var(--background); }
.materialbank_sidebar > .tab-content > .tab-pane { padding: 0; }
.materialbank_title { font-size:15px; margin:5px; }
.materialbank_selectedfile { position:relative; }
.materialbank_selectedfile > .fa-close { position:absolute; top:0; right:0; cursor:pointer; background-color:#efefef; padding-right:5px; }
.materialbank_selecteditem_title { cursor: pointer; line-height:22px;font-size:12px; white-space: nowrap; margin-left:4px; }
.materialbank_nofiles { width:100%; margin: 50% 0; text-align:center; }
.materialbank_filelist { width:70%; height:100%; overflow:auto; overflow-y:auto; overflow-x:hidden; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position:relative; z-index:1; background-color: #ededed; }
.materialbank_selecteditem > table { text-align:left; }
.materialbank_selecteditem > table > tbody > tr > th { padding-right:5px; }
.materialbank_no-results { text-align:center; position:relative; top:50%; }

.materiabank_tabs { float:left; margin-top:6px; }
.materialbank_navigation { margin: 0px 5px; }
.materialbank_navigation ul { list-style:none; margin:5px 0; padding-left:0px; }
.materialbank_navigation ul li ul { padding-left:15px; }
.materialbank_navigation li { margin-bottom:3px; color:#333; text-decoration:none; }
.materialbank_navigation li > a { vertical-align: middle; color: #000; font-size: 15px; }
.materialbank_navigation li.folder-open > a { text-decoration:underline; }
.materialbank_navigation li.folder-listed > a { font-weight:bold; }

.materialcontainer { float:left; width:24%; height: 135px; padding: 5px; margin: 10px 0.5%; position:relative; border:1px solid #eee; box-sizing:border-box; background-color:#EFEFEF; }
.materialcontainer .materialcover { position:absolute; top:0;left:0; width:100%; height:100%; cursor:pointer; z-index:10; }
.materialcontainer:hover { border-color:#ccc; }
.materialcontainer img { margin: 0 auto; display:block; }
.materialcontainer .materialtitle { overflow:hidden; text-align:center; white-space:nowrap; }
.materialcontainer .materialthumb { height:100px; background-position: center center; background-repeat: no-repeat; position:relative; overflow:hidden; }
.materialcontainer .materialthumb > .materialinfo { background-color:#EFEFEF; height:100px; width:100%; position:absolute; top:100px; left:0; transition: top 1s; }
.materialcontainer .materialthumb > .materialinfo td { padding-left:4px; }
.materialcontainer:hover .materialthumb > .materialinfo { top:0; }

.error,.success { text-align:center; margin: 10px 0px 0px 0px; }
.error { color: #ea0000; font-size:14px; }
.success { color: #00da00; font-size:14px; }
.selected-material { background-color:#0f79ce; color:#fff; }
.tab-content { padding: 0 5px; }

#materialbank_upload { position:absolute; right:0; top:100%; width:70%; height:100%; background-color:#EFEFEF; z-index:2; transition: top 0.5s ease; padding:10px; }
.upload_visible #materialbank_upload { top:0; }
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	text-decoration: none;
	color: #000;
	padding: 6px 15px;
	border-bottom: 2px solid transparent;
	background-color:transparent;
}
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a:focus, 
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a:hover, 
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a:active {
	border-bottom: 2px solid #000;
	background-color: transparent !important;
}

#materialbank_upload .tab-v1 .nav-tabs.nav-justified > .active > a,
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > .active > a:focus,
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > .active > a:hover {
	border-bottom: 2px solid #000;
	background-color:transparent !important;
	outline:none;
}
.uploadinfo > .buttons > .btn-default { margin-bottom:4px; }

#materialbank_fileedit,#materialbank_folder { position:absolute; left:30%; top:0; width:70%; height:100%; overflow:hidden; background-color:#EFEFEF; z-index:2; transition:transform 0.5s ease; transform:scaleX(0); transform-origin:left center; }
#materialbank_preview { position:absolute; left:0; top:0; width:0; height:100%; overflow:hidden; background-color:#EFEFEF; z-index:2; transition:width 0.5s ease; }
.materialbank_preview_container { height:100%; }
.materialbank_preview_inner { height: calc(100% - 8px); }
.fileedit_visible #materialbank_fileedit, .folderedit_visible #materialbank_folder { transform:scaleX(1); }
.preview_visible #materialbank_preview { width:100%; }
.materialbank_fileedit_container,.materialbank_folderedit_container,.materialbank_preview_container { overflow:auto; padding:10px; }
.materialbank_fileedit_inner,.materialbank_folderedit_inner,.materialbank_preview_inner { margin:4px; }
.materialbank_fileedit_inner,.materialbank_folderedit_inner { margin:20px; max-width:500px; }
.materialbank_fileedit_inner label,.materialbank_folderedit_inner label { display:block; }
.materialbank_fileedit_inner section,.materialbank_folderedit_inner section { margin-bottom:10px; }
.materialbank_fileedit_inner section input,.materialbank_fileedit_inner textarea,.materialbank_fileedit_inner .tagsinput,.materialbank_folderedit_inner section input { width:100% !important; }
.preview-close { position:absolute; top:8px; right:8px; padding:4px 6px; border-radius: 4px; background-color:#000; color:#fff; cursor:pointer; z-index:2000; }
.preview-close:hover { background-color: #000; color: #ddd; }
#materialbank_preview_container { position:relative; z-index:1; height: 100%; }

.materialbank_footer { height:44px; background-color:#F8F8F8; border:1px solid #EEE; box-sizing:border-box; z-index:5001; }
.materialbank_footer .buttons { line-height:30px; float:right; margin-right: }
.materialbank_footer .buttons.buttons-left { float:left; }
.buttons > .btn { border-radius:0; margin:0; }

#fileuse > .label { color: #000; font-size:13px; }
#fileuse > ul { list-style:none; padding:0; margin:0; }
#fileuse > ul > li { margin: 10px 0; }

@media all and (max-width:823px) {
	.itembuttons > td > input { width:100%; }
}

/*Common*/
html {height:100%; }
body { font-size:12px; }
.clearfix { clear:both; }
.container_logged .col-sm-12 > h1.header-material { font-family: Helvetica, Arial, sans-serif; color:#333; font-size:25px; letter-spacing:-0.5px; margin-left: 15px; padding:0; margin-top:20px; margin-bottom:0; font-weight:normal; }
.container_logged .col-sm-12 > h1.header-material, .container_logged .col-sm-12 > .header-section {  margin-left:20px; }
.materialdescription img { max-width:100%; }
.header-section { font-family: Helvetica, Arial, sans-serif; color:#333; font-size:25px; letter-spacing:-0.5px; margin-left: 15px; font-weight:300; }
.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: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:-11px;top:0; margin-left:14px; width:9px; }
.header-select::-ms-expand { display: none; }
.img-responsive { display: block; height: auto; max-width: 100%; margin:0 auto; }

.btn-u.btn-u-default[disabled],.box .btn-u[disabled]:hover, .box .btn-u:focus[disabled], .box .btn-u[disabled]:active, .taskarea-inner > .btn-u[disabled]:hover, .taskarea-inner > .btn-u[disabled]:focus, .taskarea-inner > .btn-u[disabled]:active, div.panorama-fullscreen[disabled]:hover, div.panorama-fullscreen[disabled]:focus, div.panorama-fullscreen[disabled]:active,
button[disabled],button[disabled]:hover { background-color:#fafafa !important; color:#bbb !important; border-color:#808080 !important; }
input[disabled],select > option[disabled],.answered > label { cursor:default !important; }
select > option[disabled] { color: #bbb !important; }
.margin-5 { margin:5px; }
.margin-top-10 { margin-top:10px; }
.margin-bottom-20 { margin-bottom:20px; }
.padding-5 { padding:5px; }
.btn-table > i.fa,.mobileicon { display:none; }
.tasks-sort-buttons,.options-sort-buttons { margin-right:5px; }
.usercount { color: #bbb; }
#material-sortbuttons,#materialpart-sortbuttons { margin:0 5px; }

#sidebar-nav-1 a { color:#333; }
#sidebar-nav-1 .active > a { color:#fff; }

.management_table a,.materialdescription a, ul.list-group > li a { color:#000; }
ul.list-group > li a:hover { color:#6bf; }
ul.list-group > li.alert-success a { color:#000; }
ul.list-group > li.alert-danger a { color:#fff; }

iframe {height: 500px;}

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

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

@media (min-width: 768px) and (max-width:991px) {
	.box .box_header { height:264px; }
	.box_ingres { max-height:300px; }
	.nd { clear:both; }
}

@media (max-width:1366px) {
	.container_login { padding: 150px 0 10px 0; }
}

@media (max-width:1199px) {
	#table-management .btn, #table-users .btn ,#table-groups .btn { display:block; width:100% !important; }
}

@media (max-width:1024px) {
	.container_languages { position:static; }
	.container_logged > .container { padding-top: 8px; }
	.container_login { margin:0 auto; padding:0; }
	#bg { display:none; }
	
	.navbar-nav > li > a { padding: 0 8px 20px 8px; font-size:11px; }
}


@media (min-width:769px) {
	.navbar-responsive-collapse.collapse { display:none !important; }
}
@media (min-width:768px) {
	.userpoints { float:left; }
	.userprogress { float:right; }
	.col-sm-left { float:left; }
	.col-sm-right { float:right; text-align:right; }
    
}

@media (max-width:991px) {
	.bootstrap-table .btn { display:block; width:100% !important; }
	
	.navbar-toggle { display:block; }
	.container.header > .pull-left { padding-top: 25px; padding-bottom: 25px; }
	.container.header > .pull-right { display:none; }
	
	.navigation-top .navbar-left, .navigation-top .navbar-right { display:none !important; }
	
	.page-login .navbar-toggle,.page-login .container > .navbar-responsive-collapse { display:none !important; }
	.page-logged .mainnavigation,.page-logged .side-nav { display:none; }
	
	.navbar-responsive-collapse .navbar-nav { float:none; }
	.navbar-responsive-collapse .navbar-nav > li { display:block; float:none; }
	.navbar-responsive-collapse .navbar-nav .open .dropdown-menu { position:static; float: none; width: auto; margin-top: 0; background-color:transparent; border:0; box-shadow:0 0; padding:0; }
	.materialnavi > .materialnavi-inner { -moz-column-count:3; -webkit-column-count:3; -o-column-count:3; -ms-column-count:3; column-count:3; height:500px; }
    .navigation .navbar-toggle { margin:0; top:58%; transform:translateY(-50%); }
	
	.mobile-center { text-align:center; }
	.mobile-center > .optionbutton { margin:0 auto; float:none; }
	
	.statusview-toggle { position:static; float:right; }
	.statusview-toggle > h3 { float:right; margin: 6px 10px; }
	
	.materialbank_wrapper { height: calc(100% - 105px); }
	.materialbank_header > .materialbank_header_sidebar { width:100%; }
	.materialbank_header .materialbank_search.search { float:none; width:100%; max-width:none; }
	
	#materialbank_upload,#materialbank_fileedit,#materialbank_folder { width:100%; left:0; }
	
	#material-content { padding:0; }
	
	.materialbank_header > .materialbank_header_sidebar { width: 50%; }
	.materialbank_header > .materialbank_header_sidebar > .tab-v1 > .nav-tabs.nav-justified { display:flex; }
	.materialbank_header > .materialbank_header_sidebar > .tab-v1 > .nav-tabs.nav-justified > li { width:50%; }
	
	#materialbank_fileedit, #materialbank_folder { width:50%; left:50%; }
	
	.materialbank_filelist > .materialcontainer { width: calc(33% - 20px); }
	#panoramaObject { padding:0; }
    .material-content > .tag-box-v1 > .thumbnail-img img {display: none;}
	
}
@media (max-width:767px) {
	
	.materialbank_filelist > .materialcontainer { width: calc(100% - 20px); }
	.container .box { margin-bottom:30px; padding-bottom:30px; border-bottom: 1px solid #e8e8e8; margin-left:0; margin-right:0; }
	.container_login > .container > .row > .col-sm-6 { width:100%; }
	.container_login > .container > .row { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.container_logged > .container { padding-left:0; padding-right:0; }
	
	#panoramaObject { padding:15px; }
}



@media (max-width:530px) {
	.management_btn > button.btn-u { width:auto; padding:10px 13px; }
	.management_btn > button.btn-u-red { width:auto; padding:10px 15px; }
	.btn-table > i.fa,.btn-u > i.fa,.btn-u-red > i.fa,.mobileicon { display:inline; margin: 8px; font-size: 20px; font-weight: 400:}
	.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; }
	#reports-table_length, #reports-table_filter, #reports-table_info, #reports-table_paginate { float:none; }
	#reports-table_paginate { text-align:right; margin-top:15px; }
	#reports-table_processing { display:none !important; }
	#reports-table tr > th:last-child, #reports-table tr > td:last-child, 
	#reports-table tr > th:nth-child(9), #reports-table tr > td:nth-child(9),
	#reports-table tr > th:nth-child(7), #reports-table tr > td:nth-child(7),
	#reports-table tr > th:nth-child(5), #reports-table tr > td:nth-child(5),
	#reports-table tr > th:nth-child(4), #reports-table tr > td:nth-child(4),
	#reports-table tr > th:nth-child(3), #reports-table tr > td:nth-child(3) { display:none !important; }
	.management_btn > button { width:49%; }
	.materialnavi > .materialnavi-inner { -moz-column-count:2; -webkit-column-count:2; -o-column-count:2; -ms-column-count:2; column-count:2; height:auto; }
    .navigation .navbar-toggle { margin-top:3px }
    .material-content > .tag-box-v1 > .thumbnail-img img {display: none;}
}
@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;
	}
}