@font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Bold.ttf");
            font-weight: 600;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Italic.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Light.ttf");
            font-weight: 300;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Medium.ttf");
            font-weight: 500;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Regular.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Bold.ttf");
            font-weight: 600;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Italic.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Light.ttf");
            font-weight: 300;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Medium.ttf");
            font-weight: 500;
            font-display: fallback;
            }
        
        
            @font-face {
            font-family: OpenSans;
            src: url("/resources/fonts/OpenSans/OpenSans-Regular.ttf");
            font-weight: 400;
            font-display: fallback;
            }
        
body ,  input,  textarea,  select,  .sp-container .sp-input
{
    font-family:  OpenSans, Arial, sans-serif;
            
                font-style: normal;
                font-weight: 400;
            

        
            font-size: 14px;
        
    }

    :root {
--theme-colors__primary: #0575bd;
--theme-colors__btn: #0575bd;
--theme-colors__btn_fade: #0694EF;
--theme-colors__btn_strong: #04568B;
--theme-colors__btn-txt: #ffffff;
--disabled-text-color: #444444;
--theme-colors__background: #e3e3e3;
--theme-colors__highlight: #e8f6ff;
--theme-colors__text: #343434;
--theme-colors__link: #0575bd;
--theme-colors__error: #e1462c;
--theme-colors__error-txt: #ffffff;
--theme-colors__success: #74c365;
--theme-colors__main: #ffffff;
--menu-shadow-color: 0, 0, 0;
--menu-shadow-opacity: 0.2;
--menu-shadow-blur-radius: 6px;
        
            --editors-color-border: #d6d6d6;
        


    --base-font-family: OpenSans;
    --base-font-size: 14px;

        
            --base-font-style: normal;
            --base-font-weight: 400;
        
    --base-font-family: OpenSans;
    --headers-font-family: OpenSans;
    --headers-font-size: 19px;

        
            --headers-font-style: normal;
            --headers-font-weight: 400;
        
    }
    .dev-collection  .grid-container {
    max-height: 600px;
}

.left-menu:not(.compact)>.left-menu-logo {
 background-size: 140px !important;
 height: 60px !important;
}

.empty-view_text {
    height: 50px!important;
}

.workspace-widget__icon {
    width: 30px !important;
    position: absolute;
    left: 10px;
}

.desktop__list-item {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 40px;
}

.desktop__list-item>.text-component > a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    padding-bottom: 10px;
    text-overflow: ellipsis;
}







.badge {
    width: fit-content;
}





.dev-popout-form-panel .layout-group-wrp {
    box-shadow: none;
}

.dev-popout-form-panel .layout-group__head.layout-group__head_collabsible {
    display: none;
}





.chart-data-detailing .grid-table-wrapper-war {
    min-height: auto;
}

.grid-content-wrp.js-grid-content.grid-content-wrp_width-auto:has(.grid-header:empty) {
    width: 100%;
}

/* Форма SKU */

/* Линия между "Описание позиции" и "Расчет стоимости" */
.layout__horizontal-layout:has(> .layout__vertical-layout label[title="Продукт"]):has(> .layout__vertical-layout label[title="Итого (без НДС)"])
> .layout__vertical-layout + .layout__vertical-layout {
    border-left: 1px solid var(--editors-color-border);
    padding-left: 25px;
    box-sizing: border-box;
}


/* Увеличиваем цифры в полях "Итого" */
.form-group_number:has(label[title="Итого (без НДС)"]) input.input_number,
.form-group_number:has(label[title="Итого (с НДС)"]) input.input_number {
    font-size: 17px;
}


/* Блоки "Без НДС" и "С НДС" делаем светлый серый фон, цепляемся к синим заголовкам, чтобы случайно не сделать фон у form-group в других местах платформы. */
.layout__horizontal-layout
> .layout__vertical-layout:has(> .static__component span[style*="color:#2980b9"]):has(label[title="Итого (без НДС)"]),
.layout__horizontal-layout
> .layout__vertical-layout:has(> .static__component span[style*="color:#2980b9"]):has(label[title="Итого (с НДС)"]) {
    background-color: #f8f8f8;
    padding: 16px;
    border-radius: 12px;
    box-sizing: border-box;
}

/* Отступ между серыми блоками "Без НДС" и "С НДС" */
.layout__horizontal-layout
> .layout__vertical-layout:has(> .static__component span[style*="color:#2980b9"]):has(label[title="Итого (без НДС)"]) {
    margin-right: 15px;
}

/* Компенсация ширины из-за отступа между серыми блоками */
.layout__horizontal-layout
> .layout__vertical-layout:has(> .static__component span[style*="color:#2980b9"]):has(label[title="Итого (без НДС)"]),
.layout__horizontal-layout
> .layout__vertical-layout:has(> .static__component span[style*="color:#2980b9"]):has(label[title="Итого (с НДС)"]) {
    flex-basis: calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
}

/* Отступ снизу у заголовков static__component только внутри этой формы */
.layout__horizontal-layout:has(> .layout__vertical-layout label[title="Продукт"]):has(> .layout__vertical-layout label[title="Итого (без НДС)"])
.static__component {
    margin-bottom: 15px;
}