@charset "UTF-8";
#browser-popup{display:none}
@media all and (min-width:1000px){
#browser-popup{display:block}
}
@media all and (max-width:999px){
html.fullscreen #all,html.fullscreen body #all{min-height:0}
}
#quiz_run header .buttons a.btn{margin-bottom:0}
.dark #quiz_run header .buttons a.btn .btn-border{border-color:#2c2f31;color:#fff}
@media all and (min-width:1025px){
.dark #quiz_run header .buttons a.btn .btn-border:hover{border-color:#ffb718}
}
#quiz_run header p.buttons{background-color:transparent}
@media all and (min-width:1000px){
.subpage .quiz-popup .popup-inner{max-width:600px}
}
.subpage .quiz-popup h4{margin-top:0;padding-top:10px}
.subpage .quiz-popup fieldset{margin-top:0}
@media all and (min-width:1000px){
.subpage .quiz-popup .button{padding-top:34px}
}
.form-time-is-up-ok fieldset p,.quiz-popup-time fieldset p{padding-top:100px;background:url(../../images/old/quiz/time.png) center top no-repeat;background-size:80px auto}
#not-submitted-codes-popup fieldset p{padding-top:100px;background:url(../../../assets2/images/rocket.svg) center top no-repeat;background-size:80px auto}
.subpage .header-quiz{width:100%;position:sticky;position:-webkit-sticky;top:0;height:60px;z-index:13;background-color:#fff;-webkit-box-shadow:0 1px 0 0 #eaeff7;box-shadow:0 1px 0 0 #eaeff7}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz{height:70px}
}
@media all and (min-width:1000px){
.subpage .header-quiz{position:fixed;left:0;top:0;height:70px}
}
@media all and (min-width:1600px){
.subpage .header-quiz{height:80px}
}
.subpage .header-quiz header{height:60px}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz header{height:70px}
}
@media all and (min-width:1000px){
.subpage .header-quiz header{height:70px}
}
@media all and (min-width:1600px){
.subpage .header-quiz header{height:80px}
}
.subpage .header-quiz .container-fluid{text-align:left}
.subpage .header-quiz .mobile-navigator{height:0;width:100%;margin:0 auto}
@media all and (min-width:1000px){
.subpage .header-quiz .mobile-navigator{display:none}
}
.subpage .header-quiz .mobile-navigator .mobile-navigator-inner{margin:0 auto;width:110px;position:relative;text-align:center;height:60px}
@media all and (min-width:330px){
.subpage .header-quiz .mobile-navigator .mobile-navigator-inner{width:130px}
}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .mobile-navigator .mobile-navigator-inner{height:70px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .mobile-navigator .mobile-navigator-inner{height:70px}
}
@media all and (min-width:1600px){
.subpage .header-quiz .mobile-navigator .mobile-navigator-inner{height:80px}
}
.subpage .header-quiz .mobile-navigator .number{line-height:60px;font-weight:700;font-family:kelson_sans,sans-serif;font-size:16px}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .mobile-navigator .number{line-height:70px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .mobile-navigator .number{line-height:70px}
}
@media all and (min-width:1600px){
.subpage .header-quiz .mobile-navigator .number{line-height:80px}
}
.subpage .header-quiz .mobile-navigator .btn{background-color:transparent}
.subpage .header-quiz .mobile-navigator .quizrun-prev-question{position:absolute;left:0;width:30px;top:0;height:60px;display:block;margin-top:9px}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .mobile-navigator .quizrun-prev-question{top:6px}
}
:not(.is-admin):not(.sync-active-global).sync-global .subpage .header-quiz .mobile-navigator .quizrun-prev-question{display:none}
.subpage .header-quiz .mobile-navigator .quizrun-next-question{position:absolute;right:0;width:30px;top:0;height:60px;display:block;margin-top:9px}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .mobile-navigator .quizrun-next-question{top:6px}
}
:not(.is-admin):not(.sync-active-global).sync-global .subpage .header-quiz .mobile-navigator .quizrun-next-question{display:none}
.subpage .header-quiz .brand{display:none;z-index:2}
@media all and (min-width:1000px){
.subpage .header-quiz .brand{margin:0;display:block;float:left;width:5.56%;line-height:70px;padding:0;border-right:1px solid #eaeff7;text-align:center}
.subpage .header-quiz .brand img{width:85%!important;height:auto!important;vertical-align:middle;max-width:100px;max-height:60px;-o-object-fit:contain;object-fit:contain}
}
@media all and (min-width:1600px){
.subpage .header-quiz .brand{line-height:80px}
}
.subpage .header-quiz .brand:before{color:#3268b0;display:block;left:0;top:0;line-height:60px;font-size:40px;text-align:center;width:84px}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:before{width:auto;line-height:70px}
}
@media all and (min-width:1600px){
.subpage .header-quiz .brand:before{line-height:80px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .brand+.mobile-navigator+.quiz-title,.subpage .header-quiz .brand+.quiz-title{padding-left:20px}
.subpage .header-quiz .brand+.mobile-navigator+.quiz-title:before,.subpage .header-quiz .brand+.quiz-title:before{display:none}
}
[data-page=intro] .subpage .header-quiz .brand{display:none}
.subpage .header-quiz .brand-without-border{border-right:none;display:block;width:95px;display:none}
@media all and (min-width:1000px){
.subpage .header-quiz .brand-without-border{display:inline-block}
}
.subpage .header-quiz .brand-without-border img{width:100%!important;height:auto!important}
.subpage .header-quiz .buttons-quiz{padding-right:0}
.subpage .header-quiz .timer-mobile{display:block;padding:16px 0 0 12px;margin:0;width:100px;min-width:0;white-space:nowrap;text-align:left}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .timer-mobile{padding:24px 0 5px 15px;width:100px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .timer-mobile{display:none}
}
.subpage .header-quiz .timer-mobile .timer-obj{margin:0;min-height:40px;display:inline}
.subpage .header-quiz .timer-mobile .timer-obj strong{font-size:16px;font-weight:700;line-height:24px;display:inline}
.subpage .header-quiz .timer-mobile .timer-obj em{display:none}
.subpage .header-quiz .timer-mobile .timer-obj>span{float:none;display:inline;min-width:0}
.subpage .header-quiz .timer-mobile .timer-obj>span span{display:inline}
.subpage .header-quiz .timer-mobile .timer-obj .dots{font-size:16px;line-height:24px}
.subpage .header-quiz .question-timer-mobile{position:absolute;left:12px;top:21px;right:auto}
@media all and (min-width:768px){
.subpage .header-quiz .question-timer-mobile{top:2px}
}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .question-timer-mobile{top:8px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .question-timer-mobile{display:none}
}
.subpage .header-quiz .question-timer-mobile .time span{width:38px}
@media all and (min-width:768px){
.subpage .header-quiz .question-timer-mobile .time span{width:auto}
}
.subpage .header-quiz .profile-info-header{float:left;width:94px;height:60px;border-bottom:0;border-left:1px solid #eaeff7;border-right:1px solid #eaeff7;position:relative;cursor:pointer;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}
@media all and (min-width:768px){
.subpage .header-quiz .profile-info-header{width:256px;left:84px;z-index:8;height:72px;top:0;position:absolute}
}
@media all and (min-width:1000px){
.subpage .header-quiz .profile-info-header{left:5.56%;position:relative}
}
@media all and (min-width:1600px){
.subpage .header-quiz .profile-info-header{height:80px}
}
.subpage .header-quiz .profile-info-header:after{content:" ";position:absolute;top:28px;right:16px;border-top:5px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(0);transform:rotate(0)}
@media all and (min-width:768px){
.subpage .header-quiz .profile-info-header:after{top:26px;right:22px}
}
.open-profile .subpage .header-quiz .profile-info-header{-webkit-box-shadow:0 8px 24px rgba(0,86,184,.2);box-shadow:0 8px 24px rgba(0,86,184,.2)}
.open-profile .subpage .header-quiz .profile-info-header:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.subpage .header-quiz .profile-info-header+.quiz-title{display:none}
@media all and (min-width:768px){
.subpage .header-quiz .profile-info-header+.quiz-title{display:block;left:0;float:left;text-align:left}
}
.subpage .header-quiz .profile-info-header .conn_status{font-size:12px}
.subpage .header-quiz .profile-info-header+.bot-war-quiz-title{margin-left:0}
.subpage .header-quiz .profile-info-header h4{display:none;font-size:14px;margin:0 40px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:17px}
@media all and (min-width:1220px){
.subpage .header-quiz .profile-info-header h4{display:block}
}
.subpage .header-quiz .profile-info-header .points{display:none}
@media all and (min-width:1220px){
.subpage .header-quiz .profile-info-header .points{color:#098bd1;font-weight:700;font-size:12px;text-transform:uppercase;display:block;margin-top:-4px}
}
.subpage .header-quiz .profile-info-header .avatar{width:40px;height:40px;margin:10px 16px 17px 10px;float:left}
@media all and (min-width:1000px){
.subpage .header-quiz .profile-info-header .avatar{margin:15px 16px 17px}
}
@media all and (min-width:1220px){
.subpage .header-quiz .profile-info-header .avatar{margin-left:20px}
}
.subpage .header-quiz .profile-info-header .avatar .avatar-text{width:40px;height:40px;border-radius:50%;text-align:center;display:block;line-height:37px;font-family:kelson_sans,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;color:#3268b0;border:2px solid #3268b0}
.subpage .header-quiz .profile-info-header .avatar img{width:40px;height:40px;border-radius:50%;display:block;border:2px solid #0c8cd1}
.dark .subpage .header-quiz .profile-info-header{border-left-color:#56595a;border-right-color:#56595a}
.dark .subpage .header-quiz .profile-info-header:after{border-top:5px solid #fff}
#all .subpage .header-quiz .take-control .btn-xs{font-size:10px;padding:0 6px;line-height:18px;margin-left:4px}
.subpage .header-quiz .brand:empty{border-right-width:0;margin-bottom:0}
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title,.subpage .header-quiz .brand:empty+.quiz-title{width:84px}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title,.subpage .header-quiz .brand:empty+.quiz-title{margin-left:0;padding-left:15px;width:50%}
}
@media all and (min-width:1000px) and (min-width:1220px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title,.subpage .header-quiz .brand:empty+.quiz-title{padding-left:15px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title[class*=techicon],.subpage .header-quiz .brand:empty+.quiz-title[class*=techicon]{padding-left:8.33%}
}
@media all and (min-width:1000px) and (min-width:1220px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title[class*=techicon],.subpage .header-quiz .brand:empty+.quiz-title[class*=techicon]{padding-left:5.56%}
}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title:before,.subpage .header-quiz .brand:empty+.quiz-title:before{display:block}
}
@media all and (min-width:1000px) and (min-width:1000px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title:before,.subpage .header-quiz .brand:empty+.quiz-title:before{width:16.66%}
}
@media all and (min-width:1000px) and (min-width:1220px){
.subpage .header-quiz .brand:empty+.mobile-navigator+.quiz-title:before,.subpage .header-quiz .brand:empty+.quiz-title:before{width:11.11%}
}
.subpage .header-quiz .brand:empty+.profile-info-header{left:0}
@media all and (min-width:768px){
.subpage .header-quiz .brand:empty+.profile-info-header{position:absolute}
}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.profile-info-header{left:5.56%}
}
.subpage .header-quiz .brand:empty+.profile-info-header+.mobile-navigator+.quiz-title{margin-left:0;width:84px}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.profile-info-header+.mobile-navigator+.quiz-title{padding-left:5.56%;width:50%}
}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.profile-info-header+.mobile-navigator+.quiz-title:before{width:11.11%}
}
.subpage .header-quiz .brand:empty+.profile-info-header+.mobile-navigator+.quiz-title span{margin-left:270px}
.subpage .header-quiz .brand:empty+.profile-info-header.hidden+.quiz-title{padding-left:0}
@media all and (min-width:1000px){
.subpage .header-quiz .brand:empty+.profile-info-header.hidden+.quiz-title{padding-left:5.56%}
}
.subpage .header-quiz .brand:empty+.profile-info-header.hidden+.quiz-title span{margin-left:0}
.dark .subpage .header-quiz .brand:empty+.profile-info-header{background-color:#2c2f31;border-left:1px solid #56595a;border-right:1px solid #56595a}
.subpage .header-quiz.show-title .quiz-title{margin-right:60px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:84px}
.subpage .header-quiz.show-title .quiz-title:before{position:absolute}
.subpage .header-quiz.show-title .quiz-title span{display:inline}
.subpage .header-quiz .quiz-title{font-size:18px;font-family:kelson_sans,sans-serif;margin:0;line-height:80px;float:left;position:relative;z-index:7;display:none}
@media all and (min-width:1000px){
.subpage .header-quiz .quiz-title{font-size:16px;line-height:24px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;display:block;width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:5.56%;float:none;padding-left:84px}
}
@media all and (min-width:1000px) and (min-width:1000px){
.subpage .header-quiz .quiz-title{font-size:16px;line-height:24px}
}
@media (min-width:1000px) and (min-width:1600px){
.subpage .header-quiz .quiz-title{font-size:19px;line-height:27px}
}
.subpage .header-quiz .quiz-title:before{color:#3268b0;width:70px;display:block;left:0;top:0;line-height:80px;font-size:40px;text-align:center}
@media all and (min-width:768px){
.subpage .header-quiz .quiz-title:before{width:84px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .quiz-title:before{position:absolute}
}
.subpage .header-quiz .quiz-title span{display:none}
@media all and (min-width:1000px){
.subpage .header-quiz .quiz-title span{display:inline}
}
@media all and (min-width:1000px){
.subpage .header-quiz .quiz-title span.quizrun-quizname{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis}
}
.subpage .header-quiz .bot-war-quiz-title{margin-left:0}
@media all and (min-width:1000px){
.subpage .header-quiz .with-profile-header{margin-left:22.26%!important}
}
.subpage .header-quiz #header-introduction .buttons{padding-right:0}
.subpage .header-quiz .to-right{position:fixed;top:0;right:12px;padding-top:13px}
@media all and (min-width:768px) and (min-height:500px){
.subpage .header-quiz .to-right{position:absolute;right:15px}
}
@media all and (min-width:1000px){
.subpage .header-quiz .to-right{position:absolute;right:15px;max-width:60%}
}
@media all and (min-width:1600px){
.subpage .header-quiz .to-right{max-width:50%;padding-top:18px}
}
.subpage .header-quiz .to-right:abefore{content:" ";position:absolute;-webkit-box-shadow:0 1px 4px rgba(0,86,184,.2);box-shadow:0 1px 4px rgba(0,86,184,.2);height:80px;right:-20px;top:0;left:-20px;z-index:2}
@media all and (min-width:768px){
.subpage .header-quiz .to-right:abefore{display:none}
}
.subpage .header-quiz .to-right .pts{display:none}
@media all and (min-width:1000px) and (min-height:500px){
.subpage .header-quiz .to-right .pts{font-size:14px;line-height:22px;text-transform:uppercase;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;display:block;margin-top:-12px;float:left;line-height:70px;font-weight:700;border-right:1px solid #eaeff7;padding-right:20px;margin-right:20px}
}
@media all and (min-width:1000px) and (min-height:500px) and (min-width:1000px){
.subpage .header-quiz .to-right .pts{font-size:12px;line-height:20px}
}
@media (min-width:1000px) and (min-height:500px) and (min-width:1600px){
.subpage .header-quiz .to-right .pts{font-size:14px;line-height:22px}
}
@media all and (min-width:1000px) and (min-height:500px) and (min-width:1000px){
.subpage .header-quiz .to-right .pts{line-height:70px}
}
@media all and (min-width:1000px) and (min-height:500px) and (min-width:1600px){
.subpage .header-quiz .to-right .pts{line-height:70px}
}
@media all and (min-width:1000px) and (min-height:500px){
.subpage .header-quiz .to-right .pts span{color:#acbac2}
}
@media all and (min-width:1000px) and (min-height:500px){
.subpage .header-quiz .to-right .pts strong{font-family:kelson_sans,sans-serif;font-size:24px;font-weight:400;display:inline-block;vertical-align:middle;margin-right:10px;letter-spacing:1px}
}
.subpage .header-quiz .to-right .buttons{position:relative;z-index:3;text-align:right;right:0;padding-top:0;margin-bottom:0;padding-bottom:0;white-space:nowrap}
@media all and (min-width:768px){
.subpage .header-quiz .to-right .buttons{position:static;float:left}
}
.subpage .header-quiz .to-right .buttons.mode-ctf .quizrun-submit-top{display:inline-block}
.subpage .header-quiz .to-right .buttons.mode-ctf .quizrun-form-close{display:none}
@media all and (min-width:768px){
.subpage .header-quiz .to-right .buttons.mode-ctf .quizrun-form-close{display:inline-block}
}
.subpage .header-quiz .to-right .buttons .checkbox{display:none}
@media all and (min-width:768px){
.subpage .header-quiz .to-right .buttons .checkbox{display:inline-block;vertical-align:middle;margin-right:10px}
.subpage .header-quiz .to-right .buttons .checkbox .check span{left:2px}
}
.subpage .header-quiz .to-right .buttons .btn{display:inline-block}
.subpage .header-quiz .to-right .buttons .quizrun-submit-top{display:none}
@media all and (min-width:768px){
.subpage .header-quiz .to-right .buttons .quizrun-submit-top{display:inline-block}
}
.is-mobile.last-task .subpage .header-quiz .to-right .buttons .quizrun-submit-top{display:inline-block}
.is-mobile.last-task .subpage .header-quiz .to-right .buttons .quizrun-finish-close{display:none}
.review .is-mobile.last-task .subpage .header-quiz .to-right .buttons .quizrun-finish-close{display:inline-block}
.is-mobile.last-task .subpage .header-quiz .to-right .buttons .quizrun-form-close{display:none}
.subpage .header-quiz .btn-close{min-width:42px;padding-left:0!important;padding-right:0!important;color:#acbac2}
@media all and (min-width:768px){
.subpage .header-quiz .btn-close{margin-left:13px}
}
@media all and (min-width:1025px){
.subpage .header-quiz .btn-close:hover:before{color:#fff!important}
}
.subpage .header-quiz .btn-close:before{color:#acbac2;-webkit-transition:.3s;transition:.3s}
.subpage .header-quiz .btn-close span{display:none}
.subpage .header-quiz .quizrun-prev-question{display:none}
@media all and (min-width:1000px){
.subpage .header-quiz .quizrun-prev-question{display:inline-block}
}
.review #quiz_run.is-mobile header .buttons a.btn-result-details{display:none}
#sync_mode_admin_box{float:left;position:relative;z-index:8}
@media all and (min-width:1220px){
#sync_mode_admin_box{margin-left:-200px}
}
#sync_mode_user_box{float:left;display:none;margin-left:0}
@media all and (min-width:1000px){
#sync_mode_user_box{margin-left:-200px}
}
#quiz-container{position:relative;z-index:9}
@media all and (min-width:1000px){
#quiz-container{position:fixed;left:0;bottom:0;width:100%;top:70px}
}
@media all and (min-width:1600px){
#quiz-container{top:80px}
}
.questions-nav{padding:20px 23px 0;height:24px;overflow:hidden;display:none}
@media all and (min-width:1000px){
.questions-nav{padding:0;height:auto;background-color:#eaeff7;display:block;position:absolute;left:0;top:0;bottom:0;width:5.56%}
}
.questions-nav ul{list-style-type:none;margin:0;padding:0;display:table;width:100%}
@media all and (min-width:768px){
.questions-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}
}
@media all and (min-width:1000px){
.questions-nav ul{display:block}
}
.questions-nav ul li{height:4px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;display:table-cell}
@media all and (min-width:768px){
.questions-nav ul li{display:block;border-right:1px solid #fff;height:45px;min-width:8.33%;width:auto}
}
@media all and (min-width:1000px){
.questions-nav ul li{width:auto;border-right-width:0;border-bottom:1px solid #fff;position:relative;z-index:2}
}
@media all and (min-width:1600px){
.questions-nav ul li{height:55px}
}
.questions-nav ul li.open .a,.questions-nav ul li.open a{-webkit-box-shadow:inset 0 4px #098bd1;box-shadow:inset 0 4px #098bd1;background-color:#fff;color:#1a1a1a}
@media all and (min-width:1000px){
.questions-nav ul li.open .a,.questions-nav ul li.open a{-webkit-box-shadow:inset 4px 0 #098bd1;box-shadow:inset 4px 0 #098bd1}
}
.questions-nav ul li .a,.questions-nav ul li a{text-align:center;font-size:1px;color:#acbac2;min-width:8px;font-weight:700;line-height:55px;display:block;border-right:2px solid #fff;border-left:2px solid #fff;overflow:hidden;background-color:#eaeff7;height:4px;position:relative}
@media all and (min-width:768px){
.questions-nav ul li .a,.questions-nav ul li a{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;line-height:45px;height:auto;border-left-width:0;border-right-width:0}
}
@media all and (min-width:768px) and (min-width:1000px){
.questions-nav ul li .a,.questions-nav ul li a{font-size:10px;line-height:18px}
}
@media (min-width:768px) and (min-width:1600px){
.questions-nav ul li .a,.questions-nav ul li a{font-size:12px;line-height:20px}
}
@media all and (min-width:1000px){
.questions-nav ul li .a,.questions-nav ul li a{line-height:45px}
}
@media all and (min-width:1600px){
.questions-nav ul li .a,.questions-nav ul li a{line-height:55px}
}
.questions-nav ul li .a .dot,.questions-nav ul li a .dot{display:inline-block;vertical-align:middle;position:absolute;left:0;top:0;height:4px;width:100%}
.questions-nav ul li .a .dot:after,.questions-nav ul li a .dot:after{display:none}
@media all and (min-width:1000px){
.questions-nav ul li .a .dot,.questions-nav ul li a .dot{position:static;margin-left:6px;width:6px;height:6px;border-radius:60px;background-color:#aab6c0}
}
@media all and (min-width:1600px){
.questions-nav ul li .a .dot,.questions-nav ul li a .dot{width:8px;height:8px}
}
@media all and (min-width:768px){
.questions-nav ul li .a .dark,.questions-nav ul li a .dark{background-color:#717980}
}
.questions-nav ul li .a .green,.questions-nav ul li a .green{background-color:#89cb0a}
.questions-nav ul li .a .red,.questions-nav ul li a .red{background-color:#b21616}
.questions-nav ul li .a .yellow,.questions-nav ul li a .yellow{background-color:#ffe786}
@media all and (min-width:1025px){
.questions-nav ul li a:hover{background-color:#fff;color:#1a1a1a}
}
.questions-nav .list{overflow:auto}
@media all and (min-width:1000px){
.questions-nav .list{position:absolute;left:0;width:100%;top:0;bottom:0;overflow:hidden}
}
.questions-nav .prev-next{display:none}
@media all and (min-width:768px){
.questions-nav .prev-next{display:block;z-index:3}
}
.questions-nav .prev-next .prev{position:absolute;left:0;top:80px;width:8.33%;visibility:hidden;opacity:0;-webkit-transition:.3s;transition:.3s;background-color:#eaeff7}
.questions-nav .prev-next .prev.show{visibility:visible;opacity:1}
@media all and (min-width:1000px){
.questions-nav .prev-next .prev{top:0;width:100%}
}
.questions-nav .prev-next .prev a{padding-top:22px;height:55px}
@media all and (min-width:1000px){
.questions-nav .prev-next .prev a{padding-top:24px}
}
.questions-nav .prev-next .prev a:before{content:" ";display:block;border-right:5px solid #3268b0;border-top:5px solid transparent;border-bottom:5px solid transparent;width:5px;margin:0 auto}
@media all and (min-width:1000px){
.questions-nav .prev-next .prev a:before{border-bottom:5px solid #3268b0;border-left:5px solid transparent;border-right:5px solid transparent;border-top-width:0;width:10px}
}
.questions-nav .prev-next .next{position:absolute;right:0;top:80px;width:8.33%;border-left:1px solid #fff;border-right-width:0;border-bottom-width:0;visibility:hidden;opacity:0;-webkit-transition:.3s;transition:.3s;background-color:#eaeff7}
@media all and (min-width:1000px){
.questions-nav .prev-next .next{border-top:1px solid #fff;border-left-width:0;width:100%;left:0;right:auto;bottom:0;top:auto}
}
.questions-nav .prev-next .next.show{visibility:visible;opacity:1}
.questions-nav .prev-next .next a{padding-top:22px;height:55px}
@media all and (min-width:1000px){
.questions-nav .prev-next .next a{padding-top:24px}
}
.questions-nav .prev-next .next a:before{content:" ";display:block;border-left:5px solid #3268b0;border-top:5px solid transparent;border-bottom:5px solid transparent;width:5px;margin:0 auto}
@media all and (min-width:1000px){
.questions-nav .prev-next .next a:before{border-top:5px solid #3268b0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom-width:0;width:10px}
}
.questions-nav .prev-next span{display:none}
@media all and (max-width:999px){
#all.dark .quizrun-next-question,#all.dark .quizrun-prev-question{border:8px solid #2c2f31}
}
@media all and (max-width:999px){
#all .buttons-review .quizrun-next-question,#all .buttons-review .quizrun-prev-question{display:none}
}
@media all and (max-width:999px){
#all .quizrun-prev-question{min-width:44px;width:44px;height:44px;padding:9px 11px!important;background-color:#3268b0;border-radius:50%;border:8px solid #fff;margin-left:0}
#all .quizrun-prev-question:focus{-webkit-animation:none;animation:none}
#all .quizrun-prev-question span{display:none}
}
@media all and (max-width:999px) and (min-width:1000px){
#all .quizrun-prev-question span{display:inline}
}
@media all and (max-width:999px){
#all .quizrun-prev-question span:first-child{display:block;border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin:-2px 0 0;width:5px}
}
@media all and (max-width:999px) and (min-width:1000px){
#all .quizrun-prev-question span:first-child{display:none}
}
@media all and (max-width:999px){
#all .quizrun-next-question{min-width:44px;width:44px;height:44px;padding:9px 12px!important;background-color:#3268b0;border-radius:50%;border:8px solid #fff;margin-left:0}
#all .quizrun-next-question:focus{-webkit-animation:none;animation:none}
#all .quizrun-next-question span{display:none}
}
@media all and (max-width:999px) and (min-width:1000px){
#all .quizrun-next-question span{display:inline}
}
@media all and (max-width:999px){
#all .quizrun-next-question span:first-child{display:block;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin:-2px 0 0;width:5px}
}
@media all and (max-width:999px) and (min-width:1000px){
#all .quizrun-next-question span:first-child{display:none}
}
#all .quizrun-review-close{display:none}
@media all and (min-width:768px){
#all .quizrun-review-close{display:inline-block}
}
.profile-name-header,.profile-result-header{display:none;font-size:12px;color:#098bd1;font-weight:700;font-size:12px;text-transform:uppercase;margin-top:-2px}
@media all and (min-width:768px){
.profile-name-header,.profile-result-header{display:block}
}
@media all and (min-width:768px){
.subpage .header-quiz .profile-info-header:after{top:20px}
.subpage .header-quiz .profile-info-header h4{padding-top:10px;display:block}
}
.additional-info{font-size:12px;background-color:#fff;-webkit-box-shadow:0 1px 4px rgba(50,104,196,.2);box-shadow:0 1px 4px rgba(50,104,196,.2);margin-top:30px;padding:10px 25px 5px}
.code-obj .additional-info{-webkit-box-shadow:none;box-shadow:none;border:1px solid #eaeff7}
.additional-info h4{font-size:14px;margin:0 0 10px}
.additional-info h4:before{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:6px}
.dark .additional-info{background-color:#222}
.code-quality{font-size:12px;background-color:#fff;-webkit-box-shadow:0 1px 4px rgba(50,104,196,.2);box-shadow:0 1px 4px rgba(50,104,196,.2);margin-top:30px;padding:10px 15px 5px}
.code-obj .code-quality{-webkit-box-shadow:none;box-shadow:none;border:1px solid #eaeff7}
.code-quality h4{font-size:14px;margin:0 0 10px}
.code-quality h4:before{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:6px}
.code-quality .quality-code-metrics{width:100%}
.code-quality .quality-code-issues{margin-top:10px;width:100%}
.code-quality .quality-code-issues .quality-code-issues-message{font-weight:700}
.code-quality .quality-code-issues .quality-code-issues-message td{padding-top:10px}
.code-footer .timer,.header-quiz .timer{display:none;text-align:center;padding:18px 0 0;top:0;right:80px;float:left;background-color:#fff;width:170px}
@media all and (min-width:768px){
.code-footer .timer,.header-quiz .timer{display:block;float:left;position:static;width:204px;margin-left:-20px;margin-top:-24px}
}
.code-footer .timer p,.header-quiz .timer p{font-weight:700;font-size:12px;text-transform:uppercase;padding-bottom:5px}
@media all and (min-width:1220px){
.code-footer .timer p,.header-quiz .timer p{padding-bottom:0}
}
.code-footer .timer .timer-obj,.header-quiz .timer .timer-obj{display:inline-block;font-weight:700;font-size:10px;text-transform:uppercase;text-align:center;min-height:48px;margin-bottom:0;padding-top:6px}
.code-footer .timer .timer-obj>span,.header-quiz .timer .timer-obj>span{float:left;min-width:46px}
.code-footer .timer .timer-obj>span.dots,.header-quiz .timer .timer-obj>span.dots{width:12px;color:#acbac2;font-family:kelson_sans,sans-serif;font-size:24px;line-height:32px;min-width:0;padding-right:2px}
.code-footer .timer .timer-obj>span span,.header-quiz .timer .timer-obj>span span{display:inline-block;min-width:14px}
.code-footer .timer .timer-obj strong,.header-quiz .timer .timer-obj strong{font-size:24px;font-family:kelson_sans,sans-serif;display:block;font-weight:400;line-height:1}
.code-footer .timer .timer-obj em,.header-quiz .timer .timer-obj em{font-style:normal}
#quiz-container .options{display:none}
#quiz-container .options .rotated{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
#quiz-container .options .rotated:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@media all and (min-width:1000px){
#quiz-container .options{display:inline-block;vertical-align:middle;margin:0}
#quiz-container .options a{color:#acbac2;display:inline-block;font-size:14px}
#quiz-container .options a:hover{color:#379dd7}
#quiz-container .options a span{display:none}
}
#quiz-container .more-options{z-index:10;right:0;position:absolute;background:#fff;padding:10px 25px;-webkit-box-shadow:0 1px 8px rgba(0,84,186,.2);box-shadow:0 1px 8px rgba(0,84,186,.2);margin-bottom:0;min-width:200px}
#quiz-container .more-options li{list-style:none}
#quiz-container .more-options li:last-child a{border-bottom:none}
#quiz-container .more-options li a,#quiz-container .more-options li label{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;cursor:pointer;border-bottom:1px solid #eaeff7;color:#000;-webkit-transition:color .3s;transition:color .3s;font-size:14px}
#quiz-container .more-options li a:hover,#quiz-container .more-options li label:hover{color:#fcc133}
#quiz-container .more-options li a:before,#quiz-container .more-options li label:before{color:#acbac2;font-size:16px;margin-right:18px}
.editor-html .help,.editor-html-simple .help{z-index:5}
.register-popup .not-submitted-codes-added-info br{display:inline}
@media all and (max-width:767px){
.subpage .blue-background .header-quiz{display:none}
.subpage .blue-background .quiz-info-outer{top:0}
}
.keyboard-events{position:absolute;width:1px;height:1px;left:0;top:0;opacity:0}
.quiz-info-outer{position:fixed;left:0;bottom:0;width:100%;display:block;top:60px;padding:8px;overflow:auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
@media all and (min-width:768px){
.quiz-info-outer{padding:40px 30px;top:70px}
}
@media all and (min-width:1000px){
.quiz-info-outer{padding:40px 12%;display:-webkit-box;display:-ms-flexbox;display:flex}
}
@media all and (min-width:1000px) and (max-height:800px){
.quiz-info-outer{padding:20px 12%}
}
@media all and (min-width:1600px){
.quiz-info-outer{padding:55px 12%;top:80px}
}
.quiz-info-inner{width:100%;display:table-cell;vertical-align:middle;padding-top:10px;padding-bottom:10px}
.quiz-info{background-color:#fff;width:100%;display:table;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.quiz-info .quiz-info-photo{text-align:center;line-height:88px}
.quiz-info .quiz-info-photo img{width:auto;max-height:88px;max-width:272px;vertical-align:middle}
.quiz-info .quiz-info-title{font-size:26px;line-height:34px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;text-align:center;padding:0 20px}
@media all and (min-width:1000px){
.quiz-info .quiz-info-title{font-size:32px;line-height:44px}
}
@media (min-width:1600px){
.quiz-info .quiz-info-title{font-size:36px;line-height:48px}
}
@media all and (min-width:768px){
.quiz-info .quiz-info-title{padding-left:12.5%;padding-right:12.5%;padding-top:10px}
}
.quiz-info .quiz-info-title:before{color:#3268b0;font-size:54px;padding-bottom:10px;display:block}
@media all and (min-width:768px){
.quiz-info .quiz-info-title:before{font-size:57px}
}
.quiz-info .quiz-info-details{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;padding-top:18px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center}
@media all and (min-width:768px){
.quiz-info .quiz-info-details{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;padding:0 5.33%}
}
@media all and (min-width:1000px){
.quiz-info .quiz-info-details{padding:0 20%}
}
@media all and (min-width:1400px){
.quiz-info .quiz-info-details{padding:0 28.57%}
}
.quiz-info .quiz-info-details .detail{font-size:14px;line-height:22px;text-transform:uppercase;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;min-width:0;padding:1px 0 17px}
@media all and (min-width:1000px){
.quiz-info .quiz-info-details .detail{font-size:12px;line-height:20px}
}
@media (min-width:1600px){
.quiz-info .quiz-info-details .detail{font-size:14px;line-height:22px}
}
@media all and (min-width:768px){
.quiz-info .quiz-info-details .detail{width:33%;padding:0 10px 5px}
}
.quiz-info .quiz-info-details .detail:before{color:#adbac2;padding-right:10px;font-size:15px}
.quiz-info .quiz-info-details .detail span{font-weight:400;width:100%;font-size:25px;font-family:kelson_sans,sans-serif;text-transform:none;text-align:center;padding-top:10px}
.quiz-info .quiz-info-subtitle{font-style:Roboto;padding-top:20px;font-size:12px;margin:0 10px 20px;text-align:center}
@media all and (min-width:768px){
.quiz-info .quiz-info-subtitle{font-size:14px;margin:0 21.42% 20px}
}
.quiz-info .quiz-info-subtitle ol,.quiz-info .quiz-info-subtitle p,.quiz-info .quiz-info-subtitle ul{margin-bottom:0}
.quiz-info .form fieldset{padding:0 20px}
.quiz-info .quiz-info-time{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center}
.quiz-info .quiz-info-time h4{text-align:center;padding-top:17px;width:100%}
.quiz-info .quiz-info-time .quiz-info-timer{text-align:center;padding:14px 17px 0;background-color:#fff}
@media all and (min-width:768px){
.quiz-info .quiz-info-time .quiz-info-timer{float:left;text-align:left;padding:14px 17px 24px}
}
@media all and (min-width:1000px){
.quiz-info .quiz-info-time .quiz-info-timer{padding:14px 17px 0}
}
.quiz-info .quiz-info-time .quiz-info-timer p{font-weight:700;font-size:12px;text-transform:uppercase;padding-bottom:5px}
@media all and (min-width:1220px){
.quiz-info .quiz-info-time .quiz-info-timer p{padding-bottom:0}
}
.quiz-info .quiz-info-time .quiz-info-timer .timer-obj{display:inline-block;font-weight:700;font-size:10px;text-transform:uppercase;text-align:center;min-height:48px;margin-bottom:0}
.quiz-info .quiz-info-time .quiz-info-timer .timer-obj>span{float:left;min-width:46px}
.quiz-info .quiz-info-time .quiz-info-timer .timer-obj>span.dots{width:12px;color:#acbac2;font-family:kelson_sans,sans-serif;font-size:24px;line-height:32px;min-width:0}
.quiz-info .quiz-info-time .quiz-info-timer .timer-obj>span span{display:inline-block;min-width:14px}
.quiz-info .quiz-info-time .quiz-info-timer .timer-obj strong{font-size:24px;font-family:kelson_sans,sans-serif;display:block;font-weight:400;line-height:1}
.quiz-loader{display:block;position:relative;margin:30px auto;width:16px;height:16px}
@media all and (min-width:768px){
.quiz-loader{width:56px;height:56px}
}
.quiz-loader .time{font-size:15px;background-color:#fff;border-radius:50px;display:block;border:4px solid #eaeff7;text-align:center;line-height:16px;margin:0;font-family:kelson_sans,sans-serif;font-weight:700;width:16px;height:16px}
@media all and (min-width:768px){
.quiz-loader .time{width:56px;line-height:48px;font-size:16px;height:56px}
}
.quiz-loader .time span{width:30px;display:block;position:relative;left:15px;top:-3px;text-align:right}
@media all and (min-width:768px){
.quiz-loader .time span{left:0;text-align:center;width:auto;display:inline;position:static}
}
.quiz-loader .side-left{position:absolute;left:0;top:0;width:8px;height:16px;overflow:hidden}
@media all and (min-width:768px){
.quiz-loader .side-left{width:28px;height:56px}
}
.quiz-loader .side-right{position:absolute;right:0;top:0;width:8px;height:16px;overflow:hidden}
@media all and (min-width:768px){
.quiz-loader .side-right{width:28px;height:56px}
}
.quiz-loader .side-right .side{transform-origin:0 50%;-webkit-transform-origin:0 50%}
.quiz-loader .side-right .side span{margin-left:-8px}
@media all and (min-width:768px){
.quiz-loader .side-right .side span{margin-left:-28px}
}
.quiz-loader .side{display:block;width:8px;height:16px;overflow:hidden;transform:rotate(0);transform-origin:100% 50%;-webkit-transform:rotate(0);-webkit-transform-origin:100% 50%;position:relative;left:0}
@media all and (min-width:768px){
.quiz-loader .side{width:28px;height:56px}
}
.quiz-loader .side span{border:4px solid #098bd1;width:16px;height:16px;display:block;border-radius:56px}
@media all and (min-width:768px){
.quiz-loader .side span{width:56px;height:56px}
}
#start-button .form{padding:15px 0}
#start-button .form fieldset{max-width:320px;margin:0 auto}
#start-button .form .form-group{margin-bottom:10px;display:inline-block;width:100%;vertical-align:middle}
#start-button .form label{font-weight:400}
@media all and (min-width:1000px){
#start-button .form label{float:left;width:400px;padding-top:5px}
}
@media all and (min-width:1000px){
#start-button .form label.label-center{padding-top:15px}
}
#start-button .form .select{border:1px solid #deebf7}
@media all and (min-width:1000px){
#start-button .form .select{float:right;width:180px}
}
#start-button .form input.form-control{border:1px solid #deebf7}
@media all and (min-width:1000px){
#start-button .form input.form-control{float:right;width:180px}
}
#start-button .form .text-center .form-control{float:none;display:inline-block;width:100%}
.quiz-info .quiz-info-subtitle{margin-left:10%;margin-right:10%}
.quiz-info .quiz-info-subtitle .instruction-block{border-top:1px solid #ddd;padding-top:20px}
#all .quiz-info .quiz-info-subtitle .instruction-block li{padding-top:0;padding-bottom:0}
.quiz-info .quiz-info-subtitle h4+p{text-align:left}
.quiz-info .quiz-info-subtitle .richarea:empty+.instruction-block{margin-top:-10px}
.quiz-info .quiz-info-subtitle p{margin:0 auto;max-width:600px}
.quiz-info .quiz-info-subtitle ol,.quiz-info .quiz-info-subtitle ul{margin:0 auto;max-width:600px}
.quiz-info .quiz-info-subtitle li{text-align:left}
.instruction-block{display:inline-block;margin-bottom:15px;word-wrap:break-word;overflow-wrap:break-word}
.quiz-info-subtitle .richarea+.instruction-block{margin-top:10px;padding-top:10px}
.version-popup{padding-bottom:50px}
@media all and (min-width:768px){
.version-popup .popup-inner{min-width:87.5%!important}
}
@media all and (min-width:1000px){
.version-popup .popup-inner{min-width:1000px!important}
}
.version-popup .popup-bg{padding-bottom:20px}
.version-popup h4{cursor:pointer;border-top:1px solid #eaeff7;padding-top:10px;margin-bottom:5px;margin-top:0}
.version-popup h4:first-child{border-top:none}
.version-popup h5{cursor:pointer}
@media all and (min-width:768px){
.version-popup h5{text-align:right;position:relative;margin-top:-35px;font-weight:400;padding-top:10px;padding-bottom:10px;margin-bottom:0}
}
@media all and (min-width:1000px){
.version-popup .popup-inner{min-width:1000px}
}
.version-popup .info{height:100px;overflow-y:auto}
@media all and (min-height:200px){
.version-popup .info{height:150px}
}
@media all and (min-height:300px){
.version-popup .info{height:250px}
}
@media all and (min-height:400px){
.version-popup .info{height:350px}
}
@media all and (min-height:600px){
.version-popup .info{height:500px}
}
.version-popup .info>ul{padding-left:0}
.version-popup .info>ul>li{list-style:none;overflow:hidden;border-bottom:1px solid #eaeff7;margin-right:20px}
.version-popup .info>ul>li h4:before{content:"";cursor:pointer;border:6px solid transparent;border-top:6px solid #3268b0;-webkit-transition:.3s;transition:.3s;position:relative;top:13px;margin-right:10px}
.version-popup .info>ul>li .block{display:none}
.version-popup .info>ul>li h6+ul{padding-top:0}
.version-popup .info>ul>li ul{padding-left:0;list-style-position:inside;-moz-column-count:2;-webkit-column-count:2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;list-style:none;padding-bottom:10px;padding-top:10px}
@media all and (min-width:768px){
.version-popup .info>ul>li ul{-moz-column-count:4;-webkit-column-count:4;column-count:4}
}
@media all and (min-width:1000px){
.version-popup .info>ul>li ul{-moz-column-count:8;-webkit-column-count:8;column-count:8}
}
.version-popup .info>ul>li ul.columns-4{-moz-column-count:4;-webkit-column-count:4;column-count:4}
.version-popup .info>ul>li ul.columns-4 li{width:auto}
.version-popup .info>ul>li ul.columns-7{-moz-column-count:7;-webkit-column-count:7;column-count:7}
.version-popup .info>ul>li ul li{font-size:10px;width:100px}
.version-popup .info>ul .open h5{margin-bottom:0}
.version-popup .info>ul .open .block{display:block}
.version-popup pre{background:#fafafa;padding:15px;margin-right:20px;margin-top:5px}
.version-popup dl dd,.version-popup dl dt{display:inline-block;width:200px;width:49.7%;border-bottom:1px solid #eaeff7}
body.waiting *{cursor:progress!important}
.questions-nav+#code-outer{padding-top:18px}
@media all and (min-width:1000px){
.questions-nav+#code-outer{padding-top:0}
}
#code-outer{position:relative}
@media all and (min-width:1000px){
#code-outer{padding-top:0;position:fixed;left:5.56%;top:70px;bottom:0;overflow:hidden;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
}
@media all and (min-width:1600px){
#code-outer{top:80px}
}
#code-outer.one-question{left:0}
#code-outer.one-question .code-obj .code-obj-left{width:100%!important}
#quiz_run .code-description-header-mobile{padding:0 12px}
@media all and (min-width:1000px){
#quiz_run .code-description-header-mobile{display:none}
}
@media all and (min-width:1000px){
#quiz_run .code-description-header-mobile #tests-tab{display:none!important}
}
#quiz_run .code-description-header-mobile .additional-icons{position:absolute;right:12px;top:14px;z-index:12}
#quiz_run .code-description-header-mobile .additional-icons .more-options{min-width:230px;padding:0}
.dark #quiz_run .code-description-header-mobile .additional-icons .more-options{background:#2c2f31;-webkit-box-shadow:none;box-shadow:none;border-bottom:#2c2f31;border-left:#acbac2;border-right:#acbac2}
.dark #quiz_run .code-description-header-mobile .additional-icons .more-options li a,.dark #quiz_run .code-description-header-mobile .additional-icons .more-options li label{color:#eaeff7;-webkit-transition:color .3s;transition:color .3s}
.dark #quiz_run .code-description-header-mobile .additional-icons .more-options li a:hover,.dark #quiz_run .code-description-header-mobile .additional-icons .more-options li label:hover{color:#fff}
.dark #quiz_run .code-description-header-mobile .additional-icons .more-options select{background-color:#2c2f31}
#quiz_run .code-description-header-mobile .additional-icons .options>a>span{display:none}
#question-timer-outer{position:sticky;top:70px;z-index:2}
#question-timer-outer #question-timer{top:0}
#code-description{position:relative;overflow:auto;display:none}
@media all and (min-width:1000px){
#code-description{display:block;padding:0 23px}
}
#code-description.open{display:block}
#code-description .code-description-header{display:none}
@media all and (min-width:1000px){
#code-description .code-description-header{display:block;position:sticky;position:-webkit-sticky;top:0;background-color:#fff;z-index:2}
}
@media all and (max-width:999px){
#code-description{width:100%!important}
}
@media all and (min-width:1000px){
#code-description{float:left;width:29.41%}
.first-state #code-description{width:45%}
}
#code-description .code-panel{overflow:auto;height:calc(100vh - 183px);height:calc(100vh - 177px);padding:0 12px}
@media all and (min-width:768px){
#code-description .code-panel{height:calc(100vh - 200px)}
}
@media all and (min-width:1000px){
#code-description .code-panel{height:auto;padding:0}
}
#code-description .panel{display:none;padding-top:10px;position:relative}
#code-description .panel .description .hint-info{text-transform:uppercase;font-size:11px;border-bottom:4px solid #fcc133;width:auto;padding-bottom:2px;font-weight:700}
#code-description .panel .description .hint-content{padding:15px;display:block;border:1px solid #eaeff7;border-radius:5px;margin-top:25px}
#code-description .panel.open{display:block}
#code-description .question-timer{top:30px;right:0}
#code-description h2{padding-right:80px;padding-top:12px;margin-top:0}
#code-description .subtitle{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;text-transform:uppercase;padding-bottom:9px}
@media all and (min-width:1000px){
#code-description .subtitle{font-size:10px;line-height:18px}
}
@media (min-width:1600px){
#code-description .subtitle{font-size:12px;line-height:20px}
}
#code-description .subtitle>span{font-weight:700;padding-bottom:1px;border-bottom:3px solid #ffb718}
#code-description .sigma{display:inline-block;height:34px;width:175px;background:url(/content/sum.png) no-repeat}
#code-description .description{font-size:14px;line-height:24px;user-select:none}
#code-description .description li{list-style-type:none;margin:0;position:relative}
#code-description .description blockquote{border-width:0;padding:5px 0 5px 20px;border-left:5px solid #c2e1f3;font-weight:400;font-family:Roboto,sans-serif;line-height:1.429;text-align:left}
#code-description .description blockquote:before{display:none}
#code-description .description-after{margin-top:34px;padding-bottom:16px}
#code-description .description-footer{display:none}
@media all and (min-width:1000px){
#code-description .description-footer{display:block;border-top:1px solid #eaeff7;padding-top:16px;margin-top:14px;text-align:center}
}
.dark #code-description .description-footer{border-top-color:#2c2f31}
#code-description .description-footer .invite-challenge{padding-bottom:16px}
#code-description .description-footer .invite-challenge a{display:inline-block;vertical-align:middle}
.dark #code-description .description-footer .invite-challenge a{color:#fff}
#all #code-description .description-footer .invite-challenge .btn{border-radius:50px;padding:5px 11px;margin-left:10px;min-width:0}
#code-description .suggest{text-align:center;color:#acbac2;font-size:12px;text-transform:uppercase;font-weight:700;margin-bottom:0;padding-bottom:12px;position:sticky;width:100%;bottom:0;border-top:1px solid #eaeff7;background-color:#fff;padding-top:12px;z-index:1;display:none}
.dark #code-description .suggest{border-top-color:#2c2f31;background-color:#222}
@media all and (min-width:1000px){
#code-description .suggest{display:block}
}
#code-description .suggest a{color:#1a1a1a;margin:0 10px}
#code-description .suggest a:before{display:inline-block;margin-right:5px;vertical-align:-1px}
#code-description .suggest a:hover{color:#379dd7}
#code-description h4{display:inline-block;margin-top:14px;margin-bottom:16px}
#code-description .tools{float:right;color:#acbac2}
#code-description .input-output{border:1px solid #eaeff7;border-radius:5px;padding:14px 16px 24px 22px;margin:34px 0 15px}
#code-description .input-output h4{margin:0;padding-bottom:10px}
#code-description .input-output pre{font-size:12px;font-family:roboto,sans-serif;line-height:16px;overflow:auto;padding:1px 0!important}
#code-description .input-output pre table tr:first-child th{border-bottom:3px solid #098bd1;text-align:center;font-size:10px;text-transform:uppercase}
#code-description .input-output pre table th{font-size:12px;text-transform:none;border:1px solid #eaeff7;text-align:left;padding:4px}
#code-description .input-output pre table td{padding:2px 4px;border:1px solid #eaeff7;font-size:12px;font-family:roboto,sans-serif;line-height:16px}
#code-description .input-output .tools{display:none;float:right}
@media all and (min-width:1000px){
#code-description .input-output .tools{display:block}
}
#code-description .input-output .tools a{color:#acbac2;font-size:17px;display:inline-block;margin-left:4px}
#code-description .input-output .tools a:hover{color:#379dd7}
#code-description .input-output .tools span{display:none}
#panel2 .description-text{padding-bottom:30px}
.task-hint{margin-bottom:40px}
#all.dark .panel .description .hint-content{border-color:#56595a}
#all.dark .next-hint .block-info-tip{border-color:#56595a}
#all .next-hint{margin-top:20px;margin-bottom:10px}
#all .next-hint .block-info-tip{border-radius:5px;border:1px solid #eaeff7}
.code-review-nav,.description-nav{list-style-type:none;margin:0;padding:0;border-bottom:1px solid #eaeff7;overflow:hidden;position:relative}
@media all and (min-width:1000px){
.code-review-nav,.description-nav{position:sticky;position:-webkit-sticky;top:0;background-color:#fff;z-index:2}
}
.code-review-nav li,.description-nav li{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;float:left;color:#3268b0;margin-right:18px}
@media all and (min-width:1000px){
.code-review-nav li,.description-nav li{font-size:10px;line-height:18px}
}
@media (min-width:1600px){
.code-review-nav li,.description-nav li{font-size:12px;line-height:20px}
}
.code-review-nav li:last-child,.description-nav li:last-child{margin-right:0}
.code-review-nav li.has-number,.description-nav li.has-number{padding-right:30px;position:relative}
.code-review-nav li.has-number a span,.description-nav li.has-number a span{position:absolute;background-color:#ffb718;font-size:11px;font-weight:700;width:24px;height:24px;border-radius:40px;color:#fff;line-height:23px;top:17px;left:50%;margin-left:4px;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(0);transform:scale(0);opacity:0}
.code-review-nav li.has-number.open-number a span,.description-nav li.has-number.open-number a span{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.code-review-nav li.active a,.description-nav li.active a{color:#098bd1;-webkit-box-shadow:inset 0 -5px 0 -1px #098bd1;box-shadow:inset 0 -5px 0 -1px #098bd1}
.code-review-nav li a,.description-nav li a{display:block;line-height:45px}
@media all and (min-width:1600px){
.code-review-nav li a,.description-nav li a{line-height:55px}
}
.code-review-nav{padding-left:23px;border-bottom-width:0}
.code-review-nav li:last-child{margin-right:30px}
.code-review-nav li a{position:relative}
.code-review-nav .dot{position:absolute;left:100%;top:50%;margin-top:-4px;margin-left:8px;width:8px;height:8px;border-radius:60px;background-color:#64bb00;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:shadowpulse;animation-name:shadowpulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;-webkit-transition:.3s;transition:.3s}
.code-review-nav .dot.open{opacity:1}
@media all and (min-width:1000px){
#bar{position:absolute;width:8px;background-color:#eaeff7;top:0;left:0;bottom:0;cursor:ew-resize}
}
@media all and (min-width:1000px){
#bar1{position:absolute;width:8px;background-color:#eaeff7;top:0;left:0;bottom:0;cursor:ew-resize}
}
.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#code-group{position:relative;height:0;overflow:hidden}
@media all and (max-width:999px){
#code-group{width:100%!important}
}
@media all and (min-width:1000px){
#code-group{height:auto;overflow:visible;padding-left:8px;float:left;width:70.59%}
.first-state #code-group{width:55%}
}
#code-group.open{height:auto;overflow:auto}
#code-group .blur-code{position:fixed;z-index:20000;right:12px;top:10px;background-color:#fff;display:none}
.active-code #code-group .blur-code{display:block}
@media all and (min-width:1000px){
.active-code #code-group .blur-code{display:none}
}
#code-group .blur-code span{display:none}
#code-group .lang-switcher{display:none}
#code-group .code-header{height:0;overflow:hidden}
@media all and (min-width:1000px){
#code-group .code-header{overflow:visible;height:46px;border-top:1px solid #eaeff7;border-bottom:1px solid #eaeff7;border-top-width:0;position:absolute;left:8px;top:0;right:0;z-index:7}
}
@media all and (min-width:1600px){
#code-group .code-header{height:56px}
}
#code-group .code-header .insert{font-size:14px;float:left;line-height:46px;margin:0;padding-left:25px;position:absolute}
@media all and (min-width:1600px){
#code-group .code-header .insert{line-height:56px}
}
#code-group .code-header .insert label{color:#3268b0;font-weight:700;cursor:pointer;display:inline}
#code-group .code-header .options-right{float:right;border-left:1px solid #eaeff7}
#code-group .code-header .options-right p{margin-bottom:0}
#code-group .code-header .options-right .form-group{margin:0}
#code-group .code-header .options-right .select-lang{width:164px;display:inline-block;vertical-align:middle}
#code-group .code-header .options-right .select-lang label{display:none}
#code-group .code-header .options-right .fork-code-wrapper{display:inline-block;vertical-align:middle;margin-left:11px}
#code-group .code-header .options-right .history-code{width:224px;display:inline-block;vertical-align:middle;border-right:1px solid #eaeff7;padding-top:2px;padding-bottom:2px}
#code-group .code-header .options-right .history-code label{display:none}
#code-group .code-header .options-right .select{width:100%}
#code-group .code-header .options-right .select:after{top:24px}
#code-group .code-header .options-right .select .select-value{padding-top:9px;padding-bottom:8px;height:42px}
@media all and (min-width:1600px){
#code-group .code-header .options-right .select .select-value{height:52px;padding-top:14px;padding-bottom:13px}
}
#code-group .code-header .options-right .select .select-value:after{top:10px}
@media all and (min-width:1600px){
#code-group .code-header .options-right .select .select-value:after{top:15px}
}
#code-group .code-header .options-right .select select{height:42px;padding-top:14px;padding-bottom:14px}
@media all and (min-width:1600px){
#code-group .code-header .options-right .select select{height:52px}
}
#code-group .code-header .options-right .selected-lang{display:inline-block;vertical-align:middle;width:164px;margin:0;padding-top:17px;padding-bottom:13px;padding-left:16px;height:46px;font-size:14px;color:#3268b0}
@media all and (min-width:1600px){
#code-group .code-header .options-right .selected-lang{height:56px}
}
#code-group .code-header .options-right .selected-lang em{font-size:10px;font-style:normal;color:#acbac2;text-transform:uppercase;margin-left:5px}
#code-group .code-obj{position:relative}
@media all and (min-width:1000px){
#code-group .code-obj{width:auto;position:absolute;left:8px;right:0;bottom:70px;top:75px;height:auto}
}
@media all and (min-width:1600px){
#code-group .code-obj{top:90px}
}
#code-group .code-obj.console-open .codemirror-code{bottom:150px}
@media all and (max-width:999px) and (min-height:500px){
#code-group .code-obj.console-open .codemirror-code{bottom:250px}
}
#code-group .code-obj.console-open .console{height:150px}
@media all and (max-width:999px) and (max-height:340px){
#code-group .code-obj.console-open .console{position:fixed;left:0;bottom:0;top:60px;width:100%;height:auto!important;z-index:100}
}
@media all and (max-width:999px) and (min-height:500px){
#code-group .code-obj.console-open .console{height:250px}
}
#code-group .code-obj.console-open .console .show-hide{right:40px}
#code-group .code-obj.console-open .console .show-hide .open-console{display:none}
#code-group .code-obj.console-open .console .show-hide .hide-console{display:inline}
#code-group .code-obj.console-open .console .show-hide:after{-webkit-transform:rotate(0);transform:rotate(0);top:20px}
#code-group .code-obj.console-full.console-open .codemirror-code{bottom:65%}
#code-group .code-obj.console-full.console-open .console{height:65%}
#code-group .code-obj.console-full.console-open .console .console-output p{overflow:auto;padding-bottom:0}
#code-group .code-obj.console-full.console-open .console .show-hide{right:45px}
#code-group .code-obj.console-full.console-open .console .show-hide .open-console{display:none}
#code-group .code-obj.console-full.console-open .console .show-hide .hide-console{display:inline}
#code-group .code-obj.console-full.console-open .console .show-hide:after{-webkit-transform:rotate(0);transform:rotate(0);top:20px}
#code-group .code-obj.code-success.console-open .codemirror-code{bottom:90px}
.active-code #code-group .code-obj.code-success.console-open .codemirror-code{bottom:0}
@media all and (min-width:768px){
.active-code #code-group .code-obj.code-success.console-open .codemirror-code{bottom:90px}
}
@media all and (min-height:400px){
.active-code #code-group .code-obj.code-success.console-open .codemirror-code{bottom:90px}
}
#code-group .code-obj.code-success.console-open .console{height:90px}
#code-group .code-obj.code-success.console-open .show-hide{right:10px}
#code-group .code-obj.code-success.console-open #console-full{display:none}
#code-group .code-obj.can-send-input.console-open .console .console-input,#code-group .code-obj.can-send-input.console-open .console .console-output{height:calc(100% - 76px)}
#code-group .code-obj .codemirror-code{position:absolute;left:0;top:0;width:100%;bottom:0;-webkit-transition:bottom .3s;transition:bottom .3s;font-size:12px}
@media all and (min-height:400px){
#code-group .code-obj .codemirror-code{bottom:41px}
}
@media all and (min-width:768px) and (min-height:500px){
#code-group .code-obj .codemirror-code{font-size:14px}
}
@media all and (min-width:1600px){
#code-group .code-obj .codemirror-code{bottom:46px}
}
#code-group .code-obj .CodeMirror.CodeMirror-fullscreen{top:70px;bottom:41px;-webkit-transition:bottom .3s;transition:bottom .3s}
@media all and (min-width:1600px){
#code-group .code-obj .CodeMirror.CodeMirror-fullscreen{bottom:46px;top:80px}
}
#code-group .code-obj.console-open .CodeMirror.CodeMirror-fullscreen{bottom:150px}
@media all and (max-width:999px) and (min-height:500px){
#code-group .code-obj.console-open .CodeMirror.CodeMirror-fullscreen{bottom:250px}
}
#code-group .code-obj.console-open.console-full .CodeMirror.CodeMirror-fullscreen{bottom:64%;margin-bottom:-53px}
.review #code-group .code-obj.console-open.console-full .CodeMirror.CodeMirror-fullscreen{margin-bottom:0;bottom:90px}
#code-group .code-obj.console-open.code-success .CodeMirror.CodeMirror-fullscreen{margin-bottom:0;bottom:90px}
.review #code-group .code-obj{bottom:0}
@media all and (max-width:999px){
#code-group .code-obj .code-obj-left{width:66.66%!important}
}
@media all and (max-width:767px){
#code-group .code-obj .code-obj-left{width:100%!important}
}
@media all and (min-width:1000px){
#code-group .code-obj .code-obj-left{float:left;position:absolute;left:0;top:0;bottom:0;width:100%}
}
#code-group .code-obj .codemirror{height:calc(100vh - 177px);display:none}
@media all and (min-width:768px){
#code-group .code-obj .codemirror{height:calc(100vh - 200px)}
}
@media all and (min-width:1000px){
#code-group .code-obj .codemirror{display:block;height:auto!important;position:absolute;left:0;top:0;width:66.66%;bottom:0}
}
#code-group .code-obj .codemirror.open{display:block}
#code-group .code-obj .CodeMirror-vscrollbar{display:block!important;height:100%!important}
@media all and (min-width:1000px){
#code-group .code-obj .CodeMirror-vscrollbar{width:20px}
}
#code-group .code-obj .full-screen{display:none}
@media all and (min-width:1000px){
#code-group .code-obj .full-screen{position:absolute;right:30px;top:10px;z-index:2;display:block}
.is-fullscreen #code-group .code-obj .full-screen{display:none}
.dark #code-group .code-obj .full-screen .subicon-fullscreen{background:#222!important;-webkit-box-shadow:none;box-shadow:none;border:1px solid #2c2f31}
#code-group .code-obj .full-screen .subicon-fullscreen{display:block;position:static;background-color:#fff;border-width:0;width:40px;height:40px;line-height:36px;padding-top:4px;-webkit-box-shadow:0 1px 8px rgba(0,84,186,.2);box-shadow:0 1px 8px rgba(0,84,186,.2)}
#code-group .code-obj .full-screen span{display:none}
}
#code-group .code-obj .max-weight{position:absolute;right:30px;bottom:30px;z-index:2;font-size:12px;-webkit-box-shadow:0 1px 8px rgba(0,84,186,.2);box-shadow:0 1px 8px rgba(0,84,186,.2);background-color:#fff;padding:5px 10px;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}
.dark #code-group .code-obj .max-weight{background:#2c2f31}
#code-group .code-obj .max-weight.open{opacity:1;visibility:visible}
#code-group .code-obj .max-weight.over{color:#da0b0b}
#code-group .code-obj .console{background:#fff;-webkit-transition:height .3s;transition:height .3s;z-index:11;left:0;width:100%;position:absolute;bottom:0;height:0;overflow:hidden;border-top:1px solid #e0ebef}
@media all and (min-height:400px){
#code-group .code-obj .console{height:41px}
}
@media all and (min-width:768px){
#code-group .code-obj .console{position:absolute}
}
@media all and (min-width:1600px){
#code-group .code-obj .console{height:46px}
}
#code-group .code-obj .console .console-menu{position:relative;margin-bottom:0;cursor:pointer;padding-left:12px;height:40px;border-top:1px solid #e0ebef;font-weight:700;font-size:12px;color:#3268b0}
@media all and (min-width:1000px){
#code-group .code-obj .console .console-menu{padding-left:30px}
}
@media all and (min-width:1600px){
#code-group .code-obj .console .console-menu{height:45px}
}
#code-group .code-obj .console .console-menu .input-btn{display:none}
#code-group .code-obj .console .console-menu li{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;list-style:none;display:inline-block;line-height:39px;color:#114e9e;margin-right:24px;margin-left:0;position:relative}
@media all and (min-width:1000px){
#code-group .code-obj .console .console-menu li{font-size:10px;line-height:18px}
}
@media (min-width:1600px){
#code-group .code-obj .console .console-menu li{font-size:12px;line-height:20px}
}
@media all and (min-width:1000px){
#code-group .code-obj .console .console-menu li{line-height:39px}
}
@media all and (min-width:1600px){
#code-group .code-obj .console .console-menu li{line-height:44px}
}
#code-group .code-obj .console .console-menu li:first-child{margin-left:0}
#code-group .code-obj .console .console-menu .active{color:#098bd1;-webkit-box-shadow:inset 0 -5px 0 -1px #098bd1;box-shadow:inset 0 -5px 0 -1px #098bd1}
#code-group .code-obj .console .show-hide{position:absolute;top:12px;right:14px;font-size:12px;cursor:pointer;margin:0}
@media all and (min-width:1600px){
#code-group .code-obj .console .show-hide{top:15px}
}
#code-group .code-obj .console .show-hide:after{-webkit-transition:.3s;transition:.3s;content:"";-webkit-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;border:5px solid transparent;border-bottom-width:0;border-top:5px solid #3268b0;vertical-align:middle;margin-bottom:2px;margin-left:5px}
#code-group .code-obj .console .show-hide .hide-console{display:none}
#code-group .code-obj .console .console-input,#code-group .code-obj .console .console-output{height:calc(100% - 41px)}
@media all and (min-width:1600px){
#code-group .code-obj .console .console-input,#code-group .code-obj .console .console-output{height:calc(100% - 46px)}
}
#code-group .code-obj .console .console-input{border-top:1px solid #e0ebef}
#code-group .code-obj .console .console-input textarea{padding-left:30px;padding-top:10px;border:none;width:100%;height:100%;font-size:12px;padding-bottom:10px;font-family:courier}
#code-group .code-obj .console .console-output{border-top:1px solid #e0ebef;overflow:auto}
#code-group .code-obj .console .console-output.show-iframe .console-output-text{display:none}
#code-group .code-obj .console .console-output.show-iframe .console-output-iframe{display:block}
#code-group .code-obj .console .console-output .console-output-text{display:block;height:100%}
#code-group .code-obj .console .console-output .console-output-text p{padding-top:10px;margin-bottom:0;height:100%;width:100%;padding-left:12px;font-size:12px;padding-right:12px}
@media all and (min-width:1000px){
#code-group .code-obj .console .console-output .console-output-text p{padding-left:30px;padding-right:16px}
}
#code-group .code-obj .console .console-output .console-output-text p li{list-style:none}
#code-group .code-obj .console .console-output .console-output-text p em{font-style:normal}
#code-group .code-obj .console .console-output .console-output-text p .error{display:block;color:#b21616;white-space:pre;font-size:12px;font-family:courier;margin-top:5px}
#code-group .code-obj .console .console-output .console-output-text p .console-result{padding-bottom:5px;display:block;margin-top:5px;white-space:pre;font-size:12px;font-family:courier}
#code-group .code-obj .console .console-output .console-output-text p .console-result table{width:100%;border:1px solid #eaeff7;margin:10px 0;font-family:Roboto,sans-serif}
#code-group .code-obj .console .console-output .console-output-text p .console-result table tr:first-child th{border-bottom:3px solid #098bd1;text-align:center;font-size:10px;text-transform:uppercase}
#code-group .code-obj .console .console-output .console-output-text p .console-result table th{font-size:12px;text-transform:none;border:1px solid #eaeff7;text-align:left;padding:4px}
#code-group .code-obj .console .console-output .console-output-text p .console-result table td{padding:2px 4px;border:1px solid #eaeff7}
#code-group .code-obj .console .console-output .console-output-text p .console-result table td:first-child{width:10%}
#code-group .code-obj .console .console-output .console-output-text dl{margin-bottom:0}
#code-group .code-obj .console .console-output .console-output-iframe{display:none;height:100%}
#code-group .code-obj .console .console-output .console-output-iframe iframe{border-width:0;width:100%;height:100%;overflow:auto;display:block;background-color:#fff}
#code-group .code-obj .console_review{display:none}
#code-group .code-obj .code_review{height:100%}
#code-group .code-obj .code_review .codemirror-code{bottom:0}
#code-group .code-obj .CodeMirror{height:100%}
#code-group .code-obj .CodeMirror-scroll{min-height:100px}
#code-group .code-obj .CodeMirror-sizer{min-height:100px}
#code-group .code-obj .subicon-fullscreen{position:fixed;left:10px;bottom:5px;color:#acbac2;display:inline-block;font-size:17px;padding:0 8px;line-height:53px;z-index:10;display:none}
#code-group .code-obj .subicon-fullscreen:hover{color:#379dd7}
#code-group .code-obj .subicon-fullscreen span{display:none}
#code-group .code-obj .code-results{position:relative;right:0;top:0;bottom:0;z-index:4;display:none}
@media all and (max-width:999px){
#code-group .code-obj .code-results{width:100%!important}
}
@media all and (min-width:1000px){
#code-group .code-obj .code-results{float:left;position:absolute;width:33.33%}
}
#code-group .code-obj .code-results .hide-results{position:absolute;right:13px;top:15px;color:#acbac2;text-align:center;width:30px;line-height:30px;display:none}
@media all and (min-width:1000px){
#code-group .code-obj .code-results .hide-results{display:block}
}
#code-group .code-obj .code-results .hide-results:hover{color:#379dd7}
#code-group .code-obj .code-results .hide-results span{display:none}
#code-group .code-obj .code-results .hide-results-review{display:none}
#code-group .code-obj .code-results-inner{background:#fff;overflow:auto;height:calc(100vh - 177px);padding-left:12px;padding-right:12px;padding-bottom:46px;padding-top:20px}
@media all and (min-width:1000px){
#code-group .code-obj .code-results-inner{height:100%!important;padding-left:30px;padding-right:22px}
}
#code-group .code-obj .code-results-inner h4{margin-top:0}
#code-group .code-obj .main-error pre{color:#b21616}
#code-group .code-obj .smart_tip table{width:100%;border:1px solid #eaeff7;margin:10px 0}
#code-group .code-obj .smart_tip table th{font-size:10px;text-transform:uppercase;border:1px solid #eaeff7;text-align:center;padding:4px}
#code-group .code-obj .smart_tip table td{padding:2px 4px;border:1px solid #eaeff7}
#code-group .code-obj .test-label{font-size:11px;text-transform:uppercase;font-weight:700;font-family:Roboto,sans-serif;margin-bottom:5px;padding-top:10px}
#code-group .code-obj .plagiarism{margin-bottom:20px;border:1px solid #f00404;background:#fff9f9;padding:20px}
#code-group .code-obj .plagiarism:empty{display:none}
#code-group .code-obj .plagiarism h4 span{color:#f00404;margin-right:10px;vertical-align:middle}
#code-group .code-obj .test-results{list-style-type:none;margin:0 0 24px;padding:4px 0 0}
#code-group .code-obj .test-results .test-label{padding-top:20px;margin-bottom:15px}
#code-group .code-obj .test-results h5{font-size:14px;padding-right:22px;position:relative;margin-top:12px;cursor:pointer}
#code-group .code-obj .test-results h5:after{position:absolute;right:0;top:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #acbac2;content:" ";-webkit-transform:rotate(0);transform:rotate(0)}
#code-group .code-obj .test-results .notick{cursor:default}
#code-group .code-obj .test-results .notick:after{content:"";display:none}
#code-group .code-obj .test-results li{border-bottom:1px solid #eaeff7}
#code-group .code-obj .test-results li.hidden-test h5{cursor:default}
#code-group .code-obj .test-results li.hidden-test h5:after{display:none}
#code-group .code-obj .test-results li.open h5:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#code-group .code-obj .test-results li.open .details{display:block}
#code-group .code-obj .test-results .page-loader{margin-right:10px}
#code-group .code-obj .test-results .error{color:#b21616}
#code-group .code-obj .test-results .good{color:#85ca00;font-size:16px;display:inline-block;vertical-align:middle;margin-left:10px}
#code-group .code-obj .test-results .bad{color:#b21616;font-size:16px;display:inline-block;vertical-align:middle;margin-left:10px;margin-right:10px}
#code-group .code-obj .test-results .details{display:none}
#code-group .code-obj .test-results .details>pre{margin-bottom:16px}
#code-group .code-obj .test-results .details .compile_image{max-width:100%;max-height:200px}
#code-group .code-obj .test-results dl{margin:0}
#code-group .code-obj .test-results dl dt{font-size:12px}
#code-group .code-obj .test-results dl dd{padding:7px 0 8px}
#code-group .code-obj .test-results dl pre{font-family:roboto,sans-serif;line-height:16px;overflow:auto;padding-bottom:10px}
#code-group .code-obj .test-results dl table{width:100%;border:1px solid #eaeff7;margin:10px 0}
#code-group .code-obj .test-results dl table tr:first-child th{border-bottom:3px solid #098bd1;text-align:center;font-size:10px;text-transform:uppercase}
#code-group .code-obj .test-results dl table th{font-size:12px;text-transform:none;border:1px solid #eaeff7;text-align:left;padding:4px}
#code-group .code-obj .test-results dl table td{padding:2px 4px;border:1px solid #eaeff7}
#code-group .code-obj .test-results dl table td:first-child{width:10%}
#code-group .code-obj .result-info{font-size:14px;font-weight:700;font-family:kelson_sans,sans-serif}
#code-group .code-obj .result-info.result1{margin-top:26px;background:url(../../images/old/quiz/icon1.png) left top no-repeat;padding:3px 0 13px 45px}
#code-group .code-obj .result-info.result2{margin-top:26px;background:url(../../images/old/quiz/icon2.png) left top no-repeat;padding:3px 0 13px 45px}
#code-group .code-obj .result-info.result3{margin-top:26px;background:url(../../images/old/quiz/icon3.png) left top no-repeat;padding:3px 0 13px 45px}
#code-group .code-obj .result-info.result4{margin-top:26px;background:url(../../images/old/quiz/icon4.png) left top no-repeat;padding:3px 0 13px 45px}
#code-group .code-obj .result-info-tip .smart_tip{font-weight:700;position:relative;padding-top:3px;padding-left:30px}
#code-group .code-obj .result-info-tip .smart_tip:before{color:#fcc133;font-size:16px;position:absolute;left:0;top:0}
#code-group .code-obj .result-info-tip .smart_tip span{display:block;font-weight:400}
#code-group .code-obj .button .btn{width:100%}
#code-group .code-footer{border-top:1px solid #eaeff7;height:60px;background-color:#fff}
@media all and (min-width:768px) and (min-height:500px){
#code-group .code-footer{height:70px}
}
@media all and (min-width:1000px){
#code-group .code-footer{position:absolute;height:70px;left:8px;bottom:0;right:0;z-index:100}
}
#code-group .code-footer .btn{font-size:12px;padding:10px 12px}
@media all and (min-width:768px){
#code-group .code-footer .btn{font-size:14px;padding:14px 18px}
}
@media all and (min-width:1000px){
#code-group .code-footer .btn{font-size:12px}
}
@media all and (min-width:1600px){
#code-group .code-footer .btn{font-size:14px}
}
.review #code-group .code-footer{display:none}
.review #code-group .code-footer .btn-answer-preview{display:none}
.review #code-group .code-footer .buttons{display:none}
.is-fullscreen.review #code-group .code-footer{display:block}
#code-group .code-footer.code-tests-footer{margin-top:-59px;position:relative;white-space:nowrap;padding-right:12px;border-top-width:0}
@media all and (min-width:1000px){
#code-group .code-footer.code-tests-footer{display:none}
}
#code-group .code-footer.code-tests-footer .button{float:none;position:absolute;right:0;top:0}
#code-group .code-footer.code-tests-footer .submit-outer{max-width:none}
#code-group .code-footer .button,#code-group .code-footer .buttons{padding:8px 12px 3px 0;margin:0;text-align:right}
@media all and (min-width:768px) and (min-height:500px){
#code-group .code-footer .button,#code-group .code-footer .buttons{padding:12px 17px 12px 20px}
}
@media all and (min-width:1000px){
#code-group .code-footer .button,#code-group .code-footer .buttons{padding:12px 17px 12px 20px}
}
@media all and (min-width:768px){
#code-group .code-footer .button .btn,#code-group .code-footer .buttons .btn{margin-left:10px}
}
#code-group .code-footer .button button,#code-group .code-footer .buttons button{overflow:hidden;text-overflow:ellipsis}
#code-group .code-footer .button span button,#code-group .code-footer .buttons span button{max-width:100%}
#code-group .code-footer .button .console-buttons,#code-group .code-footer .buttons .console-buttons{display:inline-block}
@media all and (min-width:480px){
#code-group .code-footer .button>button,#code-group .code-footer .button>span,#code-group .code-footer .buttons>button,#code-group .code-footer .buttons>span{max-width:32%}
}
#code-group .code-footer .submit-outer{display:inline-block;vertical-align:middle}
@media all and (max-width:767px){
#code-group .code-footer .submit-outer .sql-entry{display:none}
#code-group .code-footer .submit-outer .sql-noentry{display:none}
}
@media all and (min-width:768px){
#code-group .code-footer .submit-outer{margin-left:10px}
}
#code-group .code-footer .submit-outer .no-mobile{display:none}
@media all and (min-width:768px){
#code-group .code-footer .submit-outer .no-mobile{display:inline}
}
#code-group .code-footer .submit-outer span{display:none}
#code-group .code-footer .submit-outer .btn{margin-left:0}
#code-group .code-footer .submit-outer .btn.with-input+span{display:block;bottom:44px}
#code-group .code-footer .tip{display:none}
@media all and (min-width:1000px){
#code-group .code-footer .tip{display:block;color:#1a1a1a;font-size:12px;padding:0 0 0 36px;line-height:62px;position:absolute;left:0;top:0}
#code-group .code-footer .tip span{display:inline-block;vertical-align:middle;padding-left:26px;line-height:16px;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer}
#code-group .code-footer .tip span:hover{text-decoration:underline}
#code-group .code-footer .tip span:before{position:absolute;left:0;top:0;color:#acbac2;font-size:16px}
}
#code-group .code-footer .tip label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
#code-group .code-footer .timer{display:none}
#code-group .code-footer .subicon-fullscreen{position:fixed;right:8px;top:11px;color:#acbac2;font-size:17px;padding:0 8px;line-height:53px;z-index:10;display:none}
#code-group .code-footer .subicon-fullscreen:hover{color:#379dd7}
#code-group .code-footer .subicon-fullscreen span{display:none}
#code-group.choose-lang .lang-switcher{display:block}
#code-group.choose-lang .code-group-inner{display:none}
#all .quizrun-coding.btn{font-size:12px}
#quiz-container .code-toolbar{display:none;padding-left:18px;padding-right:10px}
@media all and (min-width:1000px){
#quiz-container .code-toolbar{display:block;position:absolute;left:8px;right:0;height:28px;top:47px;border-bottom:1px solid #eaeff7}
}
@media all and (min-width:1600px){
#quiz-container .code-toolbar{height:33px;top:57px}
}
.is-fullscreen #quiz-container .code-toolbar{display:none}
#quiz-container .code-toolbar ul{list-style-type:none;margin:0;padding:0}
#quiz-container .code-toolbar ul span{position:absolute;font-size:12px!important;padding:10px 15px;-webkit-box-shadow:0 8px 20px rgbA(0,86,186,.2);box-shadow:0 8px 20px rgbA(0,86,186,.2);background-color:#fff;line-height:20px!important;top:38px;right:10px;font-weight:400;z-index:20;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:right top;transform-origin:right top;text-align:left;white-space:nowrap;color:#1a1a1a!important}
#quiz-container .code-toolbar ul span:before{content:" ";border-right:8px solid #fff;border-top:8px solid transparent;position:absolute;right:0;top:-8px}
#quiz-container .code-toolbar .main-icons{float:left}
#quiz-container .code-toolbar .main-icons>li{display:inline-block}
#quiz-container .code-toolbar .main-icons a{display:block;width:26px;height:27px;text-align:center;line-height:27px;position:relative}
@media all and (min-width:1600px){
#quiz-container .code-toolbar .main-icons a{line-height:32px;height:32px}
}
#quiz-container .code-toolbar .main-icons a:before{font-size:13px;color:#acbac2;-webkit-transition:.3s;transition:.3s;margin-top:-4px;vertical-align:middle}
@media all and (min-width:1600px){
#quiz-container .code-toolbar .main-icons a:before{font-size:16px}
}
#quiz-container .code-toolbar .main-icons a:hover span{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}
#quiz-container .code-toolbar .main-icons a:hover:before{color:#fcc133}
#quiz-container .additional-icons{list-style-type:none;margin:0;padding:0;float:right}
#quiz-container .additional-icons>li{display:inline-block}
#quiz-container .additional-icons>li.options>a{font-size:14px}
#quiz-container .additional-icons>li.options>a:before{margin-top:-7px}
#quiz-container .additional-icons>li>a{color:#acbac2;display:block;width:26px;height:32px;text-align:center;line-height:32px;position:relative}
@media all and (min-width:1600px){
#quiz-container .additional-icons>li>a{height:27px;line-height:27px}
}
#quiz-container .additional-icons>li>a:before{font-size:13px;color:#3268b0;-webkit-transition:.3s;transition:.3s;margin-top:-4px;vertical-align:middle}
@media all and (min-width:1000px){
#quiz-container .additional-icons>li>a:before{color:#acbac2}
}
@media all and (min-width:1600px){
#quiz-container .additional-icons>li>a:before{font-size:16px}
}
#quiz-container .additional-icons>li>a:hover span{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}
#quiz-container .additional-icons>li>a:hover:before{color:#fcc133}
.code-assignment-footer{border-top:1px solid #eaeff7;height:60px;background-color:#fff}
@media all and (min-width:768px) and (min-height:500px){
.code-assignment-footer{height:70px}
}
@media all and (min-width:1000px){
.code-assignment-footer{display:none}
}
.dark .code-assignment-footer{background-color:#2c2f31;border-top-color:#56595a}
.code-assignment-footer .button,.code-assignment-footer .buttons{float:right;padding:10px 12px 10px 0;margin:0}
@media all and (min-width:768px) and (min-height:500px){
.code-assignment-footer .button,.code-assignment-footer .buttons{padding:15px 17px 15px 0}
}
@media all and (min-width:768px) and (min-height:500px){
.code-assignment-footer .button .btn,.code-assignment-footer .buttons .btn{margin-left:14px}
}
.code-assignment-footer .code-next-question{padding:10px 10px 0 12px;display:block}
#all .code-assignment-footer .code-next-question .btn{font-size:12px}
#console-full{position:absolute;top:0;right:0;cursor:pointer;margin:0;display:none}
.console-open #console-full{display:block}
#console-full .show-full{position:relative;display:block;left:0;bottom:0;color:#acbac2;font-size:17px;padding:0 8px;line-height:53px;z-index:10}
#console-full .show-full span{display:none}
#console-full .show-full:hover{color:#098bd1}
#console-full .show-full:before{content:"K";display:inline-block;font-family:subicon;font-style:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased}
#all.no-animation .btn,#all.no-animation .select .select-value,#all.no-animation a{-webkit-transition:none!important;transition:none!important}
#quiz-container .sql-entry,#quiz_edit .sql-entry{display:none}
#quiz-container .sql-noentry,#quiz_edit .sql-noentry{display:inline-block}
#quiz-container .panel .sql-noentry,#quiz_edit .panel .sql-noentry{display:block}
#quiz-container.speciallang-question .btn-answer-testcode,#quiz_edit.speciallang-question .btn-answer-testcode{display:none}
#quiz-container.speciallang-question .input-btn,#quiz_edit.speciallang-question .input-btn{display:none}
#quiz-container.sql-question .sql-entry,#quiz_edit.sql-question .sql-entry{display:inline-block}
#quiz-container.sql-question .sql-noentry,#quiz_edit.sql-question .sql-noentry{display:none}
#quiz-container.sql-question .panel .sql-entry,#quiz_edit.sql-question .panel .sql-entry{display:block}
#quiz-container.sql-question .input-btn,#quiz_edit.sql-question .input-btn{display:none}
#quiz-container #answers #slide,#quiz_edit #answers #slide{display:none}
@media all and (min-width:1000px){
.is-fullscreen.dark #code-group .code-obj .code-results.show{background-color:#222;border-color:#2c2f31}
.is-fullscreen.dark #code-group .code-footer{background-color:#2c2f31;border-bottom:1px solid #2c2f31}
.is-fullscreen .questions-nav{display:none}
.is-fullscreen #quiz-container{top:0;z-index:13}
.is-fullscreen #code-description{display:none}
.is-fullscreen #code-outer{left:0;top:0;width:100%}
.is-fullscreen #bar,.is-fullscreen #bar1{display:none}
.is-fullscreen #code-group{width:100%!important;z-index:101}
.is-fullscreen #code-group .code-obj .subicon-fullscreen{display:block}
.is-fullscreen #code-group .code-footer{left:0;top:0;bottom:auto;background-color:#fff;border-top-width:0;border-bottom:1px solid #eaeff7;position:fixed}
.is-fullscreen #code-group .code-footer .buttons{padding-right:50px}
.is-fullscreen #code-group .code-obj{bottom:0;left:0}
.is-fullscreen #code-group .code-obj .console{z-index:101}
.is-fullscreen #code-group .code-obj .code-results.show{position:fixed;top:82px;right:20px;bottom:10px;width:25%!important;z-index:101;border:1px solid #eaeff7;-webkit-box-shadow:0 1px 4px rgba(0,86,194,.2);box-shadow:0 1px 4px rgba(0,86,194,.2);background-color:#fff}
.is-fullscreen #code-group .code-obj .code-results.show .hide-results{display:block}
.is-fullscreen #code-group .code-footer .subicon-fullscreen{display:block}
.is-fullscreen #code-group .code-footer .tip{padding-top:7px}
.is-fullscreen .btn.with-input+span{bottom:auto!important;top:50px!important}
.is-fullscreen .btn.with-input+span:before{content:none!important}
.is-fullscreen.review #code-group .code-footer .tip{display:none}
}
.dark .questions-nav{background-color:#2c2f31}
.dark .questions-nav ul li{border-right-color:#56595a}
@media all and (min-width:1000px){
.dark .questions-nav ul li{border-bottom-color:#56595a}
}
.dark .questions-nav ul li .a,.dark .questions-nav ul li a{background-color:#303234}
.dark .questions-nav ul li.open .a,.dark .questions-nav ul li.open a{background-color:#222;color:#fff}
.dark .questions-nav ul li .a:hover,.dark .questions-nav ul li a:hover{background-color:#222;color:#fff}
.dark #code-description .sigma{background-position:left bottom}
.dark .header-quiz .to-right .pts{border-right-color:#56595a}
.dark header{background-color:#2c2f31;color:#fff;-webkit-box-shadow:0 1px #56595a;box-shadow:0 1px #56595a}
.dark header p.buttons{background-color:#2c2f31}
.dark .code-footer .timer,.dark .header-quiz .timer{background-color:#2c2f31;color:#fff}
.dark .header-quiz .quiz-title::before{color:#fff}
.dark .code-review-nav,.dark .description-nav{border-color:#2c2f31;background-color:#222}
.dark .code-review-nav .lamp,.dark .description-nav .lamp{background:red}
.dark .code-review-nav li.active a,.dark .description-nav li.active a{color:#fff}
.dark .code-review-nav li a,.dark .description-nav li a{color:#acbac2}
.dark #quiz-container{background-color:#222;color:#acbac2}
.dark #code-description h2{color:#fff}
.dark #code-description h4{color:#fff}
.dark #code-description .input-output{border-color:#2c2f31}
.dark #bar,.dark #bar1{background-color:#2c2f31}
.dark#all .code-footer .btn-border{color:#fff;border-color:#2c2f31}
.dark#all .code-footer .btn-border:hover{border-color:#ffb718}
.dark .code-results{color:#fff}
.dark #code-group .code-header{border-bottom-color:#2c2f31}
.dark #code-group .code-header .options-right{border-left-color:#2c2f31}
.dark #code-group .code-header .options-right .selected-lang{color:#fff}
.dark #code-group .code-header .insert label{color:#fff}
.dark #code-group .code-header .options{border-left-color:#2c2f31}
.dark #code-group .code-footer .tip span{color:#acbac2}
.dark #code-group .code-obj .test-results li{border-bottom-color:#2c2f31}
.dark #code-group .code-footer{border-top-color:#2c2f31}
.dark .select .select-value{background-color:#222;color:#acbac2}
.dark .select .select-value:after{border-top-color:#acbac2}
.dark #select-options{background-color:#222;-webkit-box-shadow:none;box-shadow:none;border:#2c2f31}
.dark #select-options:after{border-top-color:#fff}
.dark #select-options li{color:#fff}
.dark #select-options li:first-child{color:#fff}
.dark .question-timer .time{color:#fff;background-color:#2c2f31}
.dark .questions-nav .prev-next .next{border-color:#2c2f31}
.dark .questions-nav .prev-next .next:before{color:#fff}
.dark .questions-nav .prev-next .prev{border-color:#2c2f31}
.dark .questions-nav .prev-next .prev:before{color:#fff}
.dark .page-loader:before{background-color:#222;border-color:#2c2f31}
.checkbox-allow{position:absolute;left:-3000px}
.checkbox-allow[disabled]+label{opacity:.5;cursor:default}
.checkbox-allow+label{cursor:pointer}
.checkbox-allow+label:before{border:1px solid #eaeff7;display:inline-block;height:16px;width:16px;text-align:center;line-height:15px;margin-right:8px;color:#fff;-webkit-transition:color .3s;transition:color .3s}
.checkbox-allow:checked+label:before{color:#3268b0}
.dark .code-results-inner{background-color:#222!important}
.dark .code-footer{background-color:#222!important}
.dark .console{background:#2c2f31!important}
.dark .console .console-menu{border-top:1px solid #2c2f31!important;border-bottom:1px solid #2c2f31!important}
.dark .console .console-menu li{color:#fff!important}
.dark .console-input textarea{background:#2c2f31!important}
.dark .checkbox-allow+label{color:#fff!important}
.dark .checkbox-allow+label:before{color:#2c2f31!important}
.dark .checkbox-allow:checked+label:before{color:#fff!important}
.dark#all .code-header .btn-border{color:#fff!important;border-color:#2c2f31}
.mode-review #code-group .code-obj .code-results{display:block!important}
.review .hide-results{display:none}
.review #code-group .code-obj .codemirror-code{bottom:41px}
@media all and (min-width:1600px){
.review #code-group .code-obj .codemirror-code{bottom:46px}
}
.review #code-group .code-obj .console{display:block}
.review #code-group .code-obj.console-open .codemirror-code{bottom:90px}
.dark .hint-question{background:#2c2f31}
.dark .hint-question .btn-border{color:#fff!important}
.dark .hint-question .button{background:#2c2f31}
.dark #code-group .code-toolbar{border-bottom-color:#2c2f31}
.dark #code-group .more-options{background:#2c2f31;-webkit-box-shadow:none;box-shadow:none;border-bottom:#2c2f31;border-left:#acbac2;border-right:#acbac2}
.dark #code-group .more-options li a,.dark #code-group .more-options li label{color:#eaeff7;-webkit-transition:color .3s;transition:color .3s}
.dark #code-group .more-options li a:hover,.dark #code-group .more-options li label:hover{color:#fff}
#invite-popup .invite-friends{padding-bottom:0;border-top-width:0}
#invite-popup .invite-friends .invite-succes{text-align:center}
#invite-popup .invite-friends .invite-succes h3{color:#1a1a1a}
#invite-popup .invite-friends .form-group{max-width:none;padding-bottom:15px}
#invite-popup .invite-friends .tags-input{padding-left:7px;padding-right:7px}
#invite-popup .invite-friends .tags-input .form-control{padding-left:13px}
#invite-popup .invite-friends .after-send .btn-close{min-width:0}
#invite-popup .message-row.open label span{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
#invite-popup .message-row.open textarea{display:block}
#invite-popup .message-row label{color:#3268b0;-webkit-transition:color .3s;transition:color .3s;cursor:pointer}
#invite-popup .message-row label:hover{color:#fcc133}
#invite-popup .message-row label span{display:inline-block;vertical-align:middle;border-top:5px solid #3268b0;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
#invite-popup .message-row textarea{display:none}
.code-title,.quizrun-quizname{font-weight:700!important}
.quizrun-quizname{line-height:79px}
.header-quiz header .to-right .timer{display:none!important}
@media all and (min-width:1000px){
.header-quiz header .to-right .timer{display:block!important}
}
.header-quiz header .to-right .timer.hidden{display:none!important}
@media all and (max-height:500px) and (max-width:600px){
.active-code .subpage .header-quiz{display:none}
.active-code #quiz_run .code-description-header-mobile{display:none}
.active-code #code-group .code-obj .codemirror-code{bottom:0}
.active-code #code-group .code-obj .console{display:none}
.active-code #code-group .code-obj .codemirror.open{height:100vh!important}
.active-code #code-group .code-footer{display:none}
}
@media all and (max-height:200px) and (min-width:601px) and (max-width:999px){
.active-code .subpage .header-quiz{display:none}
.active-code #quiz_run .code-description-header-mobile{display:none}
.active-code #code-group .code-obj .codemirror-code{bottom:0}
.active-code #code-group .code-obj .console{display:none}
.active-code #code-group .code-obj .codemirror.open{height:100vh!important}
.active-code #code-group .code-footer{display:none}
}
.panel-hints_question{border-top:1px solid #eaeff7;padding-top:20px}
.hint-info{text-transform:uppercase;font-size:11px;border-bottom:4px solid #fcc133;width:auto;padding-bottom:2px;font-weight:700}
.hint-content{padding:15px;display:block;border:1px solid #eaeff7;border-radius:5px;margin-top:25px}
#question-outer{position:fixed;overflow:auto;left:0;width:100%;bottom:0;top:60px;background-color:#eaeff7}
@media all and (min-width:768px) and (min-height:500px){
#question-outer{top:70px}
}
@media all and (min-width:1000px){
#question-outer{background-color:transparent;bottom:0;padding-top:0;left:5.56%;top:70px;right:0;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-flex;-webkit-align-items:stretch}
}
@media all and (min-width:1600px){
#question-outer{top:80px}
}
.dark #question-outer{background-color:#2c2f31}
#question{position:relative;overflow-y:auto;background-color:#fff}
@media all and (min-width:1000px){
#question{width:47.05%;min-height:430px;background-color:transparent}
}
.dark #question{background-color:transparent}
#answers{background-color:#eaeff7}
#answers .question-text{padding-top:0}
@media all and (min-width:1000px){
#answers{position:relative;width:52.95%;min-height:430px}
#answers .question-inner .question-text{background-color:#eaeff7}
.dark #answers .question-inner .question-text{background-color:#2c2f31}
}
#answers hr{background-color:#ddd;border-width:0;height:1px;margin:0}
#answers .ql-editor blockquote,#answers .richarea blockquote,#answers .text blockquote{border-width:0;padding:5px 0 5px 20px;border-left:5px solid #c2e1f3;font-weight:400;font-family:Roboto,sans-serif;line-height:1.429;text-align:left}
#answers .ql-editor blockquote:before,#answers .richarea blockquote:before,#answers .text blockquote:before{display:none}
.question-inner{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;-webkit-align-items:center}
.question-inner .question-text{vertical-align:middle;padding:16px 12px;width:100%}
@media all and (min-width:1000px){
.question-inner .question-text{padding:20px 8%}
}
.question-inner .subtitle{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;text-transform:uppercase}
@media all and (min-width:1000px){
.question-inner .subtitle{font-size:10px;line-height:18px}
}
@media (min-width:1600px){
.question-inner .subtitle{font-size:12px;line-height:20px}
}
.question-inner .subtitle>span{font-weight:700;padding-bottom:1px;border-bottom:3px solid #ffb718}
.question-inner h2{word-wrap:break-word}
@media all and (min-width:768px){
.question-inner h2{padding-bottom:13px}
}
@media all and (min-width:1000px){
.question-inner h2{padding-bottom:0;padding-bottom:0}
}
.dark .question-inner h2{color:#fff}
.question-inner h2.small{@inlcude n3;}
@media all and (min-width:768px){
.question-inner h2:before{float:right;height:10px;width:60px;content:" "}
}
@media all and (min-width:1000px){
.question-inner h2:before{display:none}
}
.question-inner h2 code{padding:2px 4px;background-color:#ecf5fa;border-radius:3px;white-space:pre-wrap;margin-bottom:5px;margin-top:5px}
.dark .question-inner h2 code{background-color:#222}
@media all and (min-width:768px){
.question-inner h3:before{float:right;height:10px;width:60px;content:" "}
}
@media all and (min-width:1000px){
.question-inner h3:before{display:none}
}
.question-inner .photo-block img{max-width:100%;height:auto;margin:16px 0}
.question-inner .questioncode-outer{width:100%;margin-top:10px;font-size:12px}
@media all and (min-width:768px) and (min-height:500px){
.question-inner .questioncode-outer{font-size:14px}
}
.question-inner .questioncode{border:1px solid #eaeff7;padding:5px}
.dark .question-inner .questioncode{border-color:#56595a}
.question-inner .questioncode .CodeMirror{height:auto}
.question-inner .questioncode .CodeMirror-scroll{max-height:250px;max-height:60vh}
.question-inner .questioncode .CodeMirror-code{pointer-events:none}
.question-inner .richarea blockquote,.question-inner .text blockquote{border-width:0;padding:5px 0 5px 20px;border-left:5px solid #c2e1f3;font-weight:400;font-family:Roboto,sans-serif;text-align:left;font-size:14px;line-height:24px}
@media all and (min-width:1000px){
.question-inner .richarea blockquote,.question-inner .text blockquote{font-size:13px;line-height:23px}
}
@media (min-width:1600px){
.question-inner .richarea blockquote,.question-inner .text blockquote{font-size:16px;line-height:26px}
}
.question-inner .richarea blockquote:before,.question-inner .text blockquote:before{display:none}
#question-preview #answers .not-active-btn-msg{position:absolute;font-size:12px;padding:10px 15px;-webkit-box-shadow:0 8px 20px rgbA(0,86,186,.2);box-shadow:0 8px 20px rgbA(0,86,186,.2);width:240px;background-color:#fff;line-height:20px!important;top:-49px;left:17px;font-weight:400;text-transform:none;color:#1a1a1a;opacity:0;visibility:hidden;text-align:left;pointer-events:none}
#question-preview #answers .not-active-btn-msg:before{position:absolute;bottom:-12px;left:0;content:" ";border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:6px solid transparent}
#question-preview #answers .not-active-btn-msg.to-left{left:-150px}
#question-preview #answers .not-active-btn-msg.to-left:before{border-left:6px solid transparent;border-right:0;right:0;left:auto}
#question-preview #answers .answers li:hover .not-active-btn-msg{display:block;visibility:visible;opacity:1}
#question-preview #answers .textanswer .editable:-moz-read-write{outline:0;outline:transparent solid 0;outline:-webkit-focus-ring-color auto 0}
#question-preview #answers .textanswer .editable:active,#question-preview #answers .textanswer .editable:focus,#question-preview #answers .textanswer .editable:read-write{outline:0;outline:transparent solid 0;outline:-webkit-focus-ring-color auto 0}
#question-preview #answers .textanswer:hover .editable{pointer-events:none}
#question-preview #answers .textanswer:hover .not-active-btn-msg{display:block;visibility:visible;opacity:1}
.hint{background-color:#fff;-webkit-box-shadow:0 0 0 2000px rgba(0,0,0,.4);box-shadow:0 0 0 2000px rgba(0,0,0,.4);visibility:hidden;opacity:0;position:fixed;bottom:20px;right:8.33%;left:8.33%;z-index:100}
@media all and (min-width:1000px){
.hint{position:absolute;right:20px;left:20px;width:50%;left:auto}
}
.hint.visible{-webkit-transition:.3s;transition:.3s;visibility:visible;opacity:1}
.hint .close{font-size:12px;color:#acbac2;position:absolute;top:14px;right:20px}
.hint .close:hover{color:#379dd7}
.hint .close span{display:none}
.hint .hint-text{overflow:auto;max-height:240px;padding:6px 0 6px 25px}
@media all and (min-width:768px){
.hint .hint-text{padding:16px 0 16px 25px}
}
@media all and (min-width:1000px){
.hint .hint-text{padding:16px 0 40px 25px}
}
.hint .hint-text .hint-time-is-up{display:none}
.hint .hint-text .hint-time-is-up.visible{display:block}
.hint .hint-text p.richarea{margin-bottom:0}
.hint .small-text{line-height:24px;padding-top:6px;padding-right:24px}
@media all and (min-width:768px){
.hint .small-text{padding-right:190px}
}
.hint .button{margin:0;padding:10px 0 24px 24px}
@media all and (min-width:768px){
.hint .button{padding-left:0;padding-bottom:0;position:absolute;right:24px;bottom:16px}
}
.hint-question{background-color:#fff;-webkit-box-shadow:0 4px 20px rgba(0,86,184,.2);box-shadow:0 4px 20px rgba(0,86,184,.2);visibility:hidden;opacity:0;position:fixed;bottom:10px;right:8.33%;left:8.33%;z-index:100;-webkit-transition:.3s;transition:.3s}
@media all and (min-width:1000px){
.hint-question{position:absolute;right:10px;left:10px;width:360px;left:auto;-webkit-transform:scale(.8);transform:scale(.8)}
}
.hint-question.visible{-webkit-transition:.3s;transition:.3s;visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.hint-question.after-run{display:none}
@media all and (min-width:1000px){
.hint-question.after-run{display:block}
}
.is-livepreview .hint-question{display:none}
.hint-question .close{font-size:12px;color:#acbac2;position:absolute;top:14px;right:20px}
.hint-question .close:hover{color:#379dd7}
.hint-question .close span{display:none}
.hint-question .hint-question-text{overflow:auto;max-height:200px;padding:14px 20px 6px;background:#eaeff7}
@media all and (min-width:768px){
.hint-question .hint-question-text{padding:14px 4px 62px 25px}
}
@media all and (min-width:1000px){
.hint-question .hint-question-text{padding:16px 30px 62px 25px}
}
.hint-question .hint-question-text .emoji{margin-top:10px;margin-bottom:0;background:url(../../images/old/quiz/icon1.png) left top no-repeat;padding:3px 0 10px 45px;font-family:kelson_sans,sans-serif;font-size:16px;font-weight:700}
.hint-question .hint-question-text .hint-text{padding-left:47px;margin-bottom:20px}
@media all and (min-width:768px){
.hint-question .hint-question-text .hint-text{margin-bottom:30px}
}
.hint-question .hint-question-text .result1{background:url(../../images/old/quiz/icon1.png) left top no-repeat}
.hint-question .hint-question-text .result2{background:url(../../images/old/quiz/icon2.png) left top no-repeat}
.hint-question .hint-question-text .result3{background:url(../../images/old/quiz/icon3.png) left top no-repeat}
.hint-question .hint-question-text .result4{background:url(../../images/old/quiz/icon4.png) left top no-repeat}
.hint-question .small-text{line-height:24px;padding-top:6px;padding-right:24px}
@media all and (min-width:768px){
.hint-question .small-text{padding-right:190px}
}
.hint-question .button{margin:0;padding:10px 10px 4px 24px;background:#eaeff7}
@media all and (min-width:768px){
.hint-question .button{padding-left:0;padding-bottom:0;position:absolute;right:24px;bottom:14px;background:0 0}
}
.hint-question .button .btn{min-width:100px;margin-left:5px;margin-bottom:6px}
@media all and (min-width:480px){
.hint-question .button .btn{min-width:140px}
}
.dark #answers{background-color:#2c2f31}
#answers .options-right{position:absolute;right:0;top:0;z-index:2}
#answers .options-right .options{border-left-width:0}
#answers .options-right .options a{color:#098bd1;width:50px;height:50px;line-height:50px;text-align:center}
#answers .options-right .more-options{padding:0}
#answers .answers{list-style-type:none;margin:0;padding:0;counter-reset:step;padding-bottom:40px}
@media all and (min-width:1000px){
#answers .answers{padding-bottom:0}
}
#answers .answers li{margin:16px 0;position:relative;padding-left:66px;background-color:#fff;line-height:50px;cursor:pointer;-webkit-box-shadow:0 1px 4px rgba(0,86,184,.2);box-shadow:0 1px 4px rgba(0,86,184,.2)}
@media all and (min-width:1600px){
#answers .answers li{line-height:64px}
}
.dark #answers .answers li{background-color:#222;color:#fff}
.review #answers .answers li{cursor:default}
#answers .answers li:before{counter-increment:step;content:counter(step,upper-alpha);position:absolute;border-right:1px solid #eaeff7;width:66px;position:absolute;left:0;top:0;font-size:14px;font-family:kelson_sans,sans-serif;font-weight:700;text-align:center;line-height:50px;bottom:0}
@media all and (min-width:1000px){
#answers .answers li:before{font-size:12px}
}
@media all and (min-width:1600px){
#answers .answers li:before{line-height:64px;font-size:16px}
}
.dark #answers .answers li:before{border-right-color:#2c2f31}
#answers .answers li:after{content:" ";background-color:#098bd1;height:4px;left:0;bottom:0;width:100%;opacity:0;position:absolute;-webkit-transition:.15s;transition:.15s}
@media all and (min-width:1025px){
#answers .answers li:hover{-webkit-box-shadow:0 8px 24px rgba(0,86,184,.2);box-shadow:0 8px 24px rgba(0,86,184,.2)}
#answers .answers li:hover:after{opacity:1}
.review #answers .answers li:hover:after{opacity:0}
.review #answers .answers li:hover{-webkit-box-shadow:0 1px 4px rgba(0,86,184,.2);box-shadow:0 1px 4px rgba(0,86,184,.2)}
}
#answers .answers li.active{background-color:#098bd1;color:#fff;-webkit-transition:.3s;transition:.3s}
#answers .answers li.active:before{border-color:#339ed8}
#answers .answers li.good{background-color:#85ca00;color:#fff;-webkit-transition:.3s;transition:.3s}
#answers .answers li.good:before{border-color:#9dd533}
@media all and (min-width:1025px){
#answers .answers li.good:after{opacity:0}
}
#answers .answers li.proper_answer:after{content:" ";background-color:#85ca00;height:4px;left:0;bottom:0;width:100%;position:absolute;-webkit-transition:.15s;transition:.15s;opacity:1!important}
#answers .answers li.bad{background-color:#d10909;color:#fff;-webkit-transition:.3s;transition:.3s}
#answers .answers li.bad:before{border-color:#d33638}
@media all and (min-width:1025px){
#answers .answers li.bad:after{opacity:0}
}
#answers .answers li div{display:none}
#answers .answers li span{display:inline-block;padding:8px 20px;vertical-align:middle;line-height:18px;max-width:100%}
#answers .answers li span p{margin-bottom:0;word-wrap:break-word}
#answers .answers li.multi:before{color:#098bd1;content:" ";font-family:cr-icon,sans-serif;z-index:1}
#answers .answers li.multi div{width:20px;height:20px;position:absolute;top:15px;left:23px;border:1px solid #eaeff7;display:block;background-color:#fff}
@media all and (min-width:1600px){
#answers .answers li.multi div{top:21px}
}
#answers .answers li.selected:before{content:"p"}
#answers .answers code{padding:2px 4px;border-radius:3px;white-space:pre-wrap;margin-bottom:5px;margin-top:5px;color:inherit}
#answers .answers u{-webkit-text-decoration:underline solid #ff9a02;text-decoration:underline solid #ff9a02;text-decoration-thickness:3px;text-underline-offset:4.2px}
#answers .textanswer{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,84,186,.2);box-shadow:0 1px 4px rgba(0,84,186,.2);background-color:#fff;padding:14px 8px 14px 14px;-webkit-transition:.3s;transition:.3s}
.dark #answers .textanswer{background-color:#222}
.dark #answers .textanswer div.editable{color:#fff}
#answers .textanswer.active{-webkit-box-shadow:0 1px 4px rgba(0,84,186,.2),inset 0 -5px 0 -1px #098bd1;box-shadow:0 1px 4px rgba(0,84,186,.2),inset 0 -5px 0 -1px #098bd1}
#answers .textanswer.good{background-color:#85ca00;-webkit-transition:.3s;transition:.3s}
#answers .textanswer.good div.editable{color:#fff}
#answers .textanswer.bad{background-color:#d10909;-webkit-transition:.3s;transition:.3s}
#answers .textanswer.bad div.editable{color:#fff}
#answers .textanswer p{font-size:16px;margin-bottom:5px}
#answers .textanswer div.editable{padding:10px 10px 20px 5px;border-width:0;font-weight:400;width:100%;display:inline-block;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;color:#222}
@media all and (min-width:1000px){
#answers .textanswer div.editable{width:75%;padding:10px;padding-bottom:24px}
}
#answers .textanswer div.editable:empty:before{content:"Enter the correct answer";color:#acbac2;cursor:text}
.review #answers .textanswer div.editable{width:98%}
#answers .textanswer div.editable:-moz-read-write{outline:0;outline:transparent solid 0;outline:-webkit-focus-ring-color auto 0}
#answers .textanswer div.editable:active,#answers .textanswer div.editable:focus,#answers .textanswer div.editable:read-write{outline:0;outline:transparent solid 0;outline:-webkit-focus-ring-color auto 0}
#answers .textanswer .textanswer-button{border-top:1px solid #eaeff7;height:60px;background-color:#fff;position:fixed;left:0;bottom:0;width:100%;text-align:right;padding:10px 12px 10px 0}
@media all and (min-width:768px) and (min-height:500px){
#answers .textanswer .textanswer-button{height:72px;padding:15px 17px 15px 0}
}
@media all and (min-width:1000px){
#answers .textanswer .textanswer-button{position:static;border-width:0;height:auto;padding:0;background-color:transparent}
}
@media all and (min-width:1000px){
#answers .textanswer .btn{width:22%;vertical-align:middle;margin-left:1%}
}
#answers .textanswer .btn.disabled,#answers .textanswer .btn[disabled]{opacity:1}
.review #answers .textanswer .btn{display:none}
#answers .textanswer .textanswer-example{display:none;margin-bottom:-12px;margin-top:10px}
.review #answers .textanswer .textanswer-example{display:block}
#answers .textanswer .textanswer-example h4{font-size:16px;font-weight:700;font-family:kelson_sans,sans-serif;margin-top:0;margin-bottom:5px}
#answers .textanswer-example{background-color:#fff;-webkit-box-shadow:0 1px 4px rgba(50,104,196,.2);box-shadow:0 1px 4px rgba(50,104,196,.2);margin-top:30px;padding:15px 25px 5px}
.dark #answers .textanswer-example{background-color:#222}
#answers .textanswer-example h4{font-size:14px;margin:0 0 10px}
#answers .textanswer-example h4:before{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:6px}
#answers.essay-type .essayanswer-outer{display:block;padding-top:20px;padding-bottom:55px}
#answers.essay-type .essayanswer-outer.ql-disabled .ql-toolbar{display:none}
#answers.essay-type .textanswer{position:relative;padding:0;margin-bottom:10px}
#answers.essay-type .textanswer div.ql-editor{width:100%;min-height:100px;max-height:calc(100vh - 100px);padding:15px;overflow:auto}
@media all and (min-height:400px){
#answers.essay-type .textanswer div.ql-editor{min-height:150px;max-height:calc(100vh - 300px)}
}
#answers.essay-type .textanswer div.ql-editor:-moz-read-write{outline:0;outline:transparent solid 0;outline:-webkit-focus-ring-color auto 0}
#answers.essay-type .textanswer div.ql-editor:active,#answers.essay-type .textanswer div.ql-editor:focus,#answers.essay-type .textanswer div.ql-editor:read-write{outline:0;outline:transparent solid 0;outline:-webkit-focus-ring-color auto 0}
#answers.essay-type .textanswer .max-weight{position:absolute;right:5px;bottom:9px;z-index:2;font-size:12px;-webkit-box-shadow:0 1px 8px rgba(0,84,186,.2);box-shadow:0 1px 8px rgba(0,84,186,.2);background-color:#fff;padding:5px 10px;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}
#answers.essay-type .textanswer .max-weight:empty{display:none}
.dark #answers.essay-type .textanswer .max-weight{background:#2c2f31}
#answers.essay-type .textanswer .max-weight.open{opacity:1;visibility:visible}
#answers.essay-type .textanswer .max-weight.over{color:#da0b0b}
@media all and (min-width:1000px){
#answers.essay-type .textanswer .btn-textanswer-confirm{position:absolute;right:0;bottom:-66px}
}
#answers.essay-type .essay-changes-info{color:#379dd7}
#answers.essay-type .ql-toolbar.ql-snow{padding:8px 6px 6px}
#answers.essay-type .ql-editor.ql-blank::before{color:#acbac2;cursor:text;font-weight:400;font-style:normal;font-size:14px;overflow-wrap:break-word;white-space:normal;left:15px;top:18px}
#answers.essay-type .ql-disabled .ql-editor.ql-blank::before{display:none}
#answers.textanswer-type .textanswer-outer{display:block}
#answers.textanswer-type .textanswer div.editable{overflow-y:auto;max-height:130px}
#answers.essay-type .answers,#answers.textanswer-type .answers{display:none}
#answers.essay-type .textanswer,#answers.textanswer-type .textanswer{display:block}
#answers.essay-type .textanswer-outer,#answers.textanswer-type .textanswer-outer{padding-bottom:80px;padding-top:20px}
@media all and (min-width:1000px){
#answers.essay-type .textanswer-outer,#answers.textanswer-type .textanswer-outer{padding-bottom:0;padding-top:0}
}
#answers.essay-type .max-weight:empty,#answers.textanswer-type .max-weight:empty{display:none}
#answers.blocked .answers li,#answers.no-time .answers li{cursor:default;-webkit-box-shadow:0 1px 4px rgba(50,104,196,.2);box-shadow:0 1px 4px rgba(50,104,196,.2)}
#answers.blocked .answers li:hover:after,#answers.no-time .answers li:hover:after{opacity:0}
#answers.with-images .answers div{display:block;height:100px;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;background-image:none;background-color:#fff;border:5px solid transparent}
@media all and (min-width:768px){
#answers.with-images .answers div{height:174px}
}
#answers.with-images .answers li{padding:5px 5px 5px 66px}
#answers.with-images .answers li:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#answers.with-images .answers li span{display:block;padding-top:10px;padding-bottom:10px;background-color:#fff;color:#1a1a1a}
@media all and (min-width:1000px){
#answers.with-images .answers{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#answers.with-images .answers li{width:48%;margin:6px 1%}
}
#answers .textanswer-outer{display:none}
#answers .essayanswer-outer{display:none}
@-webkit-keyframes nearEnd{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{color:#eb5757;-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes nearEnd{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{color:#eb5757;-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.question-timer{position:absolute;z-index:1;top:40px;right:8.33%;margin-right:30px}
@media all and (min-width:768px){
.question-timer{top:57px;margin-right:0}
}
@media all and (min-width:1000px){
.question-timer{right:20px;top:77px;display:block}
}
#quiz-container .question-timer{display:none}
@media all and (min-width:1000px){
#quiz-container .question-timer{display:block;background-color:#fff;border-radius:50px}
}
.review .question-timer{display:none}
.is-livepreview:not(.sync-global) #quiz-container .question-timer{display:none}
.question-timer .time{font-size:15px;background-color:#fff;border-radius:50px;display:block;border:4px solid #eaeff7;text-align:center;line-height:16px;margin:0;font-family:kelson_sans,sans-serif;font-weight:700;width:16px;height:16px}
@media all and (min-width:768px){
.question-timer .time{width:56px;line-height:48px;font-size:16px;height:56px}
}
.question-timer .time span{width:30px;display:block;position:relative;left:15px;top:-3px;text-align:right}
@media all and (min-width:768px){
.question-timer .time span{left:0;text-align:center;width:auto;position:static}
}
.question-timer .time span.near-end{-webkit-animation:.75s infinite forwards nearEnd;animation:.75s infinite forwards nearEnd}
.question-timer .side-left{position:absolute;left:0;top:0;width:8px;height:16px;overflow:hidden}
@media all and (min-width:768px){
.question-timer .side-left{width:28px;height:56px}
}
.question-timer .side-right{position:absolute;right:0;top:0;width:8px;height:16px;overflow:hidden}
@media all and (min-width:768px){
.question-timer .side-right{width:28px;height:56px}
}
.question-timer .side-right .side{transform-origin:0 50%;-webkit-transform-origin:0 50%}
.question-timer .side-right .side span{margin-left:-8px}
@media all and (min-width:768px){
.question-timer .side-right .side span{margin-left:-28px}
}
.question-timer .side{display:block;width:8px;height:16px;overflow:hidden;transform:rotate(0);transform-origin:100% 50%;-webkit-transform:rotate(0);-webkit-transform-origin:100% 50%;position:relative;left:0}
@media all and (min-width:768px){
.question-timer .side{width:28px;height:56px}
}
.question-timer .side span{border:4px solid #098bd1;width:16px;height:16px;display:block;border-radius:56px}
@media all and (min-width:768px){
.question-timer .side span{width:56px;height:56px}
}
.question-timer .prev-next{display:none!important}
#all .question-timer-teacher{top:auto;bottom:0;right:0;-webkit-box-shadow:0 2px 4px rgba(50,104,196,.2);box-shadow:0 2px 4px rgba(50,104,196,.2);text-align:left;background-color:#fff;position:fixed;left:0;z-index:101;border-top:1px solid #eaeff7}
@media all and (min-width:1000px){
#all .question-timer-teacher{left:5.56%}
}
#all .question-timer-teacher:before{content:" ";position:absolute;left:0;width:100%;top:-4px;background-color:transparent;height:4px}
#all .question-timer-teacher:hover .time{opacity:1}
#all .question-timer-teacher .time{border-width:0;border-radius:0;width:160px;height:auto;text-align:left;position:absolute;bottom:10px;opacity:0;line-height:20px;padding:5px 10px;-webkit-transition:opacity .3s,margin-left .3s;transition:opacity .3s,margin-left .3s;font-weight:400;font-size:12px;-webkit-box-shadow:0 2px 4px rgba(50,104,196,.2);box-shadow:0 2px 4px rgba(50,104,196,.2);margin-left:-160px}
#all .question-timer-teacher .time.less{margin-left:0}
#all .question-timer-teacher .bar{height:4px;background-color:#098bd1;display:block}
.review #all .question-timer-teacher{display:none}
.essay-rate{display:none;border-top:1px solid #fff}
.essay-type .essay-rate{display:block}
.essay-rate .scorecard-rates{padding-left:0;padding-right:0;background-color:transparent}
.essay-rate .scorecard-rates ul{padding-top:0}
.essay-rate .scorecard-rates ul li .point{width:20%}
.essay-rate .scorecard-rates .buttons{text-align:right}
.essay-rate .scorecard-rates .buttons .btn{width:22%;margin-left:1%}
.code-rate{display:none;border-top:1px solid #fff}
.code-type .code-rate{display:block}
#code-description .code-rate h4{font-size:16px;margin-top:0}
.code-rate .scorecard-rates{padding:15px 23px 23px}
.code-rate .scorecard-rates ul{padding-top:0}
.code-rate .scorecard-rates ul li .point{width:20%}
.code-rate .scorecard-rates .buttons{text-align:right;margin-bottom:0}
.code-rate .scorecard-rates .buttons .btn{width:100px}
.code-rate .code-rate-empty{margin-top:6px;min-height:200px}
#quiz-container.slide #question,#quiz_edit.slide #question{display:none}
#quiz-container.slide #answers,#quiz_edit.slide #answers{width:100%;background-color:#fff}
#quiz-container.slide #answers .question-text,#quiz_edit.slide #answers .question-text{background-color:#eaeff7;padding:0;height:100%}
@media all and (min-width:1000px){
#quiz-container.slide #answers .question-text,#quiz_edit.slide #answers .question-text{position:absolute;border-left:1px solid #fff}
}
#quiz-container.slide #answers .question-text .answers,#quiz_edit.slide #answers .question-text .answers{display:none}
.dark #quiz-container.slide #answers,.dark #quiz_edit.slide #answers{background-color:#2c2f31}
.dark #quiz-container.slide #answers .question-text,.dark #quiz_edit.slide #answers .question-text{background-color:#2c2f31}
#quiz-container.slide #answers #slide,#quiz_edit.slide #answers #slide{display:block}
.dark#all .btn-border{color:#fff}
.dark#all .popup .btn-border{color:#3268b0;border-color:#eaeff7}
.dark#all .popup .btn-border:hover{border-color:#ffb718}
.dark#all .popup .btn-border:hover{color:#fff}
.dark .hint-question-text{background:#2c2f31}
.dark .hint-question-text .emoji,.dark .hint-question-text .hint-text{color:#fff}
.dark #code-group .lang-switcher{background:#222}
.dark #code-group .lang-switcher ul li{border-color:#222}
.dark #code-group .lang-switcher ul li button{background:#000}
.dark #code-group .code-obj .console{border-top-color:#56595a}
.dark #code-group .code-obj .console .console-output{border-top-color:#56595a}
.dark #code-group .code-header .options-right .history-code{border-right-color:#56595a}
.question-time-is-over{background-color:#fff;-webkit-box-shadow:0 1px 4px rgba(50,104,196,.2);box-shadow:0 1px 4px rgba(50,104,196,.2);visibility:hidden;opacity:0;position:fixed;bottom:20px;right:8.33%;z-index:100}
@media all and (min-width:1000px){
.question-time-is-over{position:absolute;right:20px;left:20px;width:25%;left:auto}
}
.question-time-is-over h4{font-size:14px;margin:5px 0 -5px}
.question-time-is-over .question-time-is-over.visible{-webkit-transition:.3s;transition:.3s;visibility:visible;opacity:1}
.question-time-is-over .close{font-size:12px;color:#acbac2;position:absolute;top:14px;right:20px}
.question-time-is-over .close:hover{color:#098bd1}
.question-time-is-over .close span{display:none}
.question-time-is-over .question-time-is-over-text{overflow:auto;max-height:200px;padding:2px 0 11px 25px}
@media all and (min-width:768px){
.question-time-is-over .question-time-is-over-text{padding:4px 0 14px 25px}
}
@media all and (min-width:768px){
.question-time-is-over .question-time-is-over-text{padding:5px 0 15px 40px}
}
.question-time-is-over .small-text{line-height:24px;padding-top:6px;padding-right:24px}
@media all and (min-width:768px){
.question-time-is-over .small-text{padding-right:190px}
}
.question-time-is-over .button{margin:0;padding:10px 0 24px 24px}
@media all and (min-width:768px){
.question-time-is-over .button{padding-left:0;padding-bottom:0;position:absolute;right:24px;bottom:32px}
}
.dark .question-time-is-over{background:#2c2f31}
#mobile-scroll{position:fixed;left:0;bottom:-70px;width:100%;height:70px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(50,104,196,0)),color-stop(50%,rgba(50,104,196,.2)),to(rgba(0,84,186,.5)));background:linear-gradient(180deg,rgba(50,104,196,0) 0,rgba(50,104,196,.2) 50%,rgba(0,84,186,.5) 100%);z-index:10;text-align:center;-webkit-transition:.3s;transition:.3s;padding-top:15px}
@media all and (min-width:1000px){
#mobile-scroll{display:none}
}
#mobile-scroll.open{bottom:0}
#mobile-scroll .scroll-arrow{color:#fff;font-size:30px;display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:1s ease-in-out infinite slide-arrow;animation:1s ease-in-out infinite slide-arrow}
#mobile-scroll .scroll-text{color:#fff;font-size:12px;text-transform:uppercase;font-weight:700;padding-left:15px}
@-webkit-keyframes slide-arrow{
0%,100%{-webkit-transform:translate(0,0) rotate(90deg);transform:translate(0,0) rotate(90deg)}
50%{-webkit-transform:translate(0,10px) rotate(90deg);transform:translate(0,10px) rotate(90deg)}
}
@keyframes slide-arrow{
0%,100%{-webkit-transform:translate(0,0) rotate(90deg);transform:translate(0,0) rotate(90deg)}
50%{-webkit-transform:translate(0,10px) rotate(90deg);transform:translate(0,10px) rotate(90deg)}
}
#quiz-result{position:relative;z-index:10;min-height:calc(100vh - 60px)}
@media all and (min-width:1000px){
#quiz-result{padding-top:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100vh}
}
@media all and (min-width:1600px){
#quiz-result{padding-top:80px}
}
#quiz-result .profile-info{background-color:#eaeff7;-webkit-box-shadow:none;box-shadow:none;position:static;height:auto;left:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
@media all and (min-width:1000px){
#quiz-result .profile-info{width:40.44%;float:right}
}
@media all and (min-width:1000px) and (min-height:800px){
#quiz-result .profile-info{position:fixed;left:auto}
}
#quiz-result .profile-info+.result-details{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
#quiz-result .profile-info .skills li{border-width:0;background-color:#fff}
#quiz-result .profile-info .awards li{border-width:0;background-color:#fff}
#quiz-result .profile-info .profile-details{border-bottom-color:#fff}
#quiz-result .rating{padding:0 15px;margin-bottom:30px;text-align:left}
#quiz-result .rating .checkbox-group{margin-bottom:12px}
#quiz-result .rating .checkbox-group input{margin-right:10px;width:22px;height:22px;vertical-align:bottom}
#quiz-result .rating textarea{height:80px}
#quiz-result .rating .buttons-rating{text-align:center;margin:16px}
#quiz-result .rating .rating-saved{text-align:center}
#quiz-result .mainlist-section{background-color:transparent;border-top:1px solid #eaeff7;padding-top:40px}
#quiz-result .mainlist-section>h4{margin:0;text-align:left;padding:0}
#quiz-result .mainlist-section .main-list{overflow:hidden}
#quiz-result .mainlist-section .list{width:100%;padding-right:0}
@media all and (min-width:768px){
#quiz-result .mainlist-section .list{margin-left:2px;margin-right:2px}
}
#quiz-result .mainlist-section .list .buttons{padding:0}
#quiz-result .mainlist-section .list>li{border:1px solid #eaeff7;width:100%}
@media all and (min-width:480px){
#quiz-result .mainlist-section .list>li{margin-bottom:15px}
}
@media all and (min-width:768px){
#quiz-result .mainlist-section .list>li{width:50%;margin-bottom:0}
}
@media all and (min-width:1600px){
#quiz-result .mainlist-section .list>li{width:33.33%}
}
@media all and (min-width:768px){
#quiz-result .mainlist-section .list>li:first-child{position:relative;left:-2px}
#quiz-result .mainlist-section .list>li:first-child+li{position:relative;left:2px}
}
@media all and (min-width:768px) and (min-width:1600px){
#quiz-result .mainlist-section .list>li:first-child+li{left:0}
}
#quiz-result .mainlist-section .list>li:last-child{display:none}
@media all and (min-width:1600px){
#quiz-result .mainlist-section .list>li:last-child{display:block;position:relative;left:2px}
}
#stand-avarage{padding-bottom:10px}
.main-info+.stats #stats-global{border-top:1px solid #eaeff7}
.main-info+.stats #stats-global.none+#stand-avarage{border-top:1px solid #eaeff7}
.result-text-loader{position:fixed;left:50%;top:50%;margin-left:-13px;margin-top:-13px}
.result-text{background:url(../../images/old/quiz/bg1.png) 50% -30px no-repeat #3268b0;color:#fff;padding:44px 8.33% 0;text-align:center}
@media all and (max-width:999px){
.result-text{min-height:0!important}
}
@media all and (min-width:768px){
.result-text{padding:72px 4% 0}
}
@media all and (min-width:1000px){
.result-text{position:sticky;position:-webkit-sticky;top:0;padding:110px 5% 0;float:left;width:44.44%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media all and (min-width:1000px) and (min-height:800px){
.result-text{display:block;min-height:calc(100vh - 72px);left:0;bottom:0;padding-top:72px}
}
@media all and (min-width:1000px){
.result-text:first-child{display:none}
}
.result-text:first-child .desc{display:none}
.result-text:first-child .buttons{display:none}
.result-text:first-child .checkbox{display:none}
.result-text:first-child .finish{display:none}
.result-text:last-child{background:#3268b0;padding-bottom:15px;padding-top:32px}
@media all and (min-width:768px){
.result-text:last-child{padding-top:64px}
}
@media all and (min-width:1000px){
.result-text:last-child{background:url(../../images/old/quiz/bg.png) center top no-repeat #3268b0;padding-bottom:0}
}
.result-text:last-child .laur,.result-text:last-child .medal{display:none}
@media all and (min-width:1000px){
.result-text:last-child .laur,.result-text:last-child .medal{display:block}
}
.result-text:last-child h3{display:none}
@media all and (min-width:1000px){
.result-text:last-child h3{display:block}
}
.result-text .medal{height:110px;background:url(../../images/old/quiz/medal.png) center no-repeat;background-size:auto 110px}
@media all and (min-width:768px){
.result-text .medal{background-size:auto 123px;height:140px}
}
@media all and (min-width:1000px){
.result-text .medal{background-size:auto;height:175px}
}
.result-text .laur{height:110px;background:url(../../images/old/quiz/laur.png) center no-repeat;background-size:auto 140px;height:140px;line-height:135px}
@media all and (min-width:1000px){
.result-text .laur{background-size:auto;line-height:170px;height:175px}
}
.result-text .laur span{font-size:17px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;max-width:78px;display:inline-block;vertical-align:middle;word-wrap:break-word}
@media all and (min-width:768px){
.result-text .laur span{max-width:88px;font-size:19px;line-height:20px}
}
@media all and (min-width:1000px){
.result-text .laur span{max-width:110px}
}
.result-text .laur.bad,.result-text .laur.better,.result-text .laur.medium,.result-text .laur.normal,.result-text .laur.not-bad{background:url(../../images/old/quiz/bad-luck.png) center no-repeat;background-size:auto 110px;padding-top:25px;line-height:115px;background-size:auto}
@media all and (min-width:1000px){
.result-text .laur.bad,.result-text .laur.better,.result-text .laur.medium,.result-text .laur.normal,.result-text .laur.not-bad{padding-top:30px;line-height:140px}
}
.result-text .laur.bad span,.result-text .laur.better span,.result-text .laur.medium span,.result-text .laur.normal span,.result-text .laur.not-bad span{max-width:120px}
@media all and (min-width:1000px){
.result-text .laur.bad span,.result-text .laur.better span,.result-text .laur.medium span,.result-text .laur.normal span,.result-text .laur.not-bad span{max-width:150px}
}
.result-text .laur.not-bad{background:url(../../images/old/quiz/not-bad.png) center no-repeat}
.result-text .laur.normal{background:url(../../images/old/quiz/normal.png) center no-repeat}
.result-text .laur.medium{background:url(../../images/old/quiz/good-luck.png) center no-repeat}
.result-text .laur.better{background:url(../../images/old/quiz/better-luck.png) center no-repeat}
.result-text .laur.bad1{background:url(../../images/old/quiz/banana.png) center no-repeat}
.result-text h3{font-size:16px;line-height:24px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;font-weight:400;padding-bottom:14px;padding-bottom:40px}
@media all and (min-width:1000px){
.result-text h3{font-size:16px;line-height:24px}
}
@media (min-width:1600px){
.result-text h3{font-size:19px;line-height:27px}
}
@media all and (min-width:768px){
.result-text h3{padding-top:20px;padding-bottom:60px}
}
@media all and (min-width:1000px){
.result-text h3{padding-bottom:0}
}
.result-text .desc{font-size:12px;line-height:24px}
@media all and (min-width:768px){
.result-text .desc{font-size:14px}
}
.result-text .desc p{margin-bottom:24px}
.result-text .desc strong span{display:inline-block;-webkit-box-shadow:0 4px #ffb718;box-shadow:0 4px #ffb718}
.result-text .desc a{color:#fff;text-decoration:underline}
.result-text .buttons{padding-bottom:12px}
@media all and (min-width:480px){
.result-text .buttons{padding-top:20px;padding-bottom:35px}
}
@media all and (min-width:1000px){
.result-text .buttons{padding-top:0}
}
.result-text .buttons .btn{margin-left:9px;margin-right:9px;min-width:172px;margin-bottom:5px}
@media all and (min-width:1400px){
.result-text .buttons .btn{min-width:0}
}
.result-text .browse-button{color:#fff}
.result-text .browse-button a{color:#fff}
.result-text .finish{padding:5px 0 15px}
@media all and (min-width:480px){
.result-text .finish{padding:10px 0 24px}
}
.result-details{padding-top:22px;padding-bottom:30px}
@media all and (min-width:768px){
.result-details{padding-top:56px}
}
@media all and (min-width:1000px){
.result-details{padding-top:70px;float:right;width:55.56%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
}
@media all and (min-width:1000px){
.result-details.is-teacher{float:left;width:59.56%}
}
.result-details .main-info{padding:0 8.33% 9px;overflow:hidden}
.result-details .main-info+.stats{border-top:1px solid #eaeff7}
.result-details .share-result{margin:10px 0 9px;overflow:hidden;background-color:#f0f4f9;padding:10px 8.33%;position:relative}
@media all and (min-width:1000px){
.result-details .share-result{margin:0 8.33% 9px;padding:10px 30px}
}
@media all and (min-width:1500px){
.result-details .share-result{padding-right:200px;background:url(../../images/test/test-result.svg) 100% 10px no-repeat #f0f4f9}
}
.result-details .share-result+.stats{border-top:1px solid #eaeff7}
.result-details .share-result .bigger{font-size:16px;line-height:28px;display:block;margin-bottom:20px;font-family:kelson_sans,sans-serif}
.result-details .share-result .bigger strong{color:#3268b0}
.result-details .share-result .checkbox{display:inline-block;vertical-align:middle;margin-top:0;margin-bottom:0}
.result-details .share-result .checkbox .check{top:0}
.result-details .share-result .checkbox label{display:inline-block}
.result-details .share-checkbox{color:#1a1a1a;margin-top:20px}
.result-details .total{font-size:16px;font-family:kelson_sans,sans-serif;font-weight:700}
@media all and (min-width:768px){
.result-details .total{float:left}
}
@media all and (min-width:1000px){
.result-details .total{float:none}
}
@media all and (min-width:1400px){
.result-details .total{float:left}
}
@media all and (min-width:1600px){
.result-details .total.is-judge-score strong{font-size:60px}
}
@media all and (min-width:1600px){
.result-details .total.is-judge-score+.details{padding-top:55px}
}
.result-details .total strong{font-size:40px;line-height:64px;font-family:kelson_sans,sans-serif;font-weight:100;display:block;font-weight:400;padding-top:3px;padding-bottom:8px;line-height:1}
@media (min-width:1600px){
.result-details .total strong{font-size:60px;line-height:80px}
}
@media all and (min-width:768px){
.result-details .total strong{padding-top:10px;padding-bottom:0}
}
@media all and (min-width:768px){
.result-details .details{float:right;padding-top:80px}
}
@media all and (min-width:1000px){
.result-details .details{float:none;padding-top:0}
}
@media all and (min-width:1400px){
.result-details .details{float:right;padding-top:55px}
}
@media all and (min-width:1600px){
.result-details .details{padding-top:80px}
}
.result-details .details p{margin:0;font-size:14px;margin-bottom:17px}
@media all and (min-width:480px){
.result-details .details p{float:left;padding-left:40px;margin-bottom:0}
}
.result-details .details p:first-child{padding-left:0}
@media all and (min-width:768px){
.result-details .details p:first-child{padding-left:20px}
}
@media all and (min-width:1000px){
.result-details .details p:first-child{padding-left:0}
}
@media all and (min-width:1400px){
.result-details .details p:first-child{padding-left:20px}
}
.result-details .details p span:first-child{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;display:block;color:#1a1a1a;text-transform:uppercase;margin-bottom:7px}
@media all and (min-width:1000px){
.result-details .details p span:first-child{font-size:10px;line-height:18px}
}
@media (min-width:1600px){
.result-details .details p span:first-child{font-size:12px;line-height:20px}
}
.result-details .details p span:first-child:before{width:25px;color:#acbac2;font-size:14px;vertical-align:middle;margin-bottom:3px}
.result-details .friends-results+.top-info{border-top-width:0}
.result-details .top-info{margin:0 8.33%;border-top:1px solid #eaeff7;border-bottom:1px solid #eaeff7}
@media all and (min-width:768px){
.result-details .top-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.result-details .top-info:empty{border-top-width:0;padding-bottom:0}
.result-details .top-info .desc{padding-top:27px;padding-bottom:27px}
.result-details .top-info .desc .top-label{margin-bottom:23px}
.result-details .top-info .desc p{font-size:18px;line-height:24px;font-family:kelson_sans,sans-serif;color:#323232;margin:0}
@media all and (min-width:768px){
.result-details .top-info .desc p{font-size:24px;line-height:32px}
}
.result-details .top-info .desc-points .points{background-color:#fcc133;font-weight:700;text-transform:uppercase;padding:1px 5px;color:#fff;margin-left:10px}
@media all and (min-width:768px){
.result-details .top-info .desc-points .points{padding:9px}
}
.result-details .top-info .button{margin:0}
@media all and (min-width:768px){
.result-details .top-info .button{float:right;margin-left:20px}
}
.result-details .top-info .button .btn{min-width:100%}
@media all and (min-width:768px){
.result-details .top-info .button .btn{min-width:0}
}
.result-details .stats{margin:0 8.33%}
.result-details .stats h4{padding-top:20px;padding-bottom:10px}
.result-details .stats img{width:100%;height:auto}
.result-details .stats #stats-category{margin-bottom:20px;border-bottom:1px solid #eaeff7}
.result-details .stats .category-line-help{width:100%;margin-bottom:20px}
@media all and (min-width:768px){
.result-details .stats .category-line-help{margin-bottom:0}
}
.result-details .stats .category-line-help:last-child{margin-bottom:0}
.result-details .stats .category-line-help:last-child span{bottom:57px}
.result-details .stats .category-line-help:last-child .category-line-outer .category-line{position:relative}
.result-details .stats .category-line-help:before{display:none}
.result-details .stats .category-line-help span{left:8px}
@media all and (min-width:768px){
.result-details .stats .category-line-help span{left:118px}
}
.result-details .stats .category-line-outer{position:relative}
@media all and (min-width:768px){
.result-details .stats .category-line-outer{overflow:hidden;padding-bottom:4.7%}
}
@media all and (min-width:768px){
.result-details .stats .category-line{padding-left:180px;position:absolute;left:0;top:0;width:100%;display:block;overflow:hidden}
}
@media all and (min-width:1000px){
.result-details .stats .category-line{padding-left:140px}
}
@media all and (min-width:1220px){
.result-details .stats .category-line{padding-left:180px}
}
.result-details .stats .category-line p{font-size:11px;margin:0}
@media all and (min-width:768px){
.result-details .stats .category-line p{position:absolute;left:0;top:36%;width:180px;margin-top:-14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:28px}
}
@media all and (min-width:1000px){
.result-details .stats .category-line p{width:140px}
}
@media all and (min-width:1220px){
.result-details .stats .category-line p{width:180px}
}
.result-details .stats .bar-canvas{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media all and (min-width:768px){
.result-details .stats .bar-canvas.is-four div{width:50%}
}
@media all and (min-width:1600px){
.result-details .stats .bar-canvas.is-four div{width:25%}
}
.result-details .stats .bar-canvas div{position:relative;display:block;float:left;width:50%}
.result-details .stats .bar-canvas div.help:before{display:none}
.result-details .stats .bar-canvas div.help span{bottom:100%;margin-bottom:10px}
@media all and (min-width:768px){
.result-details .stats .bar-canvas div{width:33.33%}
}
.result-details .stats .bar-canvas div .descr{width:100%;display:block;position:absolute;bottom:0;background:#fff;padding-left:15px;padding-right:15px;border-bottom:2px solid #eaeff7;-webkit-transition:opacity .3s;transition:opacity .3s}
.result-details .stats .bar-canvas div .descr h4{font-size:14px;margin-bottom:0;margin-top:0}
.result-details .stats .bar-canvas div .descr p{font-size:12px}
.result-details .stats .none+.stats-legend{top:5px}
.result-details .stats .stats-legend{font-size:11px;padding-top:22px;text-align:left}
@media all and (min-width:768px){
.result-details .stats .stats-legend{float:right;position:relative;top:15px}
}
.result-details .stats .stats-legend>span{display:inline-block;margin-left:8px}
@media all and (min-width:480px){
.result-details .stats .stats-legend>span{margin-left:16px}
}
.result-details .stats .stats-legend>span:first-child{margin-left:0}
.result-details .stats .stats-legend>span span{display:inline-block;width:8px;margin-right:7px;height:8px;border-radius:40px}
.result-details .stats .stats-legend>span span.color1{background-color:#f5ac1b}
.result-details .stats .stats-legend>span span.color2{background-color:#8fc6e6}
.result-details .stats .stats-legend>span span.color3{background-color:#098bd1}
.result-details .buttons{margin:0 8.33%;padding:20px 0}
@media all and (min-width:1000px){
.result-details .buttons{padding:40px 0}
}
.result-details .stats .bar-canvas{overflow:visible}
#stats-exp .stats-legend,#stats-exptotal .stats-legend,#stats-expuniversity .stats-legend,#stats-totaluniversity .stats-legend{top:0}
.tags-input{background-color:#fff;padding:6px 6px 0;display:inline-block;width:100%;vertical-align:bottom;position:relative;padding-right:50px}
.tags-input .help{position:absolute;right:15px;top:15px}
.tags-input .input-suggest{display:inline-block;max-width:100%}
.tags-input .input-suggest input{min-width:100px;max-width:100%}
.tags-input .list{list-style-type:none;margin:0;float:left;padding:0;display:inline}
.tags-input .list li{display:inline-block;background-color:rgba(238,243,248,.5);color:#fff;margin-right:6px;float:left;padding:10px 10px 10px 17px;border-radius:4px;vertical-align:middle;margin-bottom:6px;color:#3268b0}
.tags-input .list button{background-color:transparent;border-width:0;color:#acbac2;font-size:9px;width:20px;text-align:right}
.tags-input .form-control{padding-left:14px;padding-right:0;width:100%;display:inline-block;vertical-align:middle;height:40px;margin-bottom:6px}
@media all and (min-width:480px){
.tags-input .form-control{width:260px}
}
@media all and (min-width:768px){
.tags-input .form-control{width:300px}
}
.tags-input .form-control:focus{-webkit-box-shadow:none;box-shadow:none}
.invite-friends{padding-bottom:30px;border-top:1px solid #3268b0}
.invite-friends h3{color:#fff;margin-top:30px;margin-bottom:20px;font-weight:700}
.invite-friends .btn-yellow{min-width:150px;margin-bottom:30px}
.invite-friends .help-block{text-align:left}
.invite-friends .invite-succes{padding-top:55px;padding-bottom:20px}
.invite-friends .invite-succes button{margin-top:15px}
.invite-friends .tags-input{z-index:50;padding-left:40px;text-align:left}
.invite-friends .tags-input .list{display:inline;float:none}
.invite-friends .tags-input .list li{float:none}
.invite-friends .tags-input .form-control{width:310px}
.invite-friends .tags-input .smaller{width:170px}
.invite-friends .tags-input li button{cursor:pointer}
.invite-friends .input-suggest.open{-webkit-box-shadow:none;box-shadow:none}
.invite-friends .friend-row{position:relative}
.invite-friends .friend-row:before{position:absolute;color:#acbac2;left:20px;top:17px;opacity:1;z-index:51}
.invite-friends .friend-row .form-control{padding-left:50px}
.invite-friends .friend-row .input-suggest .form-control{padding-left:15px}
.invite-friends .message-row{text-align:left}
.invite-friends .message-row.open label span{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.invite-friends .message-row.open textarea{display:block}
.invite-friends .message-row label{color:#fff;-webkit-transition:color .3s;transition:color .3s;cursor:pointer}
.invite-friends .message-row label:hover{color:#fcc133}
.invite-friends .message-row label span{display:inline-block;vertical-align:middle;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.invite-friends .message-row textarea{display:none}
.result-with-invite-form h3{font-weight:700}
.invite-friends .form-inner h3{margin-top:30px;margin-bottom:20px}
.width{position:absolute;left:-10000px}
.show-rate-info{z-index:11}
.interpretation{padding-top:20px}
.interpretation p{font-size:14px;line-height:24px}
@media all and (min-width:1000px){
.interpretation p{font-size:13px;line-height:23px}
}
@media (min-width:1600px){
.interpretation p{font-size:16px;line-height:26px}
}
.challenge-template__result-category{font-size:14px;line-height:24px;border-top:1px solid #f0f4f9;padding:20px 0}
@media all and (min-width:1000px){
.challenge-template__result-category{font-size:13px;line-height:23px}
}
@media (min-width:1600px){
.challenge-template__result-category{font-size:16px;line-height:26px}
}
@media all and (min-width:1000px){
.challenge-template__result-category{display:-webkit-box;display:-ms-flexbox;display:flex}
}
.challenge-template__result-category-name{font-weight:700;color:#3268b0}
@media all and (min-width:1000px){
.challenge-template__result-category-name{min-width:174px;max-width:174px}
}
.challenge-template__result-category-points{font-family:kelson_sans,sans-serif;letter-spacing:.76px;font-size:20px;line-height:26px;color:#3268b0}
@media (min-width:1000px){
.challenge-template__result-category-points{font-size:22px;line-height:28px}
}
@media (min-width:1600px){
.challenge-template__result-category-points{font-size:24px;line-height:32px}
}
.challenge-template__result-category-description{padding-bottom:15px}
@media all and (min-width:1000px){
.challenge-template__result-category-description{padding-left:20px}
}
#stats-category p{font-size:14px;line-height:24px}
@media all and (min-width:1000px){
#stats-category p{font-size:13px;line-height:23px}
}
@media (min-width:1600px){
#stats-category p{font-size:16px;line-height:26px}
}
.chart-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 -10px}
.chart-group>div{width:100%;padding:0 10px}
@media all and (min-width:768px){
.chart-group>div{width:50%}
}
.chart-group>div:only-child{width:100%}
.tabs-menu_border{padding-top:20px;border-top:1px solid #eaeff7}
.tabs-menu_padding{padding-top:20px}
.right-answer{background-color:#85ca00!important;color:#fff}
.right-answer:before{border-right:1px solid #9dd533!important}
.wrong-answer{background-color:#d10909!important;color:#fff}
.wrong-answer:before{border-right:1px solid #d33638!important}
.profile-info{width:100%;background:#fff;position:fixed;z-index:100;top:60px;left:0;padding:32px 23px;-webkit-box-shadow:0 8px 16px rgba(0,86,184,.2);box-shadow:0 8px 16px rgba(0,86,184,.2);opacity:0;visibility:hidden;max-height:75%;-webkit-transition:.3s;transition:.3s;overflow:auto}
@media all and (min-width:768px){
.profile-info{padding:65px 8.33%;max-height:90%}
}
@media all and (min-width:1000px){
.profile-info{width:47.05%;position:fixed;left:5.56%;padding:35px 5.56%;border-left:1px solid #eaeff7}
}
@media all and (min-width:1000px) and (min-height:700px){
.profile-info{padding:65px 5.56%}
}
.profile-info:before{content:" ";background-color:#fff;position:absolute;left:0;height:5px;top:-5px;width:93px}
@media all and (min-width:768px){
.profile-info:before{left:8.33%;width:250px}
}
@media all and (min-width:1000px){
.profile-info:before{left:0}
}
.open-profile .profile-info{opacity:1;visibility:visible}
.is-livepreview .profile-info{left:50%}
.profile-info .profile-inner{padding-top:3px}
.profile-info#profile-info-result{left:auto;right:0;opacity:1;visibility:visible;padding:32px 8.33%;max-height:none}
@media all and (min-width:768px){
.profile-info#profile-info-result{padding:65px 8.33%}
}
@media all and (min-width:1000px){
.profile-info#profile-info-result{padding:65px 4.56%;min-height:calc(100vh - 80px)}
}
.profile-info.open-all .more-info-btn{display:none}
.profile-info.open-all #more-info{display:block}
.profile-info .see-profile-button{padding-top:23px;margin:0;float:right}
.profile-info .main-info{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.profile-info .main-info .name-points{width:100%;padding-right:10px}
@media all and (min-width:768px){
.profile-info .main-info .name-points{padding-left:3px}
}
.profile-info .main-info .profile-info-title h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-info .main-info .points{color:#098bd1;font-weight:700;font-size:12px;text-transform:uppercase;margin-top:-9px;display:block}
.profile-info .main-info .avatar{margin-right:24px;width:62px;height:62px;float:left;display:none}
@media all and (min-width:768px){
.profile-info .main-info .avatar{width:80px;height:80px}
}
@media all and (min-width:1000px){
.profile-info .main-info .avatar{display:none}
}
@media all and (min-width:1220px){
.profile-info .main-info .avatar{display:block}
}
.profile-info .main-info .avatar img{width:56px;height:56px;border-radius:50px;border:3px solid #098bd1;margin-top:-2px;margin-left:-3px}
@media all and (min-width:768px){
.profile-info .main-info .avatar img{width:80px;height:80px}
}
.profile-info .main-info .avatar .avatar-text{border-radius:50px;width:80px;height:80px;text-align:center;display:block;line-height:74px;font-fmaily:kelson_sans,sans-serif;font-weight:700;font-size:20px;border:3px solid #098bd1;text-transform:uppercase;color:#3268b0}
.profile-info .profile-details{overflow:hidden;padding-top:28px;border-bottom:none;width:100%;padding-bottom:25px;clear:both}
@media all and (min-width:768px){
.profile-info .profile-details{margin-bottom:25px;border-bottom:1px solid #eaeff7}
}
.profile-info .profile-details .detail{width:50%;margin-bottom:10px;float:left}
.profile-info .profile-details .detail:last-child{margin-right:0}
@media all and (min-width:1000px){
.profile-info .profile-details .detail{margin-bottom:15px}
}
.profile-info .profile-details .detail span{color:#3268b0}
.profile-info .profile-details .detail .merge-word{color:#1a1a1a;margin:0 5px}
.profile-info .profile-details .detail p{text-transform:uppercase;width:88%;margin-bottom:3px;font-weight:700;font-size:12px}
.profile-info .profile-details .detail p:before{color:#acbac2;font-size:14px;width:30px;vertical-align:middle}
.profile-info .skills{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;margin:0;padding:5px 0 0}
.profile-info .skills li{width:49%;margin-left:1%;margin-bottom:8px;line-height:36px;font-size:12px;text-transform:none!important;border:2px solid #eaeff7;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;border-radius:4px;padding:0 10px;color:#3268b0}
@media all and (min-width:480px){
.profile-info .skills li{width:33%;margin-left:.5%}
}
@media all and (min-width:1000px){
.profile-info .skills li{width:24.5%;margin-left:.5%}
}
.profile-info .skills li:nth-child(2n+1){margin-left:0}
@media all and (min-width:480px){
.profile-info .skills li:nth-child(2n+1){margin-left:.5%}
}
.profile-info .skills li:nth-child(3n+1){margin-left:0}
@media all and (min-width:1000px){
.profile-info .skills li:nth-child(2n+1){margin-left:.5%}
.profile-info .skills li:nth-child(3n+1){margin-left:.5%}
.profile-info .skills li:nth-child(4n+1){margin-left:0}
}
.profile-info .awards{list-style-type:none;margin:0;padding:5px 0 0}
.profile-info .awards li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;min-height:64px;text-align:left!important;padding:0!important;list-style:none;border:2px solid #eaeff7;background:0 0;padding:13px 24px;list-style:none;border:2px solid #eaeff7;text-align:center;font-weight:700;border-radius:4px;font-size:14px;color:#3268b0}
.profile-info .awards li:active{-webkit-box-shadow:none;box-shadow:none}
.profile-info .awards li:before{color:#098bd1;font-size:40px;vertical-align:middle;padding-right:15px;padding-left:15px}
.profile-info .awards li .merge-word{color:#1a1a1a;margin:0 21px;font-weight:400}
.profile-info .awards li .award{color:#1a1a1a;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:15px;line-height:60px;margin:0}
.profile-info .awards li .award-name{font-family:kelson_sans,sans-serif}
.profile-info .awards li .competition-name{color:#098bd1;font-family:kelson_sans,sans-serif}
.profile-info .register-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px;line-height:20px}
@media all and (min-width:1000px){
.profile-info .register-form{font-size:12px;line-height:18px}
}
@media (min-width:1600px){
.profile-info .register-form{font-size:14px;line-height:20px}
}
.profile-info .register-form dt{width:100%;font-weight:400;border-top:1px solid #eaeff7;padding:10px 5px 2px 0}
@media all and (min-width:480px){
.profile-info .register-form dt{width:50%;padding-top:5px;padding-bottom:5px}
}
.profile-info .register-form dt:first-of-type{border-top-width:0}
.profile-info .register-form dd{width:100%;padding:2px 0 10px;font-weight:700}
@media all and (min-width:480px){
.profile-info .register-form dd{width:50%;border-top:1px solid #eaeff7;padding-left:5px;padding-bottom:5px;pading-top:5px}
}
.profile-info .register-form dd:first-of-type{border-top-width:0}
.dark .profile-info{background:#2c2f31;border-left-color:#56595a;color:#acbac2}
#quiz-result .profile-info .register-form dd,#quiz-result .profile-info .register-form dt{border-top-color:#fff}
.profile-view{-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);overflow-y:hidden}
.teacher-nav{padding-top:0!important}
@media all and (min-width:768px){
.teacher-nav{padding-top:72px!important}
}
@media all and (min-width:1000px){
.teacher-nav{padding-top:0!important}
}
.btn-next,.btn-prev{display:none!important}
@media all and (min-width:768px){
.btn-next,.btn-prev{display:inline-block!important}
}
.more-info-btn{margin:0}
@media all and (min-width:768px){
.more-info-btn{display:none}
}
.more-info-btn .btn{width:100%}
#more-info{display:none}
@media all and (min-width:768px){
#more-info{display:block}
}
@media all and (min-width:768px){
#more-info .see-profile-button{display:none}
}
#more-info .skills{margin-bottom:20px}
.tip-shadow{display:none}
@media all and (min-width:1000px){
.tip-shadow{position:fixed;background-color:rgba(50,104,196,.5);z-index:100;display:block;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
}
.tip-shadow.open{opacity:1}
.tip-bubble{display:none}
@media all and (min-width:1000px){
.tip-bubble{position:absolute;display:block;width:393px;background-color:#fff;padding:17px 23px;z-index:101;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
}
.dark .tip-bubble{background-color:#000;color:#fff}
.dark .tip-bubble .before{border-left-color:#000}
.dark .tip-bubble.left .before{border-right-color:#000}
.dark .tip-bubble.bottom .before{border-top-color:#000}
.tip-bubble.open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.tip-bubble .before{content:" ";position:absolute;right:-15px;top:12px;border:15px solid transparent;border-left-color:#fff;border-right-width:0}
.tip-bubble.left .before{border-left-width:0;border-right:15px solid #fff;right:auto;left:-15px}
.tip-bubble.bottom .before{border-left-color:transparent;border-top:15px solid #fff;border-bottom-width:0;border-right:15px solid transparent;right:12px;bottom:-15px;top:auto}
.tip-bubble p{margin-bottom:0;line-height:24px}
.tip-bubble .btn{margin-top:15px;width:48%;float:left}
.tip-bubble .btn+.btn{float:right}
#all .tip-active-element{border-radius:0}
#all .tip-active-element.btn-blue{background-color:#fcc133}
#all .tip-active-element.btn-blue:hover{background-color:#ffb718}
.finish-quiz-no-result{background-color:#eaeff7;position:absolute;left:0;top:0;width:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.finish-quiz-no-result .no-result-message{z-index:2;padding-top:20px;width:100%;text-align:center}
@media all and (min-width:768px){
.finish-quiz-no-result .no-result-message{padding-top:115px}
}
.finish-quiz-no-result .no-result-message .message-content{display:inline-block;margin-bottom:40px;max-width:800px}
.finish-quiz-no-result .no-result-message .message-content .succes-boy{height:100px;margin-left:40px}
@media all and (min-width:768px){
.finish-quiz-no-result .no-result-message .message-content .succes-boy{height:168px}
}
.finish-quiz-no-result .no-result-message .message-content h2{margin-right:30px;margin-left:30px}
.finish-quiz-no-result .no-result-message .message-content p{font-size:14px;margin:auto 10px;padding:0 15px;margin-bottom:30px}
@media all and (min-width:768px){
.finish-quiz-no-result .no-result-message .message-content p{font-size:18px}
}
.finish-quiz-no-result .no-result-message .message-content p.total{font-size:16px;font-family:kelson_sans,sans-serif;font-weight:700;margin-bottom:0}
.finish-quiz-no-result .no-result-message .message-content p.total strong{display:block;font-size:60px;font-weight:400;padding-top:3px;padding-bottom:8px}
@media all and (min-width:768px){
.finish-quiz-no-result .no-result-message .message-content p.total strong{font-size:80px}
}
.finish-quiz-no-result .no-result-message .message-content .rating{padding:0 15px;margin-bottom:30px;text-align:left}
.finish-quiz-no-result .no-result-message .message-content .rating .required{color:#dd4c39}
.finish-quiz-no-result .no-result-message .message-content .rating .checkbox-group{margin-bottom:12px}
.finish-quiz-no-result .no-result-message .message-content .rating .checkbox-group input{margin-right:10px;width:22px;height:22px;vertical-align:bottom}
.finish-quiz-no-result .no-result-message .message-content .rating textarea{height:80px}
.finish-quiz-no-result .no-result-message .message-content .rating .buttons-rating{text-align:center;margin:16px}
.finish-quiz-no-result .no-result-message .message-content .rating .rating-saved{text-align:center}
.finish-quiz-no-result .star-item{position:absolute;z-index:1;display:none}
@media all and (min-width:768px){
.finish-quiz-no-result .star-item{display:block}
}
.finish-quiz-no-result .star-item-1{height:12px;width:12px;top:90px;left:42px}
.finish-quiz-no-result .star-item-2{height:23px;width:23px;top:173px;left:20px}
.finish-quiz-no-result .star-item-3{height:18px;width:18px;top:309px;left:18px;display:none}
@media all and (min-width:768px){
.finish-quiz-no-result .star-item-3{display:block}
}
.finish-quiz-no-result .star-item-4{height:12px;width:12px;top:420px;left:55px}
.finish-quiz-no-result .star-item-5{height:17px;width:17px;top:255px;left:87px}
.finish-quiz-no-result .star-item-6{height:12px;width:12px;top:153px;left:132px}
.finish-quiz-no-result .star-item-7{height:17px;width:17px;top:256px;left:87px;display:none}
@media all and (min-width:768px){
.finish-quiz-no-result .star-item-7{display:block}
}
.finish-quiz-no-result .star-item-8{height:23px;width:23px;top:338px;left:129px}
.finish-quiz-no-result .star-item-8{height:12px;width:12px;top:103px;left:184px}
.finish-quiz-no-result .star-item-9{height:23px;width:23px;top:117px;left:254px;display:none}
@media all and (min-width:768px){
.finish-quiz-no-result .star-item-9{display:block}
}
.finish-quiz-no-result .star-item-10{height:17px;width:17px;top:232px;left:221px}
.finish-quiz-no-result .star-item-11{height:23px;width:23px;top:338px;left:129px}
.finish-quiz-no-result .star-item-12{height:19px;width:19px;top:210px;right:70px}
.finish-quiz-no-result .star-item-13{height:13px;width:13px;top:82px;right:87px}
.finish-quiz-no-result .star-item-14{height:13px;width:13px;top:104px;right:185px}
.finish-quiz-no-result .star-item-15{height:25px;width:25px;top:121px;right:303px}
.finish-quiz-no-result .star-item-16{height:25px;width:25px;top:137px;right:38px}
.finish-quiz-no-result .star-item-17{height:13px;width:13px;top:184px;right:183px}
.finish-quiz-no-result .star-item-18{height:13px;width:13px;top:252px;right:285px}
.finish-quiz-no-result .star-item-19{height:20px;width:20px;top:320px;right:18px;display:none}
@media all and (min-width:768px){
.finish-quiz-no-result .star-item-19{display:block}
}
.finish-quiz-no-result .star-item-20{height:25px;width:25px;top:355px;right:178px}
.finish-quiz-no-result .star-item-21{height:13px;width:13px;top:427px;right:60px;display:none}
@media all and (min-width:768px){
.finish-quiz-no-result .star-item-21{display:block}
}
.finish-quiz-no-result .star-item-22{height:20px;width:20px;top:266px;right:141px}
.finish-quiz-no-result .left-star{opacity:0}
@media all and (min-width:768px){
.finish-quiz-no-result .left-star{opacity:1}
}
.test-outer{width:100%;background:#eaeff7}
@media all and (min-width:1000px){
.test-outer{width:1000px}
}
.categories-field{z-index:10;position:relative}
.categories-field:hover{z-index:20}
.quiz-edit-task-form{width:100%}
.quiz-edit-task-form .form-header{text-align:center}
.quiz-edit-task-form .form-header h2{font-size:44px;margin-top:0;display:block;text-align:left;clear:both}
@media all and (min-width:768px){
.quiz-edit-task-form .form-header h2{clear:none;display:inline-block;text-align:center}
}
.quiz-edit-task-form .form-header .button{margin-top:-60px}
@media all and (min-width:768px){
.quiz-edit-task-form .form-header .button{margin-top:5px}
}
.quiz-edit-task-form .form-header .breadcrumb{display:block;margin-bottom:41px;float:left;display:inline-block;margin-top:0}
@media all and (min-width:768px){
.quiz-edit-task-form .form-header .breadcrumb{display:innline-block;margin-bottom:0;margin-top:19px}
}
.quiz-edit-task-form .form-header .breadcrumb a:hover:before{border-right:6px solid #fcc133}
.quiz-edit-task-form .form-header .breadcrumb a:before{display:inline-block;height:13px;-webkit-transition:border-right .3s;transition:border-right .3s;content:" ";border:6px solid transparent;border-right:6px solid #3268b0;margin-right:16px;position:relative;top:1px}
.quiz-edit-task-form .form-header .button{float:right;display:inline-block}
.quiz-edit-task-form .form{clear:both;padding-bottom:40px}
.quiz-edit-task-form .form .CodeMirror{border:1px solid #b6dcf1!important;-webkit-transition:.3s;transition:.3s}
.quiz-edit-task-form .form .CodeMirror.CodeMirror-focused{border-color:#098bd1!important;-webkit-box-shadow:0 2px 4px rgba(50,104,196,.2)!important;box-shadow:0 2px 4px rgba(50,104,196,.2)!important}
.quiz-edit-task-form .form .CodeMirror-empty{color:#acbac2}
.quiz-edit-task-form .form .max-points .help{top:34px}
@media all and (min-width:1600px){
.quiz-edit-task-form .form .max-points .help{top:40px}
}
.quiz-edit-task-form .form .two-col-fields .form-group{width:100%;display:inline-block}
.quiz-edit-task-form .form .two-col-fields .form-group:nth-child(1){float:left}
.quiz-edit-task-form .form .two-col-fields .form-group:nth-child(2){float:right}
@media all and (min-width:768px){
.quiz-edit-task-form .form .two-col-fields .form-group{width:47%}
}
.quiz-edit-task-form .form .two-col-fields .clearfix{clear:both}
.quiz-edit-task-form .form .more-option-btn-outer{clear:both;text-align:center;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:10px;font-weight:700;font-size:12px}
.quiz-edit-task-form .form .more-option-btn-outer .more-option-btn{position:relative}
.quiz-edit-task-form .form .more-option-btn-outer .more-option-btn:after{position:absolute;content:" ";display:inline-block;border:7px solid transparent;border-top:7px solid #3268b0;bottom:-26px;left:63px}
.quiz-edit-task-form .form .more-option-btn-outer .hide-more-option{top:39px}
.quiz-edit-task-form .form .more-option-btn-outer .hide-more-option:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:28px;left:58px}
.quiz-edit-task-form .form .more-options{display:block}
.quiz-edit-task-form .form .more-options textarea{height:100px}
.quiz-edit-task-form .form .more-options .more-options-section{border-top:1px solid #fff;padding-top:12px}
.quiz-edit-task-form .form .more-options .doc-field textarea{height:100px}
.quiz-edit-task-form .form .more-options .doc-field .ql-editor{min-height:100px}
.quiz-edit-task-form .form .more-options .feedback-field{position:relative}
.quiz-edit-task-form .form .more-options .feedback-field textarea{height:100px}
.quiz-edit-task-form .form .more-options .feedback-field .ql-editor{min-height:100px}
@media (max-width:768px){
.quiz-edit-task-form .form .more-options .solution-field .help{float:right;right:12px}
}
.quiz-edit-task-form .form .more-options .code-field textarea{resize:vertical;height:300px}
.quiz-edit-task-form .form .add-hidden-test-btn,.quiz-edit-task-form .form .add-hidden-unit-test-btn,.quiz-edit-task-form .form .add-test-btn,.quiz-edit-task-form .form .add-unit-test-btn{margin-bottom:20px;height:48px;width:48px;display:inline-block;background:#3268b0;border-radius:50%;text-align:center;line-height:50px;border:none;color:#fff;margin-top:196px;position:relative;-webkit-transition:background .3s;transition:background .3s}
.quiz-edit-task-form .form .add-hidden-test-btn>span,.quiz-edit-task-form .form .add-hidden-unit-test-btn>span,.quiz-edit-task-form .form .add-test-btn>span,.quiz-edit-task-form .form .add-unit-test-btn>span{display:none}
@media all and (min-width:768px){
.quiz-edit-task-form .form .add-hidden-test-btn,.quiz-edit-task-form .form .add-hidden-unit-test-btn,.quiz-edit-task-form .form .add-test-btn,.quiz-edit-task-form .form .add-unit-test-btn{margin-top:58px}
}
.quiz-edit-task-form .form .add-hidden-test-btn:hover,.quiz-edit-task-form .form .add-hidden-unit-test-btn:hover,.quiz-edit-task-form .form .add-test-btn:hover,.quiz-edit-task-form .form .add-unit-test-btn:hover{background:#fcc133}
.quiz-edit-task-form .form .add-hidden-test-btn{margin-bottom:56px}
.quiz-edit-task-form .form .test-type .hidden-test-editor,.quiz-edit-task-form .form .test-type .hidden-unit-tests,.quiz-edit-task-form .form .test-type .test-editor,.quiz-edit-task-form .form .test-type .unit-tests{padding-left:0}
.quiz-edit-task-form .form .test-type .hidden-test-editor li,.quiz-edit-task-form .form .test-type .hidden-unit-tests li,.quiz-edit-task-form .form .test-type .test-editor li,.quiz-edit-task-form .form .test-type .unit-tests li{clear:both;list-style:none}
.quiz-edit-task-form .form .test-type .hidden-test-editor li textarea,.quiz-edit-task-form .form .test-type .hidden-unit-tests li textarea,.quiz-edit-task-form .form .test-type .test-editor li textarea,.quiz-edit-task-form .form .test-type .unit-tests li textarea{height:100px}
.quiz-edit-task-form .form .test-type .hidden-test-editor li textarea.control-small,.quiz-edit-task-form .form .test-type .hidden-unit-tests li textarea.control-small,.quiz-edit-task-form .form .test-type .test-editor li textarea.control-small,.quiz-edit-task-form .form .test-type .unit-tests li textarea.control-small{height:70px}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .CodeMirror,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .CodeMirror,.quiz-edit-task-form .form .test-type .test-editor li .CodeMirror,.quiz-edit-task-form .form .test-type .unit-tests li .CodeMirror{height:100px}
.quiz-edit-task-form .form .test-type .hidden-test-editor li:hover .item-number-outer .item-number,.quiz-edit-task-form .form .test-type .hidden-unit-tests li:hover .item-number-outer .item-number,.quiz-edit-task-form .form .test-type .test-editor li:hover .item-number-outer .item-number,.quiz-edit-task-form .form .test-type .unit-tests li:hover .item-number-outer .item-number{background:#3268b0;cursor:pointer;color:#fff}
.quiz-edit-task-form .form .test-type .hidden-test-editor li:hover .item-number-outer .item-number>span,.quiz-edit-task-form .form .test-type .hidden-unit-tests li:hover .item-number-outer .item-number>span,.quiz-edit-task-form .form .test-type .test-editor li:hover .item-number-outer .item-number>span,.quiz-edit-task-form .form .test-type .unit-tests li:hover .item-number-outer .item-number>span{display:none}
.quiz-edit-task-form .form .test-type .hidden-test-editor li:hover .item-number-outer .item-number:before,.quiz-edit-task-form .form .test-type .hidden-unit-tests li:hover .item-number-outer .item-number:before,.quiz-edit-task-form .form .test-type .test-editor li:hover .item-number-outer .item-number:before,.quiz-edit-task-form .form .test-type .unit-tests li:hover .item-number-outer .item-number:before{display:inline}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .item-number-outer,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .item-number-outer,.quiz-edit-task-form .form .test-type .test-editor li .item-number-outer,.quiz-edit-task-form .form .test-type .unit-tests li .item-number-outer{display:inline-block;width:10%}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .item-number-outer .item-number,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .item-number-outer .item-number,.quiz-edit-task-form .form .test-type .test-editor li .item-number-outer .item-number,.quiz-edit-task-form .form .test-type .unit-tests li .item-number-outer .item-number{height:48px;width:48px;display:inline-block;border:4px solid #3268b0;border-radius:50%;text-align:center;line-height:42px;font-family:kelson_sans,sans-serif;margin-top:32px;font-weight:700;position:relative;-webkit-transition:background .3s;transition:background .3s}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .item-number-outer .item-number:before,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .item-number-outer .item-number:before,.quiz-edit-task-form .form .test-type .test-editor li .item-number-outer .item-number:before,.quiz-edit-task-form .form .test-type .unit-tests li .item-number-outer .item-number:before{display:none}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .test-editor li .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .unit-tests li .item-number-outer .item-number:after{content:" ";display:block;position:absolute;height:236px;width:4px;bottom:-238px;left:19px;background-color:#3268b0}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields,.quiz-edit-task-form .form .test-type .test-editor li .fields,.quiz-edit-task-form .form .test-type .unit-tests li .fields{display:inline-block;width:79%;border-bottom:1px solid #fff;float:right}
@media all and (min-width:768px){
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields,.quiz-edit-task-form .form .test-type .test-editor li .fields,.quiz-edit-task-form .form .test-type .unit-tests li .fields{width:89%}
}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .form-group,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .form-group,.quiz-edit-task-form .form .test-type .test-editor li .fields .form-group,.quiz-edit-task-form .form .test-type .unit-tests li .fields .form-group{margin-top:8px;margin-bottom:8px;display:inline-block;width:100%}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .form-group .subicon-fullscreen,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .form-group .subicon-fullscreen,.quiz-edit-task-form .form .test-type .test-editor li .fields .form-group .subicon-fullscreen,.quiz-edit-task-form .form .test-type .unit-tests li .fields .form-group .subicon-fullscreen{position:absolute;right:4px;top:4px}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .form-group .subicon-fullscreen span,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .form-group .subicon-fullscreen span,.quiz-edit-task-form .form .test-type .test-editor li .fields .form-group .subicon-fullscreen span,.quiz-edit-task-form .form .test-type .unit-tests li .fields .form-group .subicon-fullscreen span{display:none}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .form-group .subicon-upload,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .form-group .subicon-upload,.quiz-edit-task-form .form .test-type .test-editor li .fields .form-group .subicon-upload,.quiz-edit-task-form .form .test-type .unit-tests li .fields .form-group .subicon-upload{position:absolute;right:28px;top:4px}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .form-group .subicon-upload span,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .form-group .subicon-upload span,.quiz-edit-task-form .form .test-type .test-editor li .fields .form-group .subicon-upload span,.quiz-edit-task-form .form .test-type .unit-tests li .fields .form-group .subicon-upload span{display:none}
@media all and (min-width:768px){
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .fields-cols .form-group,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .fields-cols .form-group,.quiz-edit-task-form .form .test-type .test-editor li .fields .fields-cols .form-group,.quiz-edit-task-form .form .test-type .unit-tests li .fields .fields-cols .form-group{width:49%}
}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .fields-cols .form-group:last-child,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .fields-cols .form-group:last-child,.quiz-edit-task-form .form .test-type .test-editor li .fields .fields-cols .form-group:last-child,.quiz-edit-task-form .form .test-type .unit-tests li .fields .fields-cols .form-group:last-child{float:right}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .fields-cols .form-group:first-child,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .fields-cols .form-group:first-child,.quiz-edit-task-form .form .test-type .test-editor li .fields .fields-cols .form-group:first-child,.quiz-edit-task-form .form .test-type .unit-tests li .fields .fields-cols .form-group:first-child{float:left}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .with-beak,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .with-beak,.quiz-edit-task-form .form .test-type .test-editor li .fields .with-beak,.quiz-edit-task-form .form .test-type .unit-tests li .fields .with-beak{position:relative}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .with-beak.has-error .after,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .with-beak.has-error .after,.quiz-edit-task-form .form .test-type .test-editor li .fields .with-beak.has-error .after,.quiz-edit-task-form .form .test-type .unit-tests li .fields .with-beak.has-error .after{border-right:9px solid #dd4c39}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .with-beak:before,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .with-beak:before,.quiz-edit-task-form .form .test-type .test-editor li .fields .with-beak:before,.quiz-edit-task-form .form .test-type .unit-tests li .fields .with-beak:before{content:"";position:absolute;top:41px;left:-15px;display:inline-block;border:8px solid transparent;border-right:8px solid #fff;z-index:1}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .with-beak .after,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .with-beak .after,.quiz-edit-task-form .form .test-type .test-editor li .fields .with-beak .after,.quiz-edit-task-form .form .test-type .unit-tests li .fields .with-beak .after{content:"";position:absolute;top:40px;left:-17px;display:inline-block;border:9px solid transparent;border-right:9px solid #000;-webkit-transition:.3s;transition:.3s}
.quiz-edit-task-form .form .test-type .hidden-test-editor li .fields .with-beak .control-border:focus+.after,.quiz-edit-task-form .form .test-type .hidden-unit-tests li .fields .with-beak .control-border:focus+.after,.quiz-edit-task-form .form .test-type .test-editor li .fields .with-beak .control-border:focus+.after,.quiz-edit-task-form .form .test-type .unit-tests li .fields .with-beak .control-border:focus+.after{border-right:9px solid #098bd1}
.quiz-edit-task-form .form .test-type .hidden-test-editor li:first-child:hover .item-number,.quiz-edit-task-form .form .test-type .hidden-unit-tests li:first-child:hover .item-number,.quiz-edit-task-form .form .test-type .test-editor li:first-child:hover .item-number,.quiz-edit-task-form .form .test-type .unit-tests li:first-child:hover .item-number{color:#000;cursor:not-allowed;background:0 0}
.quiz-edit-task-form .form .test-type .hidden-test-editor li:first-child:hover .item-number>span,.quiz-edit-task-form .form .test-type .hidden-unit-tests li:first-child:hover .item-number>span,.quiz-edit-task-form .form .test-type .test-editor li:first-child:hover .item-number>span,.quiz-edit-task-form .form .test-type .unit-tests li:first-child:hover .item-number>span{display:inline-block}
.quiz-edit-task-form .form .test-type .hidden-test-editor li:first-child:hover .item-number:before,.quiz-edit-task-form .form .test-type .hidden-unit-tests li:first-child:hover .item-number:before,.quiz-edit-task-form .form .test-type .test-editor li:first-child:hover .item-number:before,.quiz-edit-task-form .form .test-type .unit-tests li:first-child:hover .item-number:before{display:none}
.quiz-edit-task-form .form .test-type .hidden-test-editor.end-list li:nth-child(200) .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .hidden-unit-tests.end-list li:nth-child(200) .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .test-editor.end-list li:nth-child(200) .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .unit-tests.end-list li:nth-child(200) .item-number-outer .item-number:after{display:none}
.quiz-edit-task-form .form .test-type .hidden-test-editor.end-list+button,.quiz-edit-task-form .form .test-type .hidden-unit-tests.end-list+button,.quiz-edit-task-form .form .test-type .test-editor.end-list+button,.quiz-edit-task-form .form .test-type .unit-tests.end-list+button{visibility:hidden}
.quiz-edit-task-form .form .test-type .type-sql{display:none}
.quiz-edit-task-form .form .test-type .type-input-output{display:none}
@media all and (min-width:768px){
.quiz-edit-task-form .form .test-type .type-input-output .hidden-test-editor li .item-number-outer .item-number:after,.quiz-edit-task-form .form .test-type .type-input-output .test-editor li .item-number-outer .item-number:after{bottom:-101px;height:99px}
}
.quiz-edit-task-form .form .test-type .type-unit-tests{display:none}
.quiz-edit-task-form .form .test-type .type-unit-tests .unit-tests li .item-number-outer .item-number:after{height:320px;bottom:-320px}
.quiz-edit-task-form .form .test-type .type-unit-tests .hidden-unit-tests li .item-number-outer .item-number:after{height:100px;bottom:-100px}
.quiz-edit-task-form .form .test-type .type-unit-tests .add-unit-test-btn{margin-top:300px}
.quiz-edit-task-form .form .test-type .type-unit-tests .add-hidden-unit-test-btn{margin-top:80px}
.quiz-edit-task-form .form .test-type.test-type-input-output .type-input-output{display:block}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-default .type-unit-tests{display:block}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-html .type-unit-tests{display:block}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-css .type-unit-tests{display:block}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-css .type-unit-tests .unit-tests li .item-number-outer .item-number:after{height:520px;bottom:-520px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-css .type-unit-tests .hidden-unit-tests li .item-number-outer .item-number:after{height:240px;bottom:-240px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-css .type-unit-tests .add-unit-test-btn{margin-top:500px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-css .type-unit-tests .add-hidden-unit-test-btn{margin-top:220px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-unit-tests{display:block}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-unit-tests .unit-tests li .item-number-outer .item-number:after{height:100px;bottom:-100px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-unit-tests .add-unit-test-btn{margin-top:58px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-sql{display:block}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-sql label .subicon-fullscreen{position:absolute;right:4px;top:4px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-sql label .subicon-fullscreen span{display:none}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-sql label .subicon-upload{position:absolute;right:28px;top:4px}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-sql label .subicon-upload span{display:none}
.quiz-edit-task-form .form .test-type.test-type-unit-tests-sql .type-sql #sql_query{height:100px}
.quiz-edit-task-form .form .cols-tests.cols-field-group .form-group{padding-left:0}
.quiz-edit-task-form .form .cols-field-group .block-info-tip+.form-group{padding-left:0}
.quiz-edit-task-form .form .cols-field-group .form-group{width:100%;display:inline-block;vertical-align:top}
@media all and (min-width:768px){
.quiz-edit-task-form .form .cols-field-group .form-group{width:33.33%;padding-left:15px}
.quiz-edit-task-form .form .cols-field-group .form-group:first-child{padding-left:0}
}
.quiz-edit-task-form .form .cols-field-group .form-group:hover{z-index:12}
.quiz-edit-task-form .form .cols-field-group-2 .form-group{width:100%;display:inline-block;vertical-align:middle}
@media all and (min-width:768px){
.quiz-edit-task-form .form .cols-field-group-2 .form-group:nth-child(1){width:33%}
}
@media all and (min-width:768px){
.quiz-edit-task-form .form .cols-field-group-2 .form-group:nth-child(2){width:66%}
}
.quiz-edit-task-form .form .subtitle{margin-bottom:5px}
.quiz-edit-task-form .form .multiinput{z-index:11}
.quiz-edit-task-form .form .multiinput:hover{z-index:12}
.quiz-edit-task-form .form .control-border.active-control{z-index:11}
.quiz-edit-task-form .form .form-group{position:relative}
.quiz-edit-task-form .form .form-group.date-picker{z-index:12}
@media all and (max-width:768px){
.quiz-edit-task-form .form .form-group.date-picker .help{float:right;right:12px}
}
.quiz-edit-task-form .form .form-group .task-title-field{height:50px}
.quiz-edit-task-form .form .form-group .task-descr-field{height:100px}
.quiz-edit-task-form .form .form-group .units-help{position:absolute;color:#acbac2;top:38px;right:19px}
.quiz-edit-task-form .form .form-group .categories-editor{background:#fff;padding-left:0;padding:2px 6px 6px}
.quiz-edit-task-form .form .form-group .categories-editor li{background:#3268b0;border-radius:4px;list-style:none;color:#fff;display:inline-block;line-height:40px;padding:0 42px 0 16px;position:relative;cursor:pointer;margin-top:4px;margin-left:3px}
.quiz-edit-task-form .form .form-group .categories-editor li:before{color:#acbac2;display:inline-block;position:absolute;right:16px;font-size:10px;top:15px}
.quiz-edit-task-form .form .form-group .categories-editor .add-category-btn{text-transform:uppercase;padding:0 16px;-webkit-transition:background .3s;transition:background .3s}
.quiz-edit-task-form .form .form-group .categories-editor .add-category-btn:hover{background:#fcc133}
.quiz-edit-task-form .form .form-group .categories-editor input{background-color:#eaeff7;display:inline-block;margin-left:3px;width:0;overflow:hidden;padding:0;margin-top:4px;-webkit-transition:width .3s,padding .3s;transition:width .3s,padding .3s}
.quiz-edit-task-form .form .form-group .categories-editor .open{width:200px;overflow:hidden;padding:10px 20px 10px 19px}
.quiz-edit-task-form .form .form-group .required{color:red}
.quiz-edit-task-form .form .lang-selecter{position:relative;margin-bottom:0;margin-top:24px}
.quiz-edit-task-form .form .lang-selecter .selecter{position:absolute;right:0;top:0}
.quiz-edit-task-form .form .lang-selecter .selecter .select{min-width:180px;margin-top:-28px}
.quiz-edit-task-form .form .ql-editor blockquote{border-width:0;padding:5px 0 5px 20px;border-left:5px solid #c2e1f3;font-weight:400;font-family:Roboto,sans-serif;line-height:1.429;text-align:left}
.quiz-edit-task-form .form .ql-editor blockquote:before{display:none}
.quiz-edit-task-form .form .hints ul{list-style:none;padding-left:0}
.quiz-edit-task-form .form .hints ul li{padding-top:0;padding-bottom:12px;border-bottom:1px solid #fff}
.quiz-edit-task-form .form .hints ul li h4{margin-top:6px;margin-bottom:6px}
.quiz-edit-task-form .form .hints ul li .delete{display:inline-block}
.quiz-edit-task-form .form .hints ul li .add-new{display:none}
.quiz-edit-task-form .form .hints ul li:last-child{border-bottom:0}
.quiz-edit-task-form .form .hints ul li:last-child .add-new{display:inline-block}
.quiz-edit-task-form .form .hints.end-list li:nth-child(200){display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning .form-group.max-points{display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning .explanation-wrapper{display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning #codequiz_special_mode{display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning .cols-tests{display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning .test-type{display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning .hints{display:none}
.quiz-edit-task-form .section_codequiz.section_codequiz_learning .max-code-running-time-wrapper{display:none}
.yes-no-switcher .help{margin-bottom:0;margin-left:12px}
.yes-no-switcher input[type=checkbox]{position:absolute;left:-2000px}
.yes-no-switcher label{font-size:14px;line-height:20px;font-weight:400;position:relative;padding-left:90px;line-height:26px;padding-bottom:20px}
@media all and (min-width:1000px){
.yes-no-switcher label{font-size:12px;line-height:18px}
}
@media (min-width:1600px){
.yes-no-switcher label{font-size:14px;line-height:20px}
}
@media all and (min-width:1000px){
.yes-no-switcher label{line-height:26px}
}
@media all and (min-width:1600px){
.yes-no-switcher label{line-height:26px}
}
.yes-no-switcher label .checkmark{cursor:pointer;display:inline-block;width:80px;position:absolute;height:26px;background-color:#fff;margin-right:12px;left:0;font-weight:400;line-height:26px;margin:0}
.yes-no-switcher label .checkmark .checkoption{background-color:#3268b0;color:#fff;height:26px;width:40px;text-align:center;line-height:26px;font-weight:400;display:inline-block;cursor:pointer;margin-left:0;-webkit-transition:margin .3s,background .4s;transition:margin .3s,background .4s;float:left}
.yes-no-switcher label .checkmark .check-no,.yes-no-switcher label .checkmark .check-yes{font-weight:400}
.yes-no-switcher label .checkmark .check-yes{display:none}
.yes-no-switcher label .checkmark span{margin:0;line-height:26px}
.yes-no-switcher input[type=checkbox]:checked+label .checkmark .checkoption{content:"Yes";background-color:#fcc133;margin-left:40px}
.yes-no-switcher input[type=checkbox]:checked+label .checkmark .check-yes{display:block}
.yes-no-switcher input[type=checkbox]:checked+label .checkmark .check-no{display:none}
.yes-no-switcher input[type=checkbox]:disabled+label .checkmark .checkoption{cursor:default;background-color:#4d8bce}
.yes-no-switcher input[type=checkbox]:checked:disabled+label .checkmark .checkoption{background-color:#f4c25f}
.yes-no-switcher.no-animation label .checkmark .checkoption{-webkit-transition:none;transition:none}
.set-draft{margin-top:45px;z-index:11;position:relative}
@media all and (min-width:768px){
.set-draft{float:left}
}
.tmp-outer{width:50%}
.library{background:#eaeff7}
.library .tests{padding-left:0;margin-bottom:0}
.library .tests li{list-style:none;background:#fff;padding:14px 22px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}
.library .tests li:hover{cursor:pointer;-webkit-box-shadow:0 4px 12px rgba(50,104,196,.2);box-shadow:0 4px 12px rgba(50,104,196,.2);z-index:2}
.library .tests li .tests-name{font-size:16px;font-family:kelson_sans,sans-serif;line-height:19px;font-weight:700;width:67%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media all and (min-width:768px){
.library .tests li .tests-name{width:58%}
}
@media all and (min-width:1220px){
.library .tests li .tests-name{width:67%}
}
.library .tests li .tests-properties{display:-webkit-box;display:-ms-flexbox;display:flex;width:60%;text-transform:uppercase;font-weight:700;font-size:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media all and (min-width:768px){
.library .tests li .tests-properties{width:42%}
}
@media all and (min-width:1220px){
.library .tests li .tests-properties{width:33%}
}
.library .tests li .tests-properties span{width:40%;display:inline-block;position:relative}
.library .tests li .tests-properties span:last-child{width:60%}
.library .tests li .tests-properties .code-tests:before{font-size:16px;color:#acbac2;font-weight:400;display:inline-block;margin-right:8px;vertical-align:middle}
.library .tests li .tests-properties .quizz-tests:before{display:inline-block;background:#acbac2;border-radius:50%;height:17px;width:17px;line-height:17px;text-align:center;font-size:9px;color:#fff;margin-right:8px}
.library .langs{padding-left:0;margin-bottom:0}
.library .langs li{list-style:none;background:#fff;height:46px;padding:14px 22px 12px;margin-bottom:4px;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}
.library .langs li:hover{cursor:pointer;-webkit-box-shadow:0 4px 12px rgba(50,104,196,.2);box-shadow:0 4px 12px rgba(50,104,196,.2);z-index:2}
.library .langs li .lang-name{font-size:14px;font-family:kelson_sans,sans-serif;line-height:19px;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media all and (min-width:768px){
.library .langs li .lang-name{width:60%}
}
@media all and (min-width:1220px){
.library .langs li .lang-name{width:70%}
}
.library .langs li .langs-properties{display:-webkit-box;display:-ms-flexbox;display:flex;width:65%;text-transform:uppercase;font-weight:700;font-size:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media all and (min-width:768px){
.library .langs li .langs-properties{width:52%}
}
@media all and (min-width:1220px){
.library .langs li .langs-properties{width:84%}
}
.library .langs li .langs-properties span{width:134px;display:inline-block;position:relative}
.library .langs li .langs-properties .author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:240px}
.library .langs li .langs-properties .author:before{font-size:16px;color:#acbac2;font-weight:400;display:inline-block;margin-right:8px;vertical-align:top}
.library .langs li .langs-properties .cat-count{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library .langs li .langs-properties .cat-count:before{display:inline-block;background:#acbac2;border-radius:50%;height:17px;width:17px;line-height:17px;text-align:center;font-size:9px;color:#fff;margin-right:8px}
.library .groups{padding-left:0;margin-bottom:0}
.library .groups li{list-style:none;background:#fff;height:46px;padding:14px 22px 12px;margin-bottom:4px;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}
.library .groups li:hover{cursor:pointer;-webkit-box-shadow:0 4px 12px rgba(50,104,196,.2);box-shadow:0 4px 12px rgba(50,104,196,.2);z-index:2}
.library .groups li .entry-name{font-size:16px;font-family:kelson_sans,sans-serif;line-height:19px;font-weight:700;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media all and (min-width:768px){
.library .groups li .entry-name{width:60%}
}
@media all and (min-width:1220px){
.library .groups li .entry-name{width:70%}
}
.library .groups li .entry-properties{display:-webkit-box;display:-ms-flexbox;display:flex;width:65%;text-transform:uppercase;font-weight:700;font-size:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media all and (min-width:768px){
.library .groups li .entry-properties{width:52%}
}
@media all and (min-width:1220px){
.library .groups li .entry-properties{width:84%}
}
.library .groups li .entry-properties span{width:134px;display:inline-block;position:relative}
.library .groups li .entry-properties .entry-count{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library .groups li .entry-properties .entry-count:before{display:inline-block;background:#acbac2;border-radius:50%;height:17px;width:17px;line-height:17px;text-align:center;font-size:9px;color:#fff;margin-right:8px}
.library .library-head{display:block;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
@media all and (min-width:768px){
.library .library-head{display:-webkit-box;display:-ms-flexbox;display:flex}
}
.library .library-head h1{width:36%;font-size:32px;line-height:32px;margin-top:23px}
@media all and (min-width:1600px){
.library .library-head h1{font-size:38px;line-height:53px;margin-bottom:0}
}
.library .library-head .library-head-form{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:31px}
.library .library-head .library-head-form .library-search{width:80%;position:relative}
.library .library-head .library-head-form .library-search:before{color:#acbac2;position:absolute;right:11px;top:9px;font-size:23px}
.library .library-head .library-head-form .library-search input{border-right:1px solid #eaeff7;height:44px}
.library .library-head .library-head-form .filtr{width:20%}
.library .library-head .library-head-form .filtr .select,.library .library-head .library-head-form .filtr .select-value{height:44px}
.library .lib-back-btn{margin-top:9px;margin-bottom:12px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media all and (min-width:768px){
.library .lib-back-btn{margin-top:2px;margin-bottom:4px}
}
.library .lib-back-btn a:hover:before{border-right:5px solid #fcc133}
.library .lib-back-btn a:before{content:" ";border:5px solid transparent;border-right:5px solid #3268b0;margin-right:10px;font-size:12px;display:inline-block}
.library .switcher-library{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:32px}
@media all and (min-width:768px){
.library .switcher-library{width:94%}
}
.library .switcher-library>div{width:50%;height:44px;line-height:44px;color:#3268b0;text-transform:uppercase;font-size:12px;border:1px solid #fff;text-align:center;cursor:pointer;-webkit-transition:.3s;transition:.3s;font-weight:700;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}
.library .switcher-library>div.active{color:#fff;border-color:#3268b0;background-color:#3268b0}
.quiz-generator-popup{position:absolute;width:100%;z-index:201;left:0;background:#fff}
@media all and (min-width:848px){
.quiz-generator-popup{width:848px;left:50%;margin-left:-424px}
}
.quiz-generator-popup .generator-footer{padding:17px 0;text-align:center}
.quiz-generator-popup .generator-footer>button{min-width:107px;margin-right:11px}
.quiz-generator-popup .generator-footer>button:last-child{margin-right:0}
.quiz-generator-popup .generator-body{padding:0 42px 23px;background:#eaeff7;clear:both}
.quiz-generator-popup .generator-body>h4{text-align:center;font-size:16px;padding-top:19px;padding-bottom:8px;font-weight:700;margin-top:0}
@media all and (min-width:1000px){
.quiz-generator-popup .generator-body>h4{margin-top:20px}
}
.quiz-generator-popup .generator-body.exceed>h4{color:red}
.quiz-generator-popup .generator-body>p{text-align:center;margin-bottom:29px}
.quiz-generator-popup .generator-body ul{padding-left:0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.quiz-generator-popup .generator-body ul li{list-style:none;background:#098bd1;color:#fff;width:100%;margin-bottom:10px;height:40px;position:relative}
@media all and (min-width:480px){
.quiz-generator-popup .generator-body ul li{width:49%;margin-bottom:25px}
}
@media all and (min-width:768px){
.quiz-generator-popup .generator-body ul li{width:30%}
}
.quiz-generator-popup .generator-body ul li.help-tooltip>span{bottom:49px;right:50px;color:#000;pointer-events:none;display:none}
@media all and (min-width:1000px){
.quiz-generator-popup .generator-body ul li.help-tooltip>span{display:block}
}
.quiz-generator-popup .generator-body ul li .task-type-name{max-width:71%;width:71%;line-height:40px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.quiz-generator-popup .generator-body ul li .task-type-name:before{color:#eaeff7;padding-left:9px;padding-right:7px;color:#098bd1}
.quiz-generator-popup .generator-body ul li .items-count{position:absolute;right:34px;top:8px;font-size:18px;font-weight:700;font-family:kelson_sans,sans-serif}
.quiz-generator-popup .generator-body ul li input.items-count{position:absolute;right:34px;top:8px;font-size:18px;font-weight:700;font-family:kelson_sans,sans-serif;border:0;background:#eaeff7;color:#000;width:32px;padding:0;margin:0;border-radius:4px;text-align:center;height:25px}
.quiz-generator-popup .generator-body ul li .plus-item-task-btn{position:absolute;background:inherit;top:6px;right:6px;border:none}
.quiz-generator-popup .generator-body ul li .plus-item-task-btn:before{content:"";display:block;border:5px solid transparent;border-bottom:5px solid #58b4e5}
.quiz-generator-popup .generator-body ul li .plus-item-task-btn span{display:none}
.quiz-generator-popup .generator-body ul li .minus-item-task-btn{position:absolute;background:inherit;border:none;bottom:6px;right:6px}
.quiz-generator-popup .generator-body ul li .minus-item-task-btn:before{content:"";display:block;border:5px solid transparent;border-top:5px solid #58b4e5}
.quiz-generator-popup .generator-body ul li .minus-item-task-btn span{display:none}
.quiz-generator-popup .generator-body ul .added{background:#3268b0}
.quiz-generator-popup .generator-body ul .added .items-count{background:#fff}
.quiz-generator-popup .generator-body ul .fake-li{height:2px;background:#eaeff7;margin-bottom:0}
.quiz-generator-popup .generator-header{height:66px;overflow:hidden;position:relative}
.quiz-generator-popup .generator-header h3{font-size:24px;margin-top:20px;text-align:center}
@media all and (min-width:1000px){
.quiz-generator-popup .generator-header h3{font-size:30px;margin-top:27px}
}
.quiz-generator-popup .generator-header .btn-close{top:10px;right:19px;position:absolute}
@media all and (min-width:1000px){
.quiz-generator-popup .generator-header .btn-close{top:-15px}
}
.test-generator-tooltip{position:absolute;top:33px;right:316px;display:none}
@media all and (min-width:1000px){
.test-generator-tooltip{display:block}
}
.test-generator-tooltip span{width:400px!important;top:0;bottom:auto!important;right:29px!important;z-index:2000}
.test-generator-tooltip span:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);right:-8px!important;bottom:auto!important;top:5px}
.test-generator-tooltip span span{display:block;height:170px!important;position:absolute;top:0!important;right:0!important}
.test-generator-tooltip span span:before{display:none}
.next-step-popup{width:367px;background:#fff;-webkit-box-shadow:0 1px 10px rgba(0,84,186,.2);box-shadow:0 1px 10px rgba(0,84,186,.2);padding:34px 15px 10px 63px;position:absolute;right:7px;bottom:10px;z-index:100}
.next-step-popup h4{margin-top:0;font-size:16px;line-height:19px;margin-bottom:17px}
.next-step-popup p{font-size:12px;line-height:14px;margin-bottom:49px}
.next-step-popup img{position:absolute;top:31px;left:26px}
.next-step-popup .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;left:-16px}
.next-step-popup .buttons button{min-width:140px}
.next-step-popup .close-popup-btn{border:none;background:#fff;position:absolute;top:35px;right:15px}
.next-step-popup .close-popup-btn:before{color:#acbac2}
.next-step-popup .close-popup-btn>span{display:none}
#preview-image-popup .popup-inner{max-width:70%;margin:0 15%}
#preview-image-popup .popup-inner fieldset{padding:20px 20px 10px}
#preview-image-popup .popup-inner fieldset label{width:100%}
#preview-image-popup .popup-inner fieldset label .image{width:100%;height:220px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain}
@media all and (min-height:480px){
#preview-image-popup .popup-inner fieldset label .image{height:420px}
}
@media all and (min-height:780px){
#preview-image-popup .popup-inner fieldset label .image{height:720px}
}
#preview-image-popup .popup-inner .button{display:none}
.lang-switcher{background:#eaeff7;padding-bottom:69px;overflow-y:auto;height:100%;height:calc(100vh - 116px)}
@media all and (min-width:768px){
.lang-switcher{height:calc(100vh - 128px)}
}
@media all and (min-width:1000px){
.lang-switcher{height:100%}
}
.lang-switcher h2{font-size:20px;line-height:28px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;font-weight:700;text-align:center;margin-top:15px;margin-bottom:15px}
@media all and (min-width:1000px){
.lang-switcher h2{font-size:18px;line-height:26px}
}
@media (min-width:1600px){
.lang-switcher h2{font-size:24px;line-height:34px}
}
@media all and (min-width:1000px){
.lang-switcher h2{margin-top:40px;margin-bottom:30px}
}
@media all and (min-width:1600px){
.lang-switcher h2{margin-top:70px;margin-bottom:50px}
}
.dark .lang-switcher h2{color:#fff}
.is-admin .lang-switcher h2:before{background:url(../../images/old/empty.png) center no-repeat;display:block;background-size:contain;content:" ";height:148px;margin-bottom:10px}
@media all and (min-width:480px){
.is-admin .lang-switcher h2:before{margin-bottom:30px}
}
@media all and (min-width:1000px){
.is-admin .lang-switcher h2:before{height:248px}
}
.lang-switcher ul{margin:0 auto;padding:0 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:670px}
@media all and (min-width:1220px){
.lang-switcher ul[data-amount="6"],.lang-switcher ul[data-amount="9"]{max-width:390px}
.lang-switcher ul[data-amount="11"],.lang-switcher ul[data-amount="12"],.lang-switcher ul[data-amount="16"],.lang-switcher ul[data-amount="21"],.lang-switcher ul[data-amount="26"],.lang-switcher ul[data-amount="31"],.lang-switcher ul[data-amount="8"]{max-width:520px}
}
.lang-switcher ul li{list-style:none;border:4.5px solid #eaeff7}
.lang-switcher ul li button{font-size:12px;line-height:20px;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;background:#fff;width:121px;height:36px;text-transform:uppercase;background:#fff;border:none;z-index:1;padding-left:10px;padding-right:10px}
@media all and (min-width:1000px){
.lang-switcher ul li button{font-size:10px;line-height:18px}
}
@media (min-width:1600px){
.lang-switcher ul li button{font-size:12px;line-height:20px}
}
@media all and (min-width:768px){
.lang-switcher ul li button{height:90px}
}
@media all and (min-width:1000px){
.lang-switcher ul li button{height:121px}
}
.lang-switcher ul li button:before{display:inline-block;font-size:12px;padding-bottom:14px;margin-top:12px;color:#3268b0;-webkit-transition:.3s;transition:.3s;vertical-align:middle;margin-right:5px}
@media all and (min-width:768px){
.lang-switcher ul li button:before{display:block;font-size:40px;margin-right:0}
}
@media all and (min-width:1600px){
.lang-switcher ul li button:before{font-size:50px}
}
.dark .lang-switcher ul li button:before{color:#fff}
.lang-switcher ul li button:hover{position:relative;z-index:2;-webkit-box-shadow:0 8px 22px rgba(0,84,184,.2);box-shadow:0 8px 22px rgba(0,84,184,.2)}
.lang-switcher ul li button:hover:before{color:#fcc133}
.challenge-edit-workplace.test-published .task-editor .my-list li,.challenge-edit-workplace.test-published .task-editor .my-list-new-item li{cursor:pointer;cursor:-moz-pointer;cursor:-webkit-pointer}
.challenge-edit-workplace.test-published .task-editor .my-list li .number,.challenge-edit-workplace.test-published .task-editor .my-list-new-item li .number{border-color:#098bd1}
.challenge-edit-workplace.test-published .task-editor .my-list li .number .value,.challenge-edit-workplace.test-published .task-editor .my-list-new-item li .number .value{opacity:1;visibility:visible}
.challenge-edit-workplace.test-published .task-editor .my-list li .number .btn-remove,.challenge-edit-workplace.test-published .task-editor .my-list-new-item li .number .btn-remove{display:none}
.challenge-edit-workplace.test-published.edit-question .task-edit .btn-save{display:none}
.challenge-edit-workplace.test-published.edit-question .task-edit .list-with-add-option ul li .trash{display:none}
.challenge-edit-workplace.test-published.edit-question .task-edit .add-btn-outer{display:none}
.challenge-edit-workplace.test-published.edit-question .hints .delete{display:none!important}
.challenge-edit-workplace.test-published.edit-question .hints .add-new{display:none!important}
.challenge-edit-workplace.test-published.edit-question .test-type .subicon-upload{display:none}
.challenge-edit-workplace.test-published.edit-question .test-type ul li .item-number-outer .item-number{background:0 0!important;color:#000!important;cursor:default!important}
.challenge-edit-workplace.test-published.edit-question .test-type ul li .item-number-outer .item-number:before{display:none!important}
.challenge-edit-workplace.test-published.edit-question .test-type ul li .item-number-outer .item-number span{display:inline!important}
.challenge-edit-workplace.test-published.edit-question .test-type ul li:last-child .item-number-outer .item-number:after{display:none}
.challenge-edit-workplace.test-published.edit-question .test-type ul li:last-child .fields{border-bottom:0}
.challenge-edit-workplace.test-published.edit-question .test-type .add-hidden-test-btn,.challenge-edit-workplace.test-published.edit-question .test-type .add-hidden-unit-test-btn,.challenge-edit-workplace.test-published.edit-question .test-type .add-test-btn,.challenge-edit-workplace.test-published.edit-question .test-type .add-unit-test-btn{visibility:hidden}
.handle-disabled .duration-control:disabled,.handle-disabled input[type=number]:disabled,.handle-disabled input[type=text]:disabled,.handle-disabled textarea:disabled{color:#acbac2!important;cursor:default!important}
.handle-disabled .duration-group .addon{cursor:default;display:none}
.handle-disabled .ql-disabled .ql-editor{color:#acbac2!important}
.handle-disabled .CodeMirror .CodeMirror-cursors{display:none!important}
.subpage .header-quiz .profile-info-header+.profile-info-header-admin{border-left-width:0}
.subpage .header-quiz .profile-info-header-admin+.profile-info-header{border-left-width:0;width:94px;overflow:hidden}
@media all and (min-width:1220px){
.subpage .header-quiz .profile-info-header-admin+.profile-info-header{width:256px}
}
.subpage .header-quiz .profile-info-header-admin{float:right;width:94px;height:72px;border-bottom:0;border-left:1px solid #eaeff7;border-right:1px solid #eaeff7;position:relative;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;overflow:hidden}
@media all and (min-width:1220px){
.subpage .header-quiz .profile-info-header-admin{width:200px;right:120px;z-index:8;top:0;position:absolute}
}
.open-profile .subpage .header-quiz .profile-info-header-admin{-webkit-box-shadow:0 8px 24px rgba(0,86,184,.2);box-shadow:0 8px 24px rgba(0,86,184,.2)}
.open-profile .subpage .header-quiz .profile-info-header-admin:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.subpage .header-quiz .profile-info-header-admin+.quiz-title{display:none}
@media all and (min-width:768px){
.subpage .header-quiz .profile-info-header-admin+.quiz-title{display:block;left:0;float:left;text-align:left}
}
.subpage .header-quiz .profile-info-header-admin+.bot-war-quiz-title{margin-left:0}
.subpage .header-quiz .profile-info-header-admin h4{display:block;font-size:14px;margin:0 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:10px}
.subpage .header-quiz .profile-info-header-admin .points{display:none}
@media all and (min-width:1220px){
.subpage .header-quiz .profile-info-header-admin .points{color:#098bd1;font-weight:700;font-size:12px;text-transform:uppercase;display:block;margin-top:-4px}
}
.subpage .header-quiz .profile-info-header-admin .avatar{width:40px;height:40px;margin:15px 16px 17px;float:left}
@media all and (min-width:768px){
.subpage .header-quiz .profile-info-header-admin .avatar{margin-left:20px}
}
.subpage .header-quiz .profile-info-header-admin .avatar .avatar-text{width:40px;height:40px;border-radius:50%;text-align:center;display:block;line-height:37px;font-family:kelson_sans,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;color:#3268b0;border:2px solid #3268b0}
.subpage .header-quiz .profile-info-header-admin .avatar img{width:40px;height:40px;border-radius:50%;display:block;border:2px solid #0c8cd1}
.dark .subpage .header-quiz .profile-info-header-admin{border-left:1px solid #56595a;border-right:1px solid #56595a}
#video_start{z-index:2000;position:absolute;bottom:19px;bottom:7px;right:17px!important;display:none;cursor:pointer;width:22px;height:22px;background-color:#eaeff7;border-radius:10px;-webkit-transition:.3s;transition:.3s;text-align:center;line-height:24px;font-size:13px}
#video_start:hover{background-color:#fcc133}
#video_start:hover:before{color:#fff}
#video_start:before{-webkit-transition:.3s;transition:.3s;color:#3268b0}
.conn_status span{font-weight:700}
#video_div{z-index:200;position:fixed;bottom:220px;left:10px;display:none}
#video_div #video-bg{position:absolute;width:100%;left:0;top:0;height:100%;background:center no-repeat;background-size:cover}
#video_div #video-bg:before{content:" ";background-color:#1a1a1a;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5}
#video_div #video-bg span{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#video_div #video-bg .avatar-text{position:absolute;color:rgba(9,139,209,.3);font-family:kelson_sans;font-size:92px;font-weight:700}
#video_div #info_bar{color:#fff;z-index:3000;position:absolute;left:0;top:50%;margin-top:-10px;color:#fff;font-weight:700;font-size:12px;text-align:center;width:100%;padding-left:10px;padding-right:10px;z-index:1}
#video_box{width:284px;height:214px;position:absolute;cursor:move;background-color:#8d8d8d}
#video_box:before{content:" ";position:absolute;left:0;width:100%;height:40px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));background:linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);opacity:0;-webkit-transition:.3s;transition:.3s;z-index:2}
#video_box:hover:before{opacity:1}
#video_box:hover #video:after{opacity:1}
#video_box:hover #video-bottom-icons{opacity:1}
#video_box:hover .video_box_toggle span{opacity:1}
#video_box:hover .ui-resizable-se{opacity:1}
#video_box .ui-resizable-se{right:0;bottom:0;position:absolute;z-index:3000!important;width:20px;height:20px;background:0 0;opacity:0;cursor:nwse-resize;-webkit-transition:.3s;transition:.3s}
#video_box .ui-resizable-se:after{content:" ";position:absolute;border-right:7px solid #fff;border-top:7px solid transparent;right:2px;bottom:2px}
#video{width:100%;height:100%;z-index:2000;position:absolute}
#video:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:20px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);opacity:0;-webkit-transition:.3s;transition:.3s}
#video .video_box_toggle{position:absolute;right:-22px;top:0}
#video .video_box_toggle a{display:inline-block}
#video .video_box_toggle span{padding:4px 5px 1px;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;opacity:0;-webkit-transition:.3s;transition:.3s}
#video .video_box_toggle span:hover{color:#ffb718}
#video .video_box_toggle span.local{position:absolute;width:7px;height:20px;padding:0 13px 0 0;right:8px;top:50%;margin-top:-10px;background-color:rgba(26,26,26,.7);z-index:100}
#video .video_box_toggle span.local:before{content:" ";border-right:9px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;left:3px;top:2px;-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(0);transform:rotate(0)}
#video .video_box_toggle span.fullscreen:before{font-family:subicon;content:"K"}
#video .video_box_toggle span.close:before{font-family:cr-icon;content:"["}
#video #local_video_icons{left:10px;top:10px;right:auto;width:33%;height:33%;min-width:80px;min-height:60px;max-width:200px;max-height:150px;-webkit-transition:.3s;transition:.3s}
#video #local_video_icons.collapse{width:14px;min-width:0}
#video #local_video_icons.collapse video{opacity:0}
#video #local_video_icons.collapse .local:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#video #video_icons{right:5px;top:5px}
#video-bottom-icons{position:absolute;left:0;width:100%;bottom:7px;text-align:center;z-index:1;opacity:0;-webkit-transition:.3s;transition:.3s}
#video-bottom-icons button{border-width:0;width:32px;height:32px;background-color:rgba(26,26,26,.7);border-radius:30px;margin:0 3px;color:#fff;-webkit-transition:.3s;transition:.3s;font-size:15px;padding:4px 0 0 2px}
#video-bottom-icons button:hover{background-color:#1a1a1a}
#video-bottom-icons button.is-off{color:#c4c4c4}
#video-bottom-icons button.btn-video.is-off:before{content:"1"}
#video-bottom-icons button.btn-mic.is-off:before{content:"3"}
#video-bottom-icons button.btn-sound.is-off:before{content:"5"}
video#localVideo{border:0;width:100%;height:100%;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;background-color:#000}
video#remoteVideo{height:100%;width:100%}
.slide-thumbs{display:none}
.big-slides-view .slide-thumbs{display:block;width:105px;height:69px;overflow:hidden;pointer-events:none;background-color:#e1f0f8;padding:0 5px;position:absolute;left:34px;top:50%;margin-top:-35px;outline:#b6dcf1 solid 1px}
.big-slides-view .slide-thumbs .slide-photo h2{font-weight:700!important}
.big-slides-view .slide-thumbs .slide-content{margin-left:-400px;margin-right:-400px;height:490px}
.big-slides-view .slide-thumbs .slide-content-inner{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.125);transform:scale(.125);width:840px;height:490px;margin:0 auto;overflow:hidden}
.big-slides-view .slide-thumbs .slide-icon{text-align:center;line-height:80px;color:#fff;font-size:30px}
.big-slides-view .slide-thumbs .slide-wysiwyg-inner.one-column .help-block-wrapper{width:100%}
.big-slides-view .slide-thumbs .slide-wysiwyg-inner.one-column .help-block-wrapper+.help-block-wrapper{display:none}
#slide-content-inner{padding-bottom:82px;width:100%}
@media all and (min-width:1000px){
#slide-content-inner{padding-bottom:0}
}
.challenge-edit-workplace.big-slides-view .task-editor .my-list li,.challenge-edit-workplace.big-slides-view .task-editor .my-list-new-item li{padding-left:164px}
.challenge-edit-workplace.big-slides-view .task-editor .my-list li .number,.challenge-edit-workplace.big-slides-view .task-editor .my-list-new-item li .number{left:44px}
.challenge-edit-workplace.big-slides-view .task-list .library-list li>div{padding-left:130px}
.challenge-edit-workplace.big-slides-view .task-list .library-list li>div.buttons{padding-left:15px}
.challenge-edit-workplace.big-slides-view .task-list .library-list li>div .slide-thumbs{left:24px}
#slide-wysiwyg .slide-photo{height:60px;display:none;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#slide-wysiwyg .slide-photo h2{font-size:24px;line-height:24px;word-wrap:break-word;margin:auto;display:block;font-weight:700!important;text-align:center}
#slide-wysiwyg .slide-photo h2 p{white-space:pre-wrap}
#slide-wysiwyg .slide-photo p{margin:0}
#slide-wysiwyg.one-column .help-block-wrapper{width:100%}
#slide-wysiwyg.one-column .help-block-wrapper+.help-block-wrapper{display:none}
#slide-wysiwyg.no-column .slide-photo{height:550px;display:-webkit-box;display:-ms-flexbox;display:flex}
#slide-wysiwyg.no-column #slide-wysiwyg-inner{display:none}
#slide-wysiwyg.only-photo .slide-photo{display:none}
#slide-wysiwyg.only-photo #slide-wysiwyg-inner{display:none}
#slide-wysiwyg .edit-image-embedded{margin-bottom:0}
#slide-wysiwyg .edit-image-embedded .edit-image-inner{max-width:none}
#slide-wysiwyg .edit-image-embedded fieldset label .image{height:543px}
#slide-wysiwyg .edit-image-inner{margin:0 auto}
#slide-wysiwyg .edit-image-inner .edit-image-bg{background-color:transparent}
#slide-wysiwyg .edit-image-inner fieldset label{background-color:transparent}
#slide-wysiwyg .edit-image-inner fieldset label span.icon{margin-top:218px}
#slide-wysiwyg .edit-image-inner fieldset label span.text{margin-top:315px}
#slide-wysiwyg .edit-image-inner .button{margin-bottom:0}
#slide-wysiwyg .edit-image-inner .btn-border{border-color:#fff}
#slide-wysiwyg .edit-image-inner .btn-border:hover{border-color:#ffb718}
#slide-wysiwyg-inner,.slide-wysiwyg-inner{width:100%;min-height:490px;margin:0 auto;background-color:#fff;padding:10px;-webkit-box-shadow:0 2px 4px rgba(0,86,184,.2);box-shadow:0 2px 4px rgba(0,86,184,.2);cursor:default;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex}
@media all and (min-width:1000px){
#slide-wysiwyg-inner,.slide-wysiwyg-inner{width:840px}
}
#slide-wysiwyg-inner .ql-editor,.slide-wysiwyg-inner .ql-editor{padding:10px}
#slide-wysiwyg-inner .ql-editor.ql-blank::before,.slide-wysiwyg-inner .ql-editor.ql-blank::before{left:10px}
@media all and (min-width:1000px){
#slide-wysiwyg-inner .help-block-wrapper,.slide-wysiwyg-inner .help-block-wrapper{float:left;width:410px}
#slide-wysiwyg-inner .help-block-wrapper+.help-block-wrapper,.slide-wysiwyg-inner .help-block-wrapper+.help-block-wrapper{float:right}
}
#slide-wysiwyg-inner .ql-toolbar,.slide-wysiwyg-inner .ql-toolbar{position:absolute;left:-10px;right:-10px;top:-34px;display:none}
#slide-wysiwyg-inner .ql-toolbar.focus,.slide-wysiwyg-inner .ql-toolbar.focus{display:block}
#slide-wysiwyg-inner .ql-toolbar .ql-formats:last-child,.slide-wysiwyg-inner .ql-toolbar .ql-formats:last-child{margin-right:0}
#slide-wysiwyg-inner .text-placeholder,.slide-wysiwyg-inner .text-placeholder{outline:#eaeff7 dashed 1px;width:100%;overflow:hidden;min-height:470px;text-align:left}
#slide-wysiwyg-inner .text-placeholder h2,#slide-wysiwyg-inner .text-placeholder h3,#slide-wysiwyg-inner .text-placeholder h4,#slide-wysiwyg-inner .text-placeholder li,#slide-wysiwyg-inner .text-placeholder p,.slide-wysiwyg-inner .text-placeholder h2,.slide-wysiwyg-inner .text-placeholder h3,.slide-wysiwyg-inner .text-placeholder h4,.slide-wysiwyg-inner .text-placeholder li,.slide-wysiwyg-inner .text-placeholder p{white-space:pre-wrap}
#slide-wysiwyg-inner.one-column .help-block-wrapper,.slide-wysiwyg-inner.one-column .help-block-wrapper{width:100%}
#slide-wysiwyg-inner.one-column .help-block-wrapper+.help-block-wrapper,.slide-wysiwyg-inner.one-column .help-block-wrapper+.help-block-wrapper{display:none}
#slide-wysiwyg-inner h3,.slide-wysiwyg-inner h3{font-weight:400;font-size:1.3em!important}
#slide-wysiwyg-inner h4,.slide-wysiwyg-inner h4{font-weight:400;font-size:1.1em!important}
.slide-edit-columns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-15px}
.slide-edit-columns .subtitle{display:inline-block;max-width:100%;margin-bottom:5px}
.slide-edit-columns .form-group{width:33%;padding-left:15px}
.slide-edit-columns .icons-field{background-color:#fff;border:1px solid #b6dcf1;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1px}
.slide-edit-columns .icons-field label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;margin:0}
.slide-edit-columns .icons-field label:last-child input+span:after{display:none}
.slide-edit-columns .icons-field label input{position:absolute;left:-10000px}
.slide-edit-columns .icons-field label input:checked+span{color:#3268b0;background-color:#eaeff7}
.slide-edit-columns .icons-field label input:checked+span:after{background-color:transparent}
.slide-edit-columns .icons-field label input+span{color:#acbac2;-webkit-transition:.3s;transition:.3s;display:block;position:relative;line-height:44px;padding-top:2px;font-size:18px;cursor:pointer}
.slide-edit-columns .icons-field label input+span:after{content:" ";position:absolute;width:1px;top:8px;bottom:8px;background-color:#eaeff7;right:-1px}
.slide-edit-columns .icons-field label span{display:none}
#slide-size{-webkit-transform:scale(.5);transform:scale(.5)}
@media all and (min-width:768px){
#slide-size{-webkit-transform:scale(.6);transform:scale(.6)}
}
@media all and (min-width:1200px){
#slide-size{-webkit-transform:scale(.7);transform:scale(.7)}
}
@media all and (min-width:1300px){
#slide-size{-webkit-transform:scale(.8);transform:scale(.8)}
}
@media all and (min-width:1450px){
#slide-size{-webkit-transform:scale(.9);transform:scale(.9)}
}
@media all and (min-width:1500px){
#slide-size{-webkit-transform:none;transform:none}
}
#all .slide-photo-wrapper,.slide-photo-wrapper{text-align:center;position:relative;padding:0 0 68%}
@media all and (min-width:768px){
#all .slide-photo-wrapper,.slide-photo-wrapper{padding:0;position:static}
}
#all .slide-photo-wrapper .slide-photo,.slide-photo-wrapper .slide-photo{width:100%;margin:0 auto;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}
@media all and (min-width:1000px){
#all .slide-photo-wrapper .slide-photo,.slide-photo-wrapper .slide-photo{width:840px}
}
#all .slide-photo-wrapper .slide-photo h2,.slide-photo-wrapper .slide-photo h2{margin:auto;width:100%}
@media all and (min-width:1000px){
#question-outer.is-slide .slide-buttons{display:block}
}
#question-outer.is-slide .slide-buttons .btn-slide-prev{display:block}
#question-outer .slide-buttons{left:0;position:fixed;bottom:0;width:100%;border-top:1px solid #eaeff7;height:60px;background-color:#fff;padding-top:4px;z-index:10;padding-bottom:10px;text-align:center}
@media all and (min-width:768px){
#question-outer .slide-buttons{height:72px;padding-top:10px}
}
@media all and (min-width:1000px){
#question-outer .slide-buttons{position:static;width:auto;height:auto;border-width:0;background:0 0}
}
#question-outer .slide-buttons .btn{min-width:120px}
#question-outer .slide-buttons .btn[disabled]{opacity:0}
.dark #question-outer .slide-buttons .btn{background-color:#2c2f31}
#question-outer .slide-buttons .btn-slide-prev{display:none}
:not(.is-admin):not(.sync-active-global).sync-global #question-outer .slide-buttons{display:none}
#mobile-lang{position:relative}
#mobile-lang select{opacity:0;position:absolute;left:0;width:100%;height:100%;top:0}
#all .slide-wysiwyg,.slide-wysiwyg{display:none}
#all .slide-photo-inner,.slide-photo-inner{position:static;height:auto;padding:0}
#all .slide-photo-inner .slide-photo,.slide-photo-inner .slide-photo{height:550px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#all .slide-photo-inner .slide-photo h2,.slide-photo-inner .slide-photo h2{font-size:24px;line-height:24px}
#all .slide-photo-inner .slide-photo h2 p,.slide-photo-inner .slide-photo h2 p{white-space:pre-wrap}
#all .slide-photo-inner .slide-photo h2 code,.slide-photo-inner .slide-photo h2 code{background-color:transparent}
@media all and (min-width:1000px){
#all .slide-photo-inner.is-photo .slide-photo,.slide-photo-inner.is-photo .slide-photo{width:840px;height:550px}
}
#all .slide-photo-inner.normal .slide-photo,.slide-photo-inner.normal .slide-photo{height:60px;margin-top:-5px}
#all .slide-photo-inner.normal+.slide-wysiwyg,.slide-photo-inner.normal+.slide-wysiwyg{display:block}
#all .slide-photo-inner.normal+.slide-wysiwyg .text-placeholder,.slide-photo-inner.normal+.slide-wysiwyg .text-placeholder{outline-width:0;padding:10px}
#slide-wysiwyg,.dark .slide-wysiwyg,.slide-wysiwyg{background-color:#eef2f9;font-size:16px;color:#1a1a1a}
#slide-wysiwyg code,#slide-wysiwyg h2,#slide-wysiwyg h3,#slide-wysiwyg h4,#slide-wysiwyg li,#slide-wysiwyg p,.dark .slide-wysiwyg code,.dark .slide-wysiwyg h2,.dark .slide-wysiwyg h3,.dark .slide-wysiwyg h4,.dark .slide-wysiwyg li,.dark .slide-wysiwyg p,.slide-wysiwyg code,.slide-wysiwyg h2,.slide-wysiwyg h3,.slide-wysiwyg h4,.slide-wysiwyg li,.slide-wysiwyg p{color:#1a1a1a}
#slide-wysiwyg code,.dark .slide-wysiwyg code,.slide-wysiwyg code{background-color:#ecf5fa}
.dark .slide-wysiwyg{background-color:#2c2f31}
.dark #quiz-container.slide #answers .question-text,.dark #quiz_edit.slide #answers .question-text{border-left-color:#56595a}
#slide{position:absolute;left:0;top:0;width:100%;bottom:0;padding:0;overflow:auto}
@media all and (min-width:1000px){
#slide{background-color:rgba(255,255,255,.2);position:absolute;left:0;top:0;width:100%;bottom:0;padding:0}
}
#quiz-container.slide #answers #slide{display:-webkit-box;display:-ms-flexbox;display:flex}
@media all and (min-width:1000px){
#quiz-container.slide #answers #slide{display:block}
}
#quiz-container.slide #answers #slide .slide-photo-wrapper{width:100%}
.dark #slide{background-color:#1a1a1a;color:#1a1a1a}
#slide .slide-buttons button:hover .not-active-btn-msg{display:block;visibility:visible;opacity:1}
#slide .richarea blockquote,#slide .text blockquote{border-width:0;padding:5px 0 5px 20px;border-left:5px solid #c2e1f3;font-weight:400;font-family:Roboto,sans-serif;line-height:1.429;text-align:left}
#slide .richarea blockquote:before,#slide .text blockquote:before{display:none}
#all .slide-content,.slide-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#all .slide-content .ql-editor,.slide-content .ql-editor{white-space:normal;cursor:default}
#all .slide-content .slide-photo h2,.slide-content .slide-photo h2{display:block}
#all .slide-content .slide-photo h2 p,.slide-content .slide-photo h2 p{margin:0}
#slide-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:15px;right:15px;top:0;padding-top:10px}
@media all and (min-width:768px){
#slide-content{left:0;right:0;min-height:100%;padding:10px 50px 0}
}
#slide-content .ql-editor{white-space:normal;cursor:default}
#slide-content .normal .slide-photo{display:none}
#slide-content .slide-photo h2{display:block}
#slide-content .slide-photo h2 p{margin:0}
#slide-field{overflow:hidden}
#slide-wysiwyg{position:relative;background-color:rgba(255,255,255,.2);border:1px solid #fff;padding:10px 10px 15px}
#slide-wysiwyg-margin{margin-left:-200px;margin-right:-200px}
.btn-stop-program{display:none}
.is-running .btn-run-program{display:none}
.is-running .btn-stop-program{display:inline-block}
.can-send-input.console-open #console{padding-bottom:24px}
.can-send-input.console-open #console_input_div{display:block;visibility:visible}
#console_status{padding-right:10px}
.console-row,.user_prompt{display:block;white-space:pre;font-family:monospace;font-size:14px;line-height:20px}
.console-row.console-row-error,.user_prompt.console-row-error{color:#b21616}
.console-row.console-row-log,.user_prompt.console-row-log{color:#a50}
.console-row.console-row-log span,.user_prompt.console-row-log span{background-color:#ecf5fb;padding-left:2px;padding-right:2px;margin-left:-2px;color:#1a1a1a}
.user_prompt{color:#30a}
.user_prompt .dark{color:#fded02}
#console_input_div{display:none;position:absolute;bottom:0;left:0;right:0;background-color:#ecf5fb;padding-bottom:5px;padding-top:5px;border-top:1px solid #eaeff7}
.dark #console_input_div{background-color:#2c2f31;border-top:1px solid #56595a}
#console_input_div .form-group{margin-bottom:0;padding-left:30px;padding-right:30px;position:relative}
#console_input_div .form-group:before{content:">";position:absolute;left:10px;top:0;line-height:18px}
#console_input_div input{display:block;width:100%;height:20px;padding:2px 12px;font-size:14px;line-height:1.42857;color:#1a1a1a;border-width:0;background-color:transparent;padding-left:0;padding-right:0;display:block;white-space:pre;font-family:monospace;font-size:14px}
.dark #console_input_div input{color:#fff}
#console_input_div .btn{position:absolute;right:0;top:5px;width:80px}
#all #console_input_div .btn{line-height:18px}
#quiz_run.mode-track .question-inner .subtitle{display:none}
#quiz_run.mode-track .quiz-info .quiz-info-details{display:none}
#quiz_run.mode-track .questions-nav{overflow:hidden;display:none}
#quiz_run.mode-track #question-outer{left:0}
#quiz_run.mode-track:not(.last-task) .quizrun-submit-top{display:none}
#quiz_run.mode-track .header-quiz .mobile-navigator .number{display:none}
#admin_notes_show{position:fixed;width:30px;height:30px;background:#3268b0;border-radius:50%;margin-left:8px;bottom:8px;z-index:11;border:none;-webkit-box-shadow:0 1px 4px rgba(0,84,186,.2);box-shadow:0 1px 4px rgba(0,84,186,.2);color:#fff;font-size:18px;text-align:center;padding-top:4px;line-height:26px;cursor:pointer;visibility:hidden;opacity:0;-webkit-transition:background-color .3s,visibility .3s,opacity .3s,-webkit-transform .3s cubic-bezier(.245,-.005,.265,1.55);transition:background-color .3s,visibility .3s,opacity .3s,-webkit-transform .3s cubic-bezier(.245,-.005,.265,1.55);transition:background-color .3s,visibility .3s,opacity .3s,transform .3s cubic-bezier(.245,-.005,.265,1.55);transition:background-color .3s,visibility .3s,opacity .3s,transform .3s cubic-bezier(.245,-.005,.265,1.55),-webkit-transform .3s cubic-bezier(.245,-.005,.265,1.55);-webkit-transform:scale(.5);transform:scale(.5);display:none}
@media all and (min-width:768px){
#admin_notes_show{display:block}
}
@media all and (min-width:1000px){
#admin_notes_show{left:5.56%}
}
@media all and (min-width:1600px){
#admin_notes_show{width:50px;height:50px;font-size:14px;line-height:46px}
}
#admin_notes_show:hover{background-color:#fcc133}
#admin_notes_show.open{-webkit-transform:scale(1);transform:scale(1);visibility:visible;opacity:1}
.is-fullscreen #admin_notes_show{display:none}
#admin_notes{display:none}
@media all and (min-width:768px){
#admin_notes{display:block;position:fixed;bottom:20px;left:100px;background-color:#fff;-webkit-box-shadow:0 8px 20px rgba(0,84,186,.2);box-shadow:0 8px 20px rgba(0,84,186,.2);z-index:11;width:320px;-webkit-transition:visibility .3s,opacity .3s,-webkit-transform .3s cubic-bezier(.245,-.005,.265,1.55);transition:visibility .3s,opacity .3s,-webkit-transform .3s cubic-bezier(.245,-.005,.265,1.55);transition:visibility .3s,opacity .3s,transform .3s cubic-bezier(.245,-.005,.265,1.55);transition:visibility .3s,opacity .3s,transform .3s cubic-bezier(.245,-.005,.265,1.55),-webkit-transform .3s cubic-bezier(.245,-.005,.265,1.55);visibility:hidden;opacity:0;-webkit-transform:scale(.8) translate(0,-30px);transform:scale(.8) translate(0,-30px);width:445px}
}
.dark #admin_notes{background-color:#2c2f31}
.dark #admin_notes fieldset{background-color:#2c2f31;-webkit-box-shadow:inset 0 1px #56595a;box-shadow:inset 0 1px #56595a}
#admin_notes.open{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);visibility:visible;opacity:1}
#admin_notes .notes-header{position:relative;display:inline-block;width:100%;vertical-align:bottom}
#admin_notes .notes-header .close{position:absolute;right:0;top:0;padding:10px 15px}
#admin_notes .notes-header .close .btn{width:42px;color:#acbac2;font-size:16px;padding:5px;height:42px}
#admin_notes .tabs{list-style-type:none;margin:0;padding:0 0 0 15px}
#admin_notes .tabs li{float:left;margin-right:23px;position:relative}
#admin_notes .tabs li.active a{border-bottom-color:#098bd1;color:#098bd1}
#admin_notes .tabs li.disabled a{color:#acbac2;pointer-events:none}
#admin_notes .tabs li.disabled .help{display:block}
#admin_notes .tabs li .help{position:absolute;right:-35px;top:18px;display:none}
#admin_notes .tabs a{font-weight:700;color:#3268b0;font-size:12px;display:block;border-width:0;border-bottom-width:0;background-color:transparent;border-bottom:4px solid transparent;padding:18px 0 14px;-webkit-transition:.3s;transition:.3s}
#admin_notes form{display:none}
#admin_notes form.open{display:block}
#admin_notes form.scorecard-rates{background:#fff;padding:0}
#admin_notes .code-rate{display:block;border-top-width:0}
#admin_notes fieldset{background-color:#eaeff7;padding:15px 15px 1px}
#admin_notes .button{text-align:right;padding:9px 15px;margin:0}
#admin_notes .your-score{font-family:kelson_sans,sans-serif;font-size:24px}
#admin_notes .your-score strong{font-weight:400;padding:0 10px}
#admin_notes_form textarea{height:206px}
#admin_comments_form fieldset{position:relative}
#admin_comments_form fieldset.is-review{padding-left:70px;padding-bottom:15px}
#admin_comments_form fieldset .blockquote{background-color:#fff;position:relative;padding:5px 10px}
#admin_comments_form fieldset .blockquote:before{content:" ";position:absolute;border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px;top:10px}
#admin_comments_form.no-rate ul{display:none}
#admin_comments_form.no-rate textarea{height:206px}
.code-rate.user-review ul li .point:hover{-webkit-box-shadow:none;box-shadow:none}
.code-rate.user-review div#admin_comment_content{height:102px;padding:10px 20px;overflow:auto}
.code-rate.user-review div#admin_comment_content:empty{background-color:transparent;border-width:0!important;padding:0}
.code-rate.user-review div#admin_comment_content:empty:before{content:attr(data-placeholder);color:gray}
.code-rate.user-review #admin_comments_form input:disabled+label{cursor:auto}
.code-rate.user-review #admin_comments_form.no-rate div#admin_comment_content{height:206px}
.code-rate.user-review .avatar{position:absolute;top:16px;border:2px solid #379dd7;border-radius:40px;left:15px;-webkit-transition:.3s;transition:.3s}
.code-rate.user-review .avatar img{border-radius:50px;width:36px;height:36px}
.code-rate.user-review .avatar-text{width:36px;height:36px;text-align:center;display:block;line-height:36px;font-family:kelson_sans,sans-serif;font-weight:700;text-transform:uppercase;color:#3268b0}
.evaluation__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f0f4f9;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media all and (min-width:480px){
.evaluation__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
}
.evaluation__item:first-child{border-top:1px solid #f0f4f9}
.evaluation__item:last-child{border-bottom:none}
.evaluation__label{font-size:13px;line-height:15px;text-transform:uppercase;font-family:kelson_sans,sans-serif;font-weight:700;letter-spacing:.1px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:left;margin:20px 0 0;text-align:center}
@media all and (min-width:1000px){
.evaluation__label{font-size:12px;line-height:14px}
}
@media (min-width:1600px){
.evaluation__label{font-size:14px;line-height:16px}
}
@media all and (min-width:480px){
.evaluation__label{margin:0;text-align:left}
}
.evaluation .form-textarea-input{width:100%;display:block;margin:28px 0 0}