/* Некоторые важные классы */
/* Класс для скрытия каких-либо элементов */
.d-none {
    display: none !important;
}

/* Убрать паддинги и маргины */
.p-none {
    padding: 0;
}

.m-none {
    margin: 0;
}

/* Отступы */

.mb_very_small {
    margin-bottom: 20px;
}

.mb_small {
    margin-bottom: 40px;
}

.mb_medium {
    margin-bottom: 60px;
}

/* Маркер(звездочка) для обязательных полей */
.field-required label::before {
    content: '* ';
    color: #ef525b;
    font-weight:bold;
}

/* Описание сетки контентной части */
.content {
    margin-left: 300px;
    padding: var(--empty_space_mean);
}

/* Изменить размеры бокового отступа контентной части при схлопывании бокового меню */
.sidebar.close + .content {
    margin-left: 72px;
}

    .sidebar.close + .content .message_sending_block {
        left: 72px;
    }

/* Левый блок, наполнение раздела */
.content h1 {
    margin-right: clamp(260px, calc(260px + 1vw), 400px);
}

.content .main_block {
    position: relative;
    margin-right: clamp(320px, calc(320px + 1vw), 400px);
    height: 90%;
}

/* Блок-карточка, с заданной высотой. Для разделоа списка консультаций, когда страница пустая */
/* для раздела данных пользователя */
/* Флекс используется для центрирования сообщения */
.main_block .card_empty_page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /**/
    background: var(--white);
    padding: var(--empty_space_mean);
    border-radius: var(--rounding_22px);
    min-height: max(76vh, 20vh);
}

/* Блок-карточка, данные пользователя */
.main_block .user_card {
    min-height: max(76vh, 20vh);
    padding: var(--empty_space_mean);
    border-radius: var(--rounding_22px);
    background: var(--white) no-repeat url("../img/img_user_profile_background.svg") right bottom;
}

@media (max-width: 560px) {
    .main_block .user_card {
        height: initial;
    }
}

/* Блок-карточка, высота определяется контентом */
.main_block .card {
    padding: var(--empty_space_mean);
    border-radius: var(--rounding_22px);
    background: var(--white);
}

@media (max-width: 420px) {
    .main_block .card {
        padding: var(--empty_space_small);
    }
}

/* Стили отправленного заявления */
.main_block .card .info {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 1300px) {
    .main_block .card .info {
        grid-template-columns: 1fr;
        row-gap: 8px;
    }
}

    .main_block .card .info div:first-child {
        color: var(--black_50_percent);
    }

.card_empty_page img {
    width: clamp(120px, calc(120px + 2vw), 200px);
    height: auto;
}

.card_empty_page p {
    font-size: clamp(16px, calc(16px + 1vw), 22px);
    text-align: center;
}

.user_card .info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .user_card .info:not(:last-child) {
        margin-bottom: 40px;
    }

    .user_card .info .field_name {
        font-weight: 500;
        font-size: 16px;
        color: var(--black_50_percent);
    }

    .user_card .info .field_data {
        font-weight: 500;
        font-size: 20px;
    }

    .user_card .info .warning {
        display: inline-block;
        color: var(--red);
        font-size: 18px;
    }


.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}
.alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}


/* Правый блок, действия пользователя — фильтрация и отправка сообщений */
.content .control_block {
    position: fixed;
    width: clamp(320px, calc(320px + 1vw), 400px);
    height: 100%;
    top: 0;
    right: 0;
    background: var(--white);
    padding: var(--empty_space_mean) 40px;
    /* Скрываем scrollbar для IE, Edge и Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .content .control_block .messages {
        margin-bottom: 40px;
    }

    /* Скрываем scrollbar для Chrome, Safari и Opera */
    .content .control_block::-webkit-scrollbar {
        display: none;
    }

    /* Стили элементов боковой панели */
    .content .control_block p {
        padding: 0;
        margin: 0;
    }

    /* Базовая чейка, контейнер для выводимой информации */
    /* Служит для распределения выводимой информации */
    .content .control_block .cell_element {
        
    }

    /* Заголовок */
    .content .control_block .header {
        font-weight: 700;
        font-size: 22px;
    }

    /* Подзаголовок */
    .content .control_block .subtitle {
        font-weight: 900;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .content .control_block .number {
        text-align: center;
        padding: 10px 10px 12px;
        border: 2px dashed #d0d0d0;
        border-radius: 8px;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-weight: 700;
        height: fit-content;
    }

    @media (max-width: 1000px) {
        .content .control_block .header {
            width: fit-content;
        }
    }

    /* Стили выводимой информации, типа дата, время и им подобное */
    .content .control_block .output {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 20px;
        
        .line {
            grid-column: 1/4;
        }
    }

    @media (max-width: 1000px) {
        .content .control_block .output {
            grid-template-columns: 1fr 8fr;
        }
    }

    .content .control_block .output .date:first-child,
    .content .control_block .output .time:first-child {
        color: var(--black_50_percent);
    }

    .content .control_block .output:not(:last-child) {
        margin-bottom: 10px;
    }


    /*Стили карточки на которой размещаются элементы */
    .main_block .content_card {
        background-color: var(--white);
        border-radius: var(--rounding_22px);
        padding: var(--empty_space_small);
        min-height: 80px;
    }

        .main_block .content_card.first_card {
            min-height: calc(100vh - 240px);
        }

        .main_block .content_card:not(:last-child) {
            margin-bottom: 20px;
        }

    /* Блок с фильтрами, смещается с правой части экрана в центральную */
    .control_block .filters_block {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }

    .main_block .filters_block.hide_show_block {
        display: none;
        margin-bottom: 40px;
    }

    .filters_block .input_fields {
        flex-grow: 1;
    }

    /* ограничение по ширине контентной части */
    .content_card .content_width_limit,
    .content_width_limit {
        max-width: 1400px;
    }

.booking-step.hidden {
    display:none;
}

    /*Стили для блока выбора даты*/
    .days_week .month {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    /* Календарная сетка, запись на консультацию */
    /* Выбор дня */
    .days_week .days {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 2px;
        text-align: center;
        margin-bottom: 4px;
        color: var(--middle_blue);
        font-weight: 500;
    }

        .days_week .days > div {
            padding: 8px;
            background-color: var(--black_5_percent);
            border: 2px solid var(--black_5_percent);
        }

    .number_day {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 2px;
        text-align: center;
        margin-bottom: var(--empty_space_mean);
    }

        .number_day > div {
            border: 2px solid #E6E6E6;
            border-color: #E6E6E6;
            padding: 8px;
        }

            .number_day > div:hover {
                background-color: #D0E3EE;
                border-color: #D0E3EE;
                color: var(--black);
                cursor: pointer;
            }

            .number_day > div.selected_day {
                background-color: var(--middle_blue);
                border-color: var(--middle_blue);
                color: var(--white);
            }

            .number_day > div.not_active {
                background-color: var(--black_5_percent);
                border-color: var(--black_5_percent);
                color: var(--black_30_percent);
                cursor: default;
            }

    /* Выбор времени */

    .content_card .choice_time {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        text-align: center;
    }

    .choice_time > div {
        flex-basis: clamp(64px, calc(64px + 1vw), 102px);
        border: 2px solid #E6E6E6;
        border-color: #E6E6E6;
        padding: 8px;
    }

        .choice_time > div:hover {
            background-color: #D0E3EE;
            border-color: #D0E3EE;
            color: var(--black);
            cursor: pointer;
        }

        .choice_time > div.selected_time {
            background-color: var(--middle_blue);
            border-color: var(--middle_blue);
            color: var(--white);
        }

        .choice_time > div.not_active {
            display: none;
        }

    /* Сетка для данные о клиенте */
    .option_switch {
        margin-bottom: 20px;
    }

    .about_client {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

        /* Позиционирование радокнопок в сетке */
        .about_client .stretch_two_columns {
            grid-column-start: 1;
            grid-column-end: 3;
        }

        /* Позиционирование текстового поля примечаний(textarea) в сетке */
        .about_client .stretch_two_columns {
            grid-column-start: 1;
            grid-column-end: 3;
        }

    /* Стиль раздела моих консультаций */

    .list_consultations {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    @media (min-width: 2200px) {
        .list_consultations {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 800px) {
        .list_consultations {
            grid-template-columns: 1fr;
        }
    }

    .list_consultations .card {
        /*flex-grow: 1;*/
        min-height: 200px;
        background-color: var(--white);
        border-radius: var(--rounding_22px);
        padding: var(--empty_space_small);
        border: 2px solid var(--white);
        cursor: pointer;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    }

    /* переопределить стили ссылки по умолчанию */
    .list_consultations a.card {
        color: var(--black);
        text-decoration: none;
    }

        .list_consultations a.card:hover {
            background-color: var(--white);
            border-radius: var(--rounding_22px);
        }

    .list_consultations a.card > div:first-child {
        display: flex;
        flex-wrap: wrap ;
        gap: 10px;
        margin-bottom: 30px;
    }

    .list_consultations .card.create {
        /*flex-grow: 1;*/ /* настройки элемента у в контенере flex */
        /* Назнаем элементы свойство flex для выравнивания по осям X и Y */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        /**/
        text-align: center;
        background-color: var(--black_10_percent);
        border: 2px dashed var(--black_30_percent);
        box-shadow: none;
        padding: var(--empty_space_small);
    }

        .list_consultations .card.create img {
            width: 100px;
            height: auto;
        }

        .list_consultations .card.create .name {
            font-size: 20px;
            font-weight: 700;
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

    .list_consultations .card:hover {
        box-shadow: none;
        border: 2px solid var(--black_20_percent);
    }

    .list_consultations .card.create:hover {
        background-color: #E0E0E0;
        border: 2px dashed #E0E0E0;
    }

    /* Стили элемента статуса консультации в списке консультаций пользователя */
    .list_consultations .card .status,
    .content .control_block .status {
        display: inline-flex;
        align-items: center;
        column-gap: 10px;
        color: var(--black_50_percent);
        background: var(--black_5_percent);
        border-radius: 8px;
        padding: 13px 28px 13px 22px;
        user-select: none;
        transition: 0.5s;
        min-width: 80px;
        width: fit-content;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        margin-bottom: 30px;
    }

    .list_consultations .card .status,
    .content .control_block .status {
        margin-bottom: 0;
    }
        /* Прочие статусы: онлайн,не сотоялось, в ожидании */
        .list_consultations .card .status.online,
        .list_consultations .card .status.assigned,
        .list_consultations .card .status.arrived {
            color: var(--green);
            background: rgba(var(--green_rgba), 0.1);
        }

.list_consultations .card .status.failed,
.list_consultations .card .status.canceled,
.list_consultations .card .status.overdue
{
    color: var(--red);
    background: rgba(var(--red_rgba), 0.1);
}

        .list_consultations .card .status.on_hold,
        .list_consultations .card .status.in_progress,
        .list_consultations .card .status.registered {
            color: var(--orange);
            background: rgba(var(--orange_rgba), 0.1);
        }

    .list_consultations .card .number {
        text-align: center;
        padding: 10px 20px 12px;
        border: 2px dashed #d0d0d0;
        border-radius: 8px;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-weight: 700;
    }

    .list_consultations .card .name {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 2px solid #E6E6E6;
    }
.list_consultations .organization_name {
    font-size: 0.8em;
    font-weight: normal;
    color: var(--black_50_percent);
}

    .list_consultations .card .date,
    .list_consultations .card .time {
        font-size: 18px;
        display: inline-flex;
        gap: 10px;
    }

        .list_consultations .card .date div:first-child,
        .list_consultations .card .time div:first-child {
            color: var(--black_50_percent);
        }

    .list_consultations .card .date {
        margin-right: 40px;
    }

    .filter_control {
        display: none;
    }

    /* Адаптивная верстка */
    @media (max-width: 1000px) {
        .content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 72px;
        }

            .content h1 {
                order: 1;
                margin-right: 0;
            }

            .content .filter_control {
                display: initial;
                order: 2;
                margin-right: 0;
                /*margin-bottom: 30px;*/
            }

                .content .filter_control .filters_block {
                    margin-bottom: 30px;
                }

            .content .main_block {
                order: 4;
                margin-right: 0;
            }

        .main_block .content_card.first_card {
            min-height: inherit;
        }

        .content .control_block {
            order: 3;
            position: initial;
            height: auto;
            margin-bottom: 30px;
            padding: 0;
            background: none;
            /* Убрать ограничение по ширине у бокового блока с фильтрами */
            width: 100%;
            padding: var(--empty_space_mean);
            border-radius: var(--rounding_22px);
            background: var(--white);
        }

        @media (max-width: 1000px) {
            .content .control_block.hide {
                /*overflow: hidden;
                height: 0;*/
                display: none;
            }
        }

        .content .control_block.bottom {
            order: 5;
            margin-top: 20px;
        }

        /* Переопределить направление потока элементов у блока с фльтрами */
        .control_block .filters_block {
            flex-direction: row;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }

        /* Показать кнопку управления блоком фильтров скрыть/показать */
        .main_block .filters_block.hide_show_block {
            display: block;
        }
    }

    @media (max-width: 800px) {
        /* Настройки поведения полей, данные о пользователе */
        .about_client {
            grid-template-columns: 1fr;
        }
            /* Сброс настроек позиционирование радокнопок в сетке на базовые */
            .about_client .stretch_two_columns {
                grid-column-start: initial;
                grid-column-end: initial;
            }

            /* Сброс настроек позиционирование текстового поля примечаний(textarea) в сетке на базовые */
            .about_client .stretch_two_columns {
                grid-column-start: initial;
                grid-column-end: initial;
            }
    }

    @media (max-width: 560px) {
        /* Настройки поведения контентной части */
        .content {
            display: flex;
            flex-direction: column;
            padding: 10px;
            margin-left: 0;
            height: auto;
        }

        .sidebar.close + .content {
            margin-left: 0;
        }

        .content .main_block {
            padding: 0;
            margin-bottom: 16px;
            padding-bottom: 80px;
        }

        .main_block .card_empty_page {
            height: calc(100% - 70px);
        }
    }



    /* Стили таблиц */
    /* Контейнер для таблиц */
    .box_table {
        overflow: auto;
        margin-bottom: var(--empty_space_m);
        padding: 20px;
        border: 1px solid var(--black_20_percent);
        border-radius: var(--rounding_8px);
    }

    .table_open_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        padding: 20px;
        border: 1px solid var(--black_20_percent);
        border-radius: var(--rounding_8px);
        color: var(--blue);
        border-color: var(--blue);
        cursor: pointer;
        margin-bottom: 20px;
        background-color: rgba(13, 76, 211, 0.1);
    }

        .table_open_btn:hover {
            background-color: rgba(13, 76, 211, 0.2);
            border-color: var(--white);
        }

    @media (max-width: 800px) {
        .box_table {
            padding: 10px;
            border: none;
            position: fixed;
            top: 0;
            bottom: 0;
            right: 0;
            left: 72px;
            height: 100vh;
            background-color: var(--white);
        }
    }

    @media (max-width: 560px) {

        .box_table {
            left: 0;
        }
    }

    table {
        border-collapse: collapse;
        width: 100%;
        font-size: 15px;
    }

    /* Выровнить текстовые блоки по верхней линии */
    thead, tbody {
        vertical-align: top;
    }

    th, td {
        text-align: left;
        padding: 16px 16px;
    }

    thead tr {
        border-bottom: 1px solid var(--black_40_percent);
    }

    tbody tr {
        border-bottom: 1px solid var(--black_20_percent);
    }

        /* Заливка фона у кажого нечетной строки в tbody */
        tbody tr:nth-child(odd) {
            background-color: var(--black_5_percent);
        }

    /* Поведение картинки в тексте */
    .picture_in_text img {
        float: left;
        margin: 1.1rem 1.1rem 1.1rem 0;
        width: 290px;
        height: auto;
    }

    .block_photo .photo {
        max-height: 600px;
        max-width: 800px;
        overflow: hidden;
    }

        .block_photo .photo img {
            width: 100%;
        }

    .block_photo .comments {
        max-width: 800px;
        display: block;
        margin: 8px 0 40px;
    }

    blockquote {
        border: 1px solid var(--black_20_percent);
        border-radius: var(--rounding_8px);
        padding: 20px 30px 40px;
        margin: 40px 0;
        text-align: center;
        overflow: hidden;
    }

    .quote_text {
        margin-bottom: 20px;
    }

    .quote_author {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
    }

    /* Загруженные и прикрепленные файлы */
.multiple_file_upload div input {
    display: none;
}

    .multiple_file_upload div:last-child input {
        display: block;
    }

    /* Увеличить отступ последнего элемента в блоке загружаемых файлов для комиссии */
    .multiple_file_upload .selected_file:last-child {
        margin-bottom: 40px;
    }

    .selected_file {
        padding: 14px;
        border: 1px solid var(--black_20_percent);
        border-radius: var(--rounding_8px);
        /*margin-bottom: 18px;*/
    }

        .selected_file > label {
            font-weight: 400;
            margin-bottom: 5px;
            white-space: normal;
        }

        .selected_file .file_upload,
        .selected_file .multiple_file_upload {
            position: relative;
            margin-bottom: 0;
        }
            .selected_file .file_upload input,
            .selected_file .multiple_file_upload .upload_file input {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0;
                cursor: pointer;
            }

        .selected_file .input_description {
            font-size: 16px;
            margin-bottom: 6px;
            padding: 10px;
            border-top: 1px solid var(--black_20_percent);
            border-bottom: 1px solid var(--black_20_percent);
        }

        /* Обнулить нижний отстпут последнего элемента в карточке загружаемого файла */
        .selected_file > div:last-child {
            margin-bottom: 0;
        }

        .selected_file .name {
            margin-bottom: 14px;
        }

.selected_file.hidden {
    display: none;
}

    .selected_file.hidden .upload_file input {
        display: none;
    }

.file_upload .attached_file {
    display: inline-flex;
}
.attached_file {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

        .attached_file .block_type_name {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .attached_file .file_type {
            display: inline-block;
            color: var(--black);
            background-color: var(--black_10_percent);
            color: var(--middle_blue);
            border-radius: var(--rounding_8px);
            padding: 10px 12px 12px 10px;
            user-select: none;
            font-weight: 500;
        }

        .attached_file .file_name {
            display: inline-block;
        }

        .attached_file .size {
            display: inline-block;
            color: var(--black_50_percent);
        }

    .file_upload_button {
        margin-bottom: 30px;
    }

.messages {
    font-size: 16px;
    font-style: italic;
    padding: 15px;
    border-radius: var(--rounding_8px);
    background-color: var(--black_10_percent);
    margin-bottom: 20px;
    width: 100%;
}

        .marginTop {
            margin-top: 20px;
            margin-bottom: unset;
        }

        .messages.notification {
            background-color: rgba(231, 71, 44, 0.1);
        }

/* Стили чата */

.main_block .chat {
    height: 80vh;
    overflow: auto;
    /*padding-right: 40px;*/
    margin-bottom: 5vh;
}

.chat {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* justify-content: flex-end; */
}
    .chat::-webkit-scrollbar {
        width: 10px;
        background-color: #f9f9fd;
    }

    .chat::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #843730;
    }

    .chat::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        background-color: #f9f9fd;
    }


    .chat .user,
    .chat .consultant,
    .chat .system {
        margin-bottom: 20px;
    }

    .chat .date {
        margin-top: 6px;
        font-size: 14px;
        color: #4D4D4D;
    }


    /* выровнить сообщения консультанта по правой стороне блока */
    .chat .user {
        text-align: right;
    }
    
    .chat .system {
        text-align: center;
    }
    
    .chat .message {
        display: inline-block;
        padding: 12px 22px;
        background-color: #ffffff;
        border: 2px solid #E2E2E2;
        max-width: 70%;
        border-radius: 22px 22px 0 22px;
        hyphens: auto;
    }

    @media (max-width: 600px) {

        .chat .message {
            max-width: 90%;
        }

    }

    .chat .consultant .message {
        border-radius: 22px 22px 22px 0;
        background-color: rgba(6, 87, 133, 0.11);
        border-color: rgba(6, 87, 133, 0.11);
    }

.chat .system .message {
    border-radius: 22px 22px 22px 22px;
    background-color: rgba(6, 87, 133, 0.11);
    border-color: rgba(6, 87, 133, 0.11);
}

.message_sending_block {
    position: fixed;
    bottom: 0px;
    /*right: 324px;*/
    right: clamp(320px, calc(320px + 1vw), 400px);
    left: 300px;
    padding: 10px 58px;
    border-top: 2px solid #d3d3d3;
    background-color: #ffffff;
}
.plugin .message_sending_block {
    left: 0;
    padding: 10px;
}

@media (max-width: 1000px) {
    .message_sending_block {
        right: 0;
    }

}

.posted_files_item {
    display: flex;
    gap: 8px;
    border-left: solid 3px #c58883;
    padding: 6px 17px;
    font-size: 14px;
    font-style: normal;
    background-color: rgba(132, 55, 48, 0.1);
    border-radius: var(--rounding_8px);
}

.posted_files_item::before {
    margin-top: 2px;
    /*width: 24px;
    height: 24px*/;
    content: "\e872";
    font-family: 'Material Icons Outlined';
    font-feature-settings: 'liga' 1;
    font-size: 18px;
    color: var(--red);
    cursor: pointer;
}

.print_message {
    display: flex;
    width: 100%;
    border-radius: var(--rounding_8px);
    border: 2px solid #E2E2E2;
    align-items: center;
}

.print_message:hover {
   border: 2px solid var(--black_40_percent);
}

.print_message:focus-within {
   border-color: var(--light_blue);
}

.print_message input:hover,
.print_message input:focus {
   border-color: #ffffff;
   background-color: #ffffff;
}

.message_sending_block #chat_file {
    width: 52px;
    cursor: pointer;
    color: var(--red);
}

.message_sending_block input,
.message_sending_block input[type="submit"] {
    border-color: #ffffff;
    box-shadow: none;
}

.message_sending_block button.btn {
    min-width: initial;
    margin-bottom: 0;
    margin-right: 0;
    padding: 11px 22px 15px 22px;
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: none;
}

.message_sending_block button.btn:hover {
    background-color: #ffffff;
    border-color: #ffffff;
}

@media (max-width: 560px) {

    .sidebar.close + .content .message_sending_block {
        left: 0;
        bottom: 70px;
        padding: 22px 20px;
    }
}

@media (max-width: 500px) {

    .message_sending_block {
        gap: 12px;
        padding: 16px 16px;
    }

}

.alert-secondary {
    border-radius: 11px;
    border: 1px solid #4D4D4D;
    background-color: white;
    width: 400px;
    padding: 22px;
    max-width: 90%;
    
    .alert-title {
        color: #4D4D4D;
    }
    
    .alert-text {
        margin-top: 4px;
        width: 100%;
    }
    
    * {
        font-size: 14px;
        font-style: normal;
    }
}

.poll_item {
    border: none;
    border-left: solid 8px #B2B2B2;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 20px 30px;
    overflow: hidden;

    a {
        text-decoration: none;
    }

    &.poll_status_start {
        border-left-color: #57C282;

        .poll_status_block {
            color: #57C282;

            &:before {
                background-image: url('/img/lk/polls/poll_status_start.svg');
            }
        }
    }

    &.poll_status_next {
        border-left-color: #FF9E58;

        .poll_status_block {
            color: #FF9E58;

            &:before {
                background-image: url('/img/lk/polls/poll_status_next.svg');
            }
        }
    }

    &.poll_status_close {
        .poll_status_block {
            &:before {
                background-image: url('/img/lk/polls/poll_status_close.svg');
            }
        }
    }

    .poll_status_block {
        float: right;
        width: 136px;
        margin-left: 30px;
        padding: 10px;
        background: #F7F7F7;
        border-radius: 6px;
        text-align: center;
        color: #000000;
        font-weight: 700;
        font-size: 13px;
        line-height: 16px;
        text-transform: uppercase;

        &:before {
            content: '';
            display: block;
            height: 20px;
            margin: 5px 5px 10px;
            background-position: center;
            background-repeat: no-repeat;
        }
    }

    .poll_item_caption {
        font-size: 18px;
        line-height: 22px;
        color: #000000;
        margin-bottom: 25px;
    }
}

/*.poll_form_block {
    all: unset !important;
}

.poll_form_block .poll_form_panel {
    margin-left: 0 !important;
}

.poll_form_block .poll_form_panel {
    background: none !important;
}*/