/*-- [bazagc.ru] список уроков — начало --*/
.lesson-list {
    padding: 0 !important;
    background: 0 !important;
}

.lesson-list li .info .vmiddle .user-state-label-ex {
    display: none !important;
}

.lesson-list li {
    position: relative;
    display: block;
    margin: 0 0 15px !important;
    background: #ffffff !important;
    background-size: cover !important;
    border: 1px solid #1f5fb5;
    border-radius: 0px !important;
    transition: all .3s;
}

.lesson-list li:hover {
    transform: translatey(-5px);
}



.lesson-list li .hidden-xs {
    display: none;
}

.lesson-list li a {
    background: transparent !important;
}

.lesson-list li .info {
    position: relative;
    margin-left: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.lesson-list li .info table {
    width: 100% !important;
}

.lesson-list .item-main-td {
    padding: 0 !important;
}

.lesson-list .item-main-td.item-with-image {
    padding-top: 0 !important;
    padding-left:20px !important;
    height: auto;
}

.lesson-list li .info .vmiddle {
    padding: 20px 0 20px 20px;;
}

.lesson-list li.with-image .info .vmiddle {
    padding: 20px 0;
}

.lesson-list li .user-state-label {
    padding-bottom: 10px;
    font-weight: 300;
    opacity: .9;
}

.lesson-list li .title {
    width:90%;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.4;
    color: #111332;
    transition: all .3s;
}

.lesson-list li.with-image .title {
    padding-left: 0;
}

.lesson-list li .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #232323;
    opacity: 0.75;
}


.lesson-list li a::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: #232323;
}

.lesson-list li a::after {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 8px;
}


/* Есть задание */
.lesson-list li.user-state-has_mission a::before {
    content: "";
    background: #1f5fb5;
}

.lesson-list li.user-state-has_mission a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/176/h/094cca130bc453809131ab4e4e05e8ee.png);
}

.user-state-has_mission .vmiddle:after {
    content: 'Есть задание';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
}


/* Урок на проверке */
.lesson-list li.user-state-answered a::before {
    content: "";
    background: #f0e267;
} 

.lesson-list li.user-state-answered a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/291/h/0c43fc900d27dfe11de3aa739b5e787f.png);
    right: 10px;
}

.user-state-answered .vmiddle::after {
    content: 'Задание на проверке';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
}

/* Урок выполнен */
.lesson-list li.user-state-accomplished a::before {
    content: "";
    background: #4bcc7f;
} 

.lesson-list li.user-state-accomplished a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/160/h/664fb2350d0cf9748f4b12d943e89ec4.png);
}

.user-state-accomplished .vmiddle::after {
    content: 'Задание выполнено';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
}


/* Стоп-урок */

.lesson-list li.user-state-need_accomplish a::before {
    content: "";
    background: #e54c5e;
}

.lesson-list li.user-state-need_accomplish .user-state-label:not(.lesson-date) {
    display: none;
}

.lesson-list li.user-state-need_accomplish a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/313/h/bbfe6b3ab45b0a8e2907b61aa17b0f06.png);
}

.lesson-list li.user-state-need_accomplish .vmiddle:after {
    content: 'Необходимо выполнить задание';
    position: relative;
    display: block;
    padding-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #e54c5e;
}

.lesson-list li.divider {
    min-height: inherit !important;
    padding: 5px 20px;
    
    text-align: center;
    
    
    border: none;
    background: #e54c5e!important;
}

.lesson-list li.divider .error-message-text {
    color: #fff!important;
}

.lesson-list li.divider:hover {
    transform: none;
}


/* Урок недоступен */
.lesson-list li.user-state-not_reached {
    background: #F4F4F4!important;
}


.lesson-list li.user-state-not_reached a::before {
    content: "";
    background: #D6D8D9;  
} 

.lesson-list li.user-state-not_reached a::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/48768/sc/133/h/124eff390c111b0e9b01b7170879abf6.png);
    padding-right: 3px;
}

.lesson-list li.user-state-not_reached .vmiddle {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
}

.lesson-list li.user-state-not_reached .user-state-label {
    order: 2;
    margin-top: 20px;
    padding-bottom: 0px;
    
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    
}
.lesson-list li.user-state-not_reached .info {
    background: 0 !important;
}

.lesson-list li.user-state-not_reached .item-image {
    filter: grayscale(1);

}

.lesson-list li.user-state-not_reached .title,
.lesson-list li.user-state-not_reached .description {
    color: #232323;
    opacity: 0.5;
}

@media (max-width:520px) {
    .lesson-list li {
        padding-left: 0px;
        height: auto !important;
    }
    
    .lesson-list li .vmiddle {
        margin-left: 0 !important;
        padding-right: 60px !important;
    }
    
    .lesson-list li.user-state-has_mission .info {
        border-left: 5px solid #e54c5e !important;
    }
    
    .lesson-list li.user-state-answered .info,
    .lesson-list li.user-state-not_reached .info {
        border-left: 5px solid #f0e267 !important;
    }
    
    .lesson-list li.user-state-accomplished .info {
        border-left: 5px solid #4bcc7f !important;
    }
    
    .lesson-list li.user-state-need_accomplish .info {
        border-left: 5px solid #e54c5e !important;
    }
    
    .lesson-list li.user-state-not_reached .info {
        border-left: 5px solid #D6D8D9 !important;
    }
    
    .lesson-list li .user-state-label {
        font-size: 12px;
        top: -25px;
    }

    .lesson-list li .title {
        padding-right: 5px;
        font-size: 18px;        
    }
}

/*-- [bazagc.ru] список уроков — конец --*/