/* ОФОРМЛЕНИЕ ФОРМЫ С ЗАДАНИЕМ - начало */

:root {
    --color1: #0978ed;
    --color2: #26931a;
    --color3: #14cbbd;
    --white:  #ffffff;
    --black:  #333333;
    --background: #1c1c21;
    --background-image: radial-gradient(at top right, #1e5853 0%, #141e1e 70%);
    --font:  'Montserrat';
}

/* Форма отправки задания - отступ сверху */
.lt-lesson-mission-block {
    margin-top: 20px;
}

.lt-lesson-mission-block .container {
    padding: 0 !important;
}

/* Форма отправки задания - надпись "Задание" */
.lt-lesson-mission-block h3 {
    font-family: var(--font), Roboto, sans-serif; 
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px;
    /* заливка фона */
    background: var(--color1);
    /* цвет границы, толщина линии */
    border: 2px solid var(--color1);    
    /* закругление границы сверху */
    border-radius: 10px 10px 0 0;
}

/* Контейнер с текстом задания и формой отправки задания - граница, скругление */
.lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top: -1px;
    border: 2px solid var(--color1);
    /* закругление границы снизу */
    border-radius: 0 0 10px 10px !important;
    overflow: hidden;
  background: #ffffff;
}

/* Форма отправки задания - фон, граница */
.lt-lesson-mission-block .answer-form {
    background-color: #f0f0f0;
    border-top: 1px solid var(--color1);
    position: relative;
}

/* Форма отправки задания - Свой ответ пользователя */
.self-answers .user-answer {
    background: #f2eee6;
}

/* Изображение профиля в форме, ответах и комментариях */
.user-profile-image {
    border-radius: 100px;
    border: 3px solid var(--color1);
    overflow: hidden;    
}

/* Форма отправки задания - кнопка "Добавить файлы" */
.field-lessonanswer-answer_text .uploadifive-button {
    background: var(--color2);
    border-radius: 3px;
    font-weight: 600;
}

/* Форма отправки задания - кнопка "Отправить ответ", 
кнопка "Отправить ответ из черновика",
кнопка "Отправить" для отправки комментария к ответу */
.lt-lesson-mission-block .btn-send-answer,
.lt-lesson-mission-block .btn-primary.btn-lg,
.lt-lesson-mission-block .btn-primary.btn-send {
    background-color: var(--color1);
    color: var(--white);
    font-size: 16px !important;
    font-weight: 300 !important;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    transition: all .3s;
}

/* Форма отправки задания - кнопка "Сохранить черновик" */
.lt-lesson-mission-block .btn-save-draft {
    font-size: 14px !important;
    font-weight: 300 !important;
    border: 1px solid var(--color1);
    padding: 10px 30px;
    border-radius: 6px;
    color: var(--black) !important;
    transition: all .3s;
}

/* Форма отправки задания - эффект при наведении на кнопки */
.lt-lesson-mission-block .btn-send-answer:hover,
.lt-lesson-mission-block .btn-save-draft:hover,
.lt-lesson-mission-block .btn-primary.btn-lg:hover,
.lt-lesson-mission-block .start-btn.btn-restart:hover,
.lt-lesson-mission-block .btn-primary.btn-send:hover {
    transform: translatey(-5px);
}

/* Форма отправки задания - кнопка "Начать тест" */
.lt-lesson-mission-block .start-btn.btn-restart {
    background: var(--color2) !important;
    font-size: 16px !important;
    font-weight: 300;
    border-radius: 5px;
    transition: all .3s;
}

/* Форма отправки задания - кнопка "Выбрать файл" доп.поля */
.lt-lesson-mission-block .uploadifive-button {
background: var(--color2);
    border-radius: 3px;
    font-weight: 600;
}

/* Форма отправки задания - комментарий к ответу */
.lesson-answer-comment {
    background: transparent;
}

@media (max-width: 482px) {
    .lt-lesson-mission-block .btn-save-draft {
        border: none;
        padding: 10px 5px;
        font-size: 14px !important;
    }
}

/* ОФОРМЛЕНИЕ ФОРМЫ С ЗАДАНИЕМ - конец */