@import url('fonts/delivery.css');
@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; }

body { font-family: 'Delivery', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #cc0000; }
    a:hover { text-decoration: none; color: #333; }
html {min-width: 980px;}
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: 'DeliveryCn'; font-weight: lighter; float: left; }
	#lista .right { float: right; }
	#lista .right a{ color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'DeliveryCn'; font-weight: lighter; 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-login1.jpg') no-repeat center center fixed; background-size: cover;}
.login { overflow-x: hidden; }
    .login .wrapper { background: url('bg.gradient.png') repeat-x; min-height: 600px; position: relative; margin-top: 15px; }
        .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: 'DeliveryCn', sans-serif; font-weight: lighter; font-size: 48px; }
                .login .wrapper .header h1 b{ font-family: 'Delivery', sans-serif; font-weight: bold; }
            .login .wrapper .loginform { background-color: rgba(255,202,0,1); margin:0 auto; float:none; margin-top: 125px; 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: 'Delivery', sans-serif; font-size: 30px; font-weight: bolder; }
                .login .wrapper .loginform p{ font-size: 16px; padding-top: 5px; }
                .login .wrapper .loginform .inputBox{ width: 85%; border-radius: 4px; margin: 0 auto; margin-bottom: 10px; padding-top: 50px;}
                    .login .wrapper .loginform .inputBox hr{ margin: 0; }
                    .login .wrapper .loginform .inputBox .logininput{ width: 100%; height: 40px; margin: 7px 0; background-position: 5px 7px; background-repeat: no-repeat; padding-left: 30px; color: #333; border: 0; font-size: 18px; font-family: 'DeliveryCn', sans-serif; border-radius: 3px; }
                        .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 { min-width: 175px; height: 50px; margin: 10px 0; font-size: 18px; font-family: 'DeliveryCn', sans-serif;border-radius: 6px; }
                .login .wrapper .loginform a {color: #1f1f1f;}
                .login .wrapper .loginform a:hover {color: #464141;}
                .login .wrapper .loginform input, .login .wrapper .loginform select, .login .wrapper .loginform input:focus {color: grey !important;}
                .login .wrapper .loginform label {float: left; font-weight: lighter; margin-bottom: -5px; color: #1f1f1f;}

                .repBtn{min-width: 175px;}
body.lp { background: #000000 url("login-sales.jpg") no-repeat center center fixed; background-size: cover; padding-top: 15px;  }
.lp { }
.lp .content p b { font-family:'Delivery', sans-serif; font-weight: bold; }
.lp .header{ min-height: 140px; background-image: url('bg.lp.gradient.png'); background-repeat: repeat;background-size: contain; }
.lp .header #logocis{ float: left; margin-top: 25px; }
.lp .header h1{ margin-left: 15px; float: left; color: #cc0000; font-family:'DeliveryCn', sans-serif; font-weight: lighter; font-size: 31px; margin-top: 30px; }
.lp .header h1 b{ font-family: 'Delivery', sans-serif; font-weight:bold; }
.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: 'Delivery', 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; text-align: center; }
.lp .header #menu a{ font-size:18px; text-transform:uppercase; color:#000; font-family:'Delivery', sans-serif; padding:7px 15px; margin:0px; display:inline-block; }
.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: 'Delivery', sans-serif; font-weight:normal; display: inline-block; }
.lp .content h3{ font-size: 25px; text-transform: uppercase; font-family: 'Delivery', 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 { display: inline-block; margin: 4px 0;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:'Delivery', sans-serif; font-weight: bold; font-size:16px; line-height:18px; padding-top:6px; float:left; }
.lp .sessions table td.name { font-family:'Delivery', sans-serif; font-weight: bold; font-size:17px; }
.lp .sessions table td small { font-family:'Delivery', sans-serif; font-size:13px; line-height:12px; font-weight: 400; }
.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:'DeliveryCn', sans-serif; font-size:15px; position:relative; top:-5px; margin-bottom:10px; }

#dashboard th { height: 40px; padding: 0; vertical-align: middle !important; position: relative; font-weight: normal; }
#dashboard td { height: 150px; padding: 0; vertical-align: middle !important; position: relative; font-weight: normal; }
#dashboard th { font-family:'Delivery', sans-serif; font-weight: bold; }
td.email { padding-left: 15px !important; }
#dashboard td.withoutborder { border:0; }
.dashboard_learners td {height: 75px !important;}
#dashboard td .small{ color: #999; }
#dashboard .table-striped > tbody > tr:nth-of-type(2n+1)
#dashboard td b{ font: 15px 'Delivery'; font-weight: normal; }
#dashboard .bar{ width: 90px; }
#dashboard.full .bar{ width: 1%; }
    #dashboard .bar .box { width: 89px; height: 150px; display: block; z-index: 2; position: relative; margin: 0 1px; }
        #dashboard.full .bar .box { width: calc(100% - 1px);}
        #dashboard.full .bar .box i.status{ position: absolute;left: 0;right: 0;top: 50%;margin: auto;font-size: 30px;color: #fff;text-align: center;vertical-align: middle;transform: translateY(-50%);}
    .learners_box {height: 70px !important;}
    #dashboard .bar.red .box { background: rgba(70, 172, 254, 0.2); }
        #dashboard .bar .box .progress{ height: 60px; width: 100%; display: block; z-index: 3; position: absolute; left: 0; bottom: 0; right: 0;margin: auto; }
        #dashboard .bar.red .box .progress { background: #46acfe; }
.prog {margin:0 !important; height: 70px !important;
    max-width: 100%;}
#dashboard .customtd {padding: 0 3px !important;}
#dashboard .bar .box .buttons { position: absolute; bottom: -4px; left: 0; z-index: 10; width: 100%; text-align: center; }
	#dashboard .bar .box .buttons a{ width: 46%; float: left; margin: 0 2%; border-radius: 4px; }
	#dashboard .bar .box .buttons a.disabled{ opacity: 1;background: #eee;color: #000; }

	.title-prg { text-align: center; color: #fff;display: block; transform: translateY(50%); top: -50%; }
.lr {margin: 0 auto;text-align: center;}
.lr td {
    height: 40px !important;}

.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; float: left; font-size: 15px; z-index: 10;}
	.footer .contact { text-align:right; padding-right:30px; padding-top:50px;}

.table th { font-family:'Delivery', sans-serif; font-size:14px; font-weight: normal; }

.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{
    margin-bottom: 1px;
    text-transform: capitalize;
    background-image: none !important;
    text-shadow: none !important;
    border: none !important;
    font-family: Delivery Regular, sans-serif;
    font-size: 15px;
    border-radius: 6px;
}
.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-grey {background-color: #ffffff;color: #000; border:1px solid #ddd !important;}
    .btn.btn-grey:hover { background-color:#e7e7e7; }

.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:'Delivery'; font-size:16px; font-weight: bold; }

.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:'DeliveryCn'; 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 #regionMENA { 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; }

.changeRole { color: #dad241;  }
.changeRole:hover  { color: #a69e3d;  }



.chapter {border-radius: 3px; height: 220px; display: block; text-align: center; position: relative; cursor: pointer; margin-bottom: 25px;}
/*.chapter:hover { border: 3px solid rgba(204, 0, 0, 0.65); background: #cc0000; }*/
.image-space {margin-left: 15px; margin-right: 15px;margin-top: 25px; cursor: pointer;}
.image-space img {position: absolute; max-width: 100%; max-height: 100%;filter: brightness(75%); z-index: 1; margin-left: -14px;}
.image-space:hover img{filter: brightness(100%)}
.image-space:nth-child(1) .title{color: white;}
.image-space:nth-child(1){color: white; filter: none;}
.chapter.locked { border: 3px solid #666; cursor: default; }
.chapter.locked:hover { border: 3px solid rgba(68, 68, 68, 0.6); background: #fff; }
	.chapter .title{font-weight: bolder; font-size: 18px;color: #fff;/* position: absolute; *//* top: 50%; *//* transform: translateY(-50%); */left: 0;right: 0;	z-index: 6;display: block;margin-top: 15%;padding-bottom: 60px;text-transform: uppercase;/* padding: 0 15px; */position: relative; z-index: 4;padding-right: 20px; }
	.chapter:hover .title{ color: #fff;}
    /*.image-space:nth-child(1):hover .title{ color: #000;}*/
	.chapter.locked .title{ color: #666;}
	.chapter .state{ background: rgb(248, 198, 43); height: 37px; position: absolute; bottom: 0; z-index: 0; }
	.chapter:hover .state{ background: none; }
	.chapter .type{ position: absolute;bottom: 0;padding-bottom: 5px;left: 0;padding-top: 5px; right: 20px;color: #ffcc00; z-index: 2;}
	.chapter.locked .type{ color: #666; }
	.chapter:hover .type{ color: #ffcc00;  }
	.chapter.locked:hover .type{ color: #666;  }
		.chapter .type .fa{ font-size: 30px}
@media (max-width: 1100px) {
    .chapter {
        height: 190px;
    }
    .repBtn {min-width: 250px;}
    html {height: 100%;}
    .footer .contact {  max-width: 330px; float: left;}
    .btn-ycustom {
        width: 100% !important;
    }
}
@media (max-width: 1600px) {
    .chapter {
        height: 170px;
    }
}
@media (max-width: 800px) {
    .chapter {
        height: 150px;
    }
}
@media (max-width: 777px) {
    .image-space {
        width: 200px;
        margin: 0 auto;
    }
    .image-space img {width: 200px;}
}
    .rotate {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); text-align: center;}
.story th {color: #fff;font-size: 16px !important;text-align: center;}


#progresstable .bar{ height: 43px;padding: 0; position: relative; border: 1px solid #fff; }
	#progresstable .bar .box{ text-align: center; display: table;}
	#progresstable .bar .box span{ display: table-cell; vertical-align: middle; }
	#progresstable .bar .text { text-align: center; position: absolute; left: 0; right: 0; top:10px; color: #fff; }
	#progresstable.team .bar .text { text-align: center; position: absolute; left: 0; right: 0; top: 0; color: #fff; padding-top:13px; height:100%;}
	#progresstable .bar .text .status { color: #fff; font-size: 18px; }
	#progresstable .done { color: #fff;font-size: 24px;display: block;position: absolute;z-index: 10;margin: auto; margin-top:1px; left: 0;right: 0; top: 0;width: 98%;height: 54px;background: rgba(74, 144, 226, 0.95);text-align: center; }
		#progresstable .done i{ padding-top: 14px; }
		#progresstable a { color: #fff; }
		#progresstable .name a { color: #4a90e2; }
		#progresstable .name a:hover { color: #3a5fa1; }

p.comment { color: #cc0000; font-style: italic; }

.questions ul li::before { color: #cc0000; }

td.colorProgress1 { background-color: #b5d3f4; } /* bylo rgba(31,121,148,0.47) a #1F7994 */
td.colorProgress2 { background-color: #b5d3f4; } /* bylo rgba(119,67,77,0.47) a #77434d */
td.colorProgress3 { background-color: #b5d3f4; } /* bylo rgba(119,117,61,0.72) a #77753d */
td.colorProgress4 { background-color: #b5d3f4; } /* bylo rgba(66,119,64,0.53) a #427740 */
td.colorProgress5 { background-color: #b5d3f4; } /* bylo rgba(58,119,110,0.53) a #3a776e */

#progresstable td.disabled { background: #dadada; }

/*td.colorProgress1 div.colorProgress { background-color: #DA5526; }*/
/*td.colorProgress2 div.colorProgress { background-color: #F68930; }*/
/*td.colorProgress3 div.colorProgress { background-color: #ffb829; }*/
/*td.colorProgress4 div.colorProgress { background-color: #D8C684; }*/
/*td.colorProgress5 div.colorProgress { background-color: #697F90; }*/
td.colorProgress1 div.colorProgress { background-color: #4a90e2; }
td.colorProgress2 div.colorProgress { background-color: #4A90E2; }
td.colorProgress3 div.colorProgress { background-color: #4A90E2; }
td.colorProgress4 div.colorProgress { background-color: #4A90E2; }
td.colorProgress5 div.colorProgress { background-color: #4A90E2; }

.learning-slide { text-align: center; margin: 140px 0 150px 0; }
    .learning-slide h3 { font-size:36px !important; padding-bottom:10px; }
    .learning-slide .btn { font-size:24px; padding:14px 30px; }
    .learning-slide a { margin-left:30px; }

.modal#fulliframe { padding:0; }
.modal#fulliframe>.modal-dialog { width:100%;min-height:100%;top:0;left:0;bottom:0;right:0; }
.modal#fulliframe>.modal-dialog>.modal-content {border:0;}
.modal#fulliframe>.modal-dialog>.modal-content>.modal-body {padding:0;}
.modal#fulliframe>.modal-dialog>.modal-content>.modal-body iframe {border:0;}
#fulliframe .modal-footer {z-index:100;}

span.icon { width:16px; height:16px; display:block; float:left; margin-right:4px; }
	.icon-folder { background:url(../design/icons/folder.png) no-repeat; }
	.icon-pdf { background:url(../design/icons/file_extension_pdf.png) no-repeat; }
	.icon-jpg { background:url(../design/icons/file_extension_jpg.png) no-repeat; }
	.icon-doc { background:url(../design/icons/file_extension_doc.png) no-repeat; }
	.icon-xls { background:url(../design/icons/file_extension_xls.png) no-repeat; }
	.icon-ppt { background:url(../design/icons/file_extension_pps.png) no-repeat; }
	.icon-zip { background:url(../design/icons/file_extension_zip.png) no-repeat; }
	.icon-flv { background:url(../design/icons/file_extension_flv.png) no-repeat; }
	.icon-mp4 { background:url(../design/icons/file_extension_mp4.png) no-repeat; }
	.icon-exe { background:url(../design/icons/file_extension_exe.png) no-repeat; }
	.icon-default { background:url(../design/icons/page_white.png) no-repeat; }

.adisabled{pointer-events: none;}

/* Animačka */
.animate-top { position: relative; top: -15px; opacity: 0; visibility: hidden;  height: 0; transition: top .2s linear, opacity .6s linear, height .2s linear; }

.box{ height: 100px; border-radius: 12px; background-color: #cc0000; color: white; text-align: center; }
.box h4 { position: relative; top: 50%; transform: translateY(-50%); margin: 0; }
.arrow { text-align: center; height: 100px; position: relative; font-size: 40px; }
.arrow i{ position: relative; top: 50%; transform: translateY(-55%); color: #cc0000; }
.learning img{cursor: pointer;padding-left: 20px;}
.flex-center {
    display: flex;
    flex-wrap: nowrap;
    justify-content: CENTER;
}
.learning {
    min-height: 150px;
    margin: 10px;
    border: 1px solid #0000003b;
    border-radius: 10px;
}
.learning h3 {
    font-weight: 600 !important;
    margin-top: 12px !important;
    margin-bottom: 20px;
    text-align: center;
}
.learning .description {
    padding-top: 16px;
    font-weight: 700;
}
.incomplete {
    filter: grayscale(1);
}
.fullframe-close{
    z-index: 999;
}


#user-menu{ float: right; text-align: center; position: relative; z-index: 1; padding-top: 50px;}
#user-menu a{ box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.30); font-size:18px; text-transform:uppercase; color:#000; font-family:'Delivery', sans-serif; padding:7px 15px; margin:0px; display:inline-block; border-top-left-radius: 14px; border-top-right-radius: 14px; background: #FFCC00;}
#user-menu a:last-of-type{ margin-right: 0; }
#user-menu a:hover{ background:rgb(255, 212, 41); text-decoration: none; }
#user-menu a.active{ background:white; z-index: 10; position: relative;}
#user-menu a.active-plus{ position: relative; left: 4px; }
.user-lp .header .right {margin-right: 0 !important;}
.user-body .header {background-image: none;}
body.user-body { background: #000000 url("background-left.png") no-repeat top left fixed; background-size: cover; padding-top: 15px; z-index: 5;}

.user-body .header .user-profile{ float: right; margin-top: 30px; width: 500px; background: white; border-radius: 20px; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.30); }
.user-body .header .user-profile p{ color: #000; font-size: 20px; font-family: 'Delivery', sans-serif; text-align: right; margin-top:5px; margin-right: 15px; display: inline-block; line-height:20px; }
.user-body .header .user-profile a{ color: black; font-size: 16px; text-align: right; }
.user-body .header .user-profile .left {text-align: left; width: 60%; float: left; position: relative; top: 3px;}
.user-body .header .user-profile .right { text-align: left; width: 30%; float: left; text-align: right; margin: 0; line-height: 35px; vertical-align: middle; height: 35px; border-radius: 20px; background: yellow; position: relative; left: 20px; text-align: center; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.30); background-color: #FFCC00; }
.user-body .header .user-profile .logout { cursor: pointer; }
.user-body .header .user-profile .logout:hover { background:rgb(255, 212, 41); }
.user-body .header .user-profile img{ float: right; }
.user-body h1 span { position: relative; left: -15px; }
.user-body .left h1{ margin-left: 35px; letter-spacing: 7px; }
.user-body .left h1::before{ content: url("header.line.png"); position: absolute; top: 105px; margin-left: -180px; }
.yellow-plus::before{ content: url("yellow-plus.png"); width: 100%; height: 100%; position: relative; left: -4px; }

/* DASHBOARD */

.user-lp-dashboard .header .right {margin-right: 0 !important;}
.user-body-dashboard .header {background-image: none;}
body.user-body-dashboard { background: #000000 url("dashboard.png") no-repeat top left fixed; background-size: cover; padding-top: 15px; z-index: 5;max-height: 100vh;}

.user-body-dashboard .header .user-profile{ float: right; margin-top: 30px; width: 500px; background: white; border-radius: 20px; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.30); }
.user-body-dashboard .header .user-profile p{ color: #000; font-size: 20px; font-family: 'Delivery', sans-serif; text-align: right; margin-top:5px; margin-right: 15px; display: inline-block; line-height:20px; }
.user-body-dashboard .header .user-profile a{ color: black; font-size: 16px; text-align: right; }
.user-body-dashboard .header .user-profile .left {text-align: left; width: 60%; float: left; position: relative; top: 3px;}
.user-body-dashboard .header .user-profile .right { text-align: left; width: 30%; float: left; text-align: right; margin: 0; line-height: 35px; vertical-align: middle; height: 35px; border-radius: 20px; background: yellow; position: relative; left: 20px; text-align: center; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.30); background-color: #FFCC00; }
.user-body-dashboard .header .user-profile .logout { cursor: pointer; }
.user-body-dashboard .header .user-profile .logout:hover { background:rgb(255, 212, 41); }
.user-body-dashboard .header .user-profile img{ float: right; }
.user-body-dashboard h1 span { position: relative; left: -15px; }
.user-body-dashboard .left h1{ position:absolute; color: #cc0000; font-family: 'DeliveryCn', sans-serif; font-weight: lighter; font-size: 31px; margin-top: 9%; letter-spacing: 4px; margin-left: 38%; letter-spacing: 7px; }
.my-profile { position: relative; float:right; width:100%; top:-225px; right: 8%; }
.my-profile img { float: right; width: 65%; height: 65%; }
.my-profile-button { position: absolute; top:140px; right: -85px; background-color: #ffcc00; border-radius: 14px; padding: 8px 24px; color: black; }
.certified-text{ position:absolute; margin-left: 38%; color: #cc0000; font-family: 'DeliveryCn', sans-serif; font-weight: lighter; font-size: 31px; margin-top: 16%; letter-spacing: 4px; font-size: 120%; }
.dashboard { width: 100%; margin: 0 auto; margin-top: -150px; display: flex; justify-content: center; flex-wrap: wrap; flex: 1 1 200px; position: relative; float: none; }
.mission{ height: 200px; float: left; background-repeat: no-repeat; margin: 0 15px; position: relative; background-size: 100% auto; }
.mission-1{ width: 250px; background-image: url("mission_1.png"); }
.mission-2{ width: 250px; background-image: url("mission_2.png"); top:15px; height: 170px; }
.mission-3{ width: 250px; background-image: url("mission_3.png"); top: -35px; height: 275px }
.mission-4{ top: 10px; width: 250px; background-image: url("mission_4.png"); height: 160px; }
.ms1, .ms2, .ms3, .ms4 { text-align: center; position: relative; font-size: 165%; top: 50%; transform: translateY(-50%); margin: 0; }
.mission-1 { z-index: 10; cursor: default !important; }
.mission-2 { z-index: 9; }
.mission-3 { z-index: 8; }
.mission-4 { z-index: 7; }
.footer-user{ width: 100%; height: 260px; position: relative; top: -100px; }
.left-footer { width: 35%; height: 100%; background-image: url("left-footer.png"); background-repeat: no-repeat; float:left; margin-left: -15px; }
.right-footer { width: 50%; height: 85%; background-image: url("right-footer2.png"); background-repeat: no-repeat; float:right; margin-right: 50px; margin-top: 50px; background-position: right; background-position-y: 40px; }
.footer-left-button { position: absolute; top:150px; left: 375px; background-color: #ffcc00; border-radius: 14px; padding: 8px 24px; color: black; }
.footer-right-button { position: absolute; top:150px; right: 570px; background-color: #ffcc00; border-radius: 14px; padding: 8px 24px; color: black; }

@media (min-width: 1400px) {
    .dashboard{ float: left; }
    .mission-3::after { content: url("mission3_line.png"); position: absolute; top: 120px; right: -50px; z-index: 9999; }
    .mission-2::after { content: url("mission2_line.png"); position: absolute; top: 80px; right: -55px; z-index: 9999; }
    .mission-1::after { content: url("mission1_line.png"); position: absolute; top: 100px; right: -48px; z-index: 9999; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .my-profile img { display: none; }
    #logocis img{ max-width: 65px; }
    .puff{ max-width: 150px !important; }
    .dashboard { margin-top: 100px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .dashboard { max-width: 800px; margin: 0 auto; margin-top: -100px; flex-wrap: wrap; flex: 1 1 200px; position: relative; top: -100px; }
    .mission-2 { clear: right !important; }
    .mission-3 { top: 0px; }
    .my-profile{ right: 18%; }
    .my-profile img { width: 60%; height: 60%; }
    .my-profile{ top: -125px; }
    #logocis img{ max-width: 50px; }
    .puff{ max-width: 120px !important; }
    .certified-text { font-size: 110%; letter-spacing: 2px; margin-left: 42%; }
    .my-profile-button { top: 42%; }
    .user-body-dashboard .left h1{ margin-top: 6%; margin-left: 42%; }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
    .dashboard { top: -200px; max-heigh: 500px; }
    .right-footer { background-image: none; }
    .left-footer { background-image: none; }
    .footer-left-button{ left: 30%; top: 100px; }
    .footer-right-button{ right: 30%; top: 100px; }
    .footer-user { top: -225px; }

}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard { max-width: 800px; margin: 0 auto; margin-top: -100px; flex-wrap: wrap; flex: 1 1 200px; position: relative; top: -100px; }
    .mission-2 { clear: right !important; }
    .mission-3 { top: 0; }
    .my-profile { top: -160px; }
    .user-body-dashboard .left h1{ margin-top: 8%; }
    .certified-text { font-size: 110%; letter-spacing: 2px; }
    .my-profile-button { top: 42%; }
    #logocis img{ max-width: 65px; }
    .puff{ max-width: 150px !important; }
    .footer-user { top: 0; }
}

@media (min-width: 1600px) {
    .user-body-dashboard .left h1{ font-size: 40px; margin-top: 9.2%; }
    .certified-text{ margin-top: 15.5%; font-size: 150%; letter-spacing: 5px; }
}
    .my-profile-button { top: 42%; }

/* END DASHBOARD */

.btn-ycustom { text-align: left; width: 30%; margin: 0; border-radius: 20px; background-color: #ffcc00 !important; position: relative; left: 20px; text-align: center; color: black !important; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.30); background-color: #FFCC00; }
.btn-ycustom:hover { background:rgb(255, 212, 41) !important; }
@media (max-width: 1299.98px) {
    .user-body .left h1{ margin-left: 35px; letter-spacing: 4px; clear:both; }
    .user-body .left h1::before{ top: 200px; margin-left: -200px; }
    .right-footer { background-image: none; }
    .left-footer { background-image: none; }
    .footer-left-button{ left: 30%; top: 0; }
    .footer-right-button{ right: 30%; top: 0; }
    .footer-user{ height: auto; }

}
/*@media only screen and (min-width: 900px) and (max-width: 1122px) {*/
/*    .user-body .left h1{*/
/*        margin-left: 135px;*/
/*    }*/
/*}*/
@media (max-width: 1600px) {
    .user-body .header .user-profile { position: absolute;right: 20px; top: -20px; }
}

.not-allowed {
    cursor: not-allowed;
    filter: brightness(0.5);
}
.allowed {
    cursor: pointer;
    filter: brightness(1);
}