/* Стили для списка уроков */
@import url("https://fs.getcourse.ru/fileservice/file/download/a/283899/sc/8/h/a1519b087755f41de5284902ebe54536.css");

:root {
  --color-main-title: #484848;  /* основной цвет заголовков и кнопки перейти к обучению */
  --color-trening-title: #222222; /* цвет названий на плашках тренингов */
  --color-trening-border: #929292; /* цвет обводки плашек */ 
  --color-btn-border: #E8C38C; /* цвет обводки кнопок, линий и основных элементов */   
  --color-btn-border-2: #8BF145;  /* цвет кнопки подключения телеграм */
  --color-btn-text-1: #C09F86; /* цвет текста на кнопках расписания и чатиум */
  --color-main-fon-status: #517035; /* цвет текста на кнопке подключения телеграм */
   --color-lesson-fon: #F4F4F4; /* цвет фона плашек уроков */
    --color-description-text: #7C7C7C; /* цвет текста описания уроков */
}
 
.gc-account-logo {
    display: none!important;
}

.standard-logo {
    display: none!important;
}

.breadcrumbs a {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-main-title);
}

.page-header h1 {
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 35px;
  line-height: 43px;
  color: var(--color-main-title);
}

.content-menu {
    border-bottom: transparent!important;
}

/********  Работаем с общим позицинированием элементов **********/

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

.lesson-list li .item-a,
.lesson-list li .info,
.lesson-list tr {
    height: 100px;
    position: relative;
}
.lesson-list li .info {
  padding-left: 45px!important;
  padding-right: 45px!important;
}

.lesson-list .item-image {
    display: none;
}

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

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

/* Отключаем иконку справа */
.lesson-list li .state-icon-block {
    display: none;
}

/* Убираем отступ */
.lesson-list li .info {
    margin-left: 0;
    background: var(--color-lesson-fon)!important;
}

.user-state-label.has-start-at.lesson-date {
    color: grey!important;
}

.lesson-list li {
  border: 1px solid var(--color-trening-border);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.lesson-list li.divider {
    border: none;
    padding: 5px 30px;
    box-shadow: none;
}

/********  Скрываем лишний цвет фона **********/
.lesson-list li .user-state-bg {
     background: none!important;
}

.lesson-list .description {
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-description-text);
}

.item-main-td .link.title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500!important;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.user-state-not_reached .item-main-td .link.title {
    color: var(--color-description-text);
}

/* Делаем новые статусы урокам и присваиваем стили */
/*.user-state-reached .user-state-bg:after {
  content:"";
  width: 65px;
  height: 120px;
  background: url("https://fs.getcourse.ru/fileservice/file/download/a/283899/sc/73/h/6fe782621d322ef7058ce979ed762218.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -2px;  
  top: -10px;
}*/

.user-state-has_mission .user-state-bg:after {
  content:"";
  width: 65px;
  height: 120px;
  background: url("https://fs.getcourse.ru/fileservice/file/download/a/283899/sc/189/h/5af25dc38690eb0acd9c4358a056911c.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -2px;  
  top: -10px;
}

.user-state-need_accomplish .user-state-bg:after {
  content:"";
  width: 65px;
  height: 120px;
  background: url("https://fs.getcourse.ru/fileservice/file/download/a/283899/sc/189/h/5af25dc38690eb0acd9c4358a056911c.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -2px;  
  top: -10px;
}

.user-state-answered .user-state-bg:after {
  content:"";
  width: 65px;
  height: 120px;
  background: url("https://fs.getcourse.ru/fileservice/file/download/a/283899/sc/450/h/9fb883eed53d046ace3d2e9f1f6ead9d.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -2px; 
  top: -10px;
}

.user-state-accomplished .user-state-bg:after {
  content:"";
  width: 65px;
  height: 120px;
  background: url("https://fs.getcourse.ru/fileservice/file/download/a/283899/sc/450/h/9fb883eed53d046ace3d2e9f1f6ead9d.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -2px;  
  top: -10px;
}

/* Скрываем надпись о наличии задания */
.lesson-list .user-state-bg .user-state-label {
  display: none;
}

/* АДАПТИВ*/
@media (max-width: 640px) {
	.lesson-list li .info {
	  padding-left: 10px!important;
      padding-right: 35px!important;
	}
    .user-state-label.has-start-at.lesson-date {
        font-size: 12px!important;
    }
    .lesson-list .description {
   		 font-size: 13px;
    	 line-height: 20px;
	}
	.item-main-td .link.title {
    	 font-size: 17px;
   		 line-height: 19px;
   	}
}