@import url('https://fs.getcourse.ru/fileservice/file/download/a/299113/sc/113/h/10fc13e410572099ab9c8df73d75e889.css');
.main-page-block { 
    font-family: 'Onest', sans-serif; 
}
/* настраиваем миниатюру урока */
.lesson-list li table td.item-image {
    width: 120px !important;
    background-size: contain !important; /* если используется иконка, то значение должно быть cover  contain */
}
/* настраиваем вид урока без миниатюры */
.lesson-list li:not(.with-image) {
    padding-left: 120px;
    position: relative;
}
/* убираем фон и лишние отступы */
.lesson-list {
    background: transparent;
    padding: 0;
}
.lesson-list .user-state-label {
    font-weight: 400;
    font-size: 80%;
}

/* граница вокруг отдельного урока */
.lesson-list li {
    border: 2px solid #E9D3B9;
    margin: 0 0 10px;
    border-radius: 15px;
}
/* граница выполенного урока */
.lesson-list li.user-state-accomplished {
    border: 2px solid #E9D3B9;
}
/* убираем скругления слева */
.lesson-list li .item-a {
    border-radius: 0;
}
/* убираем сообщения с ошибками, которые сломали бы вид */
.lesson-list li.divider {
    display: none;
}
/* фон закрытого урока */
.lesson-list li.user-state-not_reached .info {
    background: #dbdbdb;
}
/* скрываем блок с иконкой GetCourse */
.lesson-list li .state-icon-block {
    display: none;
}
/* убираем лишнюю полоску и отступ иконки GetCourse */
.lesson-list li .info {
    margin-left: 0;
    border-left: 0 !important;
}
.lesson-list li:not(.divider) {
    transition: ease 0.4s;
    position: relative;
}
.lesson-list li:not(.divider):hover {
    transform: translate(10px);
    box-shadow: -10px 0px 0px #f6f6f6;
}

.lesson-list .description {
    width: 100%;
}

/* КНОПКИ */
.np_buttons {
    margin-bottom: 15px;
}
.np_buttons button {
    width: 100%;
    height: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #294488;
    border-radius: 15px;
    transition: ease 0.5s;
}
.np_buttons button:hover {
    transform: translateY(-10px);
}
.np_buttons button.np_btn_green:hover {
    box-shadow: 0px 8px 0px #f6f6f6;
}


@media screen and (max-width: 510px) {
    /* Фикс прокрутки и отступов в чатиуме */
    .gc-main-content.with-left-menu .container,
    .xdget-container,
    .xdget-row.row {
        margin: 0;
        padding: 0;
    }
    .xdget-root,
    .breadcrumbs,
    .page-header {
        padding: 0 15px;
    }
    .lesson-list li .vmiddle {
        margin-left: 0px !important;
    }
    .lesson-list li .title {
        font-size: 14px;
        line-height: 14px;
    }
    .lesson-list .description {
        font-size: 12px ;
    }
    .lesson-list .lesson-date {
        font-size: 12px !important;
    }    
    .lesson-list li table td.item-image {
        width: 78px !important;
    }    
    .lesson-list li .item-image {
        display: block !important;
        width: 78px !important;
    }
    .lesson-list .item-main-td.item-with-image {
        height: auto;
    }
    .lesson-list .item-main-td.item-with-image {
        padding-left: 10px;
    }
    .lesson-list .item-main-td {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}