html{
    background: none!important;
}

.change-pass-page .w30 .form-control {
     box-shadow: none;
     height: 55px;
     border-radius: 0px;
     background: rgba(255,255,255, 0.95);
     border: 1px solid #ddd;
     }
     
#restore-fail-result, #restore-success-result{
    display:none;
}

.hidden_block{
    display:none;
}
.alert-danger {
    background-color: rgba(242, 222, 222, 0.69) !important;
}
.rate .input-number{
     border: 1px solid #f2f2f2;
         box-shadow: 0 1px 25px 0 rgba(64, 71, 85, 0.10);
}
.rate-block{
    min-height: 320px;
    height:auto!important;
}

.tip-cont{
    position:absolute;
    bottom:30px;
    left:0;
    width:100%;
    text-align: center;
    color:red;
    font-size: 17px;
}
.blured {
    background: url(/img/frontend/student.png) no-repeat center -803px!important;
    min-height: 235px!important;
}

.time-left-cont.red a{
    color:red;
    border-color:red;
}
.time-left-cont a{
    display:block;
    text-transform:none!important;
    padding:7px 12px;
    /*margin-top: 10px;*/
    font-size: 12px!important;
    text-shadow: 0px 1px #FFFFFF;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    background: #f9f9f9;
    box-shadow: 0 1px 25px 0 rgba(64, 71, 85, 0.10);
}
.time-left-cont a:hover{
    text-decoration: none;
}

.hello{
    box-shadow: 0 1px 25px 0 rgba(64, 71, 85, 0.7);
}

.how-link {
 margin-bottom: 0px;
}
       

.content-types-cont::after{
    display:block;
    content: '';
    clear:both;
    margin-bottom: 50px;
}

.pt_section h4 {
    font-size: 38px;
    margin-bottom: 25px;
}

.pt_section .btn-green {
    margin-top: 25px;
}

.color-grey{
    color:#8a8a8a!important;
}

.color-light-grey{
    color:rgb(193, 193, 193)!important;
}



.color-green{
    color: #98E400!important;
}

.grading-system{
    text-align: center;
    margin:10px 0 10px 0!important;
    
}
.grading-system-cont{
    margin:0 auto;
    width:300px;
    text-align: center;
    padding-bottom:20px;
}
#grade-sys-id{
    display:none;
}

tspan.percent{
    display:none;
}
.chapter-status{
    text-align: center;
    margin-top:10px;
}
.chapter-status.current{
    color:#2CA8FF;
}
.chapter-status.finished{
    color: #10c6ba;
}
.charts h3{
    margin-bottom:0!important;
    line-height: 29px;
    height: 52px;
}
.account-cont .ques-content, .ques.resources .ques-content{
    background-color: transparent;
}
.ques.resources{
   background-color: #eaeaea; 
   box-shadow: 0 1px 25px 0 rgba(64, 71, 85, 0.05);
}

.ques.resources .tab-content{
    background-color: white;
}

.ques.resources .table-bordered>tbody>tr>td, 
.ques.resources .table-bordered>tbody>tr>th,
.student-data-cont .table-bordered>tbody>tr>th,
.student-data-cont .table-bordered>tbody>tr>td,
.normal-table .table-bordered>tbody>tr>td,         
.normal-table .table-bordered>tbody>tr>th
{
   border:2px solid white; 
}



.cur-chapter{
    border: 1px solid rgba(255, 255, 255, 0.4)!important;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.47)!important;
    border: 1px solid rgba(0, 0, 0, 0.4)!important;
    background-color: rgba(0, 0, 0, 0.38)!important;*/    
}




.step-indicator li{
    width:9%!important;
}

.lg-page .chapter-item{
   margin-bottom:40px; 
}
.lg-page .chapter-item .chapter-header{
    display:block;
    height: 69px;
}



.lg-page .period-item{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.47);
   margin:0px 0 40px 0;
   position:relative; 
   /*padding-top:40px;*/
}

.lg-page .period-body{
    border-left:1px solid rgba(204, 204, 204, 0.18);
    border-right:1px solid rgba(204, 204, 204, 0.18);
    border-bottom:1px solid rgba(204, 204, 204, 0.18);
}


.lg-page .period-item .period-time{
    display:block;
    /*position:absolute;
    top:-35px;
    left:0px;*/
    
    width:1140px;
    height:35px;
    background-color: rgba(204, 204, 204, 0.18);
    color:white;
    text-align: center;
}

.lg-page .period-item .period-time:hover, .lg-page .period-item .period-time:active, .lg-page .period-item .period-time:focus{
    text-decoration: none;
    background-color: rgba(204, 204, 204, 0.28);
}

.lg-page .period-item .period-time span{
    padding-top:5px;
    width:350px;
    height:35px;
    display: block;
    /*background-color: rgba(204, 204, 204, 0.18);*/
    background-color: rgba(16, 198, 186, 0.27);
}



.chapter-item .chapter-header{
    margin-bottom: 20px;
    display:block;
    padding:20px 0 10px 0;
    
}
.chapter-item .chapter-header:hover{
    color:white;
    text-decoration: none;
}

.lg-page .all-journey{
    padding:65px 0 0 0;
}
.img-bg {
    background-attachment:fixed;
} 

.period-body{
    /*display:none;*/
}
.period-current .period-body{
    display:block;
    background-color: rgb(48 48 48 / 68%);;
} 

.button-down{
    text-align: center;
    margin:20px 0 30px 0;
}

.step-indicator .active.step, .step-indicator .active.caption {
    border-color: #2CA8FF!important;
    color: #2CA8FF!important;
}
.units-list-link:hover, .units-list-link:focus{
    text-decoration: none;
}
.table > tbody > tr.grade-c > td, .table > tbody > tr.grade-c > th  {
    color:white!important;
}

.table > tbody > tr.grade-b > td, .table > tbody > tr.grade-b > th{
    background-color:#2CA8FF!important;
}

.whole-course .user-stats{
    padding:0;
}
.whole-course .user-stats h3{
    font-size: 35px;
}

.whole-course .user-stats h4{
    font-size: 26px;
    margin-bottom:20px;
    color:black;
}
.whole-course .whole-chapter{
    margin:40px 0 30px 0;
    padding:30px;
        border: 1px solid #f2f2f2;
    box-shadow: 0 0px 25px 0 rgba(64, 71, 85, 0.10);
}
.st.bottommenu-unit-finish, .st.bottommenu-chapter-finish{
   background-image: url(/img/frontend/unit-finish2.jpg); 
}

.st.bottommenu-period-finish{
   background-image: url(/img/frontend/period-finish.jpg); 
}


.files .nav li img{
    height:auto;
    width:100px;  
    display: block;  
    margin:0 auto;
    margin-bottom: 20px;
}



.files .nav li{
    text-align: center;    
}
.files .nav li i{
    font-size: 100px;
    display: block;
    margin-bottom: 20px;    
}
.files .nav li a{
    padding:30px;  
    font-size: 20px;  
}

.progress{
    margin-top:10px;
}


.chap-cont h3 {
        text-shadow: 0 1px 1px black;
    border: 1px solid rgba(204, 204, 204, 0.18);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.47);
        position:relative;

}

body .mask {
    /*background: rgba(0,0,40,0.6);*/
    background:rgba(21, 102, 120 , 0.32)!important
}

body .bottommenu-unit-finish .mask, body .bottommenu-chapter-finish .mask, body .bottommenu-period-finish .mask {
    background: none;
}

.step-indicator .caption{
    text-shadow: 0 1px 1px black;
}

.scnd-menu{
    height: 62px;
}

.ques-content table td{
    padding: 7px; 
}



.audio-word-in-pres{
    /*text-align: center;*/
}
.audio-word-in-pres .audioword-player{
    float:none;
    display:inline-block;
}

.audio-word-in-pres .audioword .audioword-cont{
    font-size: 0; 
    width:auto;
}
.audio-word-in-pres .audioword-text{
    float:none;
    display:inline-block;
    padding-right:20px;
    width:auto;
}




.audiojs .progress{
    margin:0;
}
.audio-cont-presentation .audiojs .play-pause{
    width:auto;
}
.audio-cont-presentation .audiojs {
    margin:0 auto;
}


.audioword .audioword-player .audiojs{
    width:38px;
}
.audioword .audioword-cont{
    width:238px;
    margin:0 auto;
}
.audioword-text{
    color:white;
    width:200px;
    float:left;
    padding:8px 0 0 15px;
    font-size:15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.audioword-player{
    float:left;
    width: 38px;
}
.audioword-player .scrubber,.audioword-player .time{
    display:none;
}

/*/img/frontend/video-img.jpg*/

.videoplayer-presentation-cont{
    width:760px;
    /*float:left;*/
    margin: 20px auto;
}
.video-words-presentation-cont{
    width:240px;
    float:right;
}
.video-words-presentation-cont ul{
    list-style: none;
    padding:0;
    margin:0;
}
.video-words-presentation-cont ul li{
    margin-bottom:10px;
    display:none;
}

.videoplayer-presentation-cont .vjs-fullscreen-control{
    display:none;
} 
.videoplayer-presentation-cont .video-js .vjs-big-play-button{
    height: 70px;
    width: 70px;
    font-size: 44px;
    border-radius: 50%;
    top: 188px;
    left:345px;
}
.h_my{
    margin:0 0 43px 0; 
}
.chapter-datailed-info .step-indicator{
    margin-left:-60px;
}
.chapter-datailed-info .step-indicator .caption{
    text-shadow: none;
    color: #222!important;
}

.chapter-datailed-info .step-indicator .step {
    background-color: rgba(0, 0, 0, 0.8);
}

.student-data-cont-empty{
    text-align: center;
}

.student-data-cont-empty{
    text-align: center;
    font-size: 20px;
}
.scnd-menu .search .form-control{
    
}

.man{
    height:100%;
}



      
.scnd-menu .number-line li{
    line-height: 15px;
}                    


.show-answers-but{
    margin-top:10px;
}
                 
                 
.chap-cont .percent {
    position: absolute;
    width: 35px;
    text-align: center;
    height: 35px;
    border-radius: 50%;
    /*border: 1px solid rgba(204, 204, 204, 0.18);*/
    border: 1px solid white;
        
    /*background: #98E400;*/
        /*background-color: rgba(0, 0, 0, 0.5);*/
    /*background-color: rgba(16, 198, 186, 0);*/
    top: 5px;
    right: 2px;
    font-size: 14px;
    line-height: 1;
    padding-top: 10px;
    margin-top: 0;
    color: #fff;
}         
                          
.chapter-item .step-indicator .step .percent {
    position: absolute;
    width: 27px;
    height: 27px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    /*background: #98E400;*/
        background-color: rgba(0, 0, 0, 1);
    /*background-color: rgba(16, 198, 186, 0);*/
    top: -13px;
    right: -9px;
    font-size: 11px;
    line-height: 1;
    padding-top: 6px;
    margin-top: 0;
    color: #fff;
}
        
                          
.tab-pane .step-indicator .step .percent {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #2b57ff;
    top: -7px;
    text-align: center;
    right: -7px;
    font-size: 12px;
    line-height: 1;
    padding-top: 6px;
    margin-top: 0;
    color: #fff;
}

.ques-loading:after{
    display:block;
    
    font-size: 20px;
    text-align: center;
    content:'Loading question... Please, wait...';
}
.ques-loading{
    height:300px;
    padding-top: 140px;
    width:100%;
    background-color: rgba(70,70,70,0.3);
    box-shadow: 0 1px 25px 0 rgba(64, 71, 85, 0.2);
}
.continue-but{
    display:none;
}

.ques-video .video-words-presentation-cont{
    display: none;
}

.ques-video .videoplayer-presentation-cont{
    float: none;
    margin: 0 auto;
    min-height:427px;
}

.content-types-cont > div:last-child{
    margin-bottom:0px;
}
.content-types-cont > div{
    margin-bottom:30px;
}
.account-cont{
        background-color: #eaeaea;
}
.account-cont #myTabContent{
    background-color:white;
}
.text-scroll .bg-info{
    background-color: #eaeaea;
}
.btn.btn-quest{
    min-height: 64px;
    line-height:22px;
    font-size: 18px;
    border-radius: 7px;
    background-color: #e4e4e4;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}

.btn.btn-quest:hover {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.6);
    border: 1px solid white;
}
.ques-head h3{
       text-shadow: 0px 1px #cecece;
       line-height: 1.4; 
}
.answer h3 {
    /*text-shadow: 0px 1px #cecece;*/
}

.type_table table td{
    vertical-align: middle!important;
    text-align: center;
    height:75px;
}
.type_table.drop-text .table-inp{
    margin:0;
    text-align: center;
}


.btn-group > .btn:last-child{
    margin-right:0;
} 


.left-text.sort-cont{
    line-height: 22px;
    margin-bottom:25px;
    height:64px;
    /*border: 1px solid grey;*/
    padding-left:20px;
    margin-top: 1px;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
}
.left-text.sort-cont > div{
    height:64px;
    display: table-cell;
    vertical-align: middle;
    
}

.w85{
   width: 85%;
    margin: 0 auto; 
}

.type_sort2 #sortable > div{
    margin-bottom:25px;
    height:64px;
}
.type_sort2 #sortable > div a{
    margin:0;
}

.type_sort2 .col-xs-6{
   padding-left: 5px;
   padding-right: 5px; 
}

.type_sort2 .btn.btn-quest{
    border-radius: 0px 7px 7px 0px;
    text-align: left; 
    justify-content: flex-start;
    padding-left:32px;
} 


.sortmultilines-cont{
    list-style: none;
    display:inline-block;
    padding:0 0 0px 0;
    margin:0;
    position:relative;
    /* Выставляем родителю значение в ноль */
    font-size: 0;

    /* Лекарство отдельно для Safari */
    /*display: table;*/
}
.sortmultilines-cont li{
    display:inline-block;
    margin-right:7px;
}
/*.sortmultilines-cont:after{
    display:block;
    content:'';
    clear:both;
} */

.answer .type_sortmultilines .btn {
    margin: 0;
}

.type_sortmultilines .left-cont{
    display:inline-block;
    
}




.answer .type_radio .btn, .answer .type_dropdown .btn{
    margin-top: 10px; 
}

.type_sort #sortable > div{
    height:90px;
}

.btn-drop{
    font-size:18px!important;
}

.ques-content{    
    background-color: white;
}
.grey-main-section{
       background-color: #eaeaea; 
}


.true span, .false span{
    display:inline!important;
}
.btn-quest span{
    display:none;
    top: 21px;
}


.dropdown-no-answer{
   border:1px solid #f23d3d;
   
}

.btn-no-answer{
   border:1px solid #f23d3d;
   padding:0px 5px; 
}
.btn-green:active, .btn-green:focus{
    color: #fff!important;
}

.continue-but, .check-but{
    display:block;
}

.check-but{
    width:300px;
    margin:0 auto;
}


/*забрано из стилей*/

.tab-pane .step-indicator .step {
    font-size: 25px;
    width: 55px;
    height: 55px;
    line-height: 48px;
    border-radius: 50%;
    margin: -10px auto;
    position: relative;
    z-index: 1;
}


.tab-pane .step-indicator li:before {
    background-color: #ddd;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 18px;
}


 .false {
    background: #f23d3d !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #f23d3d !important;

}

.true {
    background: #7DBF13 !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #7DBF13 !important;

}


.btn{
    border-radius: 10px!important;
}

.sort_img_type .left-text.sort-cont{
    height: 220px;
    padding: 10px;
    text-align:center;
}

.sort_img_type .left-text.sort-cont > div {
    height: 220px;
    display: block; 
    
    text-align: center;
    
}

.sort_img_type .btn.btn-quest{
     height:220px;
}

.answer .sort_img_type  .btn{
    margin-bottom:25px;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
}

.main-menu{
    background: linear-gradient(0deg, rgba(1,84,103,1) 0%, rgba(43,121,139,1) 100%);
}

.main-menu .nav a {
    color: #fff;
}

.main-menu .nav > li > a:hover, .nav > li > a:focus {
    background-color: #ffffff40;
}

.lg-page .step-indicator li {
    width: 100%!important;
    display: block;
}
.lg-page .chapter-item{
    width: 30%;
    float: left;
    margin-left: 3%;
    height: 538px;
}
.lg-page .step-indicator li:before{
    display:none;
}
.lg-page .period-body:after{
    display: block;
    content: "";
    clear:both;
}

.lg-page .step-indicator .complete .step span{
    display:none;
}

.lg-page .step-indicator .step {
    border: 0px;
    background-color: transparent;
    width: 100%;
    height: 0;
}

.lg-page .step-indicator li:last-child{
    display:none;
}

.lg-page .list-inline.text-center.step-indicator{
    text-align: left;   
}

.lg-page .step-indicator .caption {
    padding: 15px 16px 15px 40px;
}

.lg-page .chapter-item .step-indicator .step .percent{
    top: 12px;
    left: 10px;
    right:auto;
}

.lg-page .chapter-item .chapter-header h4{
    display:none;
}

.lg-page .period-item .period-time{
    display: none;
}