@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fs.getcourse.ru/fileservice/file/download/a/938826/sc/59/h/df2fac4af0cbf845946fbbad3f0bdc4f.css');
body {
   font-family: "Open Sans", sans-serif!important;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6,
.f-header p {
 font-family: 'Days', sans-serif!important;
}
.page-header h1 {
    color:#126547
}
body{background: #F6F6F6}
.breadcrumbs a {
    color:#126547
}
.top-notification-notice {
    display: none
}
.breadcrumbs a:hover {
    color:#585558;
    text-decoration: none
}
.page-menu li.active {
    background: #fff;
    border-radius: 10px;
    border:0px solid rgba(105,128,93,0.16)
     
}
.page-menu a {
   color:#4d4c4c  
}
.page-menu .active a {
   color:#414141!important;
    font-weight: 400!important
}

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


.lesson-list li a::after {
    content: url(https://ogorodsnulya.ru/pl/fileservice/user/file/download/h/67141df4aa8cd838655dccaf9674229b.svg);
   position: absolute;
       top: -1px;
    right: 0;
    padding: 3px 10px;
    border-radius: 0px 15px;
background: #D39240; 
}

.lesson-list li:not(.with-image)::before {
background: #126547
!important; 
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
}
.lesson-list .user-state-label {    border: 1px solid #126547;
  border-radius: 4px;
  color: #126547!important;
  font-size: 12px;
    display: inline-block!important;
    padding: 5px 10px;
    margin-left: -5px;
    margin-bottom: 5px;
    line-height: 1;
    transition: all 0.3s;
}
.lesson-list li:hover .user-state-label {
    background: #D39240; 
    border:none;
    color: #ffffff!important;
  transition: all 0.3s;
}



.lesson-list li:hover{transform: translatey(-8px);} 
.lesson-list li .info .vmiddle > div:not(.user-state-label):not(.title):not(.description) { 
    display: none; 
} 

.lesson-list li.user-state-not_reached .info {
    background: #ffffff;
}
.lesson-list{background: rgb(255,255,255);
border-radius: 15px;
margin-top:20px} 
.lesson-list li {  
    position: relative;  
    display: block;  
  border-radius:15px; 
      background: #ffffff;
    transition:all .5s;
         box-shadow: 5px 10px 10px 15px #e4edea;
}  
.lesson-list li .title {color:#126547;
font-family: 'Days', sans-serif!important;
    font-weight: 400;
    line-height: 1;
} 
.lesson-list .description {
    color: 24455B!important;
    width: 100%;
  font-family: "Open Sans", sans-serif!important;
}
.lesson-list li .info {  
    margin-left: 0px;  
    padding-left: 40px;  
    padding-right: 40px;  
   
}  
.lesson-list li .user-state-bg {  
    background: transparent!important;}  
.lesson-list li .state-icon-block.hidden-xs {  
    display:none  
}  
.lesson-list li::before {  
    content: "";  
    position: absolute;  
    top: 0;  
    right: 0;  
    width: 40px;  
    height: 100%;  
    border-radius: 0 3px 3px 0;  
    z-index: 5;  
}  
.lesson-list li:after {  
    position: absolute;  
    top: 80%;  
    transform: translatey(-50%);  
    right: 10px;  
    z-index: 5;  
font-family: 'FontAwesome';font-size: 16px;}  

/* Необходимо выполнить задание */  
 
.lesson-list li.user-state-need_accomplish:after {  
    content: "\f28d";  
    right: 10px;  
    color:#D17A1B;
}  
/* Урок недоступен */  

.lesson-list li.user-state-not_reached:after {  
    content: "\f023";  
    right: 10px;  
     color:#D17A1B;
}
  
/* Урок выполнен */  

.lesson-list li.user-state-accomplished:after {  
     content: "\f058";  
     right: 10px;  
     color:#D17A1B;
}  
/* Урок на проверке */  
 
.lesson-list li.user-state-answered:after {  
   content: "\f017";  
   right: 10px;  
    color:#D17A1B;
}  

@media (max-width: 767px){  
.lesson-list li .info {  
    padding-left: 10px;  
  }  
   
} 
@media (max-width: 460px){  
    .lesson-list li .title {font-size: 18px}
} 
.lesson-list li.divider {
     display: none!important;
}