/*подключаем шрифты*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Oswald:wght@300;400;500;600&display=swap');

:root {
    /* Основные цвета */
    /* акцентный цвет */
    --Gcolor1: #8C7735;
    --Gbordercolor: #80BFB960;
    /* акцентный цвет темный */
    --Gcolor4: #8C7735;
    /* белый */
    --Gwhite: #F3FFFF;
    /* белый */
    --Gwhite2: #ffffff;
    /* черный */
    --Gblack: #041831;
    /* черный */
    --Gblack2: #04183160;
    --Gblack3: #005E61;
    /* градиент */    
    --Ggradient: linear-gradient(135deg, rgba(0,94,97,1) 0%, rgba(29,129,133,1) 65%);
    --Ggradient2: linear-gradient(135deg, rgba(180,152,64,1) 0%, rgba(142,120,51,1) 34%, rgba(190,159,61,1) 100%);
    /* тени */
    --Gboxshadow: 0 2px 0 0 rgba(0,94,97,1), inset 0 0 13px 0 rgb(255 255 255 / 40%);
    --Gboxshadow2: 0 2px 0 0 #8C7735, inset 0 0 13px 0 rgb(255 255 255 / 40%);
    /* фон страницы */
    --Gbackground: #e1f5f5;
    --Gbackground2: #ffffff;

    /* Основные шрифты */
    /* шрифт заголовки */
    --Gfont: 'Oswald', sans-serif!important; 
    /* шрифт основной текст */
    --Gfont2: 'Montserrat', sans-serif!important; 
    
        /* список уроков */
    --state-width: 40px;
    --height: 120px;
    --border-radius: 10px;

    /* статусы уроков */
    /* надпись с датами, необходимости выполнить урок, стоп-урок */
    --status-label: #005E61;

    /* стоп урок - есть задание - не сдано на проверку */
    --need-accomplish-color: #005E61;
    --need-accomplish-icon: url('https://fs.getcourse.ru/fileservice/file/download/a/563477/sc/165/h/26ad54a2e11c540bacb9da931b232490.png');
    /* урок недоступен (расписание или после стоп-урока */
    --not-reached-color: #eaeaea;
    --not-reached-icon: url('https://fs.getcourse.ru/fileservice/file/download/a/563477/sc/165/h/26ad54a2e11c540bacb9da931b232490.png');        
    /* есть задание -  не принято */
    --has-mission-color: #005E61;
    --has-mission-icon: url('https://fs.getcourse.ru/fileservice/file/download/a/563477/sc/165/h/26ad54a2e11c540bacb9da931b232490.png');    
    /*задание ожидает проверки */
    --answered-color: #e2b36b;
    --answered-icon: url('ссылканафайл');
    /* задание выполнено и принято */    
    --accomplished-color: #8C7735;
    --accomplished-icon: url('https://fs.getcourse.ru/fileservice/file/download/a/563477/sc/118/h/1ee12708376ce87a563479fd8c447e3c.png');
    /* урок открыт (нет задания) */
    --reached-color: #005E61;
    --reached-icon: url('https://fs.getcourse.ru/fileservice/file/download/a/563477/sc/227/h/d7eec2804f7e004ec04653060dc31ebe.png');
}

/* вся страница */
body {
    /* фон */
    background: var(--Gbackground2);
}

/* "хлебные крошки" - ссылка на уровень выше - Тренинг */
.breadcrumb a {
    font-family: var(--Gfont2);
    /* цвет */
    color: var(--Gblack);
    transition: all 0.3s;
}

/* "хлебные крошки" при наведении - ссылка на уровень выше - Тренинг */
.breadcrumb a:hover {
    /* цвет */
    color: var(--Gcolor1);
}

/* Заголовок страницы - название тренинга */
.page-header H1 a {
    /* цвет текста */
    color: var(--Gblack3);
}

/* Нижняя полоса под заголовком страницы */
.page-header {
    /* отключаем */
    border-bottom: none; 
}

/* Контейнер с шапкой урока */
/* Шапка урока - фон, обводка, радиус скругления */
.lesson-header-block.row-section {
    /* цвет фона */
    background: var(--Gbackground)!important;
    /* минимальная высота шапки*/
    min-height: 160px;
    /* граница шапки */
    border: 1px solid var(--Gbordercolor)!important;
    /* радиус скругления */
    border-radius: 10px;
}

/* Шапка урока - название урока */
.lesson-header-block h2.lesson-title-value {
    display: block;
    /* подключаем шрифт */
    font-family: var(--Gfont); 
    /* размер шрифта */
    font-size: 36px;
    /* толщина написания */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gblack);
}

/* Шапка урока - описание к уроку */
.lesson-header-block .lesson-description-value {
    display: block;
    /* подключаем шрифт */
    font-family: var(--Gfont2);
    /* цвет текста */
    color: var(--Gblack);
    margin-top: 10px;
}

/* Шапка урока - Предыдущий урок, Следующий урок */
.lesson-header-block .lesson-navigation a {
    position: relative;
    /* подключаем шрифт */
    font-family: var(--Gfont2);
    /* размер шрифта */
    font-size: 14px;
    /* толщина написания */
    font-weight: 300;
    /* цвет текста на кнопке */
    color: var(--Gwhite);
    /* заливка фона */
    background: var(--Ggradient);
    /* граница для кнопки */
    border: 1px solid var(--Gblack3);
    /* радиус скругления */
    border-radius: 10px;
    /* внутренние отступы */
    padding: 10px;
    transition: all .3s;
}

/* Шапка урока - эффект при наведении на ссылки навигации редыдущий урок, Следующий урок */
.lesson-header-block .lesson-navigation a:hover {
    /* появление тени */
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    /* убираем нижнее подчеркивание при наведении на ссылки навигации */
    text-decoration: none;
    /* заливка фона */
    background: var(--Ggradient2);
    /* граница для кнопки */
    border: 1px solid var(--Gcolor1);
}

/* Шапка урока - рисуем стрелочку для ссылок Предыдущего урока (первая ячейка) */
.lesson-header-block .lesson-navigation td:nth-child(1) a:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70711 0.292893C8.09763 0.683417 8.09763 1.31658 7.70711 1.70711L2.41421 7L7.70711 12.2929C8.09763 12.6834 8.09763 13.3166 7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893Z' fill='white'/%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -1px!important;
}

/* Шапка урока - рисуем стрелочку для Следующего урока */
/*.lesson-header-block .lesson-navigation td.text-right a:after {*/
.lesson-header-block .lesson-navigation td:nth-child(3) a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='white'/%3E%3C/svg%3E");
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -1px!important;
}

/* Шапка урока - названия предыдущего и следующего урока */
.lesson-header-block .lesson-navigation div.hidden-xs {
    /* подключаем шрифт 
    font-family: var(--Gfont2);*/
    /* цвет текста 
    color: var(--Gblack);
    margin-top: 20px;*/
    display: none;
}

/* Шапка урока - номер урока и системная надпись "Есть задание", "Дата открытия урока" */
.lesson-header-block .lesson-navigation td.text-center.hidden-xs {
    /* подключаем шрифт */
    font-family: var(--Gfont2);
    /* цвет текста */
    color: var(--Gblack);
}

/* Мобильная адаптация */
@media (max-width: 991px) {
    /* контейнер, в котором находится урок */
    .gc-main-content.with-left-menu .container {
        /* внешние отступы, выравниваем посередине */
        margin: 40px auto 0px;
    }
    /*  "кнопок" навигации */
    .lesson-header-block .lesson-navigation a {
        /* размер шрифта */
        font-size: 13px;
        /* внутренние отступы у "кнопок" */
        padding: 5px;
    }
}

@media (max-width: 767px) {
    /* шапка урока */
    .lesson-header-block.row-section {
        /* внутренние отступы */
        padding: 10px 15px!important;        
    }
    
    .hidden-xs {
    display: none!important;
}
}

@media (max-width: 580px) { 
    /* название тренинга с уроками */
    .page-header H1 a {
        /* размер шрифта */
        font-size: 22px;
    }
    /* название урока  */
    .lesson-header-block h2.lesson-title-value {
        /* размер шрифта */
        font-size: 26px;
    } 
    /* "кнопки навигации" */
    .lesson-header-block .lesson-navigation a {
        /* размер шрифта */
        font-size: 90%;
    }
}

@media (max-width: 420px) {
    /* шапка урока */
    .lesson-header-block.row-section {
        /* внутренние отступы */
        padding: 10px 5px!important;        
    }
    /* "кнопки навигации" */
    .lesson-header-block .lesson-navigation a {
        /* размер шрифта */
        font-size: 80%;
    }
}

@media (max-width: 360px) {
    /* Шапка урока - рисуем стрелочку для ссылок Предыдущего урока (первая ячейка) */
    .lesson-header-block .lesson-navigation td:nth-child(1) a::before,
    /* Шапка урока - рисуем стрелочку для Следующего урока */
    /*.lesson-header-block .lesson-navigation td.text-right a:after {*/
    .lesson-header-block .lesson-navigation td:nth-child(3) a::after {
        display: none;
    }
}
/* конец Шапки урока */

/* Контент урока */

.lt-block-wrapper .container {
    padding: 0;
}

@media (max-width:767px) {
    /* Общий контейнер урока (содержимое урока, блок Задание, блок Комментарии, 
    Лента ответов */
    .lite-page.block-set {
        padding: 40px 20px 20px;
    }
}

@media (max-width:580px) {
    /* Общий контейнер урока (содержимое урока, блок Задание, блок Комментарии, 
    Лента ответов */
    .lite-page.block-set {
        padding: 40px 0px 20px;
    }
}

/* Заголовок */
.builder-item.part-header .f-header,
.f-header {
    /* шрифт */
    font-family: var(--Gfont);
    /* размер шрифта */
    font-size: 36px;
    /* толщина написания - жирность */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gcolor1);
}

/* Основные тексты */
.f-text {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* размер шрифта */
    font-size: 17px;
    /* цвет текста */
    color: var(--Gblack);
} 

@media (max-width:767px) {
    /* Заголовок */
    .builder-item.part-header .f-header,
    .f-header {
        font-size: 30px;
    }
    /* Основные тексты */
    .f-text {
        font-size: 16px;
    } 
}

@media (max-width: 580px) { 
    /* Заголовок */
    .builder-item.part-header .f-header,
    .f-header {
        font-size: 26px;
        text-align: center;
    }
    /* Основные тексты */
    .f-text {
        font-size: 15px;
    }
}

/* Кнопка */
.builder-item.part-button .f-btn,
.f-btn {
    /* шрифт */
    font-family: var(--Gfont)!important;
    /* размер шрифта */
    font-size: 18px!important;
    /* толщина написания - жирность текста */
    font-weight: 500!important;
    /* цвет текста */
    color: var(--Gwhite)!important;
    /* цвет кнопки - фон */
    background: var(--Ggradient2)!important;
    /* граница */
    border: 1px solid var(--Gcolor1)!important;
    box-shadow: var(--Gboxshadow2);
    /* радиус скругления */
    border-radius: 10px!important;
    /* задержка для плавности анимации */
    transition: all 0.3s;
}

.block-set button:focus, .block-set button:hover, .block-set button:active, .block-set button:active:focus, .block-set .btn:focus, .block-set .btn:hover, .block-set .btn:active, .block-set .btn:active:focus {
    outline: 0 !important;
    background: var(--Ggradient)!important;
    border: 1px solid var(--Gblack3)!important;
    box-shadow: var(--Gboxshadow);
}

.pvd-personal-btn {
    background: #135c5d90 !important;
    border-radius: 4px !important;
}

/* Изображение */
.image-box img {
    width: 100%;
    /* граница */
    border: 2px solid var(--Gbordercolor);
    /* радиус скругления */
    border-radius: 20px;
}

/* Видео */
.clearfix.videoWrapper iframe, 
.vhi-root iframe {
    /* граница */
    border: 1px solid var(--Gbordercolor);
    /* радиус скругления */
    border-radius: 20px;
}

/* Блок Файлы - фон заливка цветом и картинка */
.table.files-table {
    display: block;
    /* заливка фона */
    background: var(--Gbackground2);
    /* радиус скругления */
    border-radius: 10px !important;
}

/* Блок Файлы - ячейки */
.table.files-table td {
    /* отключаем границы */
    border: none;
}

/* Блок Файлы - Ячейка 1 */
.table.files-table tr td:nth-child(1) {
    padding-top: 20px;
}

/* Блок Файлы - Ячейка 2 */
.table.files-table tr td:nth-child(2) {
    /* по середине по вертикали */
    vertical-align: middle;
    position: relative;
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* толщина написания - жирность */
    font-weight: 500 !important;
    /* размер шрифта */
    font-size: 16px;
    /* цвет текста */
    color: var(--Gblack3);
}

/* Блок Файлы - Ячейка 2 - рисуем вертикальную линию */
.table.files-table tr td:nth-child(2)::after {
    content: '';
    position: absolute;
    /* позиционируем */
    top: 50%;
    right: 0;
    transform: translatey(-50%);
    /* размеры линии */
    width: 1px;
    height: 60%;
    /* цвет линии */
    background: var(--Gcolor1);
}

/* Блок Файлы - Ячейка 3 */
.table.files-table tr td:nth-child(3) {
    /* по середине по вертикали */
    vertical-align: middle;
    padding-left: 20px;
}

/* Блок Файлы - Ячейка 3 - ссылка */
.table.files-table tr td:nth-child(3) a {
    display: block;
    /* шрифты */
    font-family: var(--Gfont2)!important;
    /* толщина написания */
    font-weight: 500 !important;
    /* убираем подчеркивание */
    text-decoration: none !important;
    /* размер шрифта */
    font-size: 16px;
    /* цвет текста */
    color: var(--Gblack);
    transition: all .3s;
}

/* Блок Файлы - Ячейка 3 - ссылка при наведении */
.table.files-table tr td:nth-child(3) a:hover {
    /* сдвиг вправо */
    transform: translatex(10px);
}

@media (max-width: 460px) {
    .table>tbody>tr>td {
        padding-left: 0px;
    }
    .table.files-table tr td:nth-child(3) a {
        font-size: 14px;
    }
    .table.files-table tr td:nth-child(2) {
        font-size: 14px;
    }
}

@media (max-width: 340px) {
    .table.files-table tr td:nth-child(2) {
        display: none;
    }
}

/* контент урока - конец */

/* БЛОК ЗАДАНИЕ, КОММЕНТАРИИ и ЛЕНТА ОТВЕТОВ - начало */

/* Блок Задание */
.lesson-mission-wrapper {
    /* убираем границы */
    border: none;
    /* верхний отступ */
    margin-top: 0px;
}

/* Блок Задание - надпись "Задание" */
.lt-lesson-mission-block h3 {
    /* шрифт */
    font-family: var(--Gfont);
    /* размер шрифта */
    font-size: 36px;
    /* толщина написания - жирность */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gblack3);
    /* выравнивание по центру
    text-align: center; */
}

 /* Блок Задание - текст задания */
.lesson-mission-text {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* размер шрифта */
    font-size: 18px!important;
    /* цвет текста */
    color: var(--Gblack)!important;
    /* внутренний отступ слева */
    padding-left: 0px!important;
    border-bottom: none;
}

/* Блок Задание - ссылки в тексте задания */
.lesson-mission-text a {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* размер шрифта */
    font-size: 18px!important;
    /* цвет текста */
    color: var(--Gblack)!important;
}

/* Блок Задание - Блок ответа */
.answer-form {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* фон формы */
    background: var(--Gbackground);
    /* радиус скругления */
    border-radius: 20px;
    padding: 20px;
    border: 1px solid var(--Gbordercolor);
}

/* Блок Задание - Поле ввода ответа */
.lt-lesson-mission-block #LessonAnswer_answer_text,
/* Блок Задание - Добавление комментария к ответу */
.comment-form-wrapper .new-comment-textarea
/*.lt-lesson-mission-block .addfield .type-string,
.lt-lesson-mission-block .addfield .type-text,
.lt-lesson-mission-block .addfield .type-currency,
.lt-lesson-mission-block .addfield .type-float*/ {
    /* рисуем границу */
    border: 1px solid var(--Gbordercolor);
    /* радиус скругления */
    border-radius: 10px;
}

/* Убираем синюю системную обводку при вводе текста в поля */
/* Блок Задание - Поле ввода ответа */
.lt-lesson-mission-block #LessonAnswer_answer_text:focus,
.lt-lesson-mission-block #LessonAnswer_answer_text:focus-visible,
/* Блок Задание - Добавление комментария к ответу */
.comment-form-wrapper .new-comment-textarea:focus,
.comment-form-wrapper .new-comment-textarea:focus-visible 
/*.lt-lesson-mission-block .addfield .type-string:focus,
.lt-lesson-mission-block .addfield .type-string:focus-visible,
.lt-lesson-mission-block .addfield .type-text:focus,
.lt-lesson-mission-block .addfield .type-text:focus-visible,
.lt-lesson-mission-block .addfield .type-currency:focus,
.lt-lesson-mission-block .addfield .type-currency:focus-visible,
.lt-lesson-mission-block .addfield .type-float:focus
.lt-lesson-mission-block .addfield .type-float:focus-visible*/ {
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    border: 1px solid var(--Gbordercolor);
}

/* Аватарка пользователя */
.user-profile-image {
    /* граница */
    border: 3px solid var(--Gwhite2);
    /* радиус скругления - круг */
    border-radius: 100px;
}

/* Блок Задание - кнопка "Добавить файлы" */
.field-lessonanswer-answer_text .uploadifive-button {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет кнопки */
    background: var(--Ggradient);
    /* цвет текста на кнопке */
    color: var(--Gwhite);
    /* радиус скругления */
    border-radius: 6px;
}

/* Блок Задание - кнопка "Отправить ответ", 
кнопка "Отправить ответ из черновика",
кнопка "Отправить" для отправки комментария к ответу */
.lt-lesson-mission-block .btn-send-answer,
.lt-lesson-mission-block .btn-primary.btn-lg,
.lt-lesson-mission-block .btn-primary.btn-send {
    /* цвет кнопки */
    background: var(--Ggradient2);
    /* цвет текста на кнопке */
    color: var(--Gwhite);
    /* шрифт */
    font-family: var(--Gfont2);
    /* размер шрифта текста */
    font-size: 14px !important;
    /* отключаем системную границу */
    border: none;
    /* радиус скругления */
    border-radius: 6px;
    /* внутренние отступы */
    padding: 10px 30px;
    transition: all .3s;
}

/* Форма отправки задания - надпись "Сохранить черновик" */
.lt-lesson-mission-block .btn-save-draft {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gblack) !important;
    transition: all .3s;
}

/* Форма отправки задания - надпись "Сохранить черновик" при наведении */
.lt-lesson-mission-block .btn-save-draft:hover {
    /* цвет текста */
    color: var(--Gcolor1) !important;
}

@media (max-width:767px) {
    /* Форма отправки задания - надпись "Задание" */
    .lt-lesson-mission-block h3 {
        font-size: 30px;
        /*text-align: center;*/
    }
    
    /* Блок Задание - текст задания */
    .lesson-mission-text,
    .lesson-mission-text a {
        font-size: 16px!important;
    }
}

@media (max-width: 580px) { 
    /* Блок Задание - надпись "Задание" */
    .lt-lesson-mission-block h3 {
        font-size: 26px;
        /*text-align: center;*/
    }
    /* Блок Задание - Блок ответа */
   .answer-form {
        padding: 10px;
    }
    /* Блок Задание - текст задания */
    .lesson-mission-text,
    .lesson-mission-text a {
        font-size: 15px!important;
    }
}

@media (max-width: 380px) { 
    /* Блок Задание - надпись "Сохранить черновик" */
    .answer-form .btn-save-draft {
        /* сдвигаем к левой границе - отступ слева */
        margin-left: 0px;
    }
}

/* Блок Задание - Контейнер - Мой ответ */
.self-answers {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gblack) !important;
    /* фон формы */
    background: var(--Gbackground2);
    /* радиус скругления */
    border-radius: 10px;
    padding: 20px;
}

/* Блок Задание - Мой ответ */
.self-answers .user-answer {
    /* верхний разделитель */
    border-top: none;
}

/* Блок Задание - Мой ответ - ссылки */
.self-answers a {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gblack) !important;
}

/* Блок Задание - Дата и время ответа */
.answer-date a {
    /* толщина написания - жирность */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gblack)!important;    
}

/* Блок Задание - Мой ответ - Имя ученика */
a.user-profile-link {
    /* цвет текста */
    color: var(--Gcolor1)!important;    
}

/* Блок ответов пользователя - кнопка Редактировать */
.answer-edit-link a {
    /* цвет текста */
    color: var(--Gblack)!important;   
}

/* Блок ответов пользователя - Поле ввода нового комментария */
.lt-lesson-mission-block .gc-comment-form.comment-form-wrapper {
    /* фон формы */
    background: var(--Gwhite);
    /* радиус скругления */
    border-radius: 10px;
    padding: 10px;
}

/* Блок ответов пользователя - Мой ответ - 
Надпись Исправьте ошибки и сообщите об этом в комментарии к ответу */
.why-no-form {
    /* шрифт */
    font-family: var(--Gfont2);
    /* цвет текста */
    color: var(--Gblack);
    /* отвключаем границу сверху  */
    border-top: none!important;
}



:root {
    /* задание не принято */
    --need-accomplish-color: #041831;
    /* задание ожидает проверки */
    --answered-color: #8C7735;
    /* задание выполнено и принято */    
    --accomplished-color: #005E61;
}

/* Блок ответов пользователя - кнопка Модерация */
.answer-status a {
    /* цвет текста */
    color: var(--Gblack)!important;   
}

/* Надпись Ожидает проверки */
.user-answer .answer-status .answer-status-label {
    /* заливка фона */
    background: var(--answered-color);
    /* цвет текста */
    color: var(--Gwhite);      
}

/* Надпись Задание принято */
.user-answer.status-accepted .answer-status .answer-status-label {
    /* заливка фона */
    background: var(--accomplished-color);
    /* цвет текста */
    color: var(--Gwhite);
}

/* Надпись Задание не принято */
.user-answer.status-declined .answer-status .answer-status-label {
    /* заливка фона */
    background: var(--need-accomplish-color);
    /* цвет текста */
    color: var(--Gwhite);
}

/* Надпись Не требует проверки */
.user-answer.type-free_comment .answer-status .answer-status-label {
    /* заливка фона */
    background: var(--Gblack2);
    /* цвет текста */
    color: var(--Gwhite);
}


/* Блок Задание - ДЕРЕВО ОТВЕТОВ - комментарии */
.comments-tree {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gblack);
}

/* Блок Задание - Дерево ответов - Имя ученика */
.comments-tree a.user-profile-link {
    /* цвет текста */  
    color: var(--Gblack)!important;
}

/* Дерево ответов - Имя сотрудника */
.comments-tree .worker .text {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gcolor2);    
}

/* Дерево ответов - Разделы с ответами */
.lesson-answer-comment {
    background: transparent;
}

/* Дерево ответов - Надпись Редактировать при наведении на ответ */
.pseudo-link {
    /* цвет текста */  
    color: var(--Gblack)!important;
    /* толщина написания - жирность */
    font-weight: 500;
}

/* Дерево ответов - Надпись Редактировать при наведении на ответ - Кнопка */
.btn-primary.save-edited-comment-btn {
    /* цвет кнопки */
    background-color: var(--Gcolor1);
    /* цвет текста на кнопке */
    color: var(--Gwhite);
    /* размер шрифта текста */
    font-size: 14px !important;
    /* отключаем системную границу */
    border: none;
    /* радиус скругления */
    border-radius: 6px;
    /* внутренние отступы */
    padding: 10px 30px;
    transition: all .3s;
}

/* Дерево ответов - Блок Редактирования комментария */
.new-comment-textarea.edited-comment-text {
    /* рисуем границу */
    border: 2px solid #cacaca;
    /* радиус скругления */
    border-radius: 10px;
}

/* Дерево ответов - Надпись Показать больше комментариев */
.level-1.more-comments {
    /* цвет текста */
    color: var(--Gcolor3)!important; 
}

/* Комментарии - Лайки */
.b-like .positive-count .icon,
/* Комментарии - Количество лайков */
.b-like a.like_users_list,
.b-like .positive-count .value {
    /* цвет текста */
    color: var(--Gcolor1)!important;
}

/* Комментарии - Нравится */
.b-like .button {
    /* цвет текста */
    color: var(--Gblack);
    /* нижняя граница */
    border-bottom: 1px dotted var(--Gcolor1);
}

/* Комментарии - Подписаться */
.b-notifications-subscribe .button {
    /* цвет текста */
    color: var(--Gblack);
    /* нижняя граница */
    border-bottom: 1px dotted var(--Gcolor1);
}


/* ЛЕНТА ОТВЕТОВ И КОММЕНТАРИИ - начало */

/* весь блок */
.o-lt-lesson-comment-block {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gblack);
}

/* Комментарии - ссылки */
.other-answers.answers-list a {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет текста */
    color: var(--Gblack);
}

/* надпись Ответы и комментарии */
.lesson-answers-title H3 {
    /* шрифт */
    font-family: var(--Gfont);
    /* размер шрифта */
    font-size: 36px;
    /* толщина написания - жирность */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gcolor3);
}

/* надпись Ответы и комментарии - [ показать в ленте] */
.lesson-answers-title H3 a {
    /* цвет текста */
    color: var(--Gblack);
}

/* Надпись старые/новые ответы */
.lesson-answers-title .pull-right {
    /* шрифт */
    font-family: var(--Gfont2);
    /* толщина написания - жирность */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gblack);
}

/* Надпись старые/новые ответы - ссылки */
.lesson-answers-title .pull-right a {
    /* шрифт */
    font-family: var(--Gfont2);
    /* толщина написания - жирность */
    font-weight: 500;
    /* цвет текста */
    color: var(--Gcolor1);
}

/* Форма комментариев (фон, отступы, граница) */
.lt-lesson-comment-block .simple-answer.user-answer {
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* цвет фона */
    background: var(--Gbackground);
    /* границы отключим */
    border: none;
    /* радиус скругления */
    border-radius: 10px;
    margin-top: -1px;
    margin-bottom: 20px;
}

/* Форма комментариев - кнопка "Отправить" */
.lt-lesson-comment-block .btn.btn-primary.btn-send {
    /* цвет фона */
    background: var(--Gcolor1);
    /* цвет текста */    
    color: var(--Gwhite);
    /* шрифт */
    font-family: var(--Gfont2)!important;
    /* размер шрифта */  
    font-size: 14px !important;
    text-transform:  uppercase;
    /* границы отключим */    
    border: none;
    /* радиус скругления */
    border-radius: 6px;
    padding: 10px 30px;
}

/* Комментарии - поле ввода текста */
.new-comment-textarea {
    /* рисуем границу */
    border: 1px solid var(--Gbordercolor);
    /* радиус скругления */
    border-radius: 10px;
}

/* Комментарии - поле ввода текста - убираем синюю системную обводку при вводе текста в поля */
.new-comment-textarea:focus,
.new-comment-textarea:focus-visible {
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    border: 1px solid var(--Gbordercolor);
}

/* Дерево ответов - Поле ввода нового комментария */
.lt-lesson-comment-block .gc-comment-form.comment-form-wrapper {
    /* фон формы */
    background: var(--Gbackground);
    /* радиус скругления */
    border-radius: 10px;
    padding: 10px;
}

@media (max-width: 991px) { 
    /* Поле ввода комментария */  
    .simple-answer .new-comment-textarea {
        min-height: 80px;
    }
}

@media (max-width:767px) {
    /* Форма комментариев (фон, отступы, граница) */
    .lt-lesson-comment-block .simple-answer.user-answer {
        padding: 20px;
    }
    /* Форма комментариев - Поле ввода комментириев */
    .simple-answer.user-answer .new-comment .textarea-block {
        /* растягиваем на всю ширину контейнера */
        width: 100%;
    }
}

@media (max-width:580px) {
    /* Форма комментариев (фон, отступы, граница) */
    .lt-lesson-comment-block .simple-answer.user-answer {
        padding: 10px;
    }
    /* надпись Ответы и комментарии */
    .lesson-answers-title H3 {
        font-size: 26px;
    }
    /* Форма отправки задания - Мой ответ*/
    .self-answers {
        padding: 5px;
    } 
}


/* БЛОК ЗАДАНИЕ, КОММЕНТАРИИ и ЛЕНТА ОТВЕТОВ - конец */

/* ОФОРМЛЕНИЕ ЗАДАНИЯ УРОКА - ТЕСТИРОВАНИЕ - начало */

:root {
    /* цвет текста с предупреждением */
    --need-accomplish-color: #b04b4b;
    /* задание выполнено и принято */    
    --accomplished-color: #80BFB9;
}


/* Блок Задание - Тестирование - контейнер с тестированием */
.testing-widget .stat-block {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Блок Задание - Кнопка Начать тест */
.testing-widget .before-start-block .start-btn {
    /* ширина и высота кнопки */
    width: 220px;
    height: 60px;
    /* цвет текста на кнопке */
    color: var(--Gwhite2);
    /* заливка фона */
    background: var(--Ggradient2);
    /* тень */
    box-shadow: var(--Gboxshadow2);
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 18px;
    /* толщина написания */
    font-weight: 700;
    /* граница для кнопки */
    border: none;
    /* радиус скругления */
    border-radius: 10px;
    /* внутренние отступы */
    padding: 20px 20px;
    /* внешний отступ сверху */
    margin-top: 0px;
    /* задержка для плавности анимации */
    transition: all 0.3s;
}

/* Блок Задание - Кнопка Начать тест - наведение */
.testing-widget .before-start-block .start-btn:hover {
    /* цвет текста */
    color: var(--Gwhite);
    /* заливка фона */
    background: var(--Ggradient);
    /* тень */
    box-shadow: var(--Gboxshadow);
}

/* Блок Задание - Текст задания */
.lesson-mission-text {
    /* внутренние отступы */
    padding-bottom: 0px!important;
}

/* Блок Задание - Блок с тестированием */
.testing-widget {
    /* внешний отступ сверху */
    margin-top: 0px;
}

/* Блок Задание - Тестирование - сообщение с предупреждением */
.testing-widget .text-warning {
    /* подключаем шрифт */
    font-family: var(--Gfont2);
    /* цвет текста */
    color: var(--need-accomplish-color);
    /* толщина написания */
    font-weight: 500;
    /* выравнивание посередине */
    text-align: center;
    margin-bottom: 20px;
}

/* Блок Задание - Тестирование - номер вопроса */
.testing-widget .question-number.text-center {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 26px!important;
    /* цвет текста */
    color: var(--Gblack3);   
}

/* Блок Задание - Тестирование - текст вопроса */
.testing-widget .question .question-title-big {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 26px!important;
    /* цвет текста */
    color: var(--Gblack);  
    /* выравнивание посередине */
    text-align: left;
    margin-bottom: 0px;
}

/* Блок Задание - Тестирование - выбор ответа */
.testing-widget .btn.btn-default.btn-send-variant.js__btn-variant {
    /* подключаем шрифт */
    font-family: var(--Gfont2) !important;
    /* цвет текста */
    color: var(--Gblack3);
    /* отключаем системную границу */
    border-color: var(--Gbordercolor);
    /* радиус скругления */
    border-radius: 6px;
    transition: all .3s;
}

/* Блок Задание - Тестирование - выбор ответа - наведение */
.testing-widget .btn.btn-default.btn-send-variant.js__btn-variant:hover {
    color: #fff !important;
    background-color: var(--Gblack3);
    border-color: var(--Gblack3);
    box-shadow: none !important;
}

/* Блок Задание - Тестирование - Кнопка Ответить */
.testing-widget .btn-primary {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* цвет кнопки */
    background: var(--Gblack3);
    /* цвет текста на кнопке */
    color: var(--Gwhite);
    /* размер шрифта текста */
    font-size: 16px !important;
    /* отключаем системную границу */
    border: none;
    /* радиус скругления */
    border-radius: 6px;
    /* внутренние отступы */
    padding: 10px 30px;
    transition: all .3s;
}

/* Блок Задание - Тестирование - Кнопка Ответить при наведении */
.testing-widget .btn-primary:hover {
    /* цвет кнопки */
    background-color: var(--Gblack);
    /* цвет текста на кнопке */
    color: var(--Gwhite);
}

/* Блок Задание - Тестирование - Выбранный вариант теста */
.testing-widget .btn-mark-variant[data-marked="1"] {
    /* цвет кнопки */
    background-color: var(--Gcolor1);
    /* тень */
    box-shadow: none;
}

/* Блок Задание - Тестирование - Выбранный вариант теста Верный */
.testing-widget .btn-mark-variant.btn-success[data-marked="1"],
.testing-widget .btn-send-variant.btn-success {
    /* цвет кнопки */
    background-color: var(--accomplished-color);
    /* цвет текста на кнопке */
    color: var(--Gwhite2)!important;
    /* тень */
    box-shadow: none;
}

/* Блок Задание - Тестирование - Выбранный вариант теста Неверный */
.testing-widget .btn-mark-variant.btn-danger[data-marked="1"],
.testing-widget .btn-send-variant.btn-danger {
    /* цвет кнопки */
    background-color: var(--need-accomplish-color);
    /* цвет текста на кнопке */
    color: var(--Gwhite)!important;
    /* тень */
    box-shadow: none;
}

.testing-widget .btn-mark-variant:before {
    /* цвет иконки */
    color: var(--Gcolor1);
}

/* Блок Задание - Тестирование - Кнопка Начать заново */
.testing-widget .btn.btn-default.btn-restart {
    /* ширина и высота кнопки */
    width: 220px;
    height: 60px;
    /* цвет текста на кнопке */
    color: var(--Gwhite2);
    /* заливка фона */
    background: var(--Ggradient2);
    /* тень */
    box-shadow: var(--Gboxshadow2);
    /* подключаем шрифт */
    font-family: var(--Gfont2);
    /* размер текста */
    font-size: 12px;
    /* толщина написания */
    font-weight: 700;
    /* расстояние между буквами в названии кнопки */
    letter-spacing: 0.07em;
    /* заглавные буквы в названии */
    text-transform: uppercase;
    /* граница для кнопки */
    border: none;
    /* радиус скругления */
    border-radius: 10px;
    /* внутренние отступы */
    padding: 20px 20px;
    /* внешний отступ */
    margin-top: 40px;
    margin-bottom: 20px;    
    /* задержка для плавности анимации */
    transition: all 0.3s;
}

/* Блок Задание - Тестирование - Кнопка Начать заново - наведение */
.testing-widget .btn.btn-default.btn-restart:hover {
    /* цвет текста */
    color: var(--Gwhite);
    /* заливка фона */
    background: var(--Ggradient);
    /* тень */
    box-shadow: var(--Gboxshadow);
}

/* Блок Задание - Тестирование - надпись Ваш результат */
.testing-widget .stat-block .stat-title {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 26px!important;
    /* цвет текста */
    color: var(--Gblack3); 
    /* внешний отступ */
    margin-bottom: 0px;     
}

/* Блок Задание - Тестирование - Результат */
.testing-widget .stat-block .stat-str {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 32px!important;
    /* цвет текста */
    color: var(--Gcolor1);   
}

/* Блок Задание - Тестирование - Произвольный текст для результата */
.testing-widget .stat-block .result-text {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 20px!important;
    /* цвет текста */
    color: var(--Gcolor1);
}

/* Блок Задание - Тестирование - У вас осталось N попыток */
.testing-widget .text-center {
    
}

/* Блок Задание - Тестирование - Текст Вы можете отправить ответ */
.testing-widget .stat-block .text-success {
    /* цвет текста */
    color: var(--accomplished-color);
    /* толщина написания */
    font-weight: 500;    
}

/* Блок Задание  - Тестирование - Контейнер с текстом и таймером */
.testing-widget .stat-block .has-restart-timer {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 26px!important;
    /* цвет текста */
    color: var(--Gblack3); 
}

/* Блок Задание  - Тестирование - Время до повторного прохождения */
.testing-widget .stat-block .testing-restart-timer {
    /* подключаем шрифт */
    font-family: var(--Gfont);
    /* размер текста */
    font-size: 26px!important;
    /* цвет текста */
    color: var(--Gblack3); 
    /* внешний отступ */
    margin-bottom: 0px;
}

/* Убираем лишние отступы и устанавливаем ширину для блока с изображением 
и видео в вопросе тестирования */
/*.testing-widget .question .question-data .question-answer-block .button-list {
    margin: 0 0 0 auto;
    max-width: 300px;
}*/

@media (max-width: 991px) {
    .lesson-mission-wrapper div {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    .testing-widget .question .question-data .question-answer-block .button-list {
        margin: 0 auto;
    }    
}

@media (max-width: 680px) {
    .lesson-mission-wrapper div {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .testing-widget .question .question-data .question-answer-block .button-list {
        margin: 0 auto;
        max-width: 330px;
    }
}

@media (max-width: 460px) {
    .testing-widget .question .question-data .question-answer-block .button-list {
       /* margin: 0 15px 0 auto;*/
        max-width: 220px;
    }
}

/* ОФОРМЛЕНИЕ ЗАДАНИЯ УРОКА - ТЕСТИРОВАНИЕ - конец */

.chatium_body .mode-selector {
    display: flex;
    gap: 10px;
    border: none;
}
.chatium_body .mode-selector .link {
  border: 1px solid var(--Gbordercolor);  
  border-radius: 6px;
  color: var(--Gblack);
}

.chatium_body .mode-selector .link.active,
.chatium_body .lesson-title {
    background: var(--Gbackground); 
    color: var(--Gblack3);
}

.chatium_body .lesson-title + style + div {
    background: var(--Gbackground)!important;
    padding-top: 16px;
    margin: 0 10px;
    border-radius: 0 0 6px 6px;
}


.chatium_body .lesson-title {
    text-align: center;
    margin: 0 10px;
    border-radius: 6px 6px 0 0;
}

.chatium_body .lesson-title h2 {
    /* подключаем шрифт */
    font-family: var(--Gfont) !important; 
    /* размер шрифта */
    font-size: 36px;
}

.chatium_body .lesson-title + style + div a {
    background: var(--Ggradient)!important;
    padding: 4px 10px;
    border-radius: 6px;
    color: var(--Gwhite2);
}

.chatium_body .lesson-title + style + div a:hover, .chatium_body .lesson-title + style + div a:a:focus {
    text-decoration: none;
    background: var(--Ggradient2)!important;
    color: var(--Gwhite2);
}

@media (max-width:768px) {
    .chatium_body .lesson-title + style + div a {
        font-size: 12px;
    }
    .chatium_body .lesson-title h2 {
    font-size: 30px;
    }
}

@media (max-width:375px) {
    .chatium_body .lesson-title h2 {
    font-size: 24px;
    }
}

@media (max-width:320px) {
    .chatium_body .lesson-title + style + div a {
        font-size: 10px;
    }
}