/** БАЗОВЫЕ СТИЛИ КАРКАСА СТРАНИЦЫ ПРИЛОЖЕНИЯ */
/* https://beautifytools.com/css-minifier.php */

:root{
    --header-h: 56px;
    --row_top: 10px;
    --color: #373737;
    --color-primary-text-button: white;
    --height_footer: 38px;
    --cl_row_catalog: #d2f2ff;
    --cl_form_text: black;
    --cl_form_button: #ffc838;
    --body_fon: white;
    --color-lighten10: #ffba07;
    --color-lighten: #8BC34A;
    --cl_button_border: rgba(254, 190, 65, 0.80);
    --cl_button_fon: #ffc838;
    --cl_button_fon_hover: rgba(254, 190, 65, 0.80);
    --cl_button_text: black;
    --cl_input_fon: white;
    --cl_input_text: black;
    --cl_fon_block: #d2f2ff;
    --cl_fon_block_hover: rgba(205, 242, 255, 0.71);
    --cl_header_text: black;
    --cl_text: black;
    --cl_text_border: black;
    --cl_text_hover: rgba(0, 0, 0, 0.50);
    --cl_table_border: #e8e9eb;
    --cl_row_block: #d9d9d9;
    --cl_page_fon: white;
    --cl_orange: #FF8D24;
    --cl_danger: darkred;
    --cl_green: green;
    --cl_darkgreen: darkgreen;
    --cl_border_table: #b8c1ca;
    --sz_margin_page: 20px;
    --sz_width_menu: 310px;
    --sz_icon: 14px;
    --page_title_size: 22px;
    --row_subtitle_size: 20px;
    --row_text_size: 18px;
    --cl_hover_link: #1a97d5;
    --cl_list_btn_fon: #d2f2ff;
    --cl_list_btn_text: black;
    --ui-flt-height: 35px;
}

/***************** fade *********************/
.fadeIn{
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: .5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
.fadeOut{
    animation-name: fadeOut;
    -webkit-animation-name: fadeOut;
    animation-duration: .5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes fadeOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    60% {
        transform: scale(0.9);
        opacity: 1;
    }
    80% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

/***************** slideDown *********************/
.slideDownIn{
    animation-name: slideDownIn;
    -webkit-animation-name: slideDownIn;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}
@keyframes slideDownIn {
    0% {transform: translateY(-100%);}
    50% {transform: translateY(8%);}
    65% {transform: translateY(-4%);}
    80% {transform: translateY(4%);}
    95% {transform: translateY(-2%);}
    100% {transform: translateY(0%);}
}
@-webkit-keyframes slideDownIn {
    0% {-webkit-transform: translateY(-100%);}
    50% {-webkit-transform: translateY(8%);}
    65% {-webkit-transform: translateY(-4%);}
    80% {-webkit-transform: translateY(4%);}
    95% {-webkit-transform: translateY(-2%);}
    100% {-webkit-transform: translateY(0%);}
}

/* Placeholders */
::-webkit-input-placeholder {color: #414141;}
:-moz-placeholder {color: #414141;}
::-moz-placeholder {color: #414141;}

/************ Заглушки по высоте **************/
.height20 {
    height: 20px;
    width: 100%;
}

/* Весь контейнер страницы height: 100vh; */
.page_container_all {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}
.page_container {
    display: flex;
    flex-flow: row nowrap;
    flex: 1;
    width: 100%;
    overflow: hidden;
}

/* Классы отображения/скрытия блоков */
.page_container .show_flex {display: flex !important;}
.page_container .hide_flex {display: none !important;}

/* Хедер приложения */
.app-header{
    height: var(--header-h);
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 12px;
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    position:sticky;
    top:0;
    z-index:70;
}
.app-header__left{ display:flex; align-items:center; gap:10px; }
.app-header__right{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:12px;
    white-space:nowrap;
}
.app-logo{ text-decoration:none; font-weight:700; color:#111; }
/* Футер приложения */
.app-footer{
    padding:16px;
    border-top:1px solid #e5e7eb;
    background:#fff;
}

/*********************************  СТИЛИ СТРАНИЦ ПРИЛОЖЕНИЯ *********************************************/

/* Контент страницы без левого меню */
.template_page {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 var(--sz_margin_page, 20px) 0 0;
    overflow: hidden;
}

/* Контент страницы без верхнего заголовка */
.template_page .wrapper {display: flex; flex-direction: column; overflow: auto;}
.template_page #wrapper_auth_login.wrapper {
    display: flex;
    flex-flow: row nowrap;
    flex: 1;
    width: 100%;
    overflow: hidden;
}

/* Блок заголовка страницы */
.template_page .page_title {
    font-size: var(--page_title_size, 22px);
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid var(--cl_text_border, black);
    padding: 15px 0 15px 0;
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Все элементы блока титула страницы */
.template_page .page_title * {align-self: center; margin-right: 5px;}
.template_page .page_title *:last-child {margin-right: 0;}

/* Кнопка возврата в меню(в моб. версии) */
.back_menu {
    display: none;
    cursor: pointer;
    margin-right: 5px;
}

/* Позаголовок страницы */
.subtitle {
    font-size: var(--row_subtitle_size, 20px);
    text-align: center;
    padding: 0 20px 10px 20px;
}

/* Блок с титулом и полем ввода(может включать ещё и кнопку) */
.page_rows {
    display: flex;
    flex-wrap: nowrap;
    line-height: var(--row_text_size, 18px);
    font-size: var(--row_text_size, 18px);
    font-weight: normal;
}

/* Блоки строк с переносом элентов на след. строку */
.page_rows_wrap {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px 0 0 0;
    align-self: center;
}
.page_rows_wrap * {margin-bottom: 10px;}

/* Каждый элемент блока поля ввода */
.page_rows>* {align-self: center;}

/* Само поле ввода в блоке */
.page_rows input.form-control {
    margin-left: 5px;
    /*margin-right: 10px;*/
    text-align: center;
    font-weight: bold;
    color: var(--cl_input_text, black);
    font-size: var(--row_text_size);
    max-width: 320px;
}

/* Кнопка в блоке поля ввода(если включена) */
.but_page_app {
    padding: 5px 10px;
    margin-right: 10px;
    min-width: 40px;
    height: 38px;
    border-radius: 5px;
    border: 1px var(--cl_button_border, rgba(254, 190, 65, 0.80)) solid;
    background-color: var(--cl_button_fon, #ffc838);
    color: var(--cl_button_text, black);
    font-size: var(--row_text_size, 18px);
    font-weight: bold;
    cursor: pointer;
}

/* Кнопка в фокусе блока поля ввода */
.but_page_app:active:not(:disabled) {outline: 1px solid var(--cl_text_hover, rgba(0, 0, 0, 0.50));}

/* Кнопка под курсором мыши */
.but_page_app:hover:not(:disabled) {filter: contrast(110%);}

/* Кнопка под запретом */
.but_page_app:disabled {cursor: not-allowed; opacity: 0.4;}

/* Спинер загрузки для ajax запросов */
.spinner {
    display: none;
    animation: rotate 2s linear infinite;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    stroke: var(--cl_orange, #FF8D24);
}
.spinner.show_spinner {display: flex;}
.content-blocker {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: rgba(132, 162, 208, 0.5);
    z-index: 2;
}
.content-blocker.show {
    display: block;
    width: 100%;
    height: 100%;
}
.spinner_path {
    stroke: hsl(210, 70, 75);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

/*********************** Элементы страницы  **********************/

/* Блок строки поля ввода вместе с фильтром */
.row_filters {justify-content: space-between; flex-flow: row wrap;}

/* Сам блок фильтров справа */
.block_filters *:not(:last-child) {margin-right: 5px;}

/* Кнопка элемента спадающего списка dropdown */
.wrapper .dropdown .dropdown-toggle {
    padding: 0 10px;
    font-size: var(--row_text_size, 18px);
    background-color: var(--cl_list_btn_fon, #d2f2ff);
    color: var(--cl_list_btn_text, black);
}
.wrapper .dropdown .dropdown-toggle:active,
.wrapper .dropdown .dropdown-toggle:focus {outline: none !important;}

/* Блок выпадающего списка */
.wrapper .dropdown .dropdown-menu {
    margin-top: 5px;
    padding-top: unset;
    padding-bottom: unset;
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
}

/* Каждый элемент выпадающего списка */
.wrapper .dropdown .dropdown-item {
    cursor: pointer;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

/* Кнопки добавления/удаления */
.but_record {
    text-align: end;
    text-align: -moz-right;
    text-align: -webkit-right;
    padding: 0 7px;
    height: 24px;
    width: 24px;
    max-width: 24px;
    max-height: 24px;
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.50);
    border-top: 1px solid rgba(0,0,0,0.001);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 2px rgba(0,0,0,0.18), inset 0px -2px 0px rgba(0,0,0,0.35), inset 0px 2px 2px rgba(255,255,255,0.10);
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: -1px -1px 0 white, 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white !important;
    /*margin-left: -1px !important;*/
}
.but_record:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
    box-shadow:  0 0 10px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.18), inset 0 -2px 0 rgba(0,0,0,0.35), inset 0 2px 2px rgba(255,255,255,0.10);
}
.but_record:active {
    margin: 1px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.55);
    -webkit-animation: none;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.35), 0 1px 1px rgba(0,0,0,0.18), inset 0 0 0 rgba(0,0,0,0.35), inset 0 0 0 rgba(255,255,255,0.1);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.35), 0 1px 1px rgba(0,0,0,0.18), inset 0 0 0 rgba(0,0,0,0.35), inset 0 0 0 rgba(255,255,255,0.1);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0.35), 0 1px 1px rgba(0,0,0,0.18), inset 0 0 0 rgba(0,0,0,0.35), inset 0 0 0 rgba(255,255,255,0.1);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.35), 0 1px 1px rgba(0,0,0,0.18), inset 0 0px 0 rgba(0,0,0,0.35), inset 0 0px 0px rgba(255,255,255,0.1);
    box-shadow:  0 0 1px rgba(0,0,0,0.35), 0 1px 1px rgba(0,0,0,0.18), inset 0 0 0 rgba(0,0,0,0.35), inset 0 0 0 rgba(255,255,255,0.1);
}
.add_record {
    background-color: var(--cl_orange, #FF8D24);
    color: var(--cl_orange, #FF8D24);
}
.del_record {
    background-color: var(--cl_danger, darkred);
    color: white !important;
    padding: 0 8px;
    text-shadow: 1px 0 0 white, -1px 0 0 white !important;
    line-height: 16px;
}

/* Блок со свойством flex */
.flex {
    display: -ms-flexbox;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.flexend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex.nowrap, .flexend.nowrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex.wrap, .flexend.wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex.row, .flexend.row {-ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row;}
.flex.column, .flexend.column {-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
.flex.hide, .flexend.hide {display: none;}

/* Кнопки в заголовке */
.title_buttons>* {margin: 8px 0 0 10px !important;}
.title_buttons>*:first-child {margin-left: 0 !important;}
.title_buttons {margin-top: -5px;}

/* Класс скрытия элемента */
.hide_mode {display: none;}

/* Блок пустого содержимого */
.nothing_block {
    border: 1px solid darkred;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

/* Класс отступа вниз на 10px */
.margin_bottom {margin-bottom: 10px;}
.margin_bottom20 {margin-bottom: 20px;}
.margin_top {margin-top: 10px;}

/* Цвета текста ячейки результата */
.color_green {color: darkgreen;}
.color_red {color: darkred;}

/* Поля элементов ввода */
.form-control:focus, .ts-control:focus, .focus .ts-control {
    box-shadow: unset !important;
    outline: 0;
}

/* Ячейка выделения в таблице */
.select_cell {color: white; background-color: #0a4b78;}

/* Поле редактирования в ячейке с режимом редактирования */
.cell_edit {
    height: 28px !important;
    width: 78px !important;
    padding: 0 !important;
    line-height: 25px !important;
    outline: none !important;
    text-align: center !important;
    border: 1px solid darkgreen !important;
    vertical-align: center !important;
}

/* Флажок установки роли доступа */
.chk_role {margin-left: 5px;}

/* Инфоокно на странице редактирования пользователя */
#user_info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    border: 3px double #ced4da;
    border-radius: 5px;
    padding: 10px;
    background: #f4f2f2;
    max-width: 330px;
    width: 330px;
}
#user_info>* {
    width: 100%;
    text-align: center;
    margin: 5px;
}
#user_info>*:first-child {font-weight: bold;}

/* Список ролей пользователя */
#user_roles {font-weight: bold; color: var(--cl_danger, darkred);}

/* Класс признака аккаунта в онлайн(зеленный) */
.is_online {
    font-weight: bold;
    color: var(--cl_darkgreen, darkgreen);
}

/* Обводка кнопок */
button::-moz-focus-inner {border: 0 !important;}
button:active, button:focus {outline: none !important;}
button {box-shadow: none !important;}

/* Всплывающие подсказки (широкие) */
.wide_tooltip_window.tooltip .tooltip-inner {display: flex; max-width: unset; flex-direction: column;}
.wide_tooltip_window.tooltip .tooltip-inner * {align-self: center;}

/* Ссылки на редактирование/действие в сущностях */
.ref_edit_accounts {cursor: pointer;}
.ref_auth_accounts {cursor: pointer;}

/* Мерцающий текст */
@keyframes blink {
    0%, 100% {opacity: 1;}
    50% {opacity: 0;}
}
.blink-text {
    animation: blink 1s step-end infinite;
    -webkit-animation: blink 1s step-end infinite;
    transform: translateZ(0);
    font-size: 16px;
    margin-top: 12px !important;
    color: darkred;
    font-weight: 600;
}
.fast-blink {animation-duration: 0.5s;}
.slow-blink {animation-duration: 2s;}

/* Блок ввода текста в textarea */
.textarea_block {border: 1px darkgreen solid; padding: 10px 15px 0 15px; margin-bottom: 20px; margin-top: 10px;}
.wrapper_txtarea .txtarea_header {line-height: var(--row_text_size, 18px); font-size: var(--row_text_size, 18px); font-weight: normal;}
.wrapper_txtarea .txtarea {
    min-height: 160px;
    width: 100%;
    padding: 10px 15px 0 15px;
    border: 1px solid var(--cl_text_border, black);
    border-radius: 5px;
    margin-top: 5px;
    outline: none;
}

/* Блок пагинатора страниц таблицы */
.wrap_paginator {margin-bottom: 10px; margin-top: 10px; height: 30px;}
.wrap_paginator>* {margin-right: 5px; align-self: center;}
.wrap_paginator>*:last-child {margin-right: 0;}

/* Расширенный пагинатор */
.wrap_paginator .pg_total_count {margin-left: 10px;}
.wrap_paginator .pg_range_count {margin-left: 10px;}
.wrap_paginator .pg_total_count.hide {display: none;}
.wrap_paginator .pg_range_count.hide {display: none;}

/* Кнопки пагинатора страниц в таблицах */
.next_one,
.next_ten,
.prev_one,
.prev_ten
{
    background-color: #6397b4;
    color: white !important;
    border-radius: 3px;
    text-shadow: none !important;
    padding-top: 1px;
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    text-align: center;
    height: 28px;
}

/* Ошибочные страницы */
.notfound_page{
    max-width: 520px;
    margin: 60px auto;
    padding: 24px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.notfound_page h1{ margin: 0 0 10px; }
.notfound_contact{ margin: 14px 0; opacity: .9; }
.notfound_actions{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap; }

/* Общая плавающая кнопка возврата наверх */
.app-scroll-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(37, 99, 235, .25);
    border-radius: 999px;
    background: rgba(37, 99, 235, .78);
    color: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .22);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .18s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.app-scroll-top.is-visible {
    opacity: .78;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.app-scroll-top:hover,
.app-scroll-top:focus {
    opacity: 1;
    background: rgba(37, 99, 235, .92);
    outline: none;
}
.app-scroll-top:focus-visible {
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .18), 0 12px 30px rgba(15, 23, 42, .22);
}

@media (max-width: 760px) {
    .app-scroll-top {
        right: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px;
        font-size: 26px;
    }
}

@media print {
    .app-scroll-top {
        display: none;
    }
}

/* МОБИЛЬНАЯ ВЕРСИЯ */
html.is-mobile body{
    --sz_margin_page: 15px;
    --page_title_size: 20px;
    --row_subtitle_size: 18px;
    --row_text_size: 16px;
}
html.is-mobile .template_page{padding: 0 var(--sz_margin_page, 20px) 0 var(--sz_margin_page, 20px);}
html.is-mobile .template_page .page_title .title_buttons.buttons{
    justify-content: end;
    width: 100%;
    margin-top: 0;
}
html.is-mobile .page_title .title_text {
    margin-bottom: 10px;
}
html.is-mobile .page_title .title_buttons:not(.title_text) {
    flex-basis: 100%;
}
html.is-mobile .page_title .title_buttons button {
    margin-right: unset !important;
    margin-left: unset !important;
}