@font-face{font-family: Frutiger-LightCn; src: url("fonts/FrutigerLTPro-LightCn.otf"), url("fonts/47.eot"), url("fonts/47.woff2");}
@font-face{font-family: Frutiger-BoldCn; src: url("fonts/FrutigerLTPro-BoldCn.otf"), url("fonts/67.eot"), url("fonts/67.woff2");}
@font-face{font-family: Frutiger-Bold; src: url("fonts/FrutigerLTPro-Bold.otf"), url("fonts/65.eot"), url("fonts/65.woff2");}
@font-face{font-family: Frutiger-Cn; src: url("fonts/FrutigerLTPro-Condensed.otf"), url("fonts/57.eot"), url("fonts/57.woff2");}
@font-face{font-family: Frutiger; src: url("fonts/FrutigerLTPro-Roman.otf"), url("fonts/55.eot"), url("fonts/55.woff2");}

.cleaner { clear: both; font-size: 1px; }

.no-padding {padding: 0;}

body { font-family: Frutiger, sans-serif; }
a { color: #cc0000; }
a:hover { text-decoration: none; color: #333; }

form hr { margin-top: 5px; }
#lista { width: 100%; position: relative; padding: 10px 20px;
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ }

#lista.max { height: 50px; }
#lista.min { height: 10px; }
#lista.min .left,#lista.min .right { display: none; }
#lista.max .sipka { display: none; }

#lista .left a{ color: #fff; text-transform: uppercase; font-size: 18px; font-family: Frutiger-LightCn; float: left; }
#lista .right { float: right; }
#lista .right a{ color: #fff; text-transform: uppercase; font-size: 18px; font-family: Frutiger-LightCn; text-decoration: none; padding: 8px 15px; }
#lista .right a:hover{ background: #acacac; border-radius: 6px; }
#lista .sipka {	display: block;font-size: 26px;	color: #fff;text-decoration: none;text-align: center;margin-top: -13px; }

body.login { background: url('bg.login.jpg') top center no-repeat; background-size: cover; padding-top: 15px; }
.login { }
.login .wrapper { background: url('bg.gradient.png') repeat-x; min-height: 600px; position: relative; }
.login .wrapper .header{ position: relative; }
.login .wrapper .header #logocis{ position: absolute;left: 15px; top: 15px; }
.login .wrapper .header #logodhl{ position: absolute;right: 15px; top: 20px; }
.login .wrapper .header h1{ text-align: center; color: #cc0000; margin: 0; padding-top: 90px; font-family: Frutiger-LightCn, sans-serif; font-size: 48px; }
.login .wrapper .header h1 b{ font-family: Frutiger-BoldCn, sans-serif; }
.login .wrapper .loginform { background-color: rgba(0,0,0,0.5); margin:0 auto; float:none; margin-top: 50px; color: #fff; text-align: center; padding: 0 25px; padding-bottom: 25px; }
.login .wrapper .loginform h2{ text-transform: uppercase; padding-top: 20px; margin: 0; font-family: Frutiger-LightCn, sans-serif; font-size: 30px; font-weight: bolder; }
.login .wrapper .loginform p{ font-size: 16px; padding-top: 5px; }
.login .wrapper .loginform .inputBox{ background: #fff; width: 80%; border-radius: 4px; margin: 0 auto; margin-bottom: 10px; }
.login .wrapper .loginform .inputBox hr{ margin: 0; }
.login .wrapper .loginform .inputBox .logininput{ width: 80%; height: 40px; margin: 7px 0; background-position: 5px 7px; background-repeat: no-repeat; padding-left: 35px; color: #333; border: 0; font-size: 18px; font-family: Frutiger-Cn, sans-serif; }
.login .wrapper .loginform .inputBox .logininput.user{ background-image: url('inputbg.user.png'); }
.login .wrapper .loginform .inputBox .logininput.pass{ background-image: url('inputbg.password.png'); }
.login .wrapper .loginform .btn { width: 80%; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; margin: 10px auto; font-size: 18px; font-family: Frutiger-Cn, sans-serif;border-radius: 4px; }


body.lp { background: #AC7869 url("bg.lp.jpg") no-repeat scroll center top / 100% auto; padding-top: 15px; }
.lp { }
.lp .content p b { font-family:Frutiger-Bold, sans-serif; }
.lp .header{ height: 140px; background-image: url('bg.lp.gradient.png'); background-repeat: repeat-x; }
.lp .header #logocis{ float: left; margin-top: 25px; }
.lp .header h1{ margin-left: 15px; float: left; color: #cc0000; font-family:Frutiger-LightCn, sans-serif; font-size: 31px; margin-top: 30px; }
.lp .header h1 b{ font-family: Frutiger-BoldCn, sans-serif; font-weight:normal; }
.lp .header .left{ margin-left: 15px; }
.lp .header .right{ margin-right: 15px; }
.lp .header .profile{ float: right; margin-top: 30px; }
.lp .header .profile p{ color: #000; font-size: 20px; font-family: Frutiger-Cn, sans-serif; text-align: right; margin-top:5px; margin-right: 15px; display: inline-block; line-height:20px; }
.lp .header .profile a{ color: #cc0000; font-size: 16px; }
.lp .header .profile a:hover { text-decoration:underline; }
.lp .header .profile img{ float: right; }
.lp .header #menu{ float: right; }
.lp .header #menu a{ font-size:18px; text-transform:uppercase; color:#000; font-family:Frutiger-Cn, sans-serif; padding:10px 15px; margin:0px; }
.lp .header #menu a:last-of-type{ margin-right: 0; }
.lp .header #menu a:hover{ background:rgba(255,255,255,0.3); text-decoration: none; }
.lp .header #menu a.active{ background:white; }
.lp .content { background: #fff; min-height: 400px; padding: 25px; }
.lp .content h2{ color: #cc0000; font-size: 35px; text-transform: uppercase; font-family: Frutiger-BoldCn, sans-serif; font-weight:normal; display: inline-block; }
.lp .content h3{ font-size: 25px; text-transform: uppercase; font-family: Frutiger-BoldCn, sans-serif; font-weight:normal; margin-top:40px; }
.lp .content .tools{ float: right; margin-top: 20px; margin-bottom: 25px;clear: both; }
.lp .content .tools a { margin-left:6px; }
.lp .content .back { position:absolute; top:-15px; }

.lp .sessions { width:100%; padding-left:0px; margin-top:10px; clear:both; }
.lp .sessions table th.course { padding:0px; width:10px; }
.lp .sessions table td{ font-size: 15px; vertical-align: middle; padding: 10px; cursor: pointer; }
.lp .sessions table tr.signon td { padding:4px 10px; }
.lp .sessions table td.course1
{ width:10px; background-color:#f20000; padding:0 !important; }	/* Launch */
.lp .sessions table td.course2, .lp .sessions table td.course7, .lp .sessions table td.course16
{ width:10px; background-color:#73f14b; padding:0 !important; }	/* CS1, CS2, CS3 */
.lp .sessions table td.course3, .lp .sessions table td.course4, .lp .sessions table td.course5, .lp .sessions table td.course6, .lp .sessions table td.course8, .lp .sessions table td.course9, .lp .sessions table td.course10, .lp .sessions table td.course11, .lp .sessions table td.course12, .lp .sessions table td.course13, .lp .sessions table td.course14
{ width:10px; background-color:#46acfe; padding:0 !important; }	/* DDs */
.lp .sessions table td.course15
{ width:10px; background-color:#f3bf00; padding:0 !important; }	/* PITO */
.lp .sessions table td .coursetext { font-family:Frutiger-BoldCn, sans-serif; font-size:16px; line-height:18px; padding-top:6px; float:left; }
.lp .sessions table td.name { font-family:Frutiger-BoldCn, sans-serif; font-size:16px; }
.lp .sessions table td small { font-family:Frutiger-Cn, sans-serif; font-size:12px; line-height:12px; }
.lp .sessions .divicon { float:right; margin-right:20px; height:30px; }
.lp .sessions table tr.signon .divicon { margin-top:5px; }
.lp .sessions .ico { font-size: 30px; }
.lp .sessions .ico.success { color: #B0D9B7; }
.lp .sessions .ico.danger { color: #d8000b; }
.lp .sessions .ico.primary { color: #265a88; }
.lp .sessions .ico.warning { color: #f0ad4e; }
.lp .sessions tr.mysuccess td { color:#ccc; }
.lp .sessions tr.mydanger td { color:#d8000b; }

.lp .description { font-family:Frutiger-Cn, sans-serif; font-size:15px; position:relative; top:-5px; margin-bottom:10px; }

#dashboard td, #dashboard th { height: 40px; padding: 0; vertical-align: middle !important; position: relative; font-weight: normal; }
#dashboard th { font-family:Frutiger-BoldCn, sans-serif; }
td.email { padding-left: 15px !important; }
#dashboard td.withoutborder { border:0; }

#dashboard td .small{ color: #999; }
#dashboard .table-striped > tbody > tr:nth-of-type(2n+1)
#dashboard td b{ font: 15px 'Frutiger'; font-weight: normal; }
#dashboard .bar{ width: 90px; }
#dashboard.full .bar{ width: 1%; }
#dashboard .bar div { width: 89px; height: 60px; display: block; z-index: 2; position: relative; margin: 0 1px; }
#dashboard.full .bar div { width: calc(100% - 1px);}
#dashboard.full .bar div i{ position: absolute;left: 0;right: 0;top: 50%;margin: auto;font-size: 30px;color: #fff;text-align: center;vertical-align: middle;transform: translateY(-50%);}
#dashboard.full .bar div i.dilo{ position: absolute;right: 10px;bottom: 8px;font-size: 20px;left: inherit;top: inherit;color: #fff;transform: none; z-index: 10; }

#dashboard .bar.lm div { background: rgba(242, 0, 0, 0.2); }
#dashboard .bar.cs div { background: rgba(115, 241, 75, 0.2); }
#dashboard .bar.dd div{ background: rgba(70, 172, 254, 0.2); }
#dashboard .bar.pito div{ background: rgba(243, 191, 0, 0.2); }
#dashboard .bar div div{ height: 60px; width: 100%; display: block; z-index: 3; position: absolute; left: 0; bottom: 0; right: 0;margin: auto; }
#dashboard .bar.lm div div { background: #f20000; }
#dashboard .bar.cs div div { background: #73f14b; }
#dashboard .bar.dd div div { background: #46acfe; }
#dashboard .bar.pito div div { background: #f3bf00; }


.lp .assessments { width: 100%; padding-left: 0; margin-top: 20px; }
.lp .assessments .assessment { height: 58px; background: #f8f8f8; border: 1px solid #BDBDAE; margin: 12px 0; border-radius: 0; }
.lp .assessments .assessment:hover { background: #ececec; }
.lp .assessments .assessment .ico{ width: 40px; height: 40px; float: left; margin-left: 20px; margin-top: 8px; }
.lp .assessments .assessment.progress .ico{ background: url("ico.progress.png") center center no-repeat; }
.lp .assessments .assessment.warning .ico{ background: url("ico.warning.png") center center no-repeat; }
.lp .assessments .assessment.ok .ico{ background: url("ico.ok.png") center center no-repeat; }
.lp .assessments .assessment a{ font-size: 22px; padding-left: 20px; padding-right:20px; line-height: 58px; text-decoration: none; color: #575747; }
.lp .assessments .assessment span{ font-size: 14px; padding-left: 40px;line-height: 58px; padding-left: 40px; float: right; margin-right: 15px; }

.lp .documents { width: 100%; padding-left: 0; margin-top: 60px; }
.lp .documents .document { height: 58px; background: #f8f8f8; border: 1px solid #BDBDAE; margin: 12px 0; }
.lp .documents .document:hover { background: #ececec; }
.lp .documents .document .ico{ float: left; margin-left: 30px; margin-top: 12px; }
.lp .documents .document a{ font-size: 22px; padding-left: 20px; line-height: 58px; text-decoration: none; color: #575747; }
.lp .documents .document span{ font-size: 14px; padding-left: 40px;line-height: 58px; padding-left: 40px; float: right; margin-right: 15px; }

.footer { background-color: rgba(0,0,0,0.7); min-height: 150px; margin-top:15px; margin-bottom:15px; }
.footer .copyright { color:#aaa; height:150px; padding-left:30px; padding-top:50px; }
.footer .contact { text-align:right; padding-right:30px; padding-top:50px; }

.table th { font-family:Frutiger-BoldCn, sans-serif; font-size:14px; }

.table.table-info td { border: 0; }
.table.table-info td:first-of-type, .table.table-info td:nth-child(3) { text-align:right; color:#999; }

.table.table-data td, .table.table-data th{ text-align: center; }
.table.table-data td.left, .table.table-data th.left{ text-align: left; }
.table.table-data td.right, .table.table-data th.right{ text-align: right; }

.btn { border-radius: 0; text-transform: uppercase; background-image: none !important; text-shadow: none !important; border: none !important; font-family:Frutiger-Cn, sans-serif; padding: 6px 12px 3px; }
.btn.btn-red { background-color: #D8000B; color: #fff; }
.btn.btn-red:hover { background-color: #b7000b; }
.btn.btn-black { background-color: #000000;color: #fff; }
.btn.btn-black:hover { color: #e7e7e7; }
.btn.btn-blue { background-color: #1F7994; color: #fff; }
.btn.btn-blue:hover { background-color: #1A6277; }
.btn.btn-green { background-color: #389410; color: #fff; }
.btn.btn-green:hover { background-color: #348110; }
.btn.btn-grey {background-color: #ffffff;color: #000; border:1px solid #ddd !important;}
.btn.btn-grey:hover { background-color:#e7e7e7; }
.btn.btn-brown {background-color: #AC7869;color: #fff; border:1px solid #ddd !important;}
.btn.btn-brown:hover {background-color: #98675a;}

.displayNone { display:none; }

.ui-menu { background: #fff; border:1px solid #e6e6e6; z-index: 10000;width: 370px !important;list-style-type: none; }
.ui-menu .ui-menu-item.ui-state-focus, .ui-menu .ui-menu-item.ui-state-active { background: #e5f7c7; margin: 0; }
.ui-menu li { margin: 0;}

.custom-combobox {position: relative;display: inline-block;width: 300px;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;}
.custom-combobox-input {margin: 0 0 0 -35px;padding: 5px 10px;width: 300px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #000; }

div.dataTables_wrapper div.dataTables_filter input { width:300px !important; }

.form-control-feedback-select { right:20px !important; }
label { top:5px; }
.panel-heading { font-family:Frutiger-BoldCn; font-size:16px; }

.flag { position:relative; top:-1px; }

label .flag { position: absolute; right: 0; top:8px; width: 20px; }

.nominate label { position: relative; padding-right: 30px; }

.loader { width:100%; height:400px; background:url('ajax-loader.gif') center center no-repeat; }
.grey { color:#999; }

table.list { width:100%; margin:20px 0 20px 0; border-collapse:collapse; border:1px solid #CCC; }
table.list th { padding:6px 6px; background:#666; color:white; }
table.list td { padding:6px 6px; border-bottom:1px solid #CCC; text-align:center; }
table.list td.noname { font-style:italic; color:#666; }
table.list .odd { background:#EEE; }
table.list .dark { background:#AAA; }
table.list .left { text-align:left; }
table.list .right { text-align:right; }
table.list .score { font-size:24px; font-weight:bold; }
table.list ul { margin:0px; -webkit-padding-start:20px; }

th.center { text-align:center; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display:inline; position:relative; bottom:none; right:none; left:5px; top:2px;
}

.icons-list { padding-left:0; list-style:none; }
.icons-list li { width:150px; float: left; height: 130px; padding: 10px; text-align: center; background-color: #f9f9f9; border: 1px solid #fff; cursor:pointer; overflow:hidden; }
.icons-list .fa { margin-top: 5px; margin-bottom: 10px; font-size: 34px; }
.icons-list .icon-title { font-size:12px; font-family:Frutiger-Cn; display: block; text-align: center; word-wrap: break-word; }
.icons-list li:hover { background-color: #ccc; }

.req { background-color: #ff9c93; }

#videoplayer { }
#video { width:100%; }

.borderLeft {border-left: 1px solid #ddd;}
.borderTop {border-top: 2px solid #ddd !important;}

.progress_report td,.progress_report th { min-width: 85px !important; }
.progress_report td.w200 { min-width: 200px !important; }

.functionReport td,.functionReport th { min-width: 85px !important; }
.functionReport td.w200 { min-width: 200px !important; }

.individualreport td.green { background: #80ce7b; color: #fff; }
.individualreport td.grey { background: #ececec; }

#world { background:url('world.jpg') no-repeat; height:407px; width:820px; position:relative;margin: 0 auto; }
#world .region { position:absolute; width:250px; font-size:14px; }
#world img { width:80px; float:left; margin-right:5px; }
#world span { font-weight:bold; color:#CC0000; }
#world #regionAP { left:590px; top:220px; }
#world #regionCN { left:560px; top:90px; }
#world #regionAM { left:50px; top:170px; }
#world #regionEU { left:300px; top:40px; }
#world #regionEM { left:370px; top:130px; }
#world #regionSS { left:340px; top:240px; }
#world .award { width:110px; float:left; text-decoration:none; border-right:1px solid #999; padding-right:10px; text-align:right; }
#world .coach { width:110px; float:left; text-decoration:none; border-left:1px solid #999; padding-left:10px; position:relative; left:-1px; }
#world a { color:black; }
#world a b { color:#CC0000; }
#world a span { color:black; }
#global { width:450px; margin:0 auto; font-size:24px; }
#global img { float:left; margin-right:20px; }
#global span { font-weight:bold; color:#CC0000; }
#global div { margin-bottom:10px; }
#global .award { width:310px; float:left; text-decoration:none; border-right:1px solid #999; padding-right:10px; padding-top:20px; padding-bottom:20px; text-align:right; background:url('award.jpg') no-repeat; }
#global .coach { width:320px; float:left; text-decoration:none; border-left:1px solid #999; padding-left:10px; position:relative; padding-top:20px; padding-bottom:20px; left:-1px; background:url('coach.jpg') right 5px no-repeat; }
#global a span { color:black; }
tr.notLogged { font-style: italic; }


div.progress {width: 100%; height: 30px; border: 1px solid #ccc; border-radius: 5px; margin-top: 25px; display: none; position: relative;}
div.bar {width: 0; height: 30px; background: lime; position: absolute; top: 0; left: 0;}
div.progress span.hodnota {width: 100%; color: #000; font: 25px 'Frutiger-Bold'; text-align: center; display: block; position: absolute; top: 0; left: 0; z-index: 5;}


.resource-wrap {max-width: 1000px; position: relative;}
a.resource {width: 49%; background: #fc0; float: left; margin: 1% .5%; color: #000;border-radius: 60px; height: 60px;  position: relative;}
a.resource > i {position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-size: 1.5em;}
a.resource .menu {position: absolute; top: 0; bottom: 0; right: 0; width: 60px; left: unset; cursor: pointer; text-align: center;}
a.resource .menu i {position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.5em; left: unset;}
a.resource span { position: absolute; top: 55%; left: 50px; transform: translateY(-50%); width: calc(100% - 100px); line-height: 1em; font-size: 1.2em;}

#resource-menu {display: none; position: absolute; left: calc(100% - 60px); background: #999; top: -30px; height: 120px; width: 160px;z-index: 10;}
#resource-menu:after {content: " "; position: absolute; right: 100%; top: 40px; width: 0; height: 0; border-style: solid; border-width: 20px 30px 20px 0; border-color: transparent #999 transparent transparent; }
#resource-menu .btn {width: 70%; margin: 15px 15%;}
#resource-menu .close-menu {background: #D40511; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 999px; text-align: center; cursor: pointer;}
#resource-menu .close-menu i {color: #FFF; font-size: 25px; padding-top: 2px;}

#zippingOverlay { display: none; position: fixed;top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 5;}
#zippingOverlay .inner {position: absolute;top: 50%; left: 50%; background: #fff; color: #000; transform: translate(-50%, -50%); padding: 20px; border-radius: 8px; text-align: center;}
#zippingOverlay .inner i {margin-bottom: .5em;}


.modal {text-align: center;}
.modal-dialog {display: inline-block; width: auto !important;}
tr.success-true {background: rgba(0,204,0,.2);}
tr.success-false {background: rgba(204,0,0,.2);}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {position: fixed; bottom: 5px; right: 5px; color: #d40511 !important; border-color: #d40511 !important; background-color: #fff !important;}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover { background-color: #d40511 !important; color: #fff !important; }

#report-wrapper { font-size: 1.4rem; max-width: 46rem; }
#report-wrapper h3 { font-size: 2rem; margin: 0; margin-top: 2rem; margin-bottom: 0.5rem; }
#report-wrapper .dataFromRefresher > div:not(.module-wrap),
#report-wrapper .dataFromRefresher > div.module-wrap > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: solid 1px #d8d8d8; margin-bottom: 0.5rem; padding-bottom: 0.5rem; }
#report-wrapper .dataFromRefresher > div:not(.module-wrap):last-child,
#report-wrapper .dataFromRefresher > div.module-wrap > div:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
#report-wrapper .dataFromRefresher > div span { flex: 1; }
#report-wrapper .dataFromRefresher > div span.value { flex: 0; padding-left: 1rem; font-size: 1.5rem; font-weight: bold; }
#report-wrapper .dataFromRefresher > div.module-wrap h4 { font-size: 1.8rem; margin: 0; margin-top: 1rem; margin-bottom: 0.5rem; font-weight: bold; }