/* ------------- 
content start - menu.css
------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
 --color-fon-main: #F5F2F4;
 --color-text-1: #363546;
 --color-text-2: #92929D;
 --color-text-3: #F09663;
}

/* снимаем стандартные стили от ГК */


.lesson-list  {
    background: transparent!important;
    padding: 0!important;
}

.lesson-list a {
    height: 100%;
    position: relative!important;
    animation-iteration-count: infinite!important;
}

.lesson-list li .state-icon-block,
.lesson-list li td.item-image,
.lesson-list li.divider {
    display: none!important;
}

.lesson-list li .info {
    border-left: none!important;
    background: #fff!important;
     padding: 1em 3px 50px 5px!important;
    overflow: visible!important;
    border-radius: 24px!important;
    z-index: -5!important;
    padding-left: 20px!important;
    margin-left: 0px!important;
}


.lesson-list li .info table {
    min-width: inherit!important;
    width: 90%!important;
}

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


.lesson-list li .item-main-td .vmiddle {
    padding-right: 0!important;
    display: flex!important;
    flex-direction: column!important;
}

.lesson-list li .title {
    margin-right: 0px!important;
}

.lesson-list li.first-unreached {
    margin-top: 10px!important;
}


.lesson-list .user-state-bg {
    background: transparent!important;
}




/* преобразовываем */



body {
    background: var(--color-fon-main);
}

.lesson-list {
    font-family: 'Inter', sans-serif;
}

.lesson-list li {
    position: relative;
    overflow: visible;
    margin: 20px 0 5px 0;
}





/* установка картинок */

.lesson-list li:nth-child(2) a:before {
  
}

.lesson-list li:nth-child(3) a:before {
  
}

.lesson-list li:nth-child(4) a:before {
  
}
.lesson-list li:nth-child(5) a:before {
  
}

/* настройка содержимого */

.lesson-list li .item-main-td .vmiddle .lesson-date {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: var(--color-text-1)!important;
   
}


.lesson-list li .item-main-td .vmiddle .description {
    text-align: left;
    font-weight: 400;
    color: var(--color-text-2);
    font-size: 17px;
    line-height: 24px;
    
}


.lesson-list li .item-main-td .vmiddle .title {
    text-align: left;
    padding-bottom: 12px;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.2px;
    padding-top: 12px;
    color: var(--color-text-1);
}


.user-state-has_mission .user-state-label {
 display: none;
}
.lesson-list li .userstate-lesson {
    position: absolute;
        bottom: 8px;
    right: 16px;
}

.lesson-list li .userstate-lesson:after,
.lesson-list li:not(.lesson-list_watched) .userstate-lesson:before {
   font-family: 'FontAwesome', 'Inter', sans-serif;
}

/* установка общих стилей для всех статусов */



.lesson-list li .userstate-lesson:after {
    content: "Доступен\a0\a0 \f13e";
    position: relative;
    text-align: center;
    border-radius: 8px;
    padding: 8px 10px;
    color: white!important;
    background: #BF4573!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    /*box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.06);*/
    width: 140px;
    display: inline-block;
}


/* недоступный урок */

.lesson-list li.user-state-not_reached  .userstate-lesson:after {
    content: "Недоступен\a0\a0 \f023";
}

.lesson-list li.user-state-not_reached .userstate-lesson:before {
   content: none;
}

.lesson-list li.user-state-not_reached .item-main-td .vmiddle .lesson-date,
.lesson-list li.user-state-not_reached .title{
   color: var(--color-text-2)!important;
}

.lesson-list li.user-state-not_reached a:before {
  filter: saturate(0);
}


/* в уроке есть задание*/

.lesson-list li.user-state-has_mission .userstate-lesson:after {
    content: "Есть ДЗ\a0\a0 \f0ae";
}

.lesson-list li.user-state-has_mission.lesson-list_watched .userstate-lesson:after {
    content: "Выполни ДЗ\a0\a0 \f0ae";
}


/* стоп урок */

.lesson-list li.user-state-need_accomplish .userstate-lesson:after {
    content: "Стоп-урок \a0\a0 \f0ae";
}

.lesson-list li.user-state-need_accomplish.lesson-list_watched .userstate-lesson:after {
    content: "Необходимо выполнить ДЗ\a0\a0 \f06a";
    width:auto;
}


/* урок ожидает проверки */

.lesson-list li.user-state-answered .userstate-lesson:after  {
    content: "На проверке\a0\a0 \f110";
}


/* урок принят */

.lesson-list li.user-state-accomplished .userstate-lesson:after  {
    content: "Принят\a0\a0 \f058";
}
/* ------------- 
content finish - menu.css
------------- */