:root {

 /*   --lesson-inside-zoloto-bg:#3D93FF; /*Основной цвет внутри урока*/
    --lesson-inside-zoloto-bg: #1D81FF; /*Основной цвет внутри урока*/
    --lesson-insideb-zoloto-color: #F9FBFF; /*Цвет фона урока внутри и другие белые элементы*/
    --lesson-insideb-zoloto-color-text: #fff; /*Цвет текста внутри урока*/
    --lesson-insideb-zoloto-color-btn-dz: transparent; /* кнопки отправки домашки */
    --lesson-insideb-zoloto-heder-color: #fff; /*Цвет названия, описания и названия следующего и предыдущего уроков в шапке уроков*/
    --lesson-insideb-zoloto-border:#FFF;/*цвет обводки поля ДЗ и комментариев*/

    --lesson-insideb-zoloto-link-color: #fff; /*Цвет навигации в шапке приложения*/
}    

    /*Текст урока*/
    p, a, li {
        font-family:var(--traning-zoloto-font-family-text);
    }

/* === Название, описание урока и следующий, и предыдущий урок в шапке урока === */

.lesson-header-block.row-section h2.lesson-title-value, .lesson-header-block.row-section span.lesson-description-value, .lesson-header-block.row-section .row.lesson-navigation{
    color:var(--lesson-insideb-zoloto-heder-color)!important;
    font-family: var(--traning-zoloto-font-family-text)!important;

}

/* === Скрываем в уроке инфу у кол-ве и статусе уроков === */
td.text-center.hidden-xs{
    display:none;
}

/* === Шапка урока === */

h2.lesson-title-value {
    font-family: var(--traning-zoloto-font-family-header)!important;
}

.lesson-header-block{
    font-family: var(--traning-zoloto-font-family-text)!important;
}


/* === Видео и изображение === */
.image-box img,
.vhi-iframe,
.videoWrapper iframe{
    border-radius: var(--traning-zoloto-border-radius)!important;
}

.vhi-iframe,
.videoWrapper {
    margin-bottom: 20px;
}

/* === Аудио === */

.o-lt-lesson-audio,
.jp-type-playlist{
    max-width: 870px!important;

}

/* === Отступ от названия урока в шапке === */
h2.lesson-title-value {
    margin-bottom: 20px;
}


/* === Кнопка редактировать урок === */
.btn-primary,
button.btn.btn-send-answer.btn-primary.btn-lg{
    color: #fff;
    background-color: var(--lesson-inside-zoloto-bg)!important;
    border-color: var(--lesson-inside-zoloto-bg);
}


/* === Кнопка редактировать урок и отправить комментарий при нажатии цвет текста === */
.btn-primary:hover,
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: var(--lesson-insideb-zoloto-color-text)!important;
}

h2 {
    font-size: 33px!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
}


.lesson-header-block.row-section {
    background: var(--lesson-inside-zoloto-bg)!important;
    border-bottom: 1px solid var(--lesson-inside-zoloto-bg)!important;
    padding: 0 15px;
    border-radius: 10px 10px 0 0;
    margin-bottom: -2px!important;
}

.lite-block,
.lite-block-live-wrapper{
    background-color: var(--lesson-insideb-zoloto-color);
    padding: 5px 30px;
}

.btn.f-btn,
.testing-widget .before-start-block .start-btn{
    background: var(--lesson-inside-zoloto-bg)!important;
    border-radius: var(--traning-zoloto-border-radius)!important;
    color: var(--lesson-insideb-zoloto-color-text)!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
}

.lt-block.lt-view.lesson-comment-block-1.lt-lesson.lt-lesson-comment-block,
.simple-answer.user-answer{
    background: var(--lesson-inside-zoloto-bg)!important;
}

.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-comment-block {
    padding: 0!important;
}

.row.lesson-navigation a {
    color: var(--lesson-insideb-zoloto-color-text)!important;
    text-decoration: none;
    border: 1px solid var(--lesson-insideb-zoloto-color-text);
    padding: 5px;
    margin-bottom: 20px;
    top: -13px;
    position: relative;
    border-radius: var(--traning-zoloto-border-radius);
}


.dropdown-menu.pull-right a {
    color: #000!important;
}

/* ===============================
Домашнее задание и комментарии
================================= */

.answer-form {
    padding: 20px;
    background: var(--lesson-inside-zoloto-bg);
}

.lt-lesson-mission-block h3 {
    display: none;
}

.simple-answer.user-answer {
    background: transparent!important;
}

.lt-block.lt-view.lesson-comment-block-1.lt-lesson.lt-lesson-comment-block, .simple-answer.user-answer, .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-comment-block{
    border-radius: 0 0 10px 10px!important;
}

.answer-form button.btn.btn-send-answer.btn-primary.btn-lg{
    color: var(--lesson-insideb-zoloto-color-text);
    background-color: var(--lesson-insideb-zoloto-color-btn-dz)!important;
    border-color: var(--lesson-insideb-zoloto-border);
    border-radius: var(--traning-zoloto-border-radius);
    font-family: var(--traning-zoloto-font-family-header);
}

.answer-form .btn-link{
    color: var(--lesson-insideb-zoloto-color-text);
    background-color: var(--lesson-insideb-zoloto-color-btn-dz)!important;
    border-color: var(--lesson-insideb-zoloto-border);
    border-radius: var(--traning-zoloto-border-radius);
    padding: 10px 16px;
    font-size: 18px;
    text-decoration: none;
    font-family: var(--traning-zoloto-font-family-header);
}

.answer-form, .lesson-mission-wrapper,
.emoji-textarea{
    border-radius: var(--traning-zoloto-border-radius);
}

.uploadifive-button {
    border-radius: var(--traning-zoloto-border-radius);
}

img.user-profile-image {
    border-radius: 50px;
}

.lite-page.block-set h3{
    color: #000!important;
}



/* =============
Кнопка комментариев
=============== */
.new-comment.active .btn-send {   
    color: var(--lesson-insideb-zoloto-color-text)!important;
    background-color: var(--lesson-insideb-zoloto-color-btn-dz) !important;
    border-color: var(--lesson-insideb-zoloto-border)!important;
    border-radius: var(--traning-zoloto-border-radius)!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
    min-height: 40px;
    min-width: 150px;
}


.user-answer {
    background: var(--lesson-insideb-zoloto-color)!important;
    border-radius: 10px;
    margin-bottom:10px;
}

.comment-form-wrapper .new-comment.active .btn-send{
    border-color: var(--lesson-inside-zoloto-bg) !important;
    color: var(--lesson-inside-zoloto-bg) !important;
}

/*Кнопка отправить ответ после черновика*/

#lessonAnswerForm > div > div.answer-form-inner > div > button{
     color: var(--lesson-insideb-zoloto-color-text) !important;
    background-color: var(--lesson-insideb-zoloto-color-btn-dz) !important;
    border-color: var(--lesson-insideb-zoloto-border) !important;
    border-radius: var(--traning-zoloto-border-radius) !important;
    font-family: var(--traning-zoloto-font-family-header) !important;
    min-height: 40px;
    min-width: 150px;   
}


/* =================================
Мобильная адаптация уроков внутри
=================================== */

@media(max-width: 991px){
    .o-lt-lesson-audio,
    .jp-type-playlist{
        max-width: 720px!important;
    }
}


@media (max-width: 767px) {
    .jp-toggles {
        display: block!important;
    }
}

@media(max-width: 550px){
    .jp-video .jp-controls-holder {
        width: 200px!important;
    }
    .jp-speeding{
        width: 100px!important;
        margin: 10px 0 0 15px!important;
        padding-left: 0px!Important;
    }
    .o-lt-lesson-audio{
        padding:5px!important;
    }

    .btn.f-btn.button-md{
        width:100%;
    }
}

@media (max-width: 768px){
    .gc-main-content.with-left-menu .container {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
}

@media(max-width:574px){
    .answer-form .btn-link,
    .answer-form button.btn.btn-send-answer.btn-primary.btn-lg{
        padding: 10px 5px;
        font-size: 14px;
        margin: 5px;
    }
}

/* ========================================
Адаптация уроков внутри под приложение
======================================== */


/*  ===  Кнопки домашнего задания  ===  */
.chatium_body .lt-lesson-mission-block .btn-primary,
.chatium_body .answer-form-inner button.btn.btn-link.btn-save-draft,
.chatium_body .answer-form .btn-save-draft {
    font-size: 14px !important;
    padding: 10px;
}

/*  ===  Вид кнопок навигации в чатиум  ===  */
.chatium_body .mode-selector {
    border: 1px solid var(--lesson-insideb-zoloto-link-color) !important;
    border-radius: var(--traning-zoloto-border-radius);
    font-family: var(--traning-zoloto-font-family-text) !important;
}

.chatium_body .mode-selector .link {
    border-right: 1px solid var(--lesson-insideb-zoloto-link-color) !important;
}

.chatium_body .mode-selector .link.active {
    background: var(--lesson-inside-zoloto-bg) !important;
    color: var(--lesson-insideb-zoloto-color-text) !important;
}

.chatium_body a.link {
    color: var(--lesson-insideb-zoloto-color) !important;
}


.chatium_body > div:nth-child(6) {
    border-bottom: none !important;
}


.chatium_body > div:nth-child(6) > div:nth-child(1) > a,
.chatium_body > div:nth-child(6) > div:nth-child(2) > a  {
    color: var(--lesson-insideb-zoloto-link-color) !important;

}


/* ===  Отступы блока комментариев в чатиум  === */
.chatium_body .simple-answer.user-answer {
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;
}

.chatium_body .lite-block, .chatium_body .lite-block-live-wrapper {
    background-color: var(--lesson-insideb-zoloto-color);
    padding: 5px 0px;
}

/* === Название урока  ===  */

.chatium_body .lesson-title h2, .chatium_body.f-header p  {
    font-weight: 300;
    color: var(--lesson-insideb-zoloto-color) !important;
    font-size: 24px !important;
}

/* === Описание урока   ===  */
.chatium_body .lesson-title {
    font-weight: 300;
    color: var(--lesson-insideb-zoloto-color) !important;
    font-size: 16px !important;
}

a {
    color: #0248A1; /* Цвет элементов настройки */
    text-decoration: none;
}


a:hover, a:focus {
    color: #222; /* Цвет элементов настройки при наведении*/
    text-decoration: underline;
}

.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}