@charset "utf-8";

:root {
    --adm-main-color: #2a3f54;
    --adm-main-color-light: #5d7791;
    --adm-main-color-light-er: #90a2b5;
    --adm-main-color-light-er-hover: #97b3c6;
    --adm-btn-link-color: #31cb7d;
    --adm-btn-link-color-hover: #189f5a;
    --adm-btn-link-color-light-hover: #49e194;
    --adm-green-dark: #1f804e;
    --adm-white: #fff;
    --adm-black: #000;
    --adm-gray: #505050;
    --adm-gray-light: #8f8f8f;
    --adm-gray-light-er: #ccc;
    --adm-gray-light-est: #f2f2f2;
    --adm-orange: #cb7231;
    --adm-orange-hover: #a85a20;
    --adm-disabled-color: #c6c6c6;
    --adm-row-hover: #e6e6e6;
    --adm-selected-row-hover: #405365;
    --adm-error: #cb3f31;
    --adm-error-hover: #ff1a02;
    --adm-icon-light: #dfdfdf;
    --adm-icon-selected: #364e66;
    --adm-info-color: #1262b3;
    --adm-unpublished: #f5dbd8;
    --adm-unpublished-hover: #e6ccc9;
    --adm-price-bg: #e6ecf2;
    --adm-price-bg-main: #fff6ef;
    /* For Marketplaces */
    --adm-rozetka: #05bc52;
    --adm-prom: #7b04df;
    --adm-epicentr: #1060c1;
    --adm-google: #d5d4d4;
    /* For Editor */
    --editor-bg: #fff;
    --editor-bg-user: #5d7791;
    --editor-font-invert: #fff;
    --editor-icon: #5e5e5e;
    --editor-gold: #2a3f54;
    --editor-gold-hover: #31cb7d;
    --editor-red: #cb3f31;
    --editor-red-hover: #db1017;
    --editor-light-hover: #eee;
    --editor-light-hover_red: rgba(183, 32, 37, .2);
    --editor-light-hover_red2: #f1d2d3;
    --editor-gray-light: #ccc;
    --editor-dark: rgba(0,0,0,.2);
}

.adm_hide {display:none !important;}
/* Article Editor ----------------------------*/
Article {width:100%; margin:0 0 16px 0;}
    .admin_component .ck-editor H1 {justify-content:start;}
        .ck-content H1 A, .ck-content H2 A, .ck-content H3 A, .ck-content H4 A {margin:0 8px;}
    .ck-content H1 {font-size:24px; margin:0 0 16px 0; font-weight:400; line-height:1.4;}
    .ck-content H2 {font-size:22px; margin:14px 0 14px 0; font-weight:400; line-height:1.4;}
    .ck-content H3 {font-size:18px; margin:12px 0 12px 0; font-weight:400; line-height:1.4;}
    .ck-content H4 {font-size:16px; margin:8px 0 8px 0; font-weight:400; line-height:1.2;}
    .ck-content P {margin:0 0 16px 0;}
    .ck-content A {color:var(--editor-bg-user); text-decoration:underline;}
    .ck-content A:hover {color:var(--editor-gold); transition:.3s;}
    .ck-content UL {list-style:disc; margin:0 0 16px 0; padding:0 0 0 32px;}
    .ck-content OL {list-style:decimal; margin:0 0 16px 0; padding:0 0 0 32px;}
        .ck-content UL LI::marker, .ck-content OL LI::marker {color:var(--editor-gold-hover); font-size:12px; font-weight:bold;}
    .ck-content HR {background:var(--editor-dark); border:0; height:1px; margin:0 0 16px 0;}
    .ck-content Sub, .ck-content Sup  {font-size:10px;}
    .ck-content Blockquote {font-style:italic; margin:0 0 16px 20%; padding:8px 0 8px 16px; border-left:8px solid var(--editor-gold-hover); max-width:60%;}
        .ck-content Blockquote P {font-weight:bold; font-size:16px; line-height:28px;}
        .ck-content Blockquote P:last-child {margin:0;}
    .ck-content Figure.table {min-width:100%; margin:0 0 16px 0;}
        .ck-content .table Table {border-collapse:collapse; border-color:var(--editor-bg); border-style:solid; width:100%; overflow:hidden; table-layout:fixed;}
            .ck-content .table Table TR:nth-child(odd) {background:var(--editor-bg);}
            .ck-content .table Table TR:nth-child(even) {background:var(--editor-light-hover);}
                .ck-content .table Table TH {background:var(--editor-icon); color:var(--editor-font-invert); padding:8px; text-align:left; border:none; word-wrap:break-word;}
                .ck-content .table Table TD {border-right:1px solid var(--editor-bg); padding:8px; text-align:left; word-wrap:break-word;}
                .ck-content .table Table TR:nth-child(odd) TD {border-color:var(--editor-light-hover);}
    .ck-content .image-inline {max-width:100%; height:auto !important; opacity:1 !important; min-width:100%;}
    Article .image Img {display:block; margin:0 auto; max-width:100%; min-width:100%;}
    .ck-content .image {display:table; clear:both; text-align:center; margin:0 0 16px 0;}
        .ck-content .image > figcaption {background-color:var(--editor-light-hover); caption-side:bottom; color:var(--font); display:table-caption; font-size:12px; outline-offset:-1px; padding:6px 12px; word-break:break-word;}

/* Article Preview ----------------------------*/
Article {font-size:15px; line-height:1.5; margin:0;}
    Article .title_wrap {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 16px 0;}
        Article .main_title {display:flex; font-size:24px; font-weight:400;}
    Article .article_text H1 {font-size:24px; margin:0 0 16px 0; font-weight:400; line-height:1.4;}
    Article .article_text H2 {font-size:22px; margin:14px 0 14px 0; font-weight:400; line-height:1.4;}
    Article .article_text H3 {font-size:18px; margin:12px 0 12px 0; font-weight:400; line-height:1.4;}
    Article .article_text H4 {font-size:16px; margin:8px 0 8px 0; font-weight:400; line-height:1.2;}
    Article P {margin:0 0 16px 0;}
    Article P:last-child {margin:0;}
    Article A {color:var(--adm-btn-link-color); transition:.3s;}
    Article A:hover {color:var(--adm-btn-link-color-hover);}
    Article UL {list-style:disc; margin:0 0 16px 0; padding:0 0 0 32px; display:flex; flex-direction:column;}
    Article OL {list-style:decimal; margin:0 0 16px 0; padding:0 0 0 32px; display:flex; flex-direction:column;}
        Article UL LI::marker, Article OL LI::marker {color:var(--adm-btn-link-color); font-size:12px; font-weight:700;}
    Article HR {background:var(--adm-gray-light-est); border:0; height:1px; margin:0 0 16px 0;}
    Article Sub, Article Sup  {font-size:10px;}
    Article Blockquote {font-style:italic; margin:0 0 16px 20%; padding:8px 0 8px 16px; border-left:var(--adm-orange); max-width:60%;}
        Article Blockquote P {font-weight:700; font-size:16px; line-height:28px;}
        Article Blockquote P:last-child {margin:0;}
    Article Figure.table {min-width:100%; margin:0 0 16px 0;}
        Article .table Table {border-collapse:collapse; border-color:var(--adm-white); border-style:solid; width:100%; overflow:hidden; table-layout:fixed;}
            Article .table Table TR:nth-child(odd) {background:var(--adm-gray-light-est);}
            Article .table Table TR:nth-child(even) {background:var(--adm-white);}
                Article .table Table TH {background:rgba(93,119,145,.5); color:var(--adm-white); padding:8px; text-align:left; border:none; word-wrap:break-word;}
                Article .table Table TD {border-right:1px solid var(--adm-white); padding:8px; text-align:left; word-wrap:break-word;}
                Article .table Table TR:nth-child(odd) TD {border-color:var(--adm-gray-light-est);}
    Article .image-inline {max-width:100%; height:auto !important; opacity:1 !important; min-width:100%;}
    @media (max-width:760px) {Article Img {max-width:100% !important; height:auto !important;}}
    Article Img:not([width], [height]) {width:auto; max-width:100%; height:auto; object-fit:contain;}
    Article .image Img {display:block; margin:0 auto; max-width:100%; min-width:100%;}
    Article .image {display:table; clear:both; text-align:center; margin:0 0 16px 0;}
        Article .image > figcaption {background-color:rgba(93,119,145,.5); caption-side:bottom; color:var(--adm-white); display:table-caption; font-size:12px; outline-offset:-1px; padding:6px 12px; word-break:break-word;}

.shadow, .shadow_component, .confirm_overlay, .component_loader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; background:rgba(42,63,84,.8); visibility:hidden; opacity:0; transition:.3s;}
.shadow_component {z-index:12;}
.shadow.active, .shadow_component.active, .confirm_overlay.active {visibility:visible; opacity:1; transition:.3s;}
.inline_flex {display:inline-flex;}
.component_loader {visibility:visible; opacity:1; transition:.3s; background-image:url(../images/loader.png); background-position:center center; background-repeat:no-repeat; display:none;}
.component_loader_complete {background-image:none;}

Label.check_label {display:inline-flex; align-items:baseline; position:relative; cursor:pointer; color:var(--adm-gray); line-height:18px; transition:.3s;}
    Label Input[type="checkbox"], Label Input[type="radio"] {opacity:0; z-index:-1; position:absolute;}
    .check_label::before {content:''; display:inline-flex; width:16px; height:16px; margin:0 8px 0 0; border:2px solid var(--adm-gray-light); border-radius:2px; flex-shrink:0; transition:.3s; position:relative; top:2px;}
    .selected .check_label::before {border-color:var(--adm-white);}
    .check_label::after {content:''; width:8px; height:8px; background:var(--adm-gray-light); top:6px; left:4px; border-radius:2px; position:absolute; opacity:0; transition:.3s;}
    .selected .check_label::after {background:var(--adm-white);}
    .dell-all_selected.selected .check_label::before {border-color:var(--adm-gray-light);}
    .dell-all_selected.selected .check_label::after, .catalog_menu .admin_menu UL .dell-all_selected.selected .check_label::after, .catalog_menu .admin_menu UL .dell-all_selected .check_label::after {top:6px; background:var(--adm-gray-light);}
    .check_label.active::after {opacity:1; transition:.3s;}
    .check_label:hover::before, .dell-all_selected.selected .check_label:hover::before, .catalog_menu .admin_menu UL .dell-all_selected.selected .check_label:hover::before {border-color:var(--adm-btn-link-color); transition:.3s;}
    .check_label:hover::after, .dell-all_selected.selected .check_label:hover::after, .catalog_menu .admin_menu UL .dell-all_selected.selected .check_label:hover::after {background:var(--adm-btn-link-color); transition:.3s;}
        label.check_label Span, label.block_label Span {display:inline-flex; flex-direction:column;}
        label.check_label Span.chose_all {line-height:22px;}
Label.radio_label {display:inline-flex; padding:0 0 4px 0; align-items:baseline; position:relative; cursor:pointer; color:var(--adm-gray); line-height:18px; transition:.3s;}
    .radio_label::before, .ch_row .check_list A::before {content:''; display:inline-flex; width:16px; height:16px; margin:0 8px 0 0; border:2px solid var(--adm-gray-light); border-radius:50%; flex-shrink:0; transition:.3s; position:relative; top:2px;}
    .radio_label::after, .ch_row .check_list A::after {content:''; width:8px; height:8px; background:var(--adm-gray-light); top:6px; left:4px; border-radius:50%; position:absolute; opacity:0; transition:.3s;}
    .radio_label.active::after, .ch_row .check_list A.active::after {opacity:1; transition:.3s;}
    .radio_label:hover::before, .ch_row .check_list A:hover::before {border-color:var(--adm-btn-link-color); transition:.3s;}
    .radio_label:hover::after, .ch_row .check_list A:hover::after {background:var(--adm-btn-link-color); transition:.3s;}
.radio_label.disabled, .check_label.disabled {pointer-events:none; transition:.3s;}
    .radio_label.disabled::before, .check_label.disabled::before, .radio_label.disabled.active::after, .check_label.disabled.active::after {opacity:.4; transition:.3s;}
    .radio_label.disabled, .check_label.disabled, .radio_label.disabled.active, .check_label.disabled.active {color:var(--adm-disabled-color); transition:.3s;}
        label.radio_label Span {display:inline-flex; flex-direction:column;}
            label.check_label Span .small, label.radio_label Span .small, .evry_title Span.small {font-size:12px; color:var(--adm-gray-light);}
A.text_link {color:var(--adm-btn-link-color); text-decoration:underline; transition:.3s;}
A.text_link:hover {color:var(--adm-btn-link-color-hover); transition:.3s;}

/* календар ---------------------------------*/
.ui-widget-content {background:var(--adm-white); box-shadow:0 0 20px rgba(0,0,0,.6);}
    .ui-widget-header {display:flex; padding:8px; background:var(--adm-main-color); border-radius:3px 3px 0 0;}
        .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:32px; height:24px; display:flex; flex-shrink:0; transition:.3s; cursor:pointer; background:rgba(255, 255, 255, 0.1); position:relative;}
        .ui-datepicker .ui-datepicker-next {order:2;}
        .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {border:none; background:none;}
            .ui-datepicker .ui-datepicker-prev Span, .ui-datepicker .ui-datepicker-next Span {display:none;}
            .ui-datepicker .ui-datepicker-prev::before, .ui-datepicker .ui-datepicker-prev::after, .ui-datepicker .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-next::after
            {content:''; position:absolute; top:15px; left:10px; width:10px; height:1px; background:var(--adm-white); transform:rotate(45deg); transition:.3s;}
            .ui-datepicker .ui-datepicker-prev::after {top:8px; transform:rotate(-45deg);}
            .ui-datepicker .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-next::after {left:auto; right:10px; transform:rotate(-45deg);}
            .ui-datepicker .ui-datepicker-next::after {top:8px; transform:rotate(45deg);}
            .ui-datepicker .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-prev:hover::after, .ui-datepicker .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-next:hover::after {background:var(--adm-btn-link-color);}
        .ui-datepicker .ui-datepicker-title {display:flex; align-items:center; justify-content:center; width:100%; margin:0 16px; color:var(--adm-btn-link-color);}
            .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto; height:24px; margin:0 8px 0 0; border:none; background:none; color:var(--adm-btn-link-color); cursor:pointer; padding:0 8px; transition:.3s;}
            .ui-datepicker-month {margin:0 8px 0 0;}
            .ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover {background:none;}
    .ui-datepicker Table {width:100%; padding:8px; display:flex; flex-wrap:wrap;}
        .ui-datepicker Table Thead, .ui-datepicker Table Tbody, .ui-datepicker Table TR {display:flex; width:100%;}
        .ui-datepicker Table Thead {margin:0 0 8px 0;}
            .ui-datepicker Table TH, .ui-datepicker Table TD {display:flex; justify-content:center; align-items:center; padding:0; width:14.28%; height:24px; border:1px solid var(--adm-white); border-top:none; border-left:none;}
            .ui-datepicker Table Thead TR TH:last-child, .ui-datepicker Table Thead TR TH:nth-last-child(2) {color:var(--adm-orange);}
        .ui-datepicker Table Tbody {flex-direction:column;}
            .ui-datepicker Table Tbody A.ui-state-default {border:none; background:var(--adm-gray-light-est); color:var(--adm-gray); text-decoration:none; display:flex; width:100%; height:100%; align-items:center; justify-content:center; transition:.3s;}
            .ui-datepicker Table Tbody A.ui-state-default:hover {background:var(--adm-gray-light-er);}
            .ui-datepicker Table Tbody TR TD:last-child A.ui-state-default, .ui-datepicker Table Tbody TR TD:nth-last-child(2) A.ui-state-default {color:var(--adm-orange);}
            .ui-datepicker Table Tbody TR TD.ui-datepicker-current-day:last-child A.ui-state-default, .ui-datepicker Table Tbody TR TD.ui-datepicker-current-day:nth-last-child(2) A.ui-state-default {color:var(--adm-white);}
            .ui-datepicker Table Tbody .ui-datepicker-today A.ui-state-default {border:2px solid var(--adm-error);}
            .ui-datepicker Table Tbody .ui-datepicker-current-day A.ui-state-default {color:var(--adm-white); background:var(--adm-btn-link-color);}
            .ui-datepicker Table Tbody .ui-datepicker-current-day A.ui-state-default:hover {background:var(--adm-btn-link-color-hover);}
/* автокомпліт стандартний ---------------------------------*/
.ui-autocomplete {border-radius:0 0 3px 3px; padding:8px; display:flex; flex-direction:column;}
    .ui-autocomplete .ui-menu-item {display:flex; width:100%;}
        .ui-autocomplete .ui-menu-item A {display:flex; width:100%; cursor:pointer; padding:4px 8px; font:14px/20px Arial; border-radius:3px;}
        .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {background:var(--adm-gray-light-est); border:none;}

/* компонент в адмінці (вигляд)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.component_pos {order:4; margin:0 0 0 8px; width:30px; height:30px;}
    .component_pos A {width:30px; height:14px; background:rgba(255, 255, 255, .1); transition:.3s; display:flex; align-items:center; justify-content:center;}
    .component_pos A.no_active {cursor:default; opacity:.2; pointer-events:none;}
    .component_pos A:hover {background:none; transition:.3s;}
        .component_pos A:hover .svg_icon {fill:var(--adm-btn-link-color);}
    .component_pos A.no_active {background:none;}
    .component_pos A.up_component {border-radius:2px 2px 0 0; margin:0 0 2px 0;}
    .component_pos A.down_component {border-radius:0 0 2px 2px;}
/* мови в налаштуваннях ---------------------------------*/
.language_box {display:flex;}
    .lang_labels {display:flex; flex-direction:column; margin:0 16px 0 0;}
        .lang_labels .block_label {display:flex; margin:8px 0;}
    .lang_select {display:flex;}
        .one_lang_set {display:flex; flex-direction:column; width:60px; margin:0 1px 0 0; background:var(--adm-gray-light-est); transition:.3s;}
        .one_lang_set:hover {background:var(--adm-row-hover); transition:.3s;}
            .for_lang_set {display:flex; flex-direction:column;}
                .for_lang_set Div {margin:8px 0; display:flex; height:20px; align-items:center; justify-content:center;}
                    .for_lang_set Label {width:16px; height:16px;}
                    .controls .for_lang_set .radio_label {padding:0;}
            .one_lang_set .flag {background:var(--adm-btn-link-color); color:var(--adm-white); justify-content:center; display:flex; padding:4px 0; transition:.3s;}
            .one_lang_set:hover .flag {background:var(--adm-btn-link-color-hover); transition:.3s;}
/* модальне вікно
---------------------------------*/
.confirm_modal * {box-sizing:content-box;}
.confirm_modal {position:fixed; left:50%; top:50%; z-index:1001; width:calc(100% - 20px); max-width:520px; transform:translate(-50%, -50%); background:var(--adm-white); border-radius:3px; box-shadow:0 0 20px rgba(0,0,0,.6);; opacity:0;
                flex-direction:column; visibility:hidden; padding:32px; transition:.3s;}
.confirm_modal.active {opacity:1; visibility:visible; overflow:hidden; transition:.3s;}
    .cm_for_text {display:flex; justify-content:center; align-items:center; margin:0 0 32px 0;}
        P.modal_name {color:var(--adm-black); font:18px/22px Arial; margin:0; padding:0; text-align:center;}
            P.modal_name Span {font-size:14px;}
    .cm_bottom_panel {display:flex;}
        .delete_or_no {display:flex; width:100%; justify-content:center;}
            .delete_or_no A {display:flex; align-items:center; margin:0 8px; padding:8px; border-radius:2px; text-decoration:none; color:var(--adm-black); transition:.3s;}
            .delete_or_no A:hover {background:var(--adm-row-hover); transition:.3s;}
            .delete_or_no A.confirm_yes {background:var(--adm-error); color:var(--adm-white);}
            .delete_or_no A.confirm_yes:hover {background:var(--adm-error-hover); transition:.3s;}
                .delete_or_no A .svg_icon {width:16px; height:16px; fill:var(--adm-black);}
                .delete_or_no A.confirm_yes .svg_icon {fill:var(--adm-white);}
/* колонка з назвою пункта меню
---------------------------------*/
.admin_component .menu_item {margin-bottom:unset; border-bottom:unset;}
.holder Div Span.menu_item, .holder Div Span.menu_item A, .holder Div Span.seo_item {background:none; color:var(--adm-black); text-decoration:none; font-weight:bold; position:relative; transition:.3s;}
.holder Div Span.menu_item .no_lang, .holder Div Span.menu_item.no_lang {color:var(--adm-error);}
.holder Div Span.menu_item A:hover {color:var(--adm-btn-link-color); transition:.3s;}
    .holder Div Span.menu_item A I {color:var(--adm-orange); font-style:normal;}
.holder.selected Div Span.menu_item A {color:var(--adm-white);}
.holder.hidden Div Span.menu_item, .holder.hidden Div Span.menu_item A, .no_active .for_name, .administrators .no_active .for_name .together Div:first-child, .administrators .no_active .for_name .together Div:first-child Span,
.administrators .no_active .for_name Span, .holder.hidden .product_name, .holder.hidden .product_name .code, .holder.holder_hidden .editable .name_plus Span.menu_item, .holder.holder_hidden .editable .name_plus .filter_url,
.holder.holder_hidden .menu_item, .seo_articles .holder.holder_hidden .names .tit {color:rgba(0,0,0,.2);}
.holder.hidden.selected Div Span.menu_item, .holder.hidden.selected Div Span.menu_item A {color:rgba(255,255,255,.2);}
.holder.hidden .slider_img Img, .holder.holder_hidden .slider_img Img, .holder.hidden .status .ribbon Span, .holder.hidden .price_cell Span, .holder.holder_hidden .warehouse_key Span.menu_item, .holder.holder_hidden .cell.photo {opacity:.4;}
Span.menu_item Input[type=text] {height:32px;}
    .sub_box B::before, B.pimp::before, .sub_box B::after, B.pimp::after {content:''; position:absolute; top:-1px; left:-12px; width:2px; height:18px; background:var(--adm-gray-light); transition:.3s;}
    .sub_box B::after, B.pimp::after {transform:rotate(90deg); height:12px; left:-7px; top:10px;}
UL LI .sub_box B {display:none;}
UL LI UL LI .sub_box B, UL LI UL LI UL LI .sub_box B, UL LI UL LI UL LI UL LI .sub_box B {display:flex;}

.for_link_set {width:100%; height:auto; padding:8px 0 8px 25px; display:none;}
    .for_link_set .evry_title:last-child {margin:0;}
        .catalog_menu .for_link_set .controls .radio_label {padding:0; margin:0 16px 0 0;}

.holder .cell.icon A.single_arrows {background-image:none; cursor:n-resize;}
.cell .step_left, .cell .step_right, .cell .double_step_right {width:16px; margin:0 8px 0 0;}

.add_items {flex:0 0 40px; display:block; width:40px; height:32px; position:relative; margin:0 0 12px 7px;}
    .add_items A {position:absolute; width:12px; height:12px;}
        .add_items A.up_add {top:1px; left:5px;}
        .add_items A.down_add {top:16px; left:5px;}
        .holder Div Span.menu_item A.child_add {position:absolute; width:12px; height:12px; left:-12px; top:4px; z-index:1;}
        .holder Div Span.menu_item A.child_add.no_active, .add_items A.down_add.no_active, .add_items A.up_add.no_active, .only_menu.top_menu .holder Div Span.menu_item A.child_add,
        .only_menu.bottom_menu .admin_menu UL LI UL LI Span.menu_item A.child_add {display:none;}
            .add_items A .svg_icon, .holder Div Span.menu_item A.child_add .svg_icon {fill:var(--adm-gray-light); width:12px; height:12px;}
            .selected .add_items A .svg_icon, .holder.selected Div Span.menu_item A.child_add .svg_icon {fill:var(--adm-white);}
            .add_items A:hover .svg_icon, .holder Div Span.menu_item A.child_add:hover .svg_icon {fill:var(--adm-btn-link-color);}
            .holder.selected Div Span.menu_item A.child_add .svg_icon {box-shadow:0 0 3px var(--adm-black); border-radius:2px;}
        .only_menu.top_menu .admin_menu UL LI UL.nested-sortable, .only_menu.bottom_menu .admin_menu UL LI UL LI UL.nested-sortable {display:none;}
.holder .cell.icon A.link.noset_link .svg_icon {fill:var(--adm-gray-light);}
.holder .cell.icon A.link.link .svg_icon {fill:var(--adm-btn-link-color);}
.holder A.delete_selected {color:var(--adm-error); text-decoration:none; transition:.3s;}
.holder A.delete_selected:hover {color:var(--adm-error-hover); transition:.3s;}
.holder A.delete_selected {order:2; display:flex;}
    .holder A.delete_selected .svg_icon {margin:0 8px 0 0; fill:var(--adm-error); transition:.3s;}
    .holder A.delete_selected:hover .svg_icon {fill:var(--adm-error-hover); transition:.3s;}
/* пагінатор в адмінці
---------------------------------*/
.admin_paginator {display:flex; width:100%; justify-content:center; padding:16px 0 24px 0;}
    .admin_paginator .paginator {display:flex;}
        .admin_paginator .pages_list {display:flex; flex-direction:row; flex-wrap:nowrap; margin:0;}
            .admin_paginator A, .admin_paginator Strong, .admin_paginator Span {display:flex; color:var(--adm-white); font-size:16px; text-decoration:none; position:relative; min-width:32px; padding:6px 8px; background:var(--adm-main-color);
                                                                                margin:0 1px 0 0; justify-content:center; border-radius:2px; transition:.3s;}
            .admin_paginator Span {background:none; color:var(--adm-main-color);}
                .admin_paginator A I, .admin_paginator Strong I {font-style:normal;}
                .admin_paginator Span.not_active {background:var(--adm-main-color); opacity:.3; pointer-events:none;}
                .admin_paginator Strong {background:var(--adm-btn-link-color);}
                .admin_paginator A:hover {background:var(--adm-main-color-light);}
                .admin_paginator .pages_prev {margin:0 16px 0 0; font-size:0;}
                .admin_paginator .pages_next {margin:0 0 0 16px; font-size:0;}
                    .admin_paginator .pages_btn::before, .admin_paginator .pages_btn::after {content:''; position:absolute; top:19px; left:10px; width:10px; height:1px; background:var(--adm-white); transform:rotate(45deg);}
                    .admin_paginator .pages_btn::after {top:12px; transform:rotate(-45deg);}
                    .admin_paginator .pages_btn.pages_next::before {transform:rotate(-45deg); left:auto; right:10px;}
                    .admin_paginator .pages_btn.pages_next::after {transform:rotate(45deg); left:auto; right:10px;}
.per_page {display:flex; justify-content:center; padding:0 0 8px 0; color:var(--adm-gray); align-items:center; z-index:1;}
    .per_page Span {margin:0 8px 0 0; z-index:1;}
    .per_page A {margin:0 1px 0 0; padding:4px 6px; background:none; color:var(--adm-btn-link-color); border-radius:2px; text-decoration:none; transition:.3s;}
    .per_page A:hover, .per_page A.active {background:var(--adm-btn-link-color); color:var(--adm-white); transition:.3s;}
/* редагування фото
---------------------------------*/
.photo_cut, .images_list {width:100%;}
.photo_cut {display:flex; position:relative;}
    .photo_holder {position:relative; border:1px solid var(--adm-gray-light-er); border-radius:2px; box-shadow:none; min-width:106px; min-height:64px; transition:.3s;}
    .photo_holder:hover {box-shadow:0 0 5px rgba(0,0,0,.2); transition:.3s;}
        .photo_holder Img {border-radius:2px;}
    .photo_cut .links {background:rgba(255,255,255,.7); position:absolute; bottom:0; left:0; padding:8px; border-radius:0 2px 0 0; min-width: 106px;}
        .photo_cut .links A {text-decoration:none; color:var(--adm-gray); display:flex; transition:.3s;}
        .photo_cut .links A:hover {color:var(--adm-btn-link-color); transition:.3s;}
        .photo_cut .links A.fpc_delete:hover {color:var(--adm-error); transition:.3s;}
            .photo_cut .links A .svg_icon {fill:var(--adm-gray); transition:.3s;}
            .photo_cut .links A:hover .svg_icon {fill:var(--adm-btn-link-color); transition:.3s;}
            .photo_cut .links A.fpc_delete:hover .svg_icon {fill:var(--adm-error); transition:.3s;}
    .images_list UL LI {margin:0 8px 8px 0;}
/* при перетягуванні рядків
---------------------------------*/
.ui-state-highlight {border:2px dashed var(--adm-btn-link-color);}
.ui-nestedSortable-error {background:var(--adm-error);}

[id="comments_list"] .title {
    border: none;
    font: 15px/18px Arial;
    margin: 0;
    padding: 0;
}

.short .qq-upload-button {
    padding: 0;
    text-align: left;
    background: none;
    border: none;
    text-decoration: underline;
    color: var(--adm-black)
}

.adm_hidden, .admin_menu UL.adm_hidden, #product_edit_video.adm_hidden, .evry_title.adm_hidden {display:none;}

.admin_menu .adm_plus, .admin_menu .adm_minus {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: none !important;
    color: var(--adm-black);
    font-size: 18px
}

*, *::before, *::after {box-sizing:border-box;}
UL, OL {padding:0; list-style: none;}
Body, H1, H2, H3, H4, P, UL, OL, LI, Figure, Figcaption, Blockquote {margin:0;}
Body {font:14px/20px Arial; min-height:100vh; scroll-behavior:smooth; text-rendering:optimizeSpeed;}
Body.admin_body {display:flex; flex-direction:column;}
Img {max-width:100%; display:block;}
Input, Button, Textarea, Select {font:inherit; outline:none;}
Select {height:32px; background:var(--adm-white); border:1px solid var(--adm-gray-light-er); border-radius:2px; color:var(--adm-gray); padding:4px 8px;}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.admin_base Input[type=text], .admin_base Input[type=email], .admin_base Input[type=tel], .admin_base Input[type=password], .admin_base Input[type=number], .admin_base Input[type=date], .admin_base Textarea, .admin_component.login Input,
.admin_base Input[type=time], .gpt_popup Textarea, .confirm_modal Input[type=text]
{margin:0; padding:4px 8px; color:var(--adm-gray); font:14px/20px Arial; width:100%; height:32px; background:var(--adm-white); outline:none; border:1px solid var(--adm-gray-light-er); border-radius:2px; transition:.3s;}
.admin_base Input[type=time] {width:66px; text-align:center;}
.admin_base Input.short_er {width:96px;}
.admin_base Textarea, .gpt_popup Textarea {min-height:140px; max-height:600px; resize:vertical;}
.admin_base Textarea.translate_filters {max-height:1200px; min-height:600px;}
.admin_base Textarea.low {min-height:50px; max-height:140px;}
.admin_base Input:disabled, .admin_base Textarea:disabled, .admin_base Select:disabled {opacity:.4; transition:.3s;}
.evry_title.wrong Input, .evry_title.wrong Textarea, .admin_base Input[type="text"].error, .admin_base Input[type="email"].error, .admin_base Input[type="tel"].error, .admin_base Input[type="password"].error,
.admin_base .lang_translation.need_translate Input, .admin_base Input[type=time].error {box-shadow:0 0 6px var(--adm-error); color:var(--adm-error); transition:.3s;}
.admin_base Input:focus, .admin_base Textarea:focus, .gpt_popup Textarea:focus, .confirm_modal Input:focus {color:var(--adm-black); box-shadow:0 0 6px var(--adm-gray-light-er); transition:.3s;}
.evry_title Input[type="checkbox"], .evry_title Input[type="radio"] {width:auto; height:auto;}
.evry_title .error {display:inline-flex; margin:16px auto 0; border-radius:3px; border:1px solid var(--adm-error); padding:4px 8px; color:var(--adm-error); width:100%; justify-content:center;}
.evry_title .error.adm_hidden {display:none;}
.admin_base Input.date_inp, .sales .alld_col:last-child Input.date_inp {width:92px; text-align:center;}
.admin_base Input.date_inp.time {width:58px;}

.evry_title Label.inline_label {
    font: 16px/20px Arial;
    color: var(--adm-gray);
    cursor: pointer;
}

.evry_title Label.inline_label:hover, .evry_title Input[type="radio"]:checked + label, .evry_title Input[type="checkbox"]:checked + label {
    color: var(--adm-black);
}


.hidden {
    display: none !important
}

.icon {
    width: 20px;
    height: 20px
}

.centre {
    position: relative;
    max-width: 1250px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    clear: both
}

.main_col {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.svg_icon {display:inline-flex; margin-right:8px; fill:var(--adm-white); width:18px; height:18px; transition:.3s; flex-shrink:0;}

.menu .svg_icon:hover {
    fill: var(--adm-white);
}

.fpc_edit:hover .svg_icon,
.fpc_watermark:hover .svg_icon {
    fill: var(--adm-btn-link-color);
}
.holder .cell.icon A.fpc_delete:hover .svg_icon, .holder .cell.icon A.delete:hover .svg_icon {fill:var(--adm-error);}

a.delete_component .svg_icon {
    fill: var(--adm-white);
}

.type_of_component .svg_icon {width:22px; height:22px; margin:0; fill:var(--adm-white) !important;}

.up_component .svg_icon,
.down_component .svg_icon {
    margin: 0;
    width: 30px;
    height: 20px;
}

.delete_component .svg_icon {
    margin-right: 0;
}

/* загальна таблична структура
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.admin_menu UL {position:relative; display:flex; flex-direction:column; width:100%; margin:0 0 16px 0;}
.catalog_menu .admin_menu UL {margin:0;}
    .admin_menu UL LI {position:relative; display:flex; width:100%; flex-wrap:wrap;}
        .admin_menu UL LI .holder {background:var(--adm-gray-light-est); margin:0 0 1px 0; display:flex; align-items:center; transition:.3s; width:100%;}
        .admin_menu UL LI .holder.copy {animation:plum 1s ease-in infinite;}
        @keyframes plum {
          0% {background:rgba(203,63,49,.1);}
          50% {background:rgba(203,63,49,1);}
          100% {background:rgba(203,63,49,.1);}
        }
        .admin_menu UL LI .holder.hidden {display:flex !important;}
        .admin_menu UL LI .holder.active, .admin_menu UL LI .holder:hover {background:var(--adm-row-hover); transition:.3s;}
        .admin_menu UL LI .holder.selected {background:var(--adm-main-color); transition:.3s;}
        .admin_menu UL LI .holder.selected:hover {background:var(--adm-selected-row-hover); transition:.3s;}
        .admin_menu UL LI.th .holder.selected:hover {background:none;}
    .holder .cell {display:flex; width:auto; height:auto; padding:8px;}
        .holder .cell.auto {width:100%;}
        .holder .cell.sub_box {padding:0;}
        @media (min-resolution: .001dpcm) {_:-o-prefocus, .holder .cell {padding:8px 6px;}
}
.holder .cell Img {position:relative; float:left;}
.admin_menu UL LI .holder .cell.last_edit {width:5px; border:none !important; padding:0; align-self:stretch; flex-shrink:0;}
.holder .cell.last_edit.active, .admin_menu UL LI:hover .holder .cell.last_edit.active {background:var(--adm-btn-link-color);}
.holder .cell.no_padding {padding:0;}
.catalog_menu .admin_menu UL LI UL {margin-left:23px; width:calc(100% - 23px);}
    .catalog_menu .admin_menu UL LI UL::before {content:''; position:absolute; top:0; left:-12px; width:2px; height:calc(100% - 18px); background:var(--adm-gray-light);}
    .catalog_menu .admin_menu UL LI UL LI.has_li:last-child::after {content:''; position:absolute; top:17px; left:-12px; width:2px; height:calc(100% - 33px); background:var(--adm-white); transition:.3s;}
.admin_menu UL LI .holder Div Span.menu_item A {font-size:16px;}
    .admin_menu UL LI UL LI .holder Div Span.menu_item A {font-size:15px;}
        .admin_menu UL LI UL LI UL LI .holder Div Span.menu_item A {font-size:14px;}
            .admin_menu UL LI UL LI UL LI UL LI .holder Div Span.menu_item A {font-size:14px; font-weight:normal;}

.holder .cell.icon A {display:flex; align-items:center; width:16px; height:16px; position:relative; cursor:pointer;}
.holder .cell.icon A.no_active {visibility:hidden;}
.holder .cell.icon A.adm_plus, .holder .cell.icon A.adm_minus {font-size:0;}
    .holder .cell.icon A.adm_plus::before, .holder .cell.icon A.adm_plus::after, .holder .cell.icon A.adm_minus::after {content:''; position:absolute; top:6px; left:2px; width:12px; height:4px; background:var(--adm-gray-light);
                                                                                                                        transform:rotate(0deg); transition:.3s;}
    .holder.selected .cell.icon A.adm_plus::before, .holder.selected .cell.icon A.adm_plus::after, .holder.selected .cell.icon A.adm_minus::after {background:var(--adm-white);}
    .holder .cell.icon A.adm_plus:hover::before, .holder .cell.icon A.adm_plus:hover::after, .holder .cell.icon A.adm_minus:hover::after {background:var(--adm-btn-link-color); transition:.3s;}
    .holder .cell.icon A.adm_plus::after {transform:rotate(90deg); transition:.3s;}
    .holder .cell.icon .svg_icon {fill:var(--adm-gray-light); transition:.3s;}
    .holder .cell.icon .svg_icon.error {fill:var(--adm-error);}
    .holder.selected .cell.icon .svg_icon {fill:var(--adm-white); transition:.3s;}
    .holder .cell.icon.menu_step-item .svg_icon {fill:var(--adm-icon-light); transition:.3s;}
    .holder .cell.icon.menu_step-item .no_active {display:none;}
    .holder.selected .cell.icon.menu_step-item .svg_icon {fill:var(--adm-icon-selected);}
    .holder:hover .cell.icon.menu_step-item .svg_icon {fill:var(--adm-gray-light); transition:.3s;}
    .holder.selected:hover .cell.icon.menu_step-item .svg_icon {fill:var(--adm-white);}
    .holder.selected .product_name, .administrators .holder.selected .for_name .name, .administrators .selected .for_name .together Div:last-child, .administrators .selected .for_name Span,
    .holder.selected .one_row.name, .holder.selected .message {color:var(--adm-white);}
    .holder.selected .select_product_edit .svg_icon {fill:rgba(255,255,255,.8);}
    .holder.selected .product_name .code, .holder.selected .select_product_edit, .administrators .selected .for_name .together Div:first-child, .administrators .selected .for_name .together Div:first-child Span,
    .holder.selected .topic, .holder.selected .one_row.date
    {color:rgba(255,255,255,.8);}
    .holder .cell.icon A:hover .svg_icon, .holder:hover .cell.icon.menu_step-item A:hover .svg_icon, .holder .cell.icon .hide-show.active:hover .svg_icon, .holder.selected .select_product_edit:hover .svg_icon
    {fill:var(--adm-btn-link-color); transition:.3s;}
    .holder.selected .select_product_edit.active:hover .svg_icon {fill:var(--adm-orange);}
    .promocode .holder .cell.icon .hide-show.active:hover .svg_icon {fill:var(--adm-error);}
    .promocode .holder .cell.icon .hide-show .svg_icon {fill:var(--adm-gray-light);}
    .holder .cell.icon A.menu_sorter {cursor:grab;}
    .holder .cell.icon .hide-show .svg_icon {fill:var(--adm-error);}
    .holder .cell.icon .hide-show.active .svg_icon, .holder A .svg_icon {fill:var(--adm-gray-light);}
    .holder.selected .cell.icon .hide-show.active .svg_icon {fill:var(--adm-white);}
    .holder.selected .cell.icon .hide-show.active:hover .svg_icon, .holder A:hover .svg_icon, .promocode .holder .cell.icon .hide-show:hover .svg_icon {fill:var(--adm-btn-link-color);}
    .holder .cell.icon A.edit .save_icon, .holder .cell.icon A.edit.active .edit_icon {display:none;}
    .holder .cell.icon A.edit.active .save_icon {display:block;}
/* панель управління сайтом
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main_panel {width:100%; background:var(--adm-white); box-shadow:0 0 5px rgba(0,0,0,.2); position:sticky; top:0; z-index:3;}
    .top_info_part {display:flex; width:100%; padding:8px; justify-content:space-between;}
        .head_together {display:flex;}
            .open-admin_menu {display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-right:16px; border-radius:2px; transition:.3s;}
                .open-admin_menu .icon {width:24px; height:24px; fill:var(--adm-main-color); transition:.3s;}
                .open-admin_menu:hover .icon {fill:var(--adm-btn-link-color); transition:.3s;}
            .logo_wrap {display:flex; align-items:center; padding:5px; border-radius: 5px;background-color: var(--adm-main-color);}
                .logo_wrap img {height:24px;}
        .main_info_part {display:flex;}
            .main_info_part .warning, .gag .warning, .sms .warning, .only_menu .warning
            {display:flex; align-items:center; padding:2px 8px; font-size:0; border:1px solid var(--adm-orange); color:var(--adm-orange); border-radius:3px; margin:0 0 0 8px; text-decoration:none; transition:.3s;}
            .main_info_part .warning:hover {border-color:var(--adm-orange-hover); color:var(--adm-orange-hover); transition:.3s;}
            .gag .warning, .sms .warning, .only_menu .warning {font:14px/20px Arial; padding:8px 16px; margin:8px 0 0 0;}
            .sms .warning, .only_menu .warning {margin:8px 0 16px;}
                .main_info_part .warning .svg_icon {margin:0; fill:var(--adm-orange); transition:.3s;}
                .main_info_part .warning:hover .svg_icon {fill:var(--adm-orange-hover); transition:.3s;}
                .gag .warning .svg_icon, .sms .warning .svg_icon, .only_menu .warning .svg_icon {margin:0 16px 0 0; fill:var(--adm-orange); flex-shrink:0;}

.top_info_part .tip_admin {display:none;}
.top_right_part {display:flex; align-items:center; margin-top:auto;}
/*---------------------- Ліве меню адмін панелі -------------------*/
.admin_left-menu {color:var(--adm-white); position:fixed; top:0; left:-380px; flex-direction:column; width:340px; height:100%; z-index:12; background:var(--adm-main-color); overflow-y:auto; box-shadow:0 0 20px rgba(0,0,0,.6); transition:.3s;}
.admin_left-menu.active {left:0; transition:.3s;}
    .admin_left-menu .logo_wrap {padding:12px 10px 12px 16px; background:var(--adm-white); border-radius:unset; justify-content:space-between; position:sticky; top:0; z-index:1;}
    .admin_left-menu .logo_wrap.has_shadow {box-shadow:0 0 20px rgba(0,0,0,.6);}
        .admin_left-menu .together {width:auto; flex-direction:row;}
            .logo_wrap .lw_place {border-radius:2px;}
    .tip_admin {font-size:16px; color:var(--adm-gray); margin:0 0 0 16px; display:flex; align-items:center;}
        .tip_admin .svg_icon {fill:var(--adm-gray);}
        .tip_admin Span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:96px;}
    .close-admin_menu, .close_popup {display:block; width:32px; height:32px; position:relative;}
        .close-admin_menu::before, .close-admin_menu::after, .close_popup::before, .close_popup::after, A.close_add_component::before, A.close_add_component::after
        {content:""; width:22px; height:2px; background:var(--adm-white); position:absolute; top:50%; left:50%; transition:.3s;}
        .close_popup:hover::before, .close_popup:hover::after, A.close_add_component:hover::before, A.close_add_component:hover::after {background:var(--adm-error); transition:.3s;}
        .close-admin_menu::before, .close-admin_menu::after {background:var(--adm-main-color);}
        .close-admin_menu:hover::before, .close-admin_menu:hover::after {background:var(--adm-error); transition:.3s;}
        .close-admin_menu::before, .close_popup::before, A.close_add_component::before {transform:translate(-50%, -50%) rotate(-45deg);}
        .close-admin_menu::after, .close_popup::after, A.close_add_component::after {transform:translate(-50%, -50%) rotate(45deg);}

.main_menu_list {display:flex; flex-direction:column;}
.admin_menu-item {display:flex; align-items:center; position:relative;}
.main_menu_list a.open_submenu-link {flex:1 1 auto;}
.main_menu_list li.active a.open_submenu-link {background:rgba(255, 255, 255, 0.1);}

.main_menu_list A {color:var(--adm-white); font:16px/1.2 Arial; padding:12px 16px; display:flex; align-items:center; text-decoration:none; position:relative; transition:.3s;}
.main_menu_list A.tip_exit {opacity:.5;}
.main_menu_list A:hover, .main_menu_list A.active {background:rgba(255, 255, 255, 0.1); transition:.3s;}
.main_menu_list A.tip_exit:hover {background:var(--adm-error); opacity:1; transition:.3s;}
    .main_menu_list A .num {position:absolute; top:10px; right:8px; color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px;}
.main_menu_list .open_submenu {display:none;}
.main_menu_list ul {padding:0 0 8px 16px; display:none; flex-direction:column;}
    .main_menu_list LI UL LI A {padding:8px 16px;}
        .main_menu_list LI UL LI A .num {top:6px;}

.main_menu_list li.active ul {display:flex; background:rgba(255, 255, 255, 0.1);}

.add_component {position:relative; margin-left:auto; display:flex; align-items:center; justify-content:center; z-index:1;}
.bottom_links_part {position:fixed; top:32px; left:50%; width:calc(100% - 32px); max-width:800px; transform:translateX(-50%); background:var(--adm-btn-link-color); border-radius:3px; max-height:calc(100vh - 64px); overflow:auto; opacity:0;
                    visibility:hidden; transition:.3s;}
.bottom_links_part.active {opacity:1; box-shadow:0 0 20px rgba(0,0,0,.6); visibility:visible; z-index:20; transition:.3s;}
    .admin_container {display:flex; flex-direction:column; padding:8px;}
        .ac_title {display:flex; margin:-8px 0 16px -8px; width:calc(100% + 16px); padding:8px; justify-content:space-between; background:var(--adm-btn-link-color-hover);}
            .ac_title H3 {color:var(--adm-white); font-weight:normal; display:flex; align-items:center; font-size:18px;}
                .ac_title H3 Span {display:none;}
            A.close_add_component {width:32px; height:32px; position:relative;}
            .bottom_links_part A.close_add_component:hover {background:none;}
        .components_group {display:flex; flex-direction:column; margin:0 0 12px 0;}
        .components_group:last-child {margin:0;}
            .group_title {margin:0 0 8px 0; color:var(--adm-green-dark); font-size:16px;}
            .group_components {display:flex; flex-wrap:wrap;}
                .group_components A {font:14px/16px Arial; color:var(--adm-white); text-decoration:none; margin:0; width:50%; height:auto; padding:8px; border:none; display:flex; border-radius:2px; transition:.3s;}
                .group_components A:hover, .group_components A.active {background:var(--adm-btn-link-color-hover); transition:.3s;}

.open_sub_menu, .but {color:var(--adm-white); background:var(--adm-btn-link-color); cursor:pointer; transition:.3s; display:flex; align-items:center; padding:0 8px; height:32px; border-radius:2px; margin:0 0 0 8px; z-index:10; text-decoration:none;}
.blue.but {background:var(--adm-main-color-light);}
.blue.but:hover {background:var(--adm-main-color);}
.gray.but {background:var(--adm-gray-light);}
.gray.but:hover {background:var(--adm-gray);}
.but {z-index:0; margin:0;}
    .but .svg_icon, .holder .but .svg_icon {margin:0 8px 0 0; fill:var(--adm-white);}
    .open_sub_menu Span.desktop_txt {display:none;}
.but.has_arrow {padding:0 32px 0 8px; position:relative;}
    .but.has_arrow::before, .but.has_arrow::after {content:''; position:absolute; top:15px; right:7px; width:10px; height:2px; border-radius:2px; background:var(--adm-white); transform:rotate(-45deg); transition:.3s;}
    .but.has_arrow::after {transform:rotate(45deg); right:13px;}
    .but.has_arrow.active::before {transform:rotate(45deg);}
    .but.has_arrow.active::after {transform:rotate(-45deg);}
.open_sub_menu:hover, .but:hover {background:var(--adm-btn-link-color-hover); transition:.3s;}
    .but:hover .svg_icon, .holder .but:hover .svg_icon {fill:var(--adm-white);}
A.but.help {margin:0 0 0 8px; background:var(--adm-main-color-light); display:none;}
A.but.help.active {display:flex;}
A.but.help:hover {background:var(--adm-info-color);}
A.but.help.adm_hidden {display:none;}
    A.but.help Span {display:none;}
    A.but.help .svg_icon {margin:0;}
A.but.gpt {margin:0 0 0 8px;}
    A.but.gpt Span {display:none;}
    A.but.gpt .svg_icon {margin:0;}

.close_m {display:none;}

#admin_components_list {width:100%; padding:8px;}

.admin_base {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    min-width: 360px;
}

.admin_content {flex:1 1 auto;}
    .admin_component {display:flow-root; width:100%; background:var(--adm-white); box-shadow:0 0 5px rgba(0,0,0,.2); border-radius:3px; margin:0 auto 32px; padding:0 8px 8px 8px; transition:.3s;}
    .admin_component.hidden {display:flow-root !important;}
        .admin_component.hidden .adcom_panel {background:var(--adm-main-color-light);}
        .admin_component.hidden Article, .admin_component.hidden .admin_massage, .admin_component.hidden .evry_title {opacity:.4;}

/*   Login page   ---------------------------------*/
.main_login {background:var(--adm-main-color); display:flex; height:100vh; width:100%; align-items:center; justify-content:center; padding:32px;}
    .admin_component.login {max-width:360px; margin:-64px 0 0 0; background:var(--adm-main-color); padding:0; box-shadow:none;}
        .main_login .login_logo {display:flex; justify-content:center; margin:0 0 16px 0; background:var(--adm-white); padding:16px; border-radius:3px;}
        .main_login .login_logo.dark {background:var(--adm-main-color);}
            .main_login .login_logo Img {width:200px; height:auto;}
        .main_login .adcom_panel {border:none; text-align:center; justify-content:center; padding:0 0 16px 0; color:var(--adm-white); font-size:24px; line-height:30px;}
            .admin_component.login .evry_title label {color:var(--adm-white); padding:0 0 8px 0; text-align:center; justify-content:center; font-size:18px;}
            .admin_component.login Input {text-align:center; color:var(--adm-white); font-weight:bold; background:rgba(255,255,255,.3);}
            .admin_component.login .evry_title.wrong Input {color:var(--adm-error); animation:wrong .5s ease-in; position:relative;}
            @keyframes wrong {
              0% {left:0px;}
              10% {left:-10px;}
              20% {left:-20px;}
              30% {left:-10px;}
              40% {left:0px;}
              50% {left:10px;}
              60% {left:20px;}
              70% {left:10px;}
              80% {left:0px;}
              90% {left:-10px;}
              100% {left:0px;}
            }
        .store_enter {display:flex;}
            .store_enter .short {display:flex; width:100%; justify-content:center; padding:8px 0 0 0;}
            .store_enter button.login {border:none; width:100%; outline:none; display:inline-flex; align-items:center; height:42px; justify-content:center; color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px;
                                       cursor:pointer; padding:0 16px; font-size:18px; transition:.3s;}
            @media only screen and (min-width : 768px) {.store_enter button.login {width:160px;}}
            .store_enter button.login:hover {background:var(--adm-btn-link-color-hover); transition:.3s;}
/*   Close store page   ---------------------------------*/
.underconstruction {background:var(--adm-main-color); display:flex; height:100vh; width:100%; align-items:center; justify-content:center; padding:48px 32px 32px 32px;}
    .under_box {max-width:680px; color:var(--adm-white) !important; display:flex; flex-direction:column; justify-content:center; text-align:center; font-size:16px !important; line-height:30px !important;}
        .under_text {display:flex; flex-direction:column;}
            .ut_up {text-transform:uppercase; font-size:14px; position:relative;}
                .ut_up .free {position:absolute; top:-22px; left:50%; transform:translateX(-50%); margin:0 0 0 -40px;}
                    .ut_up Span {font-weight:bold;}
            .ut_down {font-size:46px; line-height:46px; font-weight:bold;}
        .under_box Img {margin:32px 0;}
        .under_box P {}
        .under_box A {color:var(--adm-white);}

.adcom_panel {border-radius:3px 3px 0 0; display:flex; flex-wrap:wrap; align-items:center; width:calc(100% + 16px); margin:0 -8px 8px -8px; min-height:30px; padding:8px; border-bottom:1px solid var(--adm-row-hover); background:var(--adm-main-color);
              overflow:hidden; transition:.3s;}
.adcom_panel.one_row {flex-wrap:nowrap; justify-content:space-between; margin:0 -8px 8px -8px;}
    .adcom_panel.one_row .together {flex-direction:row;}
        .adcom_panel.one_row .mob-adm_panel {flex:auto; padding:0; flex-shrink:0;}
            .adcom_panel.one_row .mob-adm_panel A {margin:0 0 0 8px;}

.type_of_component {display:flex; align-items:center; justify-content:center; margin:0 8px 0 0; position:relative;}
.type_of_component DIV:not(.login) {display:flex; align-items:center; justify-content:center; border:none;}
.type_of_component DIV:not(.login).hidden {display:flex !important;}
.type_of_component.category_comments {margin:0;}

/*  ---------------------------  */
.component_edit_links {flex:1 1 auto; display:flex; flex-wrap:wrap; align-items:center; width:auto;}
.component_edit_links .only_text {color:var(--adm-white); font:16px/22px Arial; display:flex; align-items:center; margin:0 auto 0 0; width:100%;}
    .component_edit_links .only_text Div {display:flex; align-items:center; width:auto; color:var(--adm-white); font-size:16px;}

.component_edit_links A, .mob-adm_panel A {width:auto; padding:0 12px; margin:4px 8px 0 0; min-height:30px; display:flex; align-items:center; color:var(--adm-white); text-decoration:none; background-color:rgba(255, 255, 255, 0.1);
                                           border-radius:2px; transition:.3s; box-sizing:content-box;}
.mob-adm_panel.component_edit_links A {display:flex;}
.component_edit_links A.adm_hidden, .mob-adm_panel A.adm_hidden, .catalog_list.catalog .component_edit_links A.product_multi_edit.active.adm_hidden {display:none;}
    .component_edit_links A.tile_config .svg_icon, .component_edit_links A.slider_config .svg_icon {margin:0;}
    .component_edit_links A.save {background:var(--adm-btn-link-color);}
    .component_edit_links A.save:hover {background:var(--adm-btn-link-color-hover);}
.component_edit_links A {display:none;}
.component_edit_links A.add_bottom, .mob-adm_panel A.add_bottom {background-color:unset;}
.component_edit_links A:hover, .mob-adm_panel A:hover {background:transparent; color:var(--adm-btn-link-color); transition:.3s;}
.component_edit_links A.save:hover, .mob-adm_panel A.save:hover {color:var(--adm-white);}

.component_edit_links A B, .mob-adm_panel A B, .for_sucsess .save_links A B {width:16px; height:16px; margin:0 8px 0 -12px; border:2px solid var(--adm-white); border-radius:2px; position:relative; opacity:.9; transition:.3s;}
.component_edit_links A:hover B, .mob-adm_panel A:hover B, .for_sucsess .save_links A:hover B {border-color:var(--adm-btn-link-color); transition:.3s;}
.component_edit_links A B.active::before, .mob-adm_panel A B.active::before, .for_sucsess .save_links A B.active::before {content:''; width:8px; height:8px; background:var(--adm-white); top:2px; left:2px; border-radius:2px; position:absolute;
                                                                                                                          transition:.3s;}
.component_edit_links A:hover B::before, .mob-adm_panel A:hover B::before, .for_sucsess .save_links A:hover B::before {background:var(--adm-btn-link-color); transition:.3s;}

.component_edit_links A.change_main.active {background:transparent;}
.component_edit_links A:hover .svg_icon {fill:var(--adm-btn-link-color);}
.component_edit_links A.save:hover .svg_icon {fill:var(--adm-white);}

.component_del {order:5; flex:0 0 30px; width:auto; height:30px; margin:0 0 0 8px;}

A.delete_component {background:none; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:2px; transition:.3s;}
A.delete_component:hover {background:var(--adm-error); transition:.3s;}

/* прапорці мов
---------------------------------*/
.component_lang {display:flex; align-items:center; width:auto;}
    .component_lang A {font-size:14px; line-height:1.2; display:flex; align-items:center; height:30px; width:30px; justify-content:center; text-transform:uppercase; text-decoration:none; text-align:center; color:var(--adm-white); border-radius:2px;
                       transition:.3s;}
    .component_lang A + A {margin:0 0 0 8px;}
    .component_lang a.active, .component_lang a:hover {background-color:var(--adm-btn-link-color);}

.mob-adm_panel {flex:1 1 100%; display:flex; flex-wrap:wrap; order:6;}

.main_box {display:flex; flex-direction:column; margin:0 0 16px 0;}
    .together {display:flex; flex-direction:column; width:100%;}
/* компонент в адмінці (редагування)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.evry_title {margin:0 0 16px 0; width:100%; display:flex; flex-direction:column;}
.evry_title.upload, .evry_title.no_padding {margin:0;}
.evry_title.dark {background:var(--adm-main-color-light); padding:8px; border-radius:2px;}
    .evry_title.actions .but {width:100%; margin:0 0 8px 0; justify-content:center;}
    .evry_title.actions .but:last-child {margin:0;}
    .evry_title.actions .but.warning {background:var(--adm-orange);}
    .evry_title.actions .but.warning:hover {background:var(--adm-orange-hover);}
    .evry_title .block_label, Label.only_label {font:16px/20px Arial; color:var(--adm-gray); padding:0 16px 8px 0; display:flex; align-items:center; flex-shrink:0;}
    Label.only_label {padding:0 16px 16px 0;}
    .evry_title.dark .block_label {color:var(--adm-white);}
        .evry_title .block_label .num, .evry_title .text.num {color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px; margin:0 0 0 8px; display:flex; flex-direction:row; align-items:center;}
    .selected .evry_title .block_label, .selected .evry_title .radio_label {color:var(--adm-white);}
    .evry_title Select {width:100%;}
    .evry_title.one_row {flex-direction:row; justify-content:space-between; margin:0 0 16px 0;}
    .evry_title.row {flex-direction:row; margin:0 0 16px 0;}
        .evry_title.one_row .block_label, .evry_title.row .block_label {padding:0 16px 0 0;}
        .text Small {margin:0 0 0 6px; font-size:14px; line-height:20px;}
        .evry_title .text.num {font-size:18px;}
        .evry_title .text.num.red {background:var(--adm-error);}
        .evry_title .text.num.orange {background:var(--adm-orange);}
        .evry_title .text.num.black {background:var(--adm-black);}
        .evry_title .text.wrap {flex-wrap:wrap;}
            .evry_title .text.wrap Span {font-size:13px;}
    .evry_title .text {min-height:32px; display:flex; align-items:center; color:var(--adm-black); font-size:16px;}

.stat_desktop {display:none;}
.stat_mobile {display:flex; background:var(--adm-main-color-light); color:var(--adm-white); padding:8px 16px; border-radius:2px;}
.admin_menu .stat_massage {display:flex; flex-direction:column; width:100%;}
    .stat_massage H3 {display:flex; flex-wrap:wrap; margin:8px 0 16px 0;}
        .stat_massage H3 Span {margin:4px 8px 0 0;}
        .stat_massage H3 Span.num {color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px; margin:4px 0 0 0;}
    .stat_massage UL {display:flex; flex-wrap:wrap;}
        .stat_massage UL LI {width:100%; border:1px solid var(--adm-gray-light-er); border-radius:2px; margin:0 0 8px 0; padding:8px; justify-content:space-between; box-shadow:none; transition:.3s;}
        .stat_massage UL LI:hover {box-shadow:0 0 5px rgba(255,255,255,.3); transition:.3s;}
            .stat_massage UL LI Span, .stat_massage UL LI Strong {display:flex; width:70%; align-items:center;}
            .stat_massage UL LI Strong {width:30%; justify-content:flex-end; font-weight:normal;}

.holder.slider_banner .slider_img, .holder.catalog_item .slider_img, .holder.tile_item .slider_img {width:100px; flex-shrink:0; position:relative;}
    .holder.slider_banner .slider_img Img, .holder.catalog_item .slider_img Img, .holder.tile_item .slider_img Img {width:100%; object-fit:contain;}
.holder.catalog_item .slider_img {background:var(--adm-white); padding:8px; justify-content:center; align-items:center;}
    .holder.catalog_item .slider_img Img {max-height:120px; max-width:100px;}
    .slider .for_buts {display:flex;}

.admin_menu UL LI.adm-menu_item .holder {display:flex; align-items:center;}
.admin_menu UL LI.adm-menu_item .holder.hidden {display:none;}
    .only_menu .popup_icons {display:flex; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--adm-white); z-index:-10; box-shadow:0 0 5px rgba(0,0,0,.2); border-radius:4px; opacity:0; width:80%;
                             max-width:400px; flex-direction:column; overflow:hidden; visibility:hidden; transition:.3s;}
    .only_menu .popup_icons.active {opacity:1; z-index:10; overflow:auto; visibility:visible; transition:.3s;}
        .only_menu .popup_icons .sc_header {margin:0 0 8px 0; width:100%;}
        .only_menu .popup_icons .cell.constrols, .only_menu .popup_icons .cell {justify-content:left; padding:0; margin:0 8px;}
        .only_menu .popup_icons .cell:last-child {margin:0 8px 8px 8px;}
        .only_menu .popup_icons .menu_step-item {align-items:unset; flex-direction:column;}
            .only_menu .popup_icons .cell.constrols .check_label {display:flex; padding:8px; width:100%; cursor:pointer; transition:.3s;}
            .only_menu .popup_icons .cell.constrols .check_label:hover {background:var(--adm-gray-light-est); transition:.3s;}
                .only_menu.catalog_menu .popup_icons label.check_label::after {top:14px; left:12px;}
            .only_menu .popup_icons .cell .svg_icon, .only_menu .popup_icons .add_items A.up_add .svg_icon, .only_menu .popup_icons .add_items A.down_add .svg_icon {margin:0 8px 0 0; width:18px; height:18px;}
            .only_menu .popup_icons .cell.icon A, .only_menu .popup_icons .add_items A, .only_menu .popup_icons A.child_add {width:100%; height:auto; padding:8px; text-decoration:none; color:var(--adm-gray); align-items:center; display:flex;
                                                                                                                             transition:.3s;}
            .only_menu .popup_icons .cell.icon A:hover, .only_menu .popup_icons .add_items A:hover, .only_menu .popup_icons A.child_add:hover {background:var(--adm-gray-light-est); transition:.3s;}
            .only_menu .popup_icons .cell .step_left, .only_menu .popup_icons .cell .step_right, .only_menu .popup_icons .cell .double_step_right {margin:0; width:100%;}
                .only_menu .popup_icons .cell.icon.menu_step-item .svg_icon {fill:var(--adm-gray-light);}
            .only_menu .popup_icons .add_items {flex:auto; display:flex; flex-direction:column; width:100%; height:auto; margin:0; opacity:1; visibility:visible;}
                .only_menu .popup_icons .add_items A.up_add, .only_menu .popup_icons .add_items A.down_add {position:relative; top:auto; left:auto; display:flex; width:calc(100% - 16px); padding:8px; height:auto; align-items:center; margin:0 8px;}
                .selected .popup_icons .check_label::before {border-color:var(--adm-gray-light);}
                .selected .popup_icons .check_label:hover::before {border-color:var(--adm-btn-link-color);}
                .selected .popup_icons .check_label::after {background:var(--adm-gray-light);}
                .selected .popup_icons .check_label:hover::after {background:var(--adm-btn-link-color);}
                .holder.selected .popup_icons .cell.icon .svg_icon, .holder.selected .popup_icons .cell.icon .hide-show.active .svg_icon, .selected .popup_icons .add_items A .svg_icon,
                .holder.selected:hover .popup_icons .cell.icon.menu_step-item .svg_icon {fill:var(--adm-gray-light);}
                .holder.selected .popup_icons .cell.icon:hover .svg_icon, .holder.selected .popup_icons .cell.icon .hide-show.active:hover .svg_icon, .selected .popup_icons .add_items A:hover .svg_icon,
                .holder.selected:hover .popup_icons .cell.icon.menu_step-item:hover .svg_icon {fill:var(--adm-btn-link-color);}
                .holder.selected .popup_icons .cell.icon A.delete:hover .svg_icon {fill:var(--adm-error);}
.admin_menu UL LI.adm-menu_item .cell.info_menu-adm  {display:flex; align-items:center; flex-wrap:wrap; flex:1 1 100%; padding:0 2px;}
.admin_menu UL LI.adm-menu_item .cell.info_menu-adm .menu_item {width:calc(100% - 48px); padding:0 0 0 8px;}
.only_menu .admin_menu UL LI.adm-menu_item .cell.info_menu-adm .menu_item {padding:0; width:100%;}
.catalog_menu .template {margin:32px 0 0 0;}
    .catalog_menu .template .evry_title {margin:0;}

.holder .cell.edit_box {margin-right:auto;}

.admin_menu .menu_step-item {display:flex; align-items:center; justify-content:center;}
    .only_menu .cell.mobile, .only_menu .add_items.mobile, Span.menu_item A.child_add.mobile {display:none;}

.holder .svg_icon {margin:0;}
.holder .cell.constrols {display:flex; align-items:center; justify-content:center; margin:0; padding:0 0 0 8px;}
.admin_menu UL LI.th .holder {padding:6px 0 6px 14px; background:none; display:flex; justify-content:space-between;}

.slider .block_label .num, .tile .block_label .num, .news .block_label .num {background:var(--adm-main-color-light);}

.search_order-adm {display:flex; flex-direction:column; align-items:flex-start; margin:0 0 16px 0;}
.search_order-adm.filter-users_adm, .search_order-adm.filter-orders {display:none;}
.search_order-adm.filter-users_adm.active, .search_order-adm.filter-orders.active {display:flex;}
    .row_search-adm {display:flex; align-items:center;}
        .row_search-adm input {flex:1 1 auto;}
        .row_search-adm .from-to {font-size:0; display:block; margin:0 8px; width:20px; height:2px; background:var(--adm-gray);}
        .search_order-adm A.but {width:100%; justify-content:center;}
.seo_articles .selected_filters {display:flex; margin:16px 0; flex-wrap:wrap;}
    .seo_articles .one_selected_filter.all A {min-height:28px;}

.admin_menu UL LI .orders_list-adm {padding:8px; align-items:flex-start;}
    .admin_menu UL LI .orders_list-adm.last_edit::before {content:''; position:absolute; top:0; left:0; width:5px; height:100%; background:var(--adm-btn-link-color);}
    .admin_menu UL LI .orders_list-adm .col-2 {flex:1 1 auto; display:flex; flex-direction:column;}
        .orders_lis-number {display:flex; margin:0 0 8px 0;}
            .orders_lis-number Span {margin:0 16px 0 0; font-weight:bold; color:var(--adm-gray);}
            .orders_lis-number Span:last-child {margin:0; font-weight:normal;}
        .orders_lis-status {display:flex; margin:0 0 8px 0;}
            .orders_lis-status Div {border-radius:2px; padding:6px 8px;}
        .orders_lis-price {display:flex;}
            .orders_lis-price Span {margin:0 16px 0 0; color:var(--adm-gray); font-size:18px; line-height:24px;}
            .orders_lis-price Span:last-child {margin:0; font-size:14px;}
                .orders_lis-price Small {margin:0 0 0 4px; font-size:16px; font-weight:normal;}
    .admin_menu UL LI .orders_list-adm .col-3 {display:flex; align-items:center;}
        .admin_menu UL LI .orders_list-adm .col-3 A.delete {position:absolute; top:8px; right:8px;}
        .admin_menu UL LI .orders_list-adm .col-3 A.but {margin:28px 0 0 0;}
            .admin_menu UL LI .orders_list-adm .col-3 A.delete .svg_icon:hover {fill:var(--adm-error);}
        .orders_lis-comment {margin:8px 0 0 0;}
        .orders_lis-comment.desktop {display:none;}
        .orders_lis-comment.mobile {display:flex;}

.main_box H3, .translate_filters H3, .filters H3 {margin:0 0 16px 0; width:100%;}
    .main_box H3 Span {margin:4px 8px 0 0;}
    .main_box H3 Span.num {color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px; margin:4px 0 0 0;}

.order_details .order_info {width:100%;}
    .order_info H3 {margin:8px 0 16px 0;}
    .order_info .evry_title.one_row {margin:0 0 8px 0;}
    .order_details .oi_place {background:var(--adm-main-color); color:var(--adm-white); padding:8px 16px 0; border-radius:2px 2px 3px 3px; margin:0;}
        .order_details .oi_place .evry_title.dark {background:none; padding:0;}
        .ordered_product {display:flex; width:calc(100% + 32px); margin:0 0 0 -16px; border-top:1px solid var(--adm-white); position:relative; background:var(--adm-main-color-light); transition:.3s;}
        .ordered_product:hover {background:rgba(255, 255, 255, 0.1); transition:.3s;}
        .ordered_product:last-child {border-radius:0 0 2px 2px;}
            .ordered_product .holder {display:flex; flex-wrap:wrap; width:100%; padding:8px;}
                .op_image {width:60px; display:flex; flex-shrink:0; margin:0 16px 0 0;}
                .op_name {display:flex; width:calc(100% - 76px); flex-direction:column;}
                    .op_title {margin:0 32px 16px 0;}
                    .ordered_product .together {padding:0; width:100%; flex-direction:row;}
                    .op_code {margin:0 16px 0 0;}
                        .op_code Span, .op_size Span, .op_qua Span {opacity:.7;}
                .op_rest {display:flex; width:100%; margin:8px 0 16px;}
                    .op_qua {align-items:center; display:flex;}
                    .op_rest .together .op_qua:nth-child(2) {margin:0 16px;}
                        .op_rest .op_qua Span {margin:0 6px 0 0;}
                        .op_rest .op_qua .desktop {display:none;}
                        .op_rest .op_qua .mobile {display:flex;}
                        .admin_base .op_qua Input[type="text"] {width:46px; text-align:center;}
                        .op_qua.num {color:var(--adm-white); background:var(--adm-main-color); border-radius:2px; padding:2px 8px;}
                        .op_qua.num.red {background:var(--adm-error);}
                            .op_qua.num.red Span {display:none;}
                .op_price {margin:0 0 8px 0; display:flex;}
                    .op_price .op_qua.old {margin:0 16px; text-decoration:line-through; opacity:.7;}
                    .op_price .op_qua.num {background:rgba(255, 255, 255, 0.1);}
                        .op_price .op_qua Span {margin:0 6px 0 0;}
                            .op_price Small, .op_total Small {margin:0 0 0 6px;}
                .op_total {display:flex; align-items:baseline;}
                    .op_total Span:first-child {opacity:.7; margin:0 6px 0 0; font-size:14px;}
                    .op_total Span {font-size:16px;}
                .ordered_product .cell.icon {position:absolute; top:0; right:0;}
                    .ordered_product .holder .cell.icon A.delete .svg_icon {fill:var(--adm-white);}
                    .ordered_product .holder .cell.icon A.delete:hover .svg_icon {fill:var(--adm-error);}
        .ordered_product H3 {width:100%; text-align:center; margin:16px 0; background:rgba(255,255,255,.3); padding:8px;}
        .admin_massage {display:flex; width:100%; padding:8px 0 16px 0; background:var(--adm-white); flex-direction:column;}
            .admin_massage H3 {margin:0 0 6px 0;}
            .admin_massage .num {color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px; margin:0 16px 0 0;}
            .admin_massage A {color:var(--adm-btn-link-color); text-decoration:underline; transition:.3s;}
            .admin_massage A:hover {color:var(--adm-btn-link-color-hover); transition:.3s;}
            .admin_massage A:last-child {margin:0 0 0 6px;}
        .common_massage {display:flex; margin:8px 0;}
            .common_massage B {margin:0 6px;}
        .kit_product {width:100%;}
        .amoi {position:sticky; top:120px;}

.status_orders .col-1 {display:flex;}
.status_orders .col-2 {display:flex; flex-direction:column; width:100%;}
    .status_orders .color-wrap {display:none;}
    .status_orders .color-wrap.active {display:flex; padding:0 8px;}
        .status_orders .status_name Span {padding:4px 8px; border-radius:2px;}
            .color-wrap .color_item {margin:0 8px 0 0;}
            .color-wrap .color_item:last-child {margin:0 0 0 8px;}
                .color-wrap .color_item Span {font:16px/20px Arial; color:var(--adm-gray); padding:0 0 8px 0; display:flex;}
                .color-wrap .color_item .cell {padding:0;}

.users_list .holder {padding:8px;}
    .users_list .col-2 {color:var(--adm-gray); display:flex; flex-direction:column; width:100%;}
        .users_list .all_together {width:100%; display:flex;}
            .users_list .users_list .together {width:50%; display:flex; flex-direction:column; justify-content:center;}
            .users_list .users_list .together.orders {align-items:flex-end;}
                .one_row {display:flex; margin:0 0 8px 0; align-items:center;}
                    .users_list .name {font-weight:bold;}
                        .users_list .name .desktop {display:none;}
                    .users_list .id {margin:0 16px 0 0;}
                        .users_list .id Span {font-weight:normal;}
                    .users_list .address A {color:var(--adm-btn-link-color); text-decoration:underline; transition:.3s;}
                    .users_list .address A:hover {color:var(--adm-btn-link-color-hover); transition:.3s;}
                    .users_list .orders Span {font-weight:normal; font-size:14px; display:inline-flex; justify-content:center;}
                        .users_list .orders Span.order Span {margin:0 0 0 6px;}
                    .users_list .orders A.but {margin:0 0 8px 0; background:rgba(93,119,145,.5);}
                    .users_list .orders A.but:hover {background:var(--adm-main-color-light);}
                        .users_list .orders A.but B {margin:0 6px 0 0;}
                    .users_list .price_type Span {flex-shrink:0; min-width:60px;}
                    .users_list .price_type Select {width:100%; margin:0 0 0 8px;}
                    .users_list .percent {justify-content:space-between;}
                        .users_list .percent A.desktop {display:none;}
                        .users_list .percent .all {display:flex; align-items:center; position:relative;}
                            .users_list .percent .all Span {flex-shrink:0; margin:0 8px 0 0; min-width:60px;}
                                .users_list .percent .all Span::after {content:'%'; position:absolute; top:6px; right:4px;}
                        .users_list .percent .all2 {display:flex;}
                            .users_list .percent .all2 .edit, .users_list .percent .all2 .enter {font-size:0; background:var(--adm-main-color-light);}
                            .users_list .percent .all2 .edit:hover {background:var(--adm-main-color);}
                            .users_list .percent .all2 .enter {background:var(--adm-orange);}
                            .users_list .percent .all2 .enter:hover {background:var(--adm-orange-hover);}
                                .users_list .percent .all2 .edit .svg_icon, .users_list .percent .all2 .enter .svg_icon {margin:0;}
                        .users_list .percent A.but {margin:0 0 0 8px;}
                        .users_list .percent Input {width:42px; text-align:right; padding:0 18px 0 0;}
    .users_list .col-3 {position:absolute; top:0; right:0;}
.user_edit .delete_user {display:flex;}
    .user_edit A.user_delete {background:var(--adm-error);}
    .user_edit A.user_delete:hover {background:var(--adm-error-hover);}

/* --- Types of Prices --- */
.price_type .holder {justify-content:space-between; flex-wrap:wrap;}
    .price_type .holder .together {width:auto; flex-direction:row;}
    .price_type .holder .editable {width:100%; flex-direction:column; display:flex; order:3;}
        .price_type .holder .editable .together {align-items:center; flex-shrink:0;}
            .price_type .holder .editable .together .auto {width:auto;}
            .price_type .holder .editable .radio_label {padding:0;}
        .price_type .cell.if_del_empty {min-width:32px;}

/* --- Promocodes --- */
.promocode.price_type .holder .editable {flex-direction:row; justify-content:space-between;}
    .promocode .label {color:var(--adm-gray-light); margin:0 6px 0 0;}
    .promocode .editable .name {flex-direction:row;}
    .admin_base .promocode .promocode_input {border:2px dashed var(--adm-gray-light-er); font-weight:700;}
    .admin_base .promocode .promocode_input:focus {border-color:var(--adm-gray); box-shadow:none;}
    .promocode .for_limit {background:var(--adm-gray-light-est); border-radius:3px; padding:8px;}
        .promocode .limitation {padding:0 0 8px 0;}
            .promocode .limit_box {opacity:1; visibility:visible; overflow:auto; height:auto; padding:0 8px; margin:8px 0 0 24px; background:var(--adm-icon-light); border-radius:3px; transition:.3s;}
            .promocode .limit_box.no_active {opacity:0; visibility:hidden; overflow:hidden; height:0;}
                .promocode .limitation .evry_title.controls {margin:0; flex-direction:row;}
                .promocode .limit_box .evry_title:first-child {padding-top:8px;}
                    .promocode .controls .radio_label {margin:0 16px 0 0;}
                    .promocode .controls .svg_icon {fill:var(--adm-orange); margin:-2px 0 0 8px; width:22px; height:22px;}
                    .promocode .percent_sale, .promocode .fixed_sale {margin:0 0 32px 0; border:1px solid var(--adm-orange); background:var(--adm-price-bg-main); border-radius:3px; padding:8px;}
                    .promocode .for_per {position:relative; display:flex; align-items:center;}
                        .promocode .for_per Input {text-align:right; padding:0 18px 0 0; width:68px;}
                        .promocode .for_per Input.percent {width:50px;}
                        .promocode .cur_mark {position:absolute; top:6px; right:6px;}
                        .promocode .cur_mark.per {right:4px;}
                .promocode .limit_box .evry_title .together {flex-direction:row;}
                    .promocode .limit_box .together .date_inp {margin:0 8px 0 0;}
                    .promocode .lb_total {opacity:1; visibility:visible; overflow:auto; height:auto; padding:12px 8px 0 32px; margin:0; flex-direction:row; align-items:baseline;}
                    .promocode .lb_total.no_active {opacity:0; visibility:hidden; overflow:hidden; height:0; padding:0;}
                        .promocode .lb_total .block_label {padding:0 16px 0 0;}
                            .promocode .lb_total Input.opacity {border-style:dashed;}
            .promocode .for_discount_products {margin:16px 0;}
    .promocode .cat_or_product_limit {margin:16px 0 0 0;}
        .promocode .one_sim .op_title {margin:0;}

.component_edit_links A.product_multi_edit {display:none;}
.component_edit_links.mob-adm_panel A.product_multi_edit.active {display:flex; background:var(--adm-orange);}
.component_edit_links A.product_multi_edit.active:hover {color:var(--adm-white); background:var(--adm-orange-hover);}
    .component_edit_links A.product_multi_edit.active .svg_icon {fill:var(--adm-white);}

/* --- Comments for Products & News --- */
.products_comments .holder {padding:8px;}
.products_comments .holder.unpublished {background:var(--adm-unpublished);}
.products_comments .holder.unpublished:hover {background:var(--adm-unpublished-hover);}
    .products_comments .holder.last_edit::before {content:''; position:absolute; top:0; left:0; width:5px; height:100%; background:var(--adm-btn-link-color);}
    .products_comments .col-2 {color:var(--adm-gray); display:flex; flex-direction:column; width:100%;}
        .products_comments .comments_data {display:flex; flex-direction:column; align-items:flex-start;}
            .products_comments .name {font-weight:bold;}
            .products_comments .together_all .together.adm_hidden, .com_photos_videos.adm_hidden {display:none;}
            .products_comments .comments_text {transition:.3s;}
            .products_comments .comments_text.opacity {opacity:.4;}
                .products_comments .address A, .products_comments .comments_text A {color:var(--adm-btn-link-color); text-decoration:underline; transition:.3s;}
                .products_comments .comments_text Span {margin:0 0 0 6px; display:inline; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
                .products_comments .address A:hover, .products_comments .comments_text A:hover {color:var(--adm-btn-link-color-hover); transition:.3s;}
                .products_comments .evry_title {margin:0 0 8px 0;}
                    .products_comments .evry_title .block_label {font-size:14px; padding:0 0 4px 0;}
                    .products_comments .evry_title .topic {font-weight:bold; margin:8px 0 4px;}
        .com_photos_videos {display:flex; flex-wrap:wrap; margin:0 0 8px -8px;}
            .com_photos_videos .cpv_box {display:flex; margin:8px 0 0 8px; width:96px; height:64px; position:relative; border:1px solid var(--adm-gray-light-er); border-radius:3px; padding:2px; transition:.3s;}
            .com_photos_videos .cpv_box:hover {border-color:var(--adm-gray-light);}
                .cpv_box Img {width:100%; height:100%; object-fit:cover;}
                .cpv_box Span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
                    .cpv_box Span .svg_icon {fill:var(--adm-error); width:32px; height:32px;}
                .del_photo {position:absolute; top:-4px; right:-4px; background:var(--adm-white); border-radius:3px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; transition:.3s;}
                .del_photo:hover {box-shadow:0 0 6px rgba(0,0,0,.1);}
                    .products_comments .holder A.del_photo:hover .svg_icon, .products_comments .holder A:hover .video .svg_icon {fill:var(--adm-error);}
        .comments_publication {display:flex; justify-content:space-between; align-items:center; margin:8px 0;}
    .products_comments .col-3 {position:absolute; top:0; right:0;}
    /* --- POPUP for Comments for Products & News --- */
    .photo_video_popup.select_category {height:auto; max-height:calc(100% - 64px);}
        .pvp_all, .pvp_all .slick-list {width:100%; height:100%; display:flex; overflow:hidden;}
            .pvp_all .pvp_box {width:100%;}
                .pvp_all .pvp_box UL {display:flex;}
                    .pvp_all .pvp_box LI {width:100%; height:100%;}
                        .pvp_all Img {height:100%; width:100%; object-fit:contain;}
        .photo_video_popup A.delete {background:var(--adm-error);}
        .photo_video_popup A.delete:hover {background:var(--adm-error-hover);}

    .catalog_heder {display:flex; flex-direction:column; color:var(--adm-gray);}
        .admin_title {font-size:20px; line-height:24px; font-weight:normal; margin:8px 0 16px 0;}
        H2.admin_title {color:var(--adm-gray); font-size:18px; line-height:22px; width:100%;}
        .ch_row {display:flex; flex-direction:column; margin:0 0 16px 0;}
            .ch_row .block_label {font-size:16px; margin:0 0 4px 0;}
            .ch_row .check_list {display:flex; flex-wrap:wrap;}
                .ch_row .check_list A {margin:0 16px 0 0; text-decoration:none; color:var(--adm-gray); position:relative; transition:.3s;}
                .ch_row .check_list A:last-child {margin:0;}

.catalog_list .select_all, .requests .select_all, .import_cats .select_all {display:flex; align-items:center; justify-content:space-between; padding:6px 0;}
.import_cats .select_all.controls {flex-direction:row;}
    .select_all Label.select {flex-shrink:0;}
    .select_options {display:flex; flex-direction:column; z-index:1;}
    .select_options.adm_hidden {display:none;}
        .select_all A {display:flex; color:var(--adm-btn-link-color); text-decoration:none; margin:0 0 4px 16px; transition:.3s;}
        .import_cats .select_all A {margin:0 0 0 16px;}
        .select_all A:hover {color:var(--adm-btn-link-color-hover); transition:.3s;}
        .select_all A.delete_selected {color:var(--adm-error);}
        .select_all A.delete_selected:hover {color:var(--adm-error-hover);}
            .select_all A .svg_icon {fill:var(--adm-btn-link-color);}
            .select_all A:hover .svg_icon {fill:var(--adm-btn-link-color-hover);}
            .select_all A.delete_selected .svg_icon {fill:var(--adm-error);}
            .select_all A.delete_selected:hover .svg_icon {fill:var(--adm-error-hover);}
    .catalog_list .selected_filters {display:flex; margin:0 0 6px 0; flex-wrap:wrap;}
        .one_selected_filter {padding:2px 0 2px 6px; background:var(--adm-main-color-light); border-radius:2px; margin:0 4px 4px 0; color:var(--adm-white); display:flex; align-items:center;}
        .one_selected_filter.all {background:none; padding:0;}
            .one_selected_filter .name {margin:0 6px 0 0;}
            .one_selected_filter .val {margin:0 6px 0 0; display:flex; border-radius:2px; padding:1px 1px 1px 4px; border:1px solid rgba(255,255,255,.3); transition:.3s;}
            .one_selected_filter .val:hover {border:1px solid rgba(255,255,255,.8); transition:.3s;}
            .one_selected_filter .val:last-child {margin:0 2px 0 0;}
            .one_selected_filter.all A {margin:0; display:flex; width:100%; border-radius:3px; background:var(--adm-orange); padding:0 8px; align-items:center; height:100%; color:var(--adm-white); text-decoration:none;}
            .one_selected_filter.all A:hover {background:var(--adm-error);}
                .one_selected_filter A {background:var(--adm-orange); width:20px; height:20px; border-radius:2px; display:flex; position:relative; margin:0 0 0 6px; transition:.3s;}
                .one_selected_filter A:hover {background:var(--adm-error); transition:.3s;}
                    .one_selected_filter A::before, .one_selected_filter A::after {content:''; position:absolute; top:10px; left:4px; width:12px; height:1px; background:var(--adm-white); transform:rotate(45deg); transition:.3s;}
                    .one_selected_filter A::after {transform:rotate(-45deg);}
                    .one_selected_filter A:hover::before, .one_selected_filter A:hover::after {transform:rotate(0deg); transition:.3s;}
                    .one_selected_filter.all A::before, .one_selected_filter.all A::after {display:none;}
    .catalog_search .evry_title.find Input {height:42px; font-size:16px;}
    .catalog_search .filter_box {margin:0 0 8px 0;}
        .catalog_search .filter_box .block_label {cursor:pointer; color:var(--adm-white); background:var(--adm-main-color-light); padding:4px 40px 4px 8px; border-radius:2px; position:relative; transition:.3s;}
        .catalog_search .filter_box.additional .block_label {background:var(--adm-info-color);}
        .catalog_search .filter_box .block_label:hover, .catalog_search .filter_box.active .block_label {color:var(--adm-white); background:var(--adm-main-color); transition:.3s;}
        .catalog_search .filter_box.additional .block_label:hover, .catalog_search .filter_box.additional.active .block_label {}
            .catalog_search .filter_box .block_label::before, .catalog_search .filter_box .block_label::after
            {content:''; position:absolute; top:13px; right:8px; width:12px; height:2px; border-radius:2px; background:var(--adm-white); transform:rotate(-45deg); transition:.3s;}
            .catalog_search .filter_box .block_label::after {transform:rotate(45deg); right:16px;}
            .catalog_search .filter_box.active .block_label::before {transform:rotate(45deg);}
            .catalog_search .filter_box.active .block_label::after {transform:rotate(-45deg);}
        .catalog_search .filter_box .controls {opacity:0; visibility:hidden; overflow:hidden; height:0; transition:.3s;}
        .catalog_search .filter_box.active .controls {opacity:1; visibility:visible; overflow:auto; height:auto; transition:.3s;}
            .catalog_search .filter_box.active .controls UL {margin:8px 0 8px 8px; display:flex; flex-direction:column;}
                .catalog_search .filter_box.active .controls UL LI {margin:0 0 4px 0;}
        .catalog_search .fs_place {position:sticky; bottom:0; background:var(--adm-white); box-shadow:0 0 5px rgba(0,0,0,.2); z-index:2;}
            .catalog_search .fs_place::before {content:''; width:calc(100% + 12px); height:calc(100% + 8px); background:var(--adm-white); top:0; left:-6px; position:absolute;}
            .catalog_search .fs_place .for_search {display:flex; margin:8px 0 0 0; justify-content:center; padding:6px 0 16px 0;}
                .catalog_search .for_search A.find {width:140px; justify-content:center;}
.catalog_list .holder, .adm_tab.change .holder {flex-wrap:wrap;}
    .catalog_list .holder {justify-content:space-between;}
        .catalog_list .holder .together {width:auto; flex-direction:row; align-items:center;}
        .catalog_list .holder .together.mobile {width:100%; padding:0 8px 8px 8px; align-items:normal;}
            .catalog_list .mobile .cell.auto {padding:0 0 0 8px; flex-direction:column;}
        .holder .controls.no_margin {display:flex; height:20px;}
            .no_margin .check_label::before {margin:0;}
            .catalog_list .desktop {display:none;}
            .catalog_list .mobile {display:flex;}
            .catalog_list .status {display:flex; margin:0 0 4px 0; flex-wrap:wrap;}
                .status .ribbon {margin:0 8px 4px 0; display:flex;}
                .status .ribbon:last-child {margin:0 0 4px 0;}
                    .status .ribbon Span {padding:0 6px; border-radius:2px;}
            .catalog_list .product_name {font-weight:bold; margin:0 0 8px 0;}
                .catalog_list .product_name .code {color:var(--adm-gray); font-weight:normal; margin:0 0 0 6px;}
                .catalog_list .category_name {margin:0 0 8px 0; display:inline-flex; align-items:center; flex-wrap:wrap; transition:.3s;}
                    .category_name A, .holder.hidden .category_name A:hover, .hidden .category_name A:hover {display:inline-flex; align-items:center; text-decoration:none; color:var(--adm-main-color-light); transition:.3s;}
                    .category_name A:hover {color:var(--adm-main-color); transition:.3s;}
                    .category_name A.additional_category {color:var(--adm-main-color-light-er);}
                    .category_name A.additional_category:hover {color:var(--adm-main-color-light);}
                    .category_name Span.no_category {color:var(--adm-error); align-items:center; display:flex;}
                    .category_name Span {margin:0 6px 0 0; color:var(--adm-main-color-light);}
                    .selected .category_name A:hover, .holder.hidden .category_name A, .hidden .category_name A {color:var(--adm-main-color-light-er-hover);}
                        .category_name A .svg_icon, .holder.hidden .category_name A:hover .svg_icon, .hidden .category_name A:hover .svg_icon {fill:var(--adm-main-color-light); margin:0 8px 0 0;}
                        .category_name Span.no_category .svg_icon {fill:var(--adm-error); margin:0 8px 0 0;}
                        .category_name A:hover .svg_icon {fill:var(--adm-main-color);}
                        .selected .category_name A:hover .svg_icon, .holder.hidden .category_name A .svg_icon, .hidden .category_name A .svg_icon {fill:var(--adm-main-color-light-er-hover);}
                        .holder.hidden .additional_views, .hidden .additional_views {opacity:.4;}
            .catalog_list .price_cell {display:flex; margin:0 0 8px 0;}
                .catalog_list .price_cell Span {color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px; font-size:16px; align-items:center; display:flex;}
                    .catalog_list .price_cell Small {margin:0 0 0 6px; font-size:14px;}
                .catalog_list .price_cell Span.old {background:none; color:var(--adm-gray-light); position:relative; padding:2px 0; margin:0 8px;}
                    .catalog_list .price_cell Span.old::after {background:var(--adm-gray-light); content:''; position:absolute; top:54%; left:0; width:calc(100% - 14px); height:1px;}
            .catalog_list .select_product_edit {display:flex; align-items:center; color:var(--adm-gray-light); text-decoration:none; transition:.3s;}
            .catalog_list .select_product_edit:hover {color:var(--adm-btn-link-color); transition:.3s;}
            .catalog_list .select_product_edit.active {color:var(--adm-orange); transition:.3s;}
                .holder .select_product_edit .svg_icon {margin:0 8px 0 0; transition:.3s;}
                .catalog_list .select_product_edit.active .svg_icon {fill:var(--adm-orange);}
.select_category {position:fixed; left:50%; top:50%; z-index:999; width:calc(100% - 20px); height:calc(100% - 20px); max-width:1000px; transform:translate(-50%, -50%); background:var(--adm-white); border-radius:3px;
                  box-shadow:0 0 20px rgba(0,0,0,.6); opacity:1; visibility:visible; overflow:visible; flex-direction:column; padding:0 16px 16px 16px; display:flex; transition:.3s;}
.select_category.adm_hidden {opacity:0; visibility:hidden; overflow:hidden; transition:.3s;}
    .sc_header {display:flex; background:var(--adm-main-color); border-radius:2px 2px 0 0; border-bottom:1px solid var(--adm-row-hover); color:var(--adm-white); width:calc(100% + 32px); margin:0 0 16px -16px; padding:8px 16px; align-items:center;
                justify-content:space-between;}
        .sc_header .name {display:flex; align-items:center; font:16px/22px Arial; margin:0 8px 0 0;}
    .select_category .admin_menu {height:100%; overflow:auto;}
    .for_sucsess {padding:16px 0 0 0; display:flex; justify-content:center; box-shadow:0 0 5px rgba(0,0,0,.2); position:sticky;}
        .for_sucsess::before {width:calc(100% + 16px); height:calc(100% + 8px); background:var(--adm-white); position:absolute; top:0; left:-8px; content:'';}
        .select_category .save_links {display:flex; justify-content:center;}
            .select_category .save_links A {margin:0 8px;}
            .select_category A.cancel {background:none; color:var(--adm-black);}
            .select_category A.cancel:hover {background:var(--adm-row-hover);}
            .select_category A.save_adm {background:var(--adm-error); color:var(--adm-white);}
            .select_category A.save_adm:hover {background:var(--adm-error-hover);}
    .select_category .actions, .adm_tab.change .actions {justify-content:space-between;}
        .actions .radio_label.but {padding:0 8px; background:none; color:var(--adm-black); align-items:center;}
            .actions .radio_label.but .svg_icon {display:none;}
            .actions .radio_label.but::before {margin:0 9px 0 1px;}
        .actions .radio_label.but:hover {background:var(--adm-gray-light-est);}
        .actions .radio_label.but.active {background:var(--adm-orange); color:var(--adm-white);}
            .actions .radio_label.but.active .svg_icon {display:flex;}
            .actions .radio_label.but.active::before, .actions .radio_label.but.active::after {display:none;}
        .actions .check_label.but {background:none; color:var(--adm-black); align-items:center;}
            .actions .check_label.but::before, .actions .check_label.but::after {display:none;}
            .actions .check_label.but .svg_icon {fill:var(--adm-gray-light);}
        .actions .check_label.but:hover {background:var(--adm-gray-light-est);}
        .actions .check_label.but.active {background:var(--adm-main-color-light); color:var(--adm-white);}
            .actions .check_label.but.active .svg_icon {fill:var(--adm-white);}
    .select_category .admin_menu UL {margin:0;}
.component_edit_links A.copy_link {background:none;}
.adm_tabs_header {display:flex; margin:0 0 8px -8px; padding:0 0 8px 0; width:calc(100% + 16px); position:relative; overflow:hidden;}
    .adm_header-list {display:flex; flex-wrap:wrap; width:calc(100% + 16px); padding:0 8px; box-shadow:0 0 5px rgba(0,0,0,.2); background:var(--adm-white);}
        .adm_header-list A {display:flex; padding:2px 6px; border-radius:2px; background:var(--adm-main-color-light); text-decoration:none; color:var(--adm-white); margin:0 8px 8px 0; transition:.3s;}
        .adm_header-list A:hover {background:var(--adm-main-color); transition:.3s;}
        .adm_header-list .active A {background:var(--adm-btn-link-color);}
.adm_tabs_content {width:100%;}
    .adm_tab {display:flex; flex-direction:column; width:100%;}
    .adm_tab.adm_hidden {display:none;}
    .all_texts {z-index:1;}
        .code_id {display:flex;}
            .code_id .evry_title {margin:0 8px 16px 0;}
            .code_id .evry_title:last-child {margin:0 0 16px 8px;}
                .code_id .code {display:flex; height:32px; align-items:center; font-size:16px; padding:8px; background:var(--editor-light-hover);}
                Div.change_link_input.adm_hidden {margin:0;}
                Div.change_link_input {margin:8px 0 0 0; display:flex;}
                    .admin_base Div.change_link_input A {margin:0 0 0 8px;}
                    Div.change_link_input.adm_hidden A.translit_title {display:none;}
                    Div.change_link_input A.translit_title {font-size:0; display:flex; background:var(--adm-main-color-light);}
                    Div.change_link_input A.translit_title:hover {background:var(--adm-main-color);}
                        Div.change_link_input A.translit_title .svg_icon {margin:0;}
        .window_store .controls, .details .adm_tabs .with_date .controls {display:flex; flex-wrap:wrap;}
        .window_store .main_input {background:var(--editor-bg-user); padding:8px; border-radius:3px;}
        .window_store.no_span .main_input {background:none; padding:0; border-radius:unset;}
            .window_store .main_input .block_label {color:var(--adm-white);}
            .window_store.no_span .main_input .block_label {color:var(--adm-gray);}
                .window_store .main_input .block_label Span {margin:0 0 0 6px;}
                .window_store.no_span .main_input .block_label Span {display:none;}
        .window_store .statuses {padding:8px 0;}
        .window_store.no_span .statuses {padding:0;}
        .statuses .check_label, .statuses .radio_label {padding:4px 8px; margin:0 8px 8px 0; border-radius:2px;}
            .statuses .check_label::before, .statuses .radio_label::before {border-color:var(--adm-white);}
            .statuses.evry_title .controls .check_label::after {background:var(--adm-white); left:12px; top:10px;}
            .statuses .radio_label::after, .statuses .check_label::after {background:var(--adm-white); left:12px; top:10px;}
            .statuses .until {margin:8px 0 0 0; display:flex; align-items:center;}
                .evry_title .until .block_label {padding:0 16px 0 0;}
                .admin_base Input.date {width:96px; text-align:center;}
        .main_price {border:1px solid var(--adm-main-color-light); background:var(--adm-price-bg); border-radius:3px; padding:8px; margin:0 0 16px 0;}
        .main_price.base_price {border:1px solid var(--adm-orange); background:var(--adm-price-bg-main);}
            .main_price .evry_title {flex-direction:row;}
            .main_price .evry_title.add {margin:0 0 8px 0; justify-content:space-between;}
                .main_price .evry_title .block_label {padding:0 16px 0 0;}
                .main_price .evry_title .for_per {position:relative; display:flex;}
                    .main_price .evry_title .for_per::after {content:'%'; position:absolute; top:6px; right:4px;}
                .main_price .row_element-inner {display:flex; position:relative; width:100%;}
                    .admin_base .row_element-inner Input {padding:4px 18px 4px 8px; text-align:right;}
                    .admin_base .row_element-inner .currency {position:absolute; top:6px; right:8px;}
                    .main_price .evry_title Select {width:42px; flex-shrink:0;}
                .main_price .row_element {display:flex; align-items:center; margin:0 0 8px 0;}
                    .main_price Input.percent {width:42px; text-align:right; padding:0 18px 0 0;}
            .main_price .total {display:flex; padding:8px; background:var(--adm-main-color-light); color:var(--adm-white); width:calc(100% + 16px); margin:0 0 -8px -8px; font-size:16px; justify-content:space-between;}
            .main_price.base_price .total {background:var(--adm-orange);}
                .main_price .total .tot {font-size:18px;}
                    .main_price .total .tot Small {margin:0 0 0 4px; font-size:16px;}
            .add_price.evry_title {border:1px solid var(--adm-orange); border-radius:3px; padding:8px; margin:-17px 0 16px 0; position:relative;}
                .add_price.evry_title::before, .add_price.evry_title::after {content:''; position:absolute; top:-2px; left:-1px; width:1px; height:3px; background:var(--adm-orange);}
                .add_price.evry_title::after {left:auto; right:-1px;}
            .prices .admin_menu UL {margin:0;}
                .prices .admin_menu UL LI .holder, .prices .admin_menu UL LI .holder:hover {background:none; align-items:center; margin:0 0 16px 0;}
                .prices .admin_menu UL LI:last-child .holder {margin:0;}
                    .prices .holder .price {margin:0 16px; position:relative;}
                        .prices .holder .name {flex-shrink:0; font-size:16px; color:var(--adm-gray);}
                        .prices .price Input {padding:4px 18px 4px 8px;}
                        .prices .price .currency {position:absolute; top:6px; right:6px;}
                        .prices .holder .on_site {display:flex; flex-shrink:0; font-size:16px; align-items:center; color:var(--adm-gray);}
                        .prices .holder .on_site.adm_hidden {display:none;}
                            .on_site .screen_price {background:var(--adm-orange); padding:4px 8px; margin:0 0 0 8px; border-radius:2px; color:var(--adm-white);}
                                .on_site .screen_price Small {margin:0 0 0 4px;}
            .measure .controls .radio_label, .availability .controls .radio_label {margin:0 16px 4px 0; padding:0;}
        .photo_here .evry_title {margin:0;}
        .photo_here .images_list UL {display:flex; flex-direction:column;}
            .photo_here .images_list .for_photo_cut {margin:0; width:100%; height:120px; display:flex;}
                .photo_here .images_list .photo_holder {width:100%; height:100%; padding:8px; justify-content:center; display:flex; align-items:center;}
                .photo_here .images_list .photo_holder.video_preview {position: relative;}
                .photo_here .images_list .photo_holder.video_preview .fileName {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: max-content;max-width: 100%;text-align: center;font-size: 12px;word-break: break-all;background-color: hsla(0, 0%, 100%, 0.5);padding: 10px;border-radius: 5px;pointer-events: none;}
                    .photo_here .images_list Img {max-height:100%; height: 102px; object-fit: contain;}
                .sortable-ghost {background:var(--adm-main-color);}
                .sortable-drag {background:var(--adm-main-color-light);}
    .group .sim_search {flex-direction:column;}
        .group .joint {display:flex; flex-direction:column; margin:0 0 8px 0;}
            .group .joint Div, .group .filter_group Div {display:flex; flex-direction:column;}
                .group .joint .block_label {padding:0 0 8px 0;}
                .group.adm_tab A.arrow_top {color:var(--adm-btn-link-color); text-decoration:underline; display:inline-flex; align-items:baseline; margin:2px 0 0 8px; transition:.3s;}
                .group.adm_tab A.arrow_top.adm_hidden {display:none;}
                .group.adm_tab A.arrow_top:hover {color:var(--adm-btn-link-color-light-hover); transition:.3s;}
                    .group.adm_tab A.arrow_top .svg_icon {fill:var(--adm-btn-link-color);}
                    .group.adm_tab A.arrow_top:hover .svg_icon {fill:var(--adm-btn-link-color-light-hover);}
        .group .filter_group {display:flex; flex-direction:column;}
            .group .filter_group .block_label {padding:0 0 8px 0;}
        .group .holder {padding:0 0 0 4px;}
            .group .holder.main::before {content:''; position:absolute; top:0; left:0; width:4px; height:calc(100% - 1px); background:var(--adm-btn-link-color);}
                .group .holder .cell.icon .hide-show.active .svg_icon {fill:var(--adm-gray-light);}
                .group .holder .cell.icon .hide-show .svg_icon {fill:var(--adm-orange);}
                .group .holder .cell.icon .hide-show:hover .svg_icon {fill:var(--adm-btn-link-color);}
                .group .holder .cell.photo {width:calc(60px + 16px); flex-shrink:0;}
                .group .holder .cell.auto {flex-direction:column;}
                    .op_goup {flex-direction:column; display:flex;}
                        .group .op_hide {display:none;}
                        .group .holder_hidden .op_hide {display:flex;}
                            .group .op_hide Span {margin:0 0 6px 0; border:1px solid var(--adm-orange); border-radius:3px; padding:2px 8px; color:var(--adm-orange);}
                        .group .op_title {margin:0 0 8px 0; font-weight:bold;}
                        .group .op_filter {display:flex;}
    .filters_opt .cell.name {width:100%;}
        .filters_opt .filter_or_char .mobile {flex-direction:column;}
        .filters_opt .filter_or_char .desktop {display:none;}
            .filters_opt .filter_or_char .mobile Div {display:flex; justify-content:flex-end; margin:0 0 4px 0;}
            .filters_opt .filter_or_char .mobile Div:last-of-type {margin:0;}
                .filters_opt .filter_or_char Span {color:var(--adm-white); background:var(--adm-orange); padding:2px 6px; border-radius:2px;}
                .filters_opt .filter_or_char Span.char {background:var(--adm-white); color:var(--adm-orange);}
            .filters_opt .cell.name.options {padding:8px 8px 8px 40px;}
        .filters_opt .links {display:flex; margin:8px 0 0 0;}
    .details .video .svg_icon {fill:var(--adm-error);}
    .details .seo .seo_together {opacity:.4;}
    .details .seo .seo_together.active {opacity:1;}
    .measures .holder .cell.auto {align-items:baseline;}
    .measures .name_measurement Span.menu_item {margin:0 0 0 16px; font-size:16px; color:var(--adm-orange);}
    .warehouses .auto, .price_type .auto {flex-direction:column;}
        .warehouse_name {display:flex; align-items:center;}
        .warehouse_key {margin:8px 0 0 0;}
        .holder .warehouse_key Span.menu_item {background:var(--adm-orange); color:var(--adm-white); display:inline-flex; border-radius:2px; padding:2px 6px;}
        .warehouses .city_url {margin:8px 0;}
    .currencies .holder {justify-content:space-between;}
        .currencies .admin_menu.controls {flex-direction:column;}
            .currencies .holder .together {width:auto; flex-direction:row;}
                .currencies .main_page.active .svg_icon {fill:var(--adm-btn-link-color);}
            .currencies .holder .editable {width:100%; flex-direction:column; display:flex;}
                .currencies .editable .name_plus {margin:0 8px 0 0; font-weight:bold;}
                .currencies .holder_hidden .editable .name_plus {color:rgba(0,0,0,.2);}
                    .currencies .editable .name {flex-direction:row; align-items:center; width:100%; justify-content:space-between;}
                .currencies .settings {padding:0 8px;}
                    .currencies .currencies_coef {display:flex;}
                        .currencies .currencies_coef .evry_title {margin:0 8px 16px 0;}
                        .currencies .currencies_coef .evry_title:last-child {margin:0 0 16px 8px;}
        .currencies .update_wrap {display:flex; margin:0 0 16px; align-items:flex-start; flex-direction:column;}
            .update_wrap .controls {margin:0 0 8px 0;}
        .new_currency-title {flex-direction:row; flex-wrap:wrap;}
            .new_currency-title H3 {margin:8px 0; width:100%;}
            .add-new_currency {display:flex;}
                .new_currency-title.evry_title Label {padding:0 16px 0 0;}
                .add-new_currency Input {max-width:58px; text-align:center;}
                .add-new_currency A {margin:0 0 0 8px; flex-shrink:0;}
    /* --- Payment online Settings --- */
    .online_payment .all_pays {padding:8px 0;}
        .online_payment .payment, .online_payment .credits {padding:0 8px 8px 8px;}
            .online_payment .evry_title.controls {margin:0; width:max-content; flex-shrink:0;}
                .online_payment .icon_img {display:block; height:14px; margin:0 0 0 8px; top:4px; position:absolute;}
                .online_payment .icon_img.mono {height:20px; top:1px;}
                .online_payment .icon_img.fondy {height:22px; top:1px;}
                .online_payment .icon_img.pb_parts {height:20px; top:0;}
            .online_payment .pay_box {opacity:0; visibility:hidden; overflow:hidden; height:0; padding:0 8px; margin:8px 0 0 24px; background:var(--editor-light-hover); border-radius:3px; transition:.3s;}
            .online_payment .payment.active .pay_box, .online_payment .credits.active .pay_box {opacity:1; visibility:visible; overflow:auto; height:auto;}
                .online_payment .pay_box .together {margin:8px 0 0 0;}
                .all_rules {opacity:0; visibility:hidden; overflow:hidden; height:0; margin:8px 0 0 0;}
                .settings.active .all_rules {margin:8px 0; opacity:1; visibility:visible; overflow:auto; height:auto;}
                    Label.check_label.hide Span {display:none;}
                    .min_credit_sum {padding:8px; background:var(--adm-icon-light); border-radius:3px;}
                    .min_credit_sum.if_popup {background:var(--editor-light-hover);}
                        .min_credit_sum .together:first-child {border-bottom:1px solid var(--adm-disabled-color);}
                        .min_credit_sum.if_popup .together:first-child {margin:0 0 12px 0;}
                            .min_credit_sum .for_per {position:relative;}
                                .min_credit_sum .for_per Input {padding:4px 18px 4px 8px;}
                                .min_credit_sum .for_per .cur_mark {position:absolute; top:6px; right:6px;}
                    .info {color:var(--adm-orange);}
                .all_cut_rules {display:flex; flex-wrap:wrap; margin:8px 0;}
                    .all_cut_rules A.but {min-height:32px; height:auto;}
                    .credit_categories {width:100%; margin:16px 0 0 0; opacity:0; visibility:hidden; overflow:hidden; height:0; transition:.3s;}
                    .credit_categories.active {opacity:1; visibility:visible; overflow:auto; height:auto;}
                        .credit_categories UL {margin:0;}
                            .credit_categories UL LI .holder {background:var(--adm-icon-light); flex-wrap:wrap;}
                            .credit_categories UL LI .holder:hover {background:var(--adm-gray-light-er);}
                                .credit_categories .cell.auto {flex-direction:column;}
                                    .credit_categories .info_row {display:flex; margin:4px 0 0 0; font-size:12px; color:var(--adm-main-color-light);}
                                    .credit_categories .new_rules .info_row {color:var(--adm-btn-link-color-hover);}
                                        .credit_categories .info_row Span {font-size:20px; margin:0 6px 0 0;}
                                .credit_categories .actions A {min-width:154px;}
            .credit_categories_select.select_category {height:auto; max-width:696px;}
        .online_payment .credits .evry_title, .smtp .smtp_access.no_active, .sms .sms_config.no_active {opacity:.4;}
        .online_payment .credits .evry_title.controls, .online_payment .credits.active .evry_title, .smtp .smtp_access, .sms .sms_config {opacity:1;}
        .payment .controls .radio_label {margin:0 16px 0 0;}

    .catalog_config .main_box {margin:0;}
        .catalog_config .comma.evry_title {flex-direction:row;}
            .catalog_config .comma.evry_title .block_label {padding:0 16px 0 0;}
            .catalog_config .comma.evry_title .block_label {padding:0 16px 0 0;}
            .catalog_config .comma .short {width:68px;}
            .catalog_config .evry_title.photo {flex-direction:row; flex-wrap:wrap; align-items:center;}
                .catalog_config .photo .block_label {width:100%;}
                .catalog_config .photo Input {width:68px; text-align:center;}
                .catalog_config .photo .break {margin:0 8px;}
                .catalog_config .controls {display:flex; flex-direction:column;}
    .storage .check_label.name {font-weight:bold;}
        .storage .check_label.name .svg_icon {display:none;}
        .storage .quantity .desktop {display:none;}
        .storage A.store_sizes {font-size:0;}
            .storage A.store_sizes .svg_icon {margin:0;}
            .storage .quantity Label {flex-shrink:0; align-items:center; display:flex; margin:0 8px 0 0;}
            .storage .additional_view.sizes .check_label {min-width:134px; padding:0; margin:0 16px 0 24px;}

.mt_category {display:flex; flex-wrap:wrap;}
    .adm_one_cat {display:flex; flex-direction:column; justify-content:space-between; width:calc(50% - 8px); padding:8px; margin:4px; background:var(--adm-gray-light-est); border-radius:2px; color:var(--adm-main-color-light); text-decoration:none;
                  font-size:18px; line-height:24px; position:relative; transition:.3s;}
    .list .adm_one_cat {width:100%;}
    .adm_one_cat:hover, .adm_one_cat .aoc_link:hover {background:var(--adm-row-hover); color:var(--adm-black); transition:.3s;}
    .hidden .adm_one_cat, .adm_one_cat.no_active {opacity:.4;}
    .adm_one_cat .aoc_link {display:flex; flex-direction:column; justify-content:space-between; width:calc(100% + 16px); margin:-8px 0 -8px -8px; padding:8px; color:var(--adm-main-color-light); text-decoration:none; transition:.3s;}
    .list .adm_one_cat .aoc_link {flex-direction:row;}
        .adm_one_cat Img {height:auto; width:100%;}
        .adm_one_cat Span {margin:6px 0 0 0;}
        .list .adm_one_cat Span {margin:0 0 0 16px; width:100%; display:flex; align-items:center;}
        .adm_one_cat Span.for_pic {margin:0; min-height:34px;}
        .list .adm_one_cat Span.for_pic {width:140px; flex-shrink:0;}
        .adm_one_cat A.picture {position:absolute; top:8px; right:8px; background:rgba(255,255,255,.7); border-radius:0 0 0 3px; padding:8px; display:flex;}
        .list .adm_one_cat A.picture {right:auto; left:8px; border-radius:0 0 3px 0;}
            .adm_one_cat A.picture .svg_icon {fill:var(--adm-gray); margin:0;}
            .adm_one_cat A.picture:hover .svg_icon {fill:var(--adm-btn-link-color);}
        .list .adm_one_cat Ul {margin:4px 0 0 0;}
            .list .adm_one_cat LI {margin:4px 0 0 0;}
                .list .adm_one_cat LI A {display:flex; position:relative; text-decoration:none; font-size:14px; line-height:20px; color:var(--adm-main-color-light); background:rgba(255,255,255,.4); padding:2px 24px 2px 8px; transition:.3s;}
                .list .adm_one_cat LI A:hover {color:var(--adm-black); background:rgba(255,255,255,.7); padding:2px 8px; transition:.3s;}
                    .list .adm_one_cat LI A::before, .list .adm_one_cat LI A::after {content:''; position:absolute; top:10px; right:8px; width:6px; height:1px; border-radius:2px; transform:rotate(45deg); background:var(--adm-main-color-light);
                                                                                     transition:.3s;}
                    .list .adm_one_cat LI A::after {top:14px; right:8px; transform:rotate(-45deg);}
                    .list .adm_one_cat LI A:hover::before, .list .adm_one_cat LI A:hover::after {background:var(--adm-black); transition:.3s;}

.hidden .common_massage {opacity:.4;}

.tile .admin_tiles .cell.auto {flex-direction:column; padding:8px 8px 8px 16px;}
.hidden.tile .slider_img Img, .hidden.news .slider_img Img {opacity:.4;}
.hidden.tile Span.menu_item, .hidden.news Span.menu_item {color:rgba(0,0,0,.2);}
    .tile .holder {justify-content:space-between; flex-wrap:wrap;}
        .tile .holder .together {width:auto; flex-direction:row;}
        .tile .holder .editable {width:100%; flex-direction:row; align-items:center; display:flex; order:3;}
            .tile .name_add {display:flex; flex-direction:column;}
    .tile .for_buts {display:flex;}

/* --- Blog (News) --- */
.news .admin_news .cell.auto {flex-direction:column; padding:8px 8px 8px 16px;}
    .additional_views {display:flex; justify-content:flex-start; margin:8px 0;}
        .additional_views Span {color:var(--adm-orange); font-weight:normal; border:1px solid var(--adm-orange); border-radius:2px; padding:2px 8px;}
    .news .category_name {margin:0 0 8px 0; display:inline-flex; align-items:center; transition:.3s;}
    .news .holder {justify-content:space-between; flex-wrap:wrap;}
        .news .holder .together {width:auto; flex-direction:row;}
        .news .holder .editable {width:100%; flex-direction:row; align-items:center; display:flex; order:3;}
            .news .name_add {display:flex; flex-direction:column;}
            .news .news_date {display:flex; margin:4px 0 8px 0; color:var(--adm-gray-light); align-items:baseline;}
                .news_date .nd_date {margin:0 8px 0 0;}
                .news_date .nd_time {font-size:11px;}
    .news .for_buts {display:flex;}

/* --- Blog Details --- */
.blog_details.centre {max-width:unset; margin:0 0 32px 0;}
    .blog_details .read_also, .blog_details .news_comments, .blog_details .blog_info {display:none;}

.filter_tile .disabled {opacity:.4; pointer-events:none;}

.selected_products.hidden .one_sim {opacity:.4;}

.map Iframe {width:100%; height:400px;}
.map .controls .radio_label, .maps .controls .radio_label {margin:0 16px 0 0;}
.map .map_place, .maps .map_place {width:100%; height:400px; position:relative; margin:0 0 16px 0;}
    .map .map_place .admin_map_edit, .maps .map_place .admin_map_edit {width:100%; height:100%;}
    .map .map_place.list::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
    .map.hidden .map_place.list::after {background:rgba(255,255,255,.6);}
    .map .main_box.adm_hidden {display:none;}
    .map .together_inner {display:flex;}
        .map .together_inner .evry_title {margin:0 8px 16px 0;}
        .map .together_inner .evry_title:last-child {margin:0 0 16px 8px;}
        .map .for_but {display:flex;}
        .maps .phones .block_label Span {display:flex; flex-direction:column;}
        .maps .timetable {flex-direction:row;}
            .maps .timetable .block_label {padding:0 16px 0 0; width:146px;}
            .maps .timetable Div {display:flex; align-items:center;}
                .maps .timetable Div Input {width:70px; text-align:center;}
                .maps .timetable Div Span {margin:0 8px;}
    .all_timetables {display:flex; flex-wrap:wrap; margin:0 0 16px 0;}

.clickpath_place {display:flex; width:100%; flex-wrap:wrap; margin:0 0 8px 0;}
    .clickpath_place A {display:flex; position:relative; align-items:center; padding:0 16px 0 0; text-decoration:none; color:var(--adm-main-color-light); transition:.3s;}
    .clickpath_place A:hover {color:var(--adm-orange); transition:.3s;}
    .clickpath_place A:first-child {font-size:0;}
    .clickpath_place A:last-child {color:var(--adm-orange); margin:0; pointer-events:none;}
        .clickpath_place A .svg_icon {display:none; fill:var(--adm-main-color-light);}
        .clickpath_place A:hover .svg_icon {fill:var(--adm-orange);}
        .clickpath_place A:first-child .svg_icon {display:flex; margin:0;}
        .clickpath_place A::before, .clickpath_place A::after {position:absolute; top:8px; right:5px; content:''; width:6px; height:2px; border-radius:2px; background:var(--adm-main-color-light); transform:rotate(45deg); transition:.3s;}
        .clickpath_place A:hover::before, .clickpath_place A:hover::after {background:var(--adm-orange); transition:.3s;}
        .clickpath_place A::after {top:11px; transform:rotate(-45deg);}
        .clickpath_place A:last-child::before, .clickpath_place A:last-child::after {display:none;}

.all_catalog .evry_title {margin:12px 0 8px;}
    .all_catalog .evry_title .block_label {padding:0;}

.one_sim {display:flex; flex-direction:column; margin:0 0 16px 0;}
    .sim_search {padding:8px 16px; background:var(--adm-main-color-light); display:flex; color:var(--adm-white); margin:0 0 1px 0;}
        .sim_search .block_label {font:16px/20px Arial; padding:0 16px 0 0; flex-shrink:0; align-items:center; display:flex;}
    .one_sim .admin_menu UL {margin:0;}
        .one_sim .holder .cell.photo {width:calc(60px + 16px); margin:0 8px 0 0; flex-shrink:0;}
        .one_sim .holder .cell.auto {flex-wrap:wrap;}
            .one_sim .op_title {width:100%; margin:0 0 8px 0; font-weight:bold;}

.sales .op_price {margin:0 0 8px 0; width:100%; flex-wrap:wrap; align-items:baseline;}
     .sim_search.category {background:var(--adm-main-color);}
    .sales .op_price .opp {display:flex; margin:0 0 8px 0;}
    .sales .op_price .op_total {color:var(--adm-white); background:var(--adm-gray-light); border-radius:2px; padding:4px 8px;}
        .sales .op_total .op_qua {margin:0; opacity:1;}
            .sales .op_total .op_qua Span:first-child {margin:0 6px 0 0; opacity:.7;}
            .sales .op_total .op_qua Span {margin:0; opacity:1;}
    .sales .all_discounts {display:flex; flex-direction:column;}
        .sales .alld_col {display:flex; margin:0 0 8px 0; align-items:center;}
        .sales .alld_col:last-child {margin:0;}
            .sales .alld_col:last-child Input {width:42px;}
            .sales .alld_col:last-child Input.date {width:96px;}
            .sales .alld_col Span {margin:0 8px 0 0; flex-shrink:0;}
            .sales .alld_col.percent {flex-shrink:0;}
                .sales .alld_col.percent Span:last-child {margin:0; position:relative;}
                .sales .alld_col.percent Input {width:50px; text-align:right; padding:0 18px 0 0;}
                .sales .alld_col.percent Span:last-child::after {content:'%'; position:absolute; top:7px; right:4px;}

.multi_edit .component_edit_links A.clean {background:var(--adm-error);}
.multi_edit .component_edit_links A.clean:hover {background:var(--adm-error-hover); color:var(--adm-white);}
    .multi_edit .component_edit_links A.clean:hover .svg_icon {fill:var(--adm-white);}
        .multi_edit .all_stats {display:flex; flex-wrap:wrap; margin:10px 0 0 0;}
            .multi_edit .all_stats .check_label {padding:4px 8px; margin:0 8px 8px 0; border-radius:2px;}
        .multi_edit .status_place .evry_title:first-child {margin:0 0 8px 0;}
            .multi_edit .status_place .one_row {justify-content:flex-start;}
                .multi_edit .status_place .one_row .check_label {margin:0 16px 0 0;}
        .multi_edit .all_prices {border:1px solid var(--adm-orange); background:var(--adm-white)6ef; border-radius:3px; padding:8px; margin:0 0 16px 0;}
            .multi_edit .price_place .price Input {margin:8px 0 0 0;}
            .multi_edit .small {font-size:12px; color:var(--adm-gray-light); margin:2px 0 0 0;}
                .multi_edit .one_row.currency {justify-content:flex-start;}
                    .multi_edit .one_row.currency .check_label {margin:0 16px 0 0;}
                    .multi_edit .currency Select {width:42px; flex-shrink:0;}
            .multi_edit .discount_place .discount, .multi_edit .discount_place .until {justify-content:flex-start;}
            .multi_edit .discount_place .until {margin:0;}
                .multi_edit .discount_place .discount Input {width:50px; text-align:right; padding:0 18px 0 0;}
                .multi_edit .discount_place .discount Span {position:relative; margin:0 0 0 16px;}
                    .multi_edit .discount_place .discount Span::after {content:'%'; position:absolute; top:6px; right:4px;}
                .multi_edit .discount_place .until Input {margin:0 0 0 16px;}
        .multi_edit .list .controls {display:flex; flex-wrap:wrap; margin:8px 0 0 0;}
            .multi_edit .list .controls .radio_label {margin:0 16px 4px 0; padding:0;}
        .multi_edit .order_days .check_label {margin:0 16px 0 0; flex-shrink:0;}
    .multi_edit .all_group .holder, .multi_edit .all_group .holder.active {background:var(--adm-main-color-light); color:var(--adm-white); padding:8px;}
    .multi_edit .all_group .holder:hover, .multi_edit .all_group .holder.active:hover {background:var(--adm-selected-row-hover);}
        .multi_edit .all_group .photo {width:60px; margin:0 16px 0 0; flex-shrink:0; padding:0;}
            .multi_edit .all_group A.delete .svg_icon {fill:var(--adm-white);}

.filters .holder {justify-content:space-between; flex-wrap:wrap;}
    .filters .holder .together {width:auto; flex-direction:row;}
    .filters .holder .editable {width:100%; flex-direction:column; display:flex; order:3;}
        .editable .name {display:flex; flex-direction:column;}
            .filters_optionals .editable .name {flex-direction:row; align-items:center; justify-content:space-between;}
            .editable .name_plus {display:flex; margin:0 0 8px 0;}
            .filters_optionals .editable .name_plus {margin:0;}
            .editable .name_plus.has_input {flex-direction:column;}
            .filters_optionals .editable .name_plus.has_input {width:100%;}
                .has_input .filter_title {width:80%;}
                .filters_optionals .has_input .filter_title {width:100%;}
                .has_input .filter_unit {width:calc(20% - 6px);}
                .name_plus .np_together {display:flex;}
                .name_plus.has_input .np_together {margin:0 0 8px 0;}
                .filters_optionals .name_plus.has_input .np_together {margin:0;}
                .name_plus .filter_unit Span {margin:0 0 0 6px;}
                .editable .name_properties {display:flex;}
                    .name_plus .filter_url {display:flex; margin:0 0 0 16px; color:var(--adm-gray-light);}
                    .name_plus.has_input .filter_url {margin:0 0 8px 0; align-items:center;}
                        .holder .filter_url Span.menu_item {font-weight:normal; color:var(--adm-gray); margin:0 0 0 6px;}
        .filters .settings, .currencies .settings {display:flex; flex-direction:column; opacity:0; visibility:hidden; overflow:hidden; height:0; transition:.3s;}
        .filters .settings.active, .currencies .settings.active {opacity:1; visibility:visible; overflow:visible; height:auto; transition:.3s;}
            .set_call {background:var(--adm-main-color-light); margin:0 0 0 8px;}
            .set_call:hover {background:var(--adm-main-color);}
                .holder .but.set_call .svg_icon {margin:0;}
            .editable .select_box {display:flex; flex-direction:column;}
                .editable .select_box Div {flex-wrap:wrap; display:flex;}
                    .select_box Label, .filter_controls Label {display:flex; width:100%; margin:0 0 4px 0; font-size:16px; color:var(--adm-gray);}
                    .select_box Select {margin:0 0 0 4px; width:calc(50% - 4px);}
                    .select_box Select:first-child {margin:0 4px 0 0;}
                    .select_box Select[disabled] {opacity:.3;}
                    .select_box .controls {display:flex; margin:8px 0 0 0;}
            .editable .filter_controls {display:flex; flex-direction:column;}
                .filter_controls .controls {display:flex; flex-wrap:wrap;}
                    .filter_controls .controls .check_label {margin:0 16px 4px 0; width:auto;}
            .filter_image {display:flex; position:relative;}
                .editable A.upload_image {display:flex; align-items:center; color:var(--adm-gray-light); text-decoration:none; transition:.3s;}
                .editable A.upload_image:hover {color:var(--adm-btn-link-color); transition:.3s;}
                    .editable A.upload_image .svg_icon {margin:0 8px 0 0;}
                .filter_image .qq-uploader {width:calc(100% - 32px);}
                .holder .filter_image .svg_icon {margin:0 8px 0 0;}

    .editable.fabric_menu .name_plus {display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;}
    .editable.fabric_menu .name_plus .np_together {display: flex; flex-wrap: wrap; align-items: center; margin: 3px 20px 3px 0;}
    .editable.fabric_menu .filter_url {margin: 3px 20px 3px 0;}
    .editable.fabric_menu .filter_url .menu_item {font-weight: 700;}
    .editable.fabric_menu .name_plus.has_input {display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;}
    .filters .holder .editable.fabric_menu {padding-bottom: 12px;padding-top: 12px;}
    .editable.fabric_menu .filter_unit {color: var(--adm-gray-light);display: flex;align-items: center;width: 110px;} 
    .editable.fabric_menu .name_plus.has_input .np_together {margin-bottom: 0;}
    .editable.fabric_menu .fabric_coefficient {color: var(--adm-gray-light);display: flex;align-items: center;margin: 3px 20px 3px 0;}
    .editable.fabric_menu .fabric_coefficient Input[type=text] {text-align: center;width: 50px;}
    .editable.fabric_menu .fabric_coefficient .menu_item {margin-left: 6px;}
    .editable.fabric_menu .name_plus.has_input .filter_url {display: flex;align-items: center;margin: 3px 20px 3px 0;}
    .editable.fabric_menu .name_plus.has_input .filter_url Input[type=text] {text-align: center;width: 75px;}
    .editable.fabric_menu .filter_adm_title {margin: 0;}
    .editable.fabric_menu .name_plus.has_input .filter_adm_title Input[type="text"] {width: 120px;}
    .editable.fabric_menu .but {width: fit-content;}
    .editable.fabric_menu .filter_title {display: flex;align-items: center;margin-right: 20px;}
    .editable.fabric_menu .has_input .filter_title {display: flex;align-items: center;width: 175px;min-width: 175px;}
    .editable.fabric_menu .has_input .filter_unit {display: flex;align-items: center;width: 175px;min-width: 175px;}

.delivery_methods .holder {justify-content:space-between; flex-wrap:wrap;}
    .delivery_methods .holder .together {width:auto; flex-direction:row;}
    .delivery_methods .holder .editable {width:100%; flex-direction:column; display:flex; order:3;}
        .delivery_methods .editable .name_plus Span {width:100%;}
            .delivery_methods .editable .edit_payment {flex-shrink:0;}
    .delivery_methods .payment_controls {flex-direction:column;}
        .delivery_methods .payment_controls Label {margin:0 0 4px 0; line-height:20px;}
    .delivery_methods .settings, .delivery_methods .stores_settings, .delivery_methods .newpost_settings {display:flex; flex-direction:column; opacity:0; visibility:hidden; overflow:hidden; height:0; transition:.3s;}
    .delivery_methods .settings.active, .delivery_methods .stores_settings.active, .delivery_methods .newpost_settings.active {opacity:1; visibility:visible; overflow:visible; height:auto; transition:.3s;}
        .delivery_methods .newpost_settings .cell {display:flex; flex-direction:column;}
            .delivery_methods .newpost_settings Label, .delivery_methods .stores_settings Label, .delivery_methods .editable .cell.description Label {display:flex; width:100%; margin:0 0 8px 0; font-size:16px; color:var(--adm-gray);}
            .delivery_methods .newpost_settings A {display:inline-flex; align-items:center; color:var(--adm-main-color-light); text-decoration:none; margin:0 0 8px 0; transition:.3s;}
            .delivery_methods .newpost_settings A:hover {color:var(--adm-main-color); transition:.3s;}
                .delivery_methods .newpost_settings .svg_icon {margin:0 6px 0 0; fill:var(--adm-main-color-light); height:16px; width:16px;}
                .delivery_methods .newpost_settings .loading .svg_icon, .delivery_methods .newpost_settings .loading:hover .svg_icon {animation:rotation 1s ease-in infinite; fill:var(--adm-orange);}
                .delivery_methods .newpost_settings .loading, .delivery_methods .newpost_settings .loading:hover {color:var(--adm-orange);}
                @keyframes rotation {
                  25% {transform:rotate(90deg);}
                  50% {transform:rotate(180deg);}
                  75% {transform:rotate(270deg);}
                  100% {transform:rotate(360deg);}
                }
                .delivery_methods .newpost_settings A:hover .svg_icon {fill:var(--adm-main-color);}
                    .delivery_methods .newpost_settings A .num {color:var(--adm-white); background:var(--adm-main-color-light); border-radius:2px; padding:2px 8px; margin:0 4px;}
                    .delivery_methods .newpost_settings A.loading .num {background:var(--adm-orange);}
        .delivery_methods .stores_settings Form, .delivery_methods .editable .cell.description {display:flex; flex-wrap:wrap; width:100%;}
            .delivery_methods .stores_settings Textarea, .delivery_methods .description Textarea {margin:0 0 12px 0;}
.payment .holder {justify-content:space-between; flex-wrap:wrap;}
    .payment .holder .together {width:auto; flex-direction:row;}
    .payment .holder .editable {width:100%; flex-direction:column; display:flex; order:3;}
        .payment .editable .name_plus Span {width:100%;}
.admin_component.info {box-shadow:none; border:1px solid var(--adm-info-color); border-radius:4px 4px 3px 3px; display:flow-root;}
.admin_component.info.adm_hidden {display:none;}
.admin_component.info:hover {box-shadow:none;}
    .info .adcom_panel {background:var(--adm-info-color); border-bottom:none; border-radius:2px 2px 0 0;}
    .info_text {display:flex; flex-direction:column; color:var(--adm-gray);}
        .info_text H1, .info_text H2 {font-size:18px; line-height:24px; font-weight:normal; margin:0 0 8px 0;}
        .info_text H2 {font-size:16px; line-height:22px;}
        .info_text P {margin:0 0 16px 0;}
            .info_text UL {list-style:inherit;}
            .info_text OL {list-style: decimal;}
            .info_text UL, .info_text OL {margin:0 0 16px 32px;}
                .info_text LI {margin:0 0 8px 0;}

.scripts_insert .holder {padding:8px;}
    .scripts_insert .col-1 {color:var(--adm-gray); display:flex; flex-direction:column; width:100%;}
    .scripts_insert .col-2 {position:absolute; top:0; right:0;}
        .scripts_insert .col-1 .evry_title:last-child {margin:0;}

.metategs .controls {flex-direction:column; display:flex;}
    .metategs .select_metategs .evry_title {opacity:.4;}
    .metategs .select_metategs.active .evry_title, .metategs .select_metategs .evry_title.select {opacity:1;}
    .still_left {display:flex; justify-content:space-between; padding:4px 0; color:var(--adm-gray-light);}
        .still_left Span.yellow {color:var(--adm-orange);}
        .still_left Span.red {color:var(--adm-error); font-weight:bold;}
    .metategs A.generation {display:inline-flex; align-items:center; color:var(--adm-main-color-light); text-decoration:none; margin:6px 0 0 0; transition:.3s;}
    .metategs A.generation:hover {color:var(--adm-main-color); transition:.3s;}
        .metategs A.generation .svg_icon {margin:0 6px 0 0; fill:var(--adm-main-color-light); height:16px; width:16px;}
        .metategs A.generation:hover .svg_icon {fill:var(--adm-main-color);}
    .metategs .block_label .num {background:var(--adm-main-color-light);}
    .metategs_templates .adm_header-list, .export .adm_header-list {justify-content:space-between;}
        .metategs_templates .adm_header-list Span, .export .adm_header-list Span {display:flex;}
        .metategs_templates A.info, .export A.info {margin:0 0 8px 0; flex-direction:row;}
        .metategs_templates A.info:hover, .export A.info:hover, .adm_header-list .active A.info {background:var(--adm-info-color);}
            .metategs_templates A.info .svg_icon, .export A.info .svg_icon {width:16px; height:16px; margin:1px 6px 0 0;}

.metategs_templates .admin_menu .holder {flex-direction:column; align-items:flex-start;}
    .metategs_templates .holder .auto {font-weight:bold; padding:8px 8px 0 8px;}
    .metategs_templates A.copy {text-decoration:none; color:var(--adm-gray); display:inline-flex; position:relative; transition:.3s;}
    .metategs_templates A.copy:hover {color:var(--adm-btn-link-color); transition:.3s;}
        .metategs_templates A.copy .svg_icon {margin:0 8px 0 0;}
        .copy_tooltip {position:absolute; background:var(--adm-main-color-light); padding:8px; border-radius:3px; color:var(--adm-white); display:flex; z-index:9; top:-46px; transform:translateX(-50%); left:50%;
                       box-shadow:0 0 5px rgba(0,0,0,.2); transition:.3s;}
            .copy_tooltip::after {position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:6px 8px 0 8px;
                                  border-color:var(--adm-main-color-light) transparent transparent transparent; content:'';}
    .metategs_templates .one_group {background:var(--adm-gray-light-est); padding:8px; border-radius:3px; margin:0 0 16px 0; transition:.3s;}
    .metategs_templates .one_group:hover {background:var(--adm-row-hover); transition:.3s;}
    .metategs_templates .one_group:last-child {margin:0;}
        .metategs_templates .one_group H1 {background:var(--adm-main-color-light); border-radius:3px 3px 0 0; width:calc(100% + 16px); margin:-8px 0 12px -8px; padding:8px; color:var(--adm-white); transition:.3s;}
        .metategs_templates .one_group:hover H1 {background:var(--adm-main-color); transition:.3s;}

.xml UL A {color:var(--adm-btn-link-color); text-decoration:underline; transition:.3s;}
.xml UL A:hover {color:var(--adm-btn-link-color-hover); transition:.3s;}

.seo_articles .search_order-adm.no_active {display:none;}
    .seo_articles .holder {justify-content:space-between; flex-wrap:wrap;}
        .seo_articles .holder .together {width:auto; flex-direction:row; align-items:center;}
        .seo_articles .holder .together.names {width:100%; flex-direction:column; align-items:flex-start;}
            .seo_articles .names .tit {color:var(--adm-gray-light); margin:0 8px 0 0; flex-shrink:0;}
            .seo_articles .names .cell.link {word-break:break-all;}

.edit_seo .evry_title .all {display:flex; flex-direction:column;}
    .edit_seo .all .domain {display:flex; margin:0 0 4px 0; font-weight:bold; color:var(--adm-btn-link-color);}
    .edit_seo .small {font-size:12px; color:var(--adm-gray-light); margin:2px 0 0 0;}

.redirects .add_link Span {display:none;}
    .redirects .select_all {display:flex; align-items:center; justify-content:flex-end; padding:6px 0;}
    .redirects .select_all.adm_hidden {display:none;}
    .redirects .holder {justify-content:space-between; flex-wrap:wrap;}
        .redirects .holder .together {width:auto; flex-direction:row; align-items:center;}
            .redirects .type {color:var(--adm-gray-light);}
            .redirects .del .type {display:none;}
        .redirects .holder .together.mobile {width:100%; padding:0; align-items:flex-start; flex-wrap:wrap;}
            .redirects .mobile .cell {width:100%; align-items:center;}
                .redirects .mobile .tit {color:var(--adm-gray-light); margin:0 8px 0 0; flex-shrink:0;}
                .redirects .old_uri, .redirects .new_uri {width:100%;}

.url_config .example {display:flex; flex-direction:column; width:100%; color:var(--adm-gray); margin:0 0 16px 0;}
    .url_config Label {font-weight:bold;}
    .url_config .example Span {margin:0 0 4px 0;}
    .url_config .example Span.tit {color:var(--adm-gray-light);}
    .attention {color:var(--adm-error); border:1px solid var(--adm-error); border-radius:3px; padding:8px; justify-content:center; text-align:center; display:flex; margin:0 auto 16px; max-width:600px; flex-direction:column;}
    .attention.adm_hidden {display:none;}
        .attention P {margin:0 0 4px 0;}
        .attention P:last-child {margin:0;}

.smtp .smtp_access {display:flex; flex-direction:column;}

.sms .sms_config {display:flex; flex-direction:column;}
    .sms .balance {flex-direction:row;}
        .sms .balance .block_label {padding:0 16px 0 0;}
    .sms .evry_title.one_row.att .block_label {flex-shrink:unset;}
    .sms .att Span {position:relative; flex-shrink:0;}
        .sms .att Input {padding:4px 20px 4px 8px; max-width:72px;}
        .sms .att Small {position:absolute; top:6px; right:8px;}
    .sms .total {display:flex; align-items:center;}
    .sms .total .num {color:var(--adm-white); background:var(--adm-btn-link-color); font-size:16px; border-radius:2px; padding:6px 8px; align-items:center; display:flex;}
    .sms .error .total .num {background:var(--adm-error);}
        .sms .total .num Small {margin:0 0 0 6px; font-size:14px;}

.translate .holder {flex-direction:column;}
.translate .red .holder {background:var(--adm-unpublished);}
.translate .red .holder:hover {background:var(--adm-unpublished-hover);}
    .translate .lang_item {width:100%; font-weight:bold;}
        .translate .lang_item .lang_box {display:flex;}
            .translate .lang_item .lang_box .svg_icon {margin:0 0 0 6px; fill:var(--adm-info-color);}
        .translate .all_lang {flex-direction:column; padding:0 8px; width:100%;}
            .lang_translation {position:relative; margin:0 0 8px 0;}
                .lang_translation .lang_title {display:flex; position:absolute; top:1px; right:1px; border-radius:0 1px 1px 0; height:calc(100% - 2px); align-items:center; padding:0 8px 0 16px; color:var(--adm-gray-light-er);
                                               background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.499019676229867) 10%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); transition:color .2s;}
                .lang_translation .lang_title.active, .lang_translation.need_translate .lang_title.active {color:var(--adm-btn-link-color); transition:color .2s;}
                .lang_translation.need_translate .lang_title {color:var(--adm-error);}
                .admin_base .lang_translation Input {padding:4px 40px 4px 8px;}

.cron .admin_menu UL LI .holder {flex-direction:column; align-items:flex-start; color:var(--adm-gray);}
    .cron .cron_date {width:100%;}
    .cron .cron_name {padding:0 8px 8px 8px; width:100%;}

.for_photo_cut {margin:0 0 16px 0;}
.for_photo_cut.icon_here {max-width:192px;}
    .place_watermark {display:flex; flex-wrap:wrap;}
        .place_watermark.controls .radio_label {display:flex; width:calc(33.33% - 1px); margin:0 1px 1px 0; padding:0; height:48px; background:var(--adm-gray-light-est); transition:.3s;}
        .place_watermark.controls .radio_label:hover {background:var(--adm-row-hover); transition:.3s;}
        .place_watermark.controls .radio_label.active {background:var(--adm-main-color-light); transition:.3s;}
            .place_watermark .radio_label::before, .place_watermark .radio_label::after {display:none;}

.files_1c.admin_menu UL LI .holder {flex-direction:column;}
    .files_1c.admin_menu UL LI .holder .cell.auto:first-child {padding:8px 8px 0 8px;}

.log.admin_menu UL LI .holder {flex-wrap:wrap;}
.log.admin_menu UL LI .holder.error {background:var(--adm-unpublished);}
.log.admin_menu UL LI .holder.error:hover {background:var(--adm-unpublished-hover);}
    .log.admin_menu .together {flex-direction:row;}
        .log.admin_menu .time {flex-shrink:0; width:148px;}
        .log.admin_menu .operation, .log.admin_menu .info {width:100%;}

.import .adm_header-list .active A {pointer-events:none;}
    .import .import_adm .for_buts {position:absolute; top:0; right:0; display:flex;}
    .import .holder .cell.auto {flex-direction:column; position:relative;}
        .import .holder Div Span.menu_item {padding:0 64px 0 0;}
    .import .info {display:flex; flex-direction:column; margin:8px 0;}
        .import .import-name_status {display:flex; margin:0 0 8px 0;}
            .import .import-name_status Span {border:1px solid var(--adm-orange); color:var(--adm-orange); padding:2px 6px; border-radius:2px;}
        .import .import_info {display:flex; color:var(--adm-gray);}
            .import .import_info .name {margin:0 8px 0 0;}
    .import .name_properties {display:flex; flex-wrap:wrap;}
        .import .set_call {margin:0 4px 0 0; width:calc(50% - 4px);}
            .import .holder .but.set_call .svg_icon {margin:0 8px 0 0;}
        .import .start, .import .stop_import, .export .stop_export, .export .start_export, .export .see_file, .export .copy_export {margin:0 0 0 4px; width:calc(50% - 4px);}
        .export .see_file, .export .copy_export {background:rgba(93,119,145,.5); font-size:0; width:auto;}
        .export .see_file:hover, .export .copy_export:hover {background:var(--adm-main-color-light);}
            .export .copy_export .copy_tooltip {font-size:14px;}
            .export .see_file .svg_icon, .export .copy_export .svg_icon {margin:0;}
        .export .see_file {margin:8px 4px 0 0;}
        .export .copy_export {margin:8px 0 0 4px;}
        .import .clear {width:100%; margin:8px 0 0 0; justify-content:center; background:var(--adm-error);}
        .import .clear:hover {background:var(--adm-error-hover);}
        .import .stop_import, .export .stop_export {background:var(--adm-orange);}
        .import .stop_import:hover, .export .stop_export:hover {background:var(--adm-orange-hover);}
        .import .name_properties A.no_active {pointer-events:none; opacity:.4;}
        .import .name_properties A.copy_export {position:relative;}
    .import .rozetka {background:var(--adm-rozetka); color:var(--adm-white);}
    .import .prom {background:var(--adm-prom); color:var(--adm-white);}
    .import .epicentr {background:var(--adm-epicentr); color:var(--adm-white);}
    .import .google {color:var(--adm-gray-light); border:1px solid var(--adm-google); height:28px;}
    .import .statuses .row_controls .radio_label.google {padding:3px 8px 5px 8px;}
        .statuses .radio_label.google::before {border-color:var(--adm-gray-light);}
        .statuses .radio_label.google::after {background:var(--adm-gray-light); margin:-1px 8px 0 0;}
    .import .row_controls .radio_label, .import .row_controls .check_label {margin:0 16px 4px 0; padding:0;}
    .import .statuses .row_controls .radio_label {padding:4px 8px; margin:0 8px 8px 0;}
        .import Label .for_but {display:flex; flex-direction:row; margin:4px 0 0 0;}
            .import Label .for_but A {display:flex; padding:2px 6px; border-radius:2px; background:var(--adm-main-color-light); text-decoration:none; color:var(--adm-white); transition:.3s;}
            .import Label .for_but A:hover {background:var(--adm-main-color); transition:.3s;}
    .import .evry_title.controls, .import .evry_title .controls {display:flex; flex-direction:column;}
    .import .evry_title.controls.row_controls, .import .evry_title .controls.row_controls {flex-direction:row; flex-wrap:wrap;}
    .confirm_modal.refresh_categories {padding:0 16px 16px 16px;}
        .refresh_categories .sc_header {width:100%;}
        .refresh_categories .sc_text {display:flex; flex-direction:column;}
            .sc_text Input[type="text"] {box-sizing:border-box;}
            .sc_text .evry_title:last-child {margin:0;}
            .sc_text Div.change_link_input {margin:0;}
            .sc_text .or {text-align:center; color:var(--adm-gray); position:relative;}
                .sc_text .or::before, .sc_text .or::after {content:''; position:absolute; top:10px; left:0; width:33%; height:1px; background:var(--adm-gray-light-est);}
                .sc_text .or::after {left:auto; right:0;}
    .import_cats .cat_open {margin:0 0 8px 0; display:flex;}
        .import_cats .cat_open .open_all, .import_cats .cat_open .close_all {display:flex; padding:0 0 0 21px; position:relative;}
            .import_cats .cat_open .open_all .open, .import_cats .cat_open .close_all .close {display:flex;}
            .import_cats .cat_open .open_all .close, .import_cats .cat_open .close_all .open {display:none;}
            .import_cats .cat_open .open_all::before, .import_cats .cat_open .open_all::after, .import_cats .cat_open .close_all::before {content:''; position:absolute; top:8px; left:2px; width:12px; height:4px; background:var(--adm-btn-link-color);
                                                                                                                                          transform:rotate(0deg); transition:.3s;}
            .import_cats .cat_open .open_all::after {transform:rotate(90deg);}
    .import_cats .holder.no_category {background:var(--adm-unpublished);}
    .import_cats .holder.no_category:hover {background:var(--adm-unpublished-hover);}
    .import_cats .admin_menu UL LI UL {margin:0;}
        .import_cats .admin_menu UL LI UL .holder .auto {padding:8px 8px 8px 31px;}
            .import_cats .admin_menu UL LI UL .holder .auto Span.menu_item {font-size:13px;}
            .import_cats .admin_menu UL LI UL .holder .auto::before, .import_cats .admin_menu UL LI UL .holder .auto::after {content:''; position:absolute; top:0; left:8px; width:2px; height:34px; background:var(--adm-gray-light);}
            .import_cats .admin_menu UL LI UL .holder .auto::after {transform:rotate(90deg); top:29px; left:13px; width:2px; height:12px;}
            .import_cats .admin_menu UL LI UL LI UL .holder .auto {padding:8px 8px 8px 62px;}
                .import_cats .admin_menu UL LI UL LI UL .holder .auto Span.menu_item {font-size:13px; font-weight:normal;}
                .import_cats .admin_menu UL LI UL LI UL .holder .auto::before {left:31px;}
                .import_cats .admin_menu UL LI UL LI UL .holder .auto::after {left:36px;}
        .import_cats .holder .cell.number {color:var(--adm-gray-light); flex-shrink:0;}
        .import_cats .holder Div Span.menu_item {padding:0; margin:0 0 8px 0; display:flex; flex-direction:column;}
        .import_cats .holder.selected Div Span.menu_item, .import_cats .holder.selected .steps Span:last-child {color:var(--adm-white);}
            .import_cats .tit {font-weight:normal; color:var(--adm-gray-light);}
        .import_cats .menu_selector, .import_cats .filter_selector {display:flex; flex-direction:column;}
        .import_cats .steps {display:flex; flex-wrap:wrap; margin:0 0 8px 0;}
            .import_cats .steps .tit {width:100%; margin:0;}
            .import_cats .steps .no_select, .import_cats .holder.selected .steps Span.no_select {color:var(--adm-orange);}
            .import_cats .steps Span {margin:0 16px 0 0; position:relative;}
            .import_cats .steps Span:last-child {margin:0; width:100%; font-weight:bold;}
            .import_cats .steps Span:first-child {font-weight:normal;}
                .import_cats .steps Span::before, .import_cats .steps Span::after {position:absolute; top:7px; right:-11px; content:''; width:6px; height:2px; border-radius:2px; background:var(--adm-gray-light); transform:rotate(45deg);
                                                                                   transition:.3s;}
                .import_cats .steps Span::after {top:10px; transform:rotate(-45deg);}
                .import_cats .steps Span.tit::before, .import_cats .steps Span.tit::after, .import_cats .steps Span:last-child::before, .import_cats .steps Span:last-child::after {display:none;}
        .import_cats .for_buts {display:flex;}
        .import_cats .for_buts.adm_hidden {display:none;}
            .import_cats .for_buts .subs {margin:0 0 0 16px;}
        .import_cats .menu_select {display:flex; flex-wrap:wrap;}
        .import_cats .menu_select.adm_hidden {display:none;}
            .import_cats .menu_select Select, .import_cats .filter_select Select {width:100%;}
            .import_cats .menu_select .for_buts, .import_cats .filter_select .for_buts {margin:8px 0 0 0; justify-content:space-between; width:100%;}
                .import_cats .menu_select .save_menu, .import_cats .filter_select .save_filter {font-size:0;}
                    .import_cats .menu_select .save_menu .svg_icon, .import_cats .filter_select .save_filter .svg_icon {margin:0;}
                .import_cats .menu_select .cancel_menu, .import_cats .filter_select .cancel_filter {background:var(--adm-gray-light);}
                .import_cats .menu_select .cancel_menu:hover, .import_cats .filter_select .cancel_filter:hover {background:var(--adm-gray);}
    .import_filters .base_buts {margin:0 0 16px 0; display:flex; flex-wrap:wrap;}
        .import_filters A.auto_binding {padding:0 32px 0 8px; position:relative;}
            .import_filters A.auto_binding::before, .import_filters A.auto_binding::after {content:''; position:absolute; top:15px; right:5px; width:12px; height:2px; border-radius:2px; background:var(--adm-white); transform:rotate(-45deg);
                                                                                           transition:.3s;}
            .import_filters A.auto_binding::after {transform:rotate(45deg); right:13px;}
            .import_filters A.auto_binding.active::before {transform:rotate(45deg);}
            .import_filters A.auto_binding.active::after {transform:rotate(-45deg);}
            .import_filters A.auto_binding.active {background:var(--adm-main-color);}
        .import_filters .bb_if_need {padding:16px 0 0 0; width:100%; display:none;}
        .import_filters .bb_if_need.active {display:flex; flex-direction:column;}
            .import_filters .bb_box {display:flex; flex-direction:column; margin:0 0 16px 0;}
            .import_filters .bb_box:last-child {margin:0;}
                .import_filters .bb_box .one_row {margin:0;}
                .import_filters .bb_box A.but {height:auto; min-height:32px;}
                .import_filters .bb_box .small {font-size:12px; color:var(--adm-gray-light);}
    .import .only_text.in_process {display:flex;}
        .import .in_process .loader {width:48px; margin:0 8px 0 0;}
        .import .only_text P {margin:0 0 8px 0;}
        .import .only_text P:last-child {margin:0;}
            .import .ot_place .num {color:var(--adm-white); background:var(--adm-btn-link-color); border-radius:2px; padding:2px 8px; margin:4px 0 0 0;}
    .import .for_per {flex-direction:row;}
        .import .for_per Div {position:relative; width:100%;}
            .import .for_per Div::after {content:'%'; position:absolute; top:6px; right:4px;}
            .import.export.edit .for_per Div::after {display:none;}
    .evry_title.for_per .block_label {padding:0 16px 0 0;}
    .export_cats .admin_menu UL LI .holder {flex-wrap:wrap;}
        .import_cats.export_cats .holder Div Span.menu_item {margin:0;}
        .export_cats .holder .together {flex-direction:row;}
        .export_cats .holder .cell.for_delete {position:absolute; top:0; right:8px;}
        .import_cats.export_cats .for_buts {width:100%; padding:0 8px 8px 8px;}
            .import_cats.export_cats .for_buts A {width:50%; margin:0 4px 0 0;}
            .import_cats.export_cats .for_buts .subs {margin:0 0 0 4px;}

.administrators .select_all {display:flex; align-items:center; justify-content:space-between; padding:6px 0 6px 8px;}
.administrators .holder {padding:8px; color:var(--adm-gray); justify-content:space-between; flex-wrap:wrap;}
    .administrators .holder .together {width:auto; flex-direction:row;}
    .administrators .holder .together.admin {display:none;}
        .administrators .holder .check_label::before {margin:0;}
    .administrators .holder .editable {width:100%; flex-direction:column; display:flex; order:3;}
.administrators .mob-adm_panel A Span {display:none;}
    .block.hide-show.active .svg_b, .block.hide-show .svg_a {display:flex;}
    .block.hide-show.active .svg_a, .block.hide-show .svg_b {display:none;}
    .holder .cell.if_empty {min-width:32px;}
    .administrators .for_name {display:flex; flex-direction:column; width:100%; padding:0 8px;}
        .administrators .for_name .name {font-weight:bold; margin:0 0 8px 0; flex-direction:row;}
            .administrators .name .edit {display:none;}
            .administrators .name .edit.active {display:flex; margin:0 8px 0 0;}
        .administrators .for_name .together Div {margin:0 0 8px 0; display:flex;}
        .administrators .for_name .together Div:first-child, .administrators .for_name .together Div:first-child Span {color:var(--adm-gray-light);}
            .administrators .for_name Span {color:var(--adm-black); margin:0 0 0 8px;}
                .administrators .for_name .together {flex-direction:column;}
        .for_a_short {display:inline-flex;}
.administrators .fb_popup {position:fixed; left:50%; top:50%; z-index:999; width:calc(100% - 20px); height:calc(100% - 20px); max-width:520px; transform:translate(-50%, -50%); background:var(--adm-white); border-radius:3px;
                           box-shadow:0 0 20px rgba(0,0,0,.6); opacity:0; flex-direction:column; visibility:hidden; padding:0 16px 16px 16px; transition:.3s;}
.administrators .fb_popup.active {opacity:1; visibility:visible; overflow:hidden; transition:.3s;}
    .administrators .fb_popup .select_all A {color:var(--adm-gray); margin:0; align-items:baseline; position:relative;}
        .administrators .fb_popup .select_all A::before {content:''; display:inline-flex; width:16px; height:16px; margin:0 8px 0 0; border:2px solid var(--adm-gray-light); border-radius:2px; flex-shrink:0; transition:.3s; position:relative; top:2px;}
        .administrators .fb_popup .select_all A::after {content:''; width:8px; height:8px; background:var(--adm-gray-light); top:6px; left:4px; border-radius:2px; position:absolute; opacity:0; transition:.3s;}
        .administrators .fb_popup .select_all A.active::after {opacity:1; transition:.3s;}
        .administrators .fb_popup .select_all A.active:hover::after {background:var(--adm-btn-link-color); transition:.3s;}
        .administrators .fb_popup .select_all A:hover::before {border-color:var(--adm-btn-link-color); transition:.3s;}
    .fb_popup .admin_menu {overflow:auto; height:calc(100% - 64px);}
        .fb_popup .admin_menu UL {margin:0;}
            .fb_popup .admin_menu UL LI UL UL LI .holder .cell.auto {position:relative; padding:8px 8px 8px 24px;}
                .fb_popup .admin_menu UL LI UL UL LI UL LI .holder .cell.auto {padding:8px 8px 8px 40px;}
                .fb_popup .admin_menu UL LI UL UL LI .holder .cell.auto::before, .fb_popup .admin_menu UL LI UL UL LI .holder .cell.auto::after
                {content:''; position:absolute; top:-4px; left:10px; width:2px; height:23px; background:var(--adm-gray-light); transition:.3s;}
                .fb_popup .admin_menu UL LI UL UL LI .holder .cell.auto::after {transform:rotate(90deg); height:5px; left:13px; top:16px;}
                    .fb_popup .admin_menu UL LI UL UL LI UL LI .holder .cell.auto::before {left:27px;}
                    .fb_popup .admin_menu UL LI UL UL LI UL LI .holder .cell.auto::after {left:31px;}
                .administrators .fb_popup .holder {padding:0; flex-wrap:nowrap; justify-content:flex-start;}
                .administrators .fb_popup .holder.menu_category {background:var(--adm-btn-link-color);}
                    .administrators .fb_popup .holder .num {display:none;}
                .administrators .fb_popup .menu_category:hover, .administrators .fb_popup .admin_menu UL LI .holder.menu_category.selected:hover {background:var(--adm-btn-link-color-hover);}
                    .fb_popup .menu_category .auto {color:var(--adm-white); font-size:16px; position:relative; padding:8px 8px 8px 32px;}
                        .fb_popup .menu_category .auto::before, .fb_popup .menu_category .auto::after {content:''; position:absolute; top:17px; left:8px; width:12px; height:2px; border-radius:2px; background:var(--adm-white);
                                                                                                       transform:rotate(-45deg); transition:.3s;}
                        .fb_popup .menu_category .auto::after {transform:rotate(45deg); left:16px;}
                        .fb_popup .menu_category.down .auto::before {transform: rotate(45deg);}
                        .fb_popup .menu_category.down .auto::after {transform: rotate(-45deg);}
                        .fb_popup .menu_category .svg_icon {margin:0 12px 0 0;}
                        .fb_popup .menu_category A {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; font-size:0;}
                        .administrators .fb_popup .holder .cell.w_20.controls {order:1;}
                        .administrators .fb_popup .holder .cell.w_20 {order:2; width:32px;}
                        .administrators .fb_popup .holder .cell.auto {order:3;}
                            .administrators .fb_popup .selected .cell.auto {color:var(--adm-white); transition:.3s;}
/* --- Chat GPT --- */
.gpt_popup.select_category {opacity:0; visibility:hidden; overflow:hidden;}
.gpt_popup.select_category.active {opacity:1; visibility:visible; overflow:visible;}
.gpt_popup .sc_header {margin:0 0 0 -16px;}
.gpt_popup .gpt_promt {width:calc(100% + 32px); margin:0 0 0 -16px; height:100%; overflow:auto; padding:8px 0 0 0;}
    .gpt_popup .adm_tabs_header {width:calc(100% + 8px);}
        .gpt_popup .adm_tabs_header .adm_header-list {padding:0 24px;}
    .gpt_popup .adm_tabs_content {height:calc(100% - 48px); padding:0 16px;}
        .gpt_popup .adm_tab {height:100%;}
        .gpt_popup .gpt_tab {justify-content:space-between;}
            .gcr_for_icon.block_label .svg_icon {fill:var(--adm-gray-light-est); margin:0 0 0 8px;}
            .gcr_for_icon.loading .svg_icon {fill:var(--adm-orange); animation:rotation 1s ease-in infinite;}
            .evry_title.gpt_chat_response {height:100%;}
                .gpt_popup Textarea {resize:none;}
                .gpt_chat_response Textarea {height:100%; border-color:var(--adm-gray-light-est);}
                .gpt_chat_response Textarea:focus {box-shadow:none;}
                .gpt_chat_response .one_row {justify-content:flex-end; margin:8px 0 0 0;}
                    .gpt_chat_response .one_row.no_active .copy {opacity:.4; pointer-events:none; transition:.3s;}
                    .gpt_chat_response .one_row .copy {opacity:1; pointer-events:visible; position:relative;}
            .evry_title.gpt_chat_request {margin:0;}
                .gpt_chat_request Textarea {max-height:unset; min-height:unset; height:90px; margin:0 0 8px 0;}
                .gpt_chat_request .but {width:max-content;}
                .gpt_chat_request.disabled .but, .gpt_chat_request.disabled Textarea, .gpt_chat_request.disabled .one_row.active .template {opacity:.4; pointer-events:none; transition:.3s;}
                .gpt_chat_request .one_row {justify-content:space-between; margin:0;}
                    .gpt_chat_request .template {opacity:.4; pointer-events:none; transition:.3s;}
                    .gpt_chat_request .one_row.active .template {opacity:1; pointer-events:visible;}
            .inner_overlay {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; opacity:0; visibility:hidden; overflow:hidden; transition:.3s;}
            .inner_overlay.active {opacity:1; visibility:visible; overflow:visible;}
                .inner_overlay::before {content:''; width:100%; height:100%; background:transparent; position:absolute; top:0; left:0; transition:.3s; z-index:-1; backdrop-filter:blur(2px);}
            A.use_gpt_template {color:var(--adm-black); text-decoration:none; font-weight:bold; transition:.3s;}
            A.use_gpt_template:hover {color:var(--adm-btn-link-color-hover);}
            .gpt_popup .delete_or_no A.confirm_yes {background:var(--adm-btn-link-color);}
            .gpt_popup .delete_or_no A.confirm_yes:hover {background:var(--adm-btn-link-color-hover);}
    /* --- Chat GPT - Editing --- */
    .gpt_edit .check_label::before {margin:0;}
    .gpt_edit.import .holder .cell.auto {padding:8px; transition:.3;}
    .gpt_edit.import .holder.selected .cell.auto {color:var(--adm-white);}
    .gpt_edit .admin_menu UL {margin:0;}
        .gpt_edit .admin_menu UL LI UL LI .holder {padding:0 0 0 32px;}
            .gpt_edit .admin_menu UL LI UL LI UL LI .holder {padding:0 0 0 64px;}