@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: #eaeaea;
--theme-colors__highlight: #e8f6ff;
--theme-colors__text: #5a5a5a;
--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;
        
    }
    /* Общий класс для статусов ППР */

td.cell:has(.mz-ppr-status) {
text-align: center;
}

.mz-ppr-status-6,.mz-ppr-status-6:hover,
.mz-ppr-status-4,.mz-ppr-status-4:hover,
.mz-ppr-status-5,.mz-ppr-status-5:hover
 {
color: #fff;
}

/* По плану */
td.cell:has(.mz-ppr-status-1) {
background: #f0f0f0; /* Серый */
}
 

/* Не назначена дата работ и исполнитель */
td.cell:has(.mz-ppr-status-2) {
background: #fff9a8; /* Светло-желтый */
}


/* Назначена дата работ и исполнитель */
td.cell:has(.mz-ppr-status-3) {
background: #C3FFB7;  /* Светло-зеленый */
}

 

/* Задержка выполнения ТО */
td.cell:has(.mz-ppr-status-4) {
background: #FB9D68; /* Оранжевый */
}

 

/* Просрочено выполнение ТО */
td.cell:has(.mz-ppr-status-5) {
background: #FE5835; /* Красный */
}

/* ТО выполнено */
td.cell:has(.mz-ppr-status-6) {
background: #37C765; /* Зелёный */
}

 

/* Ожидает проверки */
td.cell:has(.mz-ppr-status-7) {
background: #ecd115; /* Желтый */
}


/* ------- badge view fix ------- */
.workspace-widget__icon {
    width: 30px !important;
    position: absolute;
    left: 10px;
}

/* Без иконок календаря в инпутах*/
.cell-date-icon__wrap {
 display: none !important; 
}

/* Фикс ячеек */
.cell__html-string {
  max-height: var(--grid-cell-height) +15px;
}

/* Фикс ячеек */
:root {
    --grid-cell-height: 39px;
 }


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

/* -------------- */

.workspace-indicator__icon > .workspace-widget-icon > .fal {
  font-weight: 600;
}

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

.layout__horizontal-layout:has(
  label[title="План"]
)
> .layout__vertical-layout + .layout__vertical-layout {
    border-left: 1px solid var(--editors-color-border);
    padding-left: 16px;
}


.layout__horizontal-layout:has(
  label[title="Свойства помещения для аренды"]
)
> .layout__vertical-layout + .layout__vertical-layout {
    border-left: 1px solid var(--editors-color-border);
    padding-left: 16px;
}

/* Фон у поля  */
.form-group_number:has(
  label[title="Размер задолжености"]
) {
    background-color: #fbf2f2;
    padding: 12px;
    border-radius: 8px;
}

/* Красные цифры */
.form-group_number:has(
  label[title="Размер задолжености"]
)
.input_number {
    color: #D61612;
    font-weight: 600;
}

/* Шрифт для долгих долгов */
.form-group_number:has(
  label[title="Более 60 дней"]
)
.input_number {
    color: #ffffff;
    font-weight: 600;
}

/* Фон у поля  */
.form-group_number:has(
  label[title="Более 60 дней"]
) {
    background-color: #f9804d;
    padding: 12px;
    border-radius: 8px;
}

/* Фон у поля для долгов <30 дней*/
.form-group_number:has(
  label[title="Менее 30 дней"]
) {
    background-color: #f5fbdf;
    padding: 12px;
    border-radius: 8px;
}

/* Фон у поля для долгов 30-60 дней*/
.form-group_number:has(
  label[title="30 - 60 дней"]
) {
    background-color: #f9cf4d;
    padding: 12px;
    border-radius: 8px;