/*общий фон позади уроков*/
body {
  background: /*#ECF0F1*/#F6F7F8;
}

.lesson-list {
    background-color: transparent;
}

/*Системные надписи о заданиях в уроках*/
.user-state-label {
  padding-left: 20px;
}

/*Боковые плашки в уроках*/
.lesson-list li .state-icon-block, .lesson-list li .user-state-bg {
  background: #FFC416;
  border-radius: 9px !important;
}

/*Название урока*/
.lesson-list li .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #1D2025;
    padding-left: 20px;
    padding-right: 100px;
}

/*Замена иконки*/
.lesson-list li .glyphicon {
  font-size: 0px;
}

.lesson-list li .glyphicon:after {
  content: "\f101";
  font-size: 18px;
  color: #fff;
  font-family: fontawesome;
  padding-left: 20px;
}

@media(min-width:1024px) {
  /*аннимация при наведении на урок*/
.lesson-list li {
transition: 0.3s all;;
}

.lesson-list li:hover {
/*transform:scale(1.02);*/
  /*transform: translateY(-5px);*/
  transform: translateX(10px);
}
}

@media(min-width:768px) {
  .lesson-list li .info {
  display: flex;
  position: relative;
}
  /*Выводим кнопку "Смотреть" в уроках*/
.lesson-list li .info::after {
    content: "Открыть";
    position: absolute;
    right: 20px;
    top: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    padding: 5px 12px;
    background: /*#FF0000*/#636363;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    opacity: 0.6;
}
}

@media(max-width:767px) {
  
  /*Боковые плашки в уроках*/
  
  .lesson-list li {
    border-radius: 9px;
    position: relative;
}

  .lesson-list li:before {
    width: 30px;
    background: #FFC416;
    height: 100%;
    display: block !important;
    content: "";
    position: absolute;
    border-radius: 9px 0 0 9px;
    top: 0px;
    left: 0px;
    z-index: 5;
}
  
  /*Название урока*/
.lesson-list li .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #1D2025;
    padding-left: 20px;
    padding-right: 20px !important;
}
}