@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>.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;
}





/* Фон с контактами на форме*/

.js-layout-group-wrp:has(
  > .layout-group__content label[title="Сотрудник вышел на работу"]
)
> .layout-group__content
.layout__horizontal-layout:has(
  label[title="Ф. И. О. сотрудника"]
):has(
  label[title="Аккаунт"]
) {
  background-color: #eee;
  padding: 16px;
  border-radius: 12px;
}

.layout-group__content.js-container-region:has(
  .static__component:first-child > h3:first-child > strong
) {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    margin: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.12);

}






/* Разделители колонок*/

.layout__horizontal-layout
> .layout__vertical-layout:has(
  label[title="Внешняя почта"]
):has(
  label[title="Телефон"]
) {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Левый отступ у правой колонки*/

.layout__horizontal-layout
> .layout__vertical-layout:has(
  label[title="Внешняя почта"]
):has(
  label[title="Телефон"]
)
+ .layout__vertical-layout {
  padding-left: 24px;
  box-sizing: border-box;
}




/* правка подписи к полям*/

.layout__vertical-layout:has(
  label[title="Аккаунт"]
):has(
  label[title="Пароль"]
) > .static__component {
  color: #7f8c8d;
  padding-left: 20px;
  display: block;

}