:root {
    --rz-border: #d2d2d2;
    --rz-border-theme: var(--rz-text-title-color);
    --rz-background: white;
    --rz-header-background: #ab8d8d;
    --rz-header-label-background: var(--rz-grid-foot-background-color);
    --rz-header-gradient-background: #699E86;
    --rz-header-gradient-background2: #7E82A8;
    --rz-header-gradient-background3: #9798C4;
    --rz-weak-grey-background: var(--rz-base-200);
    /* Этот цвет должен выглядеть чуть серым в светлой теме, и чуть посветлее в тёмной теме */
    --rz-scrollbar-theme-color: #E5E5E5;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* tinyMCE */
/*Container, container body, iframe*/
.tox-tinymce,
.tox-container-body {
    min-height: 100% !important;
    border-width: 0 !important;
}

/* Разрыв страницы при печати */
@media print {
    .pagebreak {
        page-break-after: always;
    }
}

/* PLOTLY - запрет двигать фигуры за границы */
/* circle {
    pointer-events: none !important;
} */

/* PLOTLY - расположение modebar */
.js-plotly-plot .plotly .modebar {
    top: 0 !important;
    left: 85px !important;
    right: unset !important;
    /* transform: translate(105px) !important; */
}

/* журналы */
.log_journal_cell_font_xsmall {
    font-size: x-small;
}

.log_journal_cell_font_small {
    font-size: small;
}

.log_tag_item {
    overflow-x: auto;
    overflow-y: hidden;
}

.log_journal_header {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ws-collapse {
    white-space-collapse: collapse;
}

.wrap {
    flex-wrap: wrap;
    align-content: center;
}

.border {
    border: 1px solid var(--rz-border) !important;
}

.border-vert {
    border-left: solid 1px var(--rz-border) !important;
    width: 1px;
    height: 100%;
    margin: 0;
}

.collapse {
    display: none;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
    height: 0px !important;
}

/* draggable viewport */
.dragMain {
    touch-action: none;
    user-select: none;
    border: 1px solid black;
}

/* draggable viewport */
.resizeMain {
    overflow: hidden;
    touch-action: none;
    box-sizing: border-box;
}

/* draggable - окно инструментов */
.draggable {
    touch-action: none;
    user-select: none;
    border: 1px solid black;
}

/* resizable - окно инструментов */
.resizable {
    overflow: hidden;
    touch-action: none;
    box-sizing: border-box;
}

/* draggable - редактор мнемосхем */
.dragMnemo {
    touch-action: none;
    user-select: none;
}

/* resizable -  редактор мнемосхем */
.mnemo-resize {
    overflow: hidden;
    touch-action: none;
    box-sizing: border-box;
}

/* окно */
.win {
    border-radius: 4px;
    background: var(--rz-background);
    overflow: hidden;
    height: 100%;
}

.win-border {
    border: 1px solid var(--rz-border);
}

.win-border-shadow-lite {
    border: 2px solid var(--rz-text-secondary-color);
    box-shadow: 0px 2px 3px var(--rz-text-secondary-color);
}

.win-border-shadow {
    border: 2px solid var(--rz-border-theme);
    box-shadow: 0px 4px 8px var(--rz-text-secondary-color);
}

.win-header {
    height: auto;
    border: none;
    background: var(--rz-header-label-background);
    opacity: 100%;
    border-bottom: 1px solid var(--rz-border);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.win-border-colored-header {
    height: auto;
    border: none;
    background: linear-gradient(45deg, var(--rz-header-label-background), var(--rz-header-gradient-background3));
    opacity: 100%;
    border-bottom: 1px solid var(--rz-border);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.win-colored-header {
    height: auto;
    border: none;
    background: linear-gradient(45deg, var(--rz-header-label-background), var(--rz-header-gradient-background));
    opacity: 100%;
    border-bottom: 1px solid var(--rz-border);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mrg-t-1 {
    margin-top: 1px;
}

.mrg-x-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.mrg-x-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mrg-x-3 {
    margin-left: 3px;
    margin-right: 3px;
}


.mrg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mrg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mrg-t-2 {
    margin-top: 2px;
}

.mrg-r-1 {
    margin-right: 1px;
}

.mrg-l-0 {
    margin-left: 0px;
}

.mrg-l-1 {
    margin-left: 1px;
}

.mrg-l-2 {
    margin-left: 2px;
}

.mrg-r-2 {
    margin-right: 2px;
}

.mrg-t-1 {
    margin-top: 1px;
}

.mrg-b-1 {
    margin-bottom: 1px;
}

.pad-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.pad-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pad-x-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.pad-x-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pad-t-1 {
    padding-top: 1px;
}

.pad-b-1 {
    padding-bottom: 1px;
}

.pad-r-1 {
    padding-right: 1px;
}

.main-btn {
    width: auto;
    height: auto;
    padding: 2px 8px 2px 8px;
}

.icon-btn {
    padding: 0;
    width: auto;
    height: auto;
    min-height: var(--rz-input-height);
    font-size: small;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}

.headerEditor {
    width: 200px;
    outline-style: none;
    box-sizing: border-box;
    display: block;
}

/* выделение элемента мнемосхемы */
.mnemo-item-selection {
    outline: 1px solid rgb(255, 0, 157);
    outline-offset: 0px;
}

.mnemo-item-selection-double {
    outline: double rgb(255, 0, 157);
    outline-offset: 0px;

}

/* загрузка фалов */
.file-input-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    width: 40px;
}

.file-input-zone input[type=file] {
    position: absolute;
    width: 40px;
    opacity: 0;
    cursor: pointer;
}

.gridStep-editor {
    width: 60px;
}

/* курсор */
.cursor-all-scroll {
    cursor: all-scroll;
}

.cursor-add-item {
    cursor: url("../images/add-item.cur"), auto;
}

/* линии */
.line {
    shape-rendering: crispEdges
}

/* Ш x В поля*/
.size-input {
    width: 70px;
}

/* круглый checkBox */
.rounded-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid black;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.rounded-checkbox:checked {
    appearance: auto;
    clip-path: circle(50% at 50% 50%);
    background-color: blue;
}

/* границы кнопки таба */
.border-active-tab {
    border-bottom: 1px solid white;
}

.vertical-separator-line {
    border-left: 1px solid var(--rz-text-secondary-color);
    width: auto;
}

.horizontal-separator-line {
    border-top: 1px solid var(--rz-text-secondary-color);
    height: auto;
}

.border-secondary {
    border: 1px solid var(--rz-text-secondary-color);
}

.border-right-400 {
    border-right: 1px solid var(--rz-base-400);
}

/* шрифты */
.smallfont {
    font-size: small;
}

.menu-font-size {
    font-size: 0.875rem;
}

.button-text-primary {
    font-size: small;
    color: var(--rz-primary) !important;
}

.button-text-secondary {
    font-size: small;
    color: var(--rz-secondary) !important;
}

.textarea-notepad-style {
    min-width: 100%;
    min-height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    resize: none;
    /* white-space: nowrap; */
    white-space: pre;
    overflow-wrap: normal;
}

.textarea-notepad-style:focus {
    outline: none;
}

/* таблица интегральных параметров Сигналы */
.param_table {
    width: fit-content;
    border-right: 1px solid #ddd;
    margin-bottom: 5px;
}

.param_table tbody td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: small;
    padding: 0px 6px;
    white-space: nowrap;
}

.param_table tbody th {
    background: var(--rz-base-200);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: small;
    padding: 2px 6px;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
}

.param_table tbody tr td:nth-child(odd) {
    background: #f5f5f5;
}

.param_table_vert {
    height: fit-content;
}

.param_table_vert tbody td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #bbb;
    font-size: small;
    padding: 2px 6px;
    white-space: nowrap;
}

.param_table_vert thead th {
    background: var(--rz-base-200);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: small;
    white-space: nowrap;
    padding: 2px 6px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.param_table_vert tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.param_table_vert tbody tr td:last-child {
    width: 100%;
}


/* табличное представление вкладки */
.tab_table_view_border {
    box-sizing: border-box;
    border: 1px solid transparent;
}

.tab_table_view_border_active {
    box-sizing: border-box;
    border: 1px solid rgb(254, 204, 128);
}