/* Подключение глобальных стилей */
@import url('../scss/global.min.css');


@import 'ms_components.css';
@import 'mc_administration.css';

:root {
    --bs-body-color: unset;
    --config-tree-container-width: 298px;
    --mc-dialog-width-xxs: 18.75rem;
    --mc-dialog-width-extrasmall: 33.5rem;
    --mc-dialog-width-small: 45rem;
    --mc-dialog-width-extramiddle: 65rem;
    --mc-dialog-width-middle: 70vw;
    --mc-dialog-width-large: 90vw;
    --rz-root-font-size: 14px;
}

.rz-header {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
}

.rz-footer {
    padding-top: 6px;
    padding-bottom: 6px;
}

.config-tree-container {
    width: var(--config-tree-container-width);
    border-right: 1px solid #ebebeb;
    padding: 0;
    margin: 0;
}

.config-tabs-container {
    padding: 0;
    margin: 0;
    width: calc(100vw - var(--config-tree-container-width));
    overflow-y: scroll;
}

.console-content {
    height: 54px;
    overflow: auto;
}

.console-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    padding: 0 0 16px 0;
}

.console-title {
    flex: 1;
    margin: 0 !important;
}

.console-message {
    align-items: baseline;
    background: var(--rz-primary-lighter);
    border-radius: 4px;
    color: var(--rz-text-title-color);
    display: flex;
    margin: 8px 0;
    padding: 4px 0;
}

.console-message-time {
    font-size: 14px;
    padding: 2px 4px;
}

.mc-overflow-hidden {
    overflow: hidden;
}

.mc-align-center {
    align-self: center;
}

.progressbar {
    width: var(--mc-dialog-width-extrasmall);
    height: 20rem;
    margin: auto;
}

.shortprogressbar {
    width: var(--mc-dialog-width-xxs);
    margin: auto;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

.busybar {
    max-width: var(--mc-dialog-width-extrasmall);
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 5rem;
    z-index: 11;
    opacity: 1;
    background-color: var(--rz-dialog-background-color);
    border: 1px solid #dfdfdf;
}

.overlaybar {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.mc-small-dialog {
    width:var(--mc-dialog-width-small);
}

.mc-large-dialog {
    width: var(--mc-dialog-width-large);
}

.mc-extramiddle-dialog {
    width: var(--mc-dialog-width-extramiddle);
}

.mc-middle-dialog {
    width: var(--mc-dialog-width-middle);
}

.mc-extrasmall-dialog {
    width: var(--mc-dialog-width-extrasmall);
}

.mc-extramiddle-dialog {
    width: var(--mc-dialog-width-extramiddle);
}

.mc-xxs-dialog {
    width: var(--mc-dialog-width-xxs);
}

.rz-autocomplete {
    display:block!important;
}

.rz-messages-error {
    padding-inline: var(--rz-input-padding-inline)!important;
}

.rz-chkbox + .rz-label {
    margin-left: 0.625rem;
}

.clickable {
    cursor: pointer;
}

.rz-accordion .rz-accordion-header .mc-accordion-checkbox .rzi {
    font-size: var(--rz-checkbox-icon-font-size);
    margin-inline: 0;
}

.mc-cabinet-configuration-tab {
    width: 100%;
    /*max-width: 46rem*/ 
    max-width: 60rem;
    
}

.rz-accordion .rz-accordion-header > a {
    color:inherit;
}

.rz-accordion .rz-accordion-header[style*="flex-direction:row-reverse"] > a {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.rz-data-grid {
    max-height: 47rem;
}

li.rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link i.rzi {
    display: none;
}

li[style*="text-transform:none"].rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link i.rzi {
    display: unset;
}

li.rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-text {
    color: var(--rz-primary);
}

li[style*="text-transform:none"].rz-navigation-item .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-text:not(:is(:hover)) {
    color: var(--rz-menu-item-color);
}