.user_login {
    background: top no-repeat url("/theme/pmpk/img/img_pmpk_user_login_background.jpg") #2E77C3;
}

.name_service {
    display: none;
}

/* Блок ограничивающий контент по ширине */
.container {
    margin-right: calc(50% - 1vw);
}

/* Блок с логотипом и наиманованием проекта*/
.entry_card {
    box-shadow: 0px 12px 12px 3px rgba(0, 0, 0, 0.2)
}
.org_name .lk_title {
    display: block;
}
/* Отступы логотипа */
.org_name img {
    margin: 12px 0;
}
/* Параметры контейнера для логотипа организации */
.org_name img {
    width: clamp(80px, calc(120px + 1vw), 120px);
}

/* Параметры текстового блока наименования организации */
.org_name span {
    font-size: clamp(16px, calc(16px + 1vw), 20px);
    text-transform: uppercase;
    color: var(--black);
}

/* Убрать у слова "пользователя" свойство офрмления текста заглавными буквами */
.org_name > span > span {
    text-transform: none;
}

.image_bank_website {
    font-weight: 500;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.3);
}

.image_bank {
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.3);
}

/* Основные настройки бокового меню */
.sidebar {
    background: linear-gradient(0deg, #1A5387 0%, #2E77C3 100%);
}

/* Резметка смысловых блоков бокового меню  */
/* В других проектах менять позиции блоков через свойство order */
.menu_button_block {
    flex: 0 0 auto;
    order: 1;
}

.organization_block {
    flex: 1 0 auto;
    order: 2;
}

.user_block {
    flex: 0 0 auto;
    order: 3;
}

.section_links_block {
    flex: 3 0 auto;
    order: 5;
}

.logout_button_block {
    flex: 1 0 auto;
    order: 4;
}

.developer_block {
    flex: 0 0 auto;
    order: 6;
}

/* Эффект наведения на кнопку меню */
.menu_button_block #btn:hover {
    background: var(--white);
    color: #1364B8;
}

/* Блок организации */
/* Показать блок в раскрытой версии меню */
.sidebar .organization_block {
    flex-direction: column;
    white-space: inherit;
    text-align: center;
}

/* Размеры для контейнра с логотипом */
.organization_block .logo {
    width: 62px;
}

.sidebar.close .organization_block .logo {
    width: 48px;
}

/* Стили текстового блока организации */
.organization_block .name {
    font-size: 18px;
    /* white-space: nowrap; */
    /* text-transform: uppercase; */
}


.sidebar .icon.meetings {
    background-image: url('/theme/pmpk/img/icons/icon_calendar.svg');
}
.sidebar .icon.equeue {
    background-image: url('/theme/pmpk/img/icons/icon_calendar_add.svg');
}
.sidebar .icon.consultations {
    background-image: url('/theme/pmpk/img/icons/icon_list.svg');
}

.sidebar .icon.consultations-new {
    background-image: url('/theme/pmpk/img/icons/icon_new.svg');
}

.sidebar .icon.account {
    background-image: url('/theme/pmpk/img/icons/icon_manage_account.svg');
}

.sidebar .icon.about {
    background-image: url('/theme/pmpk/img/icons/icon_info.svg');
}

/* Эффект наведения на ссылку раздела в раскрытой версии меню */
.section_links_block .link a:hover {
    background-color: var(--white);
}

/* Запреить перенос слов, и ограничить видимость контенйра */
.section_links_block .link a {
    overflow: hidden;
    white-space: nowrap;
}

    /* Цвет шрифта при наведении на ссылку раздела в раскрытой версии меню */
    .section_links_block .link a:hover .links_name {
        color: var(--black);
    }

/* Активный, выбранный элемент(раздел) в раскрытой версии бового меню */
.section_links_block .link .active {
    background-color: var(--white);
    color: var(--black);
}

/* Цвет фона ячейки с иконкой, активного элемента в схлопнутой версии меню */
.sidebar.close .section_links_block .link .active .icon {
    background-color: var(--white);
}

/* Цвет фона ячейки с иконкой, не активного элемента, в раскрытой версии */
.section_links_block .link a .icon {
    background-color: var(--white);
}

/* Ячейка с иконкой, не активного элемента, в схлопнутой версии */
.sidebar.close .section_links_block .link a .icon {
    background-color: rgba(255, 255, 255, 0.5);
}

/* Цвет иконки активного раздела, в схлопнутой версии */
.sidebar.close .section_links_block .link .active .icon {
    color: #1364B8;
}

/* Цвет фона ячейки с иконкой, не активного элемента, в схлопнутой версии, при наведении */
.sidebar.close .section_links_block .link a:hover .icon,
.section_links_block .link a:hover .icon {
    background-color: var(--white);
    color: #1364B8;
}

/* Выровнить ширину кнопки выхода с шириной элементов ссылок, в схлопнутой версии */
.sidebar.close .logout_button_block .button {
    max-width: 50px;
}

    /* Эффект наведения в схлопнутой/раскрытой версии, элемент кнопки выхода */
    .sidebar.close .logout_button_block .button a:hover,
    .logout_button_block .button a:hover {
        /* background-color: var(--middle_blue);
    border: 2px solid rgba(255, 255, 255, 0); */
        background-color: var(--white);
        color: var(--black);
    }

/* Стили контекстной части страницы  */

/* Прочие статусы: онлайн,не сотоялось, в ожидании */
.status.new .material-icons-outlined:before,
.status.darft .material-icons-outlined:before {
    content: "help";
}

.status.cancelation .material-icons-outlined:before,
.status.cancelled_by_applicant .material-icons-outlined:before,
.status.provided .material-icons-outlined:before {
    content: "cancel";
}

.status.on_examination .material-icons-outlined:before {
    content: "pause_circle";
}

.status.registered .material-icons-outlined:before {
    content: "connect_without_contact";
}

.content .control_block .status.registered,
.content .control_block .status.provided,
.content .control_block .status.on_examination,
.card .status.registered,
.card .status.provided,
.card .status.on_examination {
    color: var(--green);
    background: rgba(var(--green_rgba), 0.1);
}

.content .control_block .status.registered,
.content .control_block .status.new,
.card .status.registered,
.card .status.new {
    color: var(--light_blue);
    background: rgba(var(--light_blue_rbga), 0.1);
}

.content .control_block .status.cancelation,
.content .control_block .status.cancelled_by_applicant,
.card .status.cancelation,
.card .status.cancelled_by_applicant {
    color: var(--red);
    background: rgba(var(--red_rgba), 0.1);
}




@media (max-width: 1200px) {
    .container {
        margin-right: calc(40% - 1vw);
    }
}

@media (max-width: 800px) {
    .container {
        margin-right: calc(20% - 1vw);
    }
}

@media (max-width: 400px) {
    .container {
        margin-right: 0;
    }
}
@media (max-width: 560px) {

    .sidebar::after {
        background-color: #1A5388;
    }

    .sidebar {
        padding: 40px 10px 100px;
    }

        /* Настройки стилей блока организации в схлопнутой и раскытой версии */
        .sidebar .organization_block {
            flex-direction: row;
        }

    /* уменьшить размер шрифта и рамер контейнера для логотипа организации */
    .organization_block .name {
        font-size: 14px;
    }

    /* Ограничить размер логотипа в блоке организации, в схлопнутой и раскрытой версии */
    .sidebar.close .organization_block .logo,
    .organization_block .logo {
        width: 40px;
    }

    /* Настройки стилей блока организации в схлопнутой и раскытой версии */
    .sidebar .organization_block {
        order: 6;
        position: fixed;
        bottom: 12px;
        right: 20px;
        z-index: 200;
    }

    .sidebar .user_block {
        flex: 1 1 auto;
    }
}