

:root {
  --fon-osn:#FAFAFA;
  --text-accent:#AF1939;
  --text-osn-2: #1c1c1c;
  --family-1: 'Iskar';
  --family-2: 'Tilda Sans'; 
  --main-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15); /* цвет кнопок */ 
}
.ntr .xdget-trainingAchievements {
    display:none;
}
}
/*уроки*/
.lesson-list {
    background: none!important;
    padding-top: 0; 
    margin-left: 0px;
}

.lesson-list li .item-a,
.lesson-list li .info,
.lesson-list tr {
   min-height: 150px;
   position: relative;
}

td.item-image {
    background-size: contain!important;
    max-width: 90px;
    height: auto;
}

.lesson-list li:not(.divider) {
    position: relative;
    border-radius: 4px;
    transition: all 0.3s;
}

.lesson-list li:hover {
    transform: translatey(-5px);
}

.lesson-list li .info {
  padding-left: 35px;
  padding-top: 10px;
  margin: 0;
  }

.user-state-need_accomplish .user-state-bg {
    background: var(--text-accent);
}

/*название урока*/

.lesson-list li .link.title {
 font-family: var(--family-1), sans-serif!important;
  display: inline-block;
  color:var(--text-accent);
 	font-weight: 600;
  font-size:24px;
  text-decoration: none;
	line-height: 1;
	padding: 5px 0px;
  margin: 8px 0;
}
.lesson-list .user-state-need_accomplish .link.title {
    /* color:var(--bel);*/
}

.lesson-list .description {
    display: block;
   font-family: var(--family-2), sans-serif;
    font-size: 16px;
    color:var(--osn);
    margin-left:0px;
    width: 90%;
}


/* Отключаем иконку справа */
.lesson-list li .state-icon-block {
    display: none;
 }
/* Убираем стандартные надписи недоступности и стоп уроков */
.user-state-need_accomplish .user-state-label:not(.user-state-label.has-start-at.lesson-date) {
    display: none;
    }
/*инфо в разных статусах видно справа*/
.lesson-list li.user-state-has_mission .info, 
.lesson-list li.user-state-answered .info, 
.lesson-list li.user-state-accomplished .info, 
.lesson-list li.user-state-need_accomplish .info,
.lesson-list li.user-state-reached .info{
    margin: 0 0 0 0;
  background: transparant!important;
    transition: all .3s;
  border-left: none;
    border-radius: 4px;
}

/*инфо в разных статусах сдвигается справа налево*/
.lesson-list li.user-state-has_mission:hover .info, 
.lesson-list li.user-state-answered:hover .info, 
.lesson-list li.user-state-accomplished:hover .info, 
.lesson-list li.user-state-need_accomplish:hover .info,
.lesson-list li.user-state-reached:hover .info{
    margin-right: 10px;
}

.user-state-has_mission .user-state-bg {
    background: #ffffff;
}

/* Статусы уроков */

.lesson-list li .info::before {
   position: absolute;
  top: 111px; 
  right: 10px;
   font-family: var(--family-2), sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
    color: #444;
  padding: 15px 30px;
}
.lesson-list .user-state-reached .info::before {
    content:'Доступно \00a0 \00a0 ';
  background: transparent url("https://fs.getcourse.ru/fileservice/file/download/a/512652/sc/30/h/fed9ad9f99ccb535abf33d89ae00eebe.png") no-repeat right;
   
}
.lesson-list .user-state-has_mission .info::before {
    content:'Есть задание \00a0 \00a0 ';
  background: transparent url("https://fs.getcourse.ru/fileservice/file/download/a/512652/sc/148/h/075d5938a11de9f1ab175cf4df063843.png") no-repeat right;
 
}
.lesson-list .user-state-need_accomplish .info::before {
  content:'Задание важное \00a0 \00a0 ';
  background: transparent url("https://fs.getcourse.ru/fileservice/file/download/a/512652/sc/148/h/075d5938a11de9f1ab175cf4df063843.png") no-repeat right;
 
}
.lesson-list .user-state-accomplished .info::before{
  content: 'Задание принято \00a0 \00a0 ';
  background: transparent url("https://fs.getcourse.ru/fileservice/file/download/a/512652/sc/87/h/a71979c5f762697342f1f57f1d85cf69.png") no-repeat right;
 
}

.lesson-list li.user-state-answered .info::before{
  content: 'Ожидает проверки \00a0 \00a0 ';
  background: transparent url("https://fs.getcourse.ru/fileservice/file/download/a/512652/sc/135/h/1d4280cda5e501c63f1169f016ebe727.png") no-repeat right;
 
}

.errorMessage {
    border-bottom: 1px solid lightcoral;
    font-weight: 400;
    padding: 26px 0 0;
    margin-bottom: 10px;
    font-size: 16px;
}
   }

/*недоступный урок-фон и замочек*/
.lesson-list li.user-state-not_reached .info{
  filter: grayscale(100%)!important;
}
.lesson-list li.user-state-not_reached .info:before {
  content:"Недоступен \00a0 \00a0 ";
  background: transparent url("https://fs.getcourse.ru/fileservice/file/download/a/512652/sc/162/h/895c88eec2026c7ba0d2551f6978b74c.png")no-repeat right;
  position: absolute;
  top: 95px; 
  right: 20px;
  }



@media (max-width:600px){
.lesson-list .user-state-need_accomplish a,
.lesson-list .user-state-has_mission a,
.lesson-list .user-state-reached a,
.lesson-list .user-state-answered a,
.lesson-list .user-state-accomplished a{
 }

.lesson-list li .item-a,
.lesson-list li .info,
.lesson-list tr {
   min-height: 200px;
  padding-left: 0px;
}  
.lesson-list .item-main-td.item-with-image {
    padding-left: 0px;
    height: 200px;
}

.lesson-list li .link.title {
  font-size:24px;
  padding: 5px 10px;
  margin: 20px 0;
}
}

@media (max-width:600px){
.lesson-list li.user-state-not_reached .info:before {
  top: 125px!important; 
  
  }
}




