@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,600;1,400&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600;700&family=Raleway:wght@100;200;400;600;700&family=Roboto:wght@100;300;400;500&display=swap');

.logo-text{
  display:none;
}

:root {
    --Tcolor1: #37565B;
    --Tcolor2: #e5d7ff;
    --Tcolor3: #2d4988;
    --Tcolor4: linear-gradient(137deg, #84AC76 0%, #425F2C 100%);
    --Twhite:  #ffffff;
    --Tblack:  #333333;
    --Tbackground: #fff;
    --Tfont:Roboto;
}

/* Панель администрирования тренинга - начало */
/* прячем панель от учеников */
.gc-user-user .content-menu {
    display: none !important;
}

/* плашка меню со вкладками */
.content-menu {
    border: none;
    background: var(--Tcolor4);
    padding: 10px 9px;
    border-radius: 0px;
    transition: all .3s;
}

/* вкладками (списки) */
.page-menu li {
    border: 1px solid transparent;
    border-radius: 0px;
    margin: auto 3px;
    transition: all 0.3s;
}

/* надписи на вкладках */
.page-menu li a { 
    font-family: var(--Tfont), Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--Twhite);
    border-radius: 0px;
    transition: all 0.3s;
}

/* активная вкладка (элемент списка) */
.page-menu li.active  {
    background: transparent;
}

/* надпись на активной вкладке (элемента списка) */
.page-menu li.active a {
    color: var(--Twhite);
}

/* эффект при наведении на вкладку - фон */
.page-menu li:hover {
    background: transparent;
    border: 1px solid var(--Twhite);
}

/* эффект при наведении на вкладку - текст */
.page-menu li:hover a {
    color: var(--Tblack);
}

/* убираем подчеркивание при наведении на вкладки */
.page-menu li a:hover {
    text-decoration: none;
}

/* кнопка админки Действие */
.btn.dropdown-toggle {
    font-family: var(--Tfont), Roboto, sans-serif;
    color: var(--Tcolor1);
    background: transparent;
    border: 1px solid var(--Tcolor1);
    border-radius: 0px;
    transition: all .3s;
}

/* кнопка админки Добавить */
.btn.btn-success.dropdown-toggle {
    font-family: var(--Tfont), Roboto, sans-serif;
    color: var(--Twhite)!Important;
    background: var(--Tcolor4)!Important;
    border: 1px solid var(--Tcolor4);
    border-radius: 0px;
    transition: all .3s;
}
/* Администрирование тренинга - конец */



/* Устанавливаем фон заливкой цветом и изображением */
.main-page-block,
body{
    font-family: var(--Tfont), Roboto, sans-serif;
    background-color: #fff;
}
/* убираем фон и лишние отступы */
.lesson-list {
    background: transparent;
    padding: 0;
}

/* граница вокруг отдельного урока */
.lesson-list li {
    border: 2px solid  #222222;
    margin: 0 0 10px;
    border-radius: 16px; /* убираем скругление */
}
/* граница выполенного урока */
.lesson-list li.user-state-accomplished {
    border: 2px solid #b0978d;
}
/* убираем скругления слева */
.lesson-list li .item-a {
    border-radius: 0;
}
/* убираем сообщения с ошибками, которые сломали бы вид */
.lesson-list li.divider {
    display: none;
}
/* скрываем блок с иконкой GetCourse */
.lesson-list li .state-icon-block {
    display: none;
}
/* убираем лишнюю полоску и отступ иконки GetCourse */
.lesson-list li .info {
    margin-left: 0;
    border-left: 0 !important;
}

/* Фон выполненного урока */
.lesson-list li.user-state-accomplished .info {
    background: rgb(229,243,226);
}

/* настраиваем миниатюру урока */
.lesson-list li table td.item-image {
    width: 130px !important;
    background-size: 65px 65px!important; /* если используется иконка, то значение должно быть cover  contain */
    background-color: transparent !important;
}

/* Название урока: цвет и отступы */
.lesson-list li .title {
    color: #494C5D !Important;
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 0;
}
.lesson-list li:not(.user-state-not_reached) a:hover .title {
    color: #162a5f; /* цвет при наведении */
}
/* Описание урока: цвет и ширина */
.lesson-list .description {
    color: #6b6a6b;
    width: 100%;
}

/* Стилизуем системные надписи к урокам */
.lesson-list .user-state-label {
    font-weight: 400;
    border: 1px solid rgb(255,0,128);
    display: inline-block;
    padding: 5px;
    margin-left: -5px;
    margin-bottom: 5px;
    line-height: 1;
    transition: all 0.3s;
}
.lesson-list li:hover .user-state-label {
    background-color: #425F2C;
    color: #ffffff;
}

/* задание ожидает проверки */
.lesson-list .user-state-answered .user-state-label {
    color: rgb(18,44,80);
    border-color: RGB(218,232,240);
}
.lesson-list li.user-state-answered:hover .user-state-label {
    background-color: RGB(218,232,240);
}

.lesson-list li.user-state-answered .info {
    background: RGB(218,232,240);
}

/* задание выполнено */
.lesson-list .user-state-accomplished .user-state-label {
    color: rgb(18,44,80);
    border-color: rgb(0,175,66);
}
.lesson-list li.user-state-accomplished:hover .user-state-label {
    background-color: rgb(19,112,65);
}

/* стоп-урок */
.lesson-list .user-state-need_accomplish .user-state-label {
    color: #FF0000;
    border-color: #FF0000;
}
.lesson-list li.user-state-need_accomplish:hover .user-state-label {
    background-color: #FF0000;
}

/* недоступен */
.lesson-list .user-state-label.has-start-at,
.lesson-list .user-state-not_reached .user-state-label {
    border-color: #84AC76;
    color: #658190;
}
.lesson-list li.user-state-label:hover .user-state-label {
    background-color:#84AC76!Important;
    border-color: #84AC76!Important;
}

/* есть задание */
.lesson-list .user-state-has_mission .user-state-label {
    border-color: #FF0000;
    color: #FF0000;
}
.lesson-list li.user-state-has_mission:hover .user-state-label {
    background-color: #FF0000;
}

/* настраиваем адаптивность */
@media (max-width: 767px) {
    .lesson-list li .info .vmiddle {
        margin-left: 0;
        padding-right: 0;
    }
    .lesson-list .item-main-td.item-with-image,
    .lesson-list .item-main-td {
        padding: 15px 20px;
    }
    .lesson-list li:not(.with-image) {
        padding-left: 0;
    }
    .lesson-list li:not(.with-image)::before {
        display: none;
    }
    .lesson-list .user-state-label {
        font-size: 12px;
    }
    .lesson-list li .title {
        font-size: 20px;
    }
    .page-menu li {
        width: calc(50% - 15px); /* аккуратно выравниваем меню для админов */
    }
}


/*Эффект при наведении на карточку */
.lesson-list li:hover {
  transform:scale(1.005);
}

.alert-warning,
.lesson-list{
  background-color:#fff !Important;}