:root {
    /* разное */
    --rz-tree-node-toggle-width: 1.4rem;
    --rz-grid-header-cell-padding: 0;
    --rz-datafilter-item-padding-y: 0;
    --rz-datafilter-item-padding-left: 0;
    --rz-input-font-size: small;
    --rz-input-height: 1.6rem;
    --rz-dropdown-trigger-icon-margin: 0;
    --rz-timepicker-separator-margin: 0 4.5rem;
    --rz-timepicker-border: var(--rz-border-base-300);
    --rz-icon-size: 1.2rem;
    --rz-listbox-checkbox-margin: 0 0.5rem 0 0;
    --bs-body-font-size: 0.875rem;
    --rz-fieldset-legend-margin: 0 0 0.1rem 0.5rem;
    --rz-splitter-bar-color: var(--rz-primary);
    --rz-splitter-bar-background-color: var(--rz-base-400);
    --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));

    /* панель страниц DataGrid */
    --rz-paginator-background-color: transparent;
    --rz-paginator-padding: 0.1rem;
    --rz-paginator-button-border-radius: 0rem;
    --rz-paginator-numeric-button-margin: 0 0.25rem;
    --rz-paginator-numeric-button-padding: 0.1rem;
    --rz-paginator-numeric-button-selected-padding: 0.1rem;
    --rz-paginator-numeric-button-min-width: 1.2rem;
    --rz-paginator-first-button-margin: 0 0.1rem 0 0;
    --rz-paginator-last-button-margin: 0 0 0 0.1rem;
    --rz-paginator-dropdown-width: 50px;
    --rz-paginator-dropdown-margin: 0 0 0 0.1rem;
    --rz-paginator-summary-padding: 0 0.1rem 0 0;

    /* tooltip */
    --rz-tooltip-background-color: var(--rz-base-100);
    --rz-tooltip-color: var(--rz-color-black);

    /* чек-бокс в RadzenCheckBoxList */
    --rz-checkbox-margin: 0.2rem 0;
}

[ccs4spltrclrTabs] {
    --rz-splitter-bar-color: var(--rz-primary);
    --rz-splitter-bar-background-color: #B0AFD1;
}

[ccs4spltrclrInner] {
    --rz-splitter-bar-color: var(--rz-primary);
    --rz-splitter-bar-background-color: var(--rz-base-400);
}

/* панель страниц DataGrid */
.rz-paginator-element,
.rz-button-lg {
    min-height: 1rem;
    min-width: 1rem;
}

.rz-paginator-element,
.rz-button-lg.rz-button-icon-only {
    padding: 0.1rem;
}

.rz-paginator-pages {
    align-items: center;
}


.material-outlined-symbols {
    --rz-icon-font-family: 'Material Symbols Outlined';
    /* -webkit-font-smoothing: antialiased; */
    /* Для сглаживания иконок в Chrome и Safari */
    /* -moz-osx-font-smoothing: grayscale; */
    /* Для сглаживания иконок в Firefox на macOS */
}

.rz-navigation-item-link {
    padding: 0;
}

/* скролл для меню */
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
    max-height: 20em !important;
    overflow: auto !important;
}

.rz-card {
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    margin: 0px;
}

.rz-row {
    row-gap: 0.1rem;
}

.rz-dialog-titlebar {
    padding: 0.5rem 0.5rem 0 1rem;
}

.rz-dialog {
    max-height: 80%;
    min-height: 50px;
}

.rz-dialog-content {
    height: 100% !important;
}

.rz-form-field-content,
.rz-colorpicker,
.rz-lookup-search input,
.rz-spinner,
.rz-multiselect,
.rz-dropdown,
.mask,
.rz-textarea,
.rz-textbox {
    padding: 0px 0px 0px 3px !important;
    text-align: start;
    justify-content: center;
    /* height: auto; */
}

.rz-calendar .rz-inputtext {
    padding: 0px 0px 0px 3px !important;
    line-height: inherit;
    /* Устраняет дефект каретки при RDP, но удаляет сглаженный стиль */
    /* border-radius: 0; */
}

.rz-datepicker-trigger {
    right: 0.1rem;
    padding: 0;
    vertical-align: middle;
    /* width: var(--rz-datepicker-trigger-icon-width);
    height: var(--rz-datepicker-trigger-icon-height); */
    width: auto;
    height: auto;
    font-size: 1.2rem;
}

.rz-datepicker-header {
    padding: 0 0.1rem;
}

.rz-multiselect-panel {
    padding: 0 1rem;
    width: auto !important;
    max-width: 750px !important;
}

.rz-multiselect-header {
    padding: 0.2rem 0rem;
    margin: 0rem -0.5rem;
    color: var(--rz-text-color) !important;
}

.rz-multiselect-label-container,
.rz-dropdown-label {
    margin-left: 0px;
}

.rz-dropdown-items,
.rz-autocomplete-items,
.rz-multiselect-items {
    padding: 0rem 0rem;
    margin: 0;
}

.rz-clear .rz-dropdown-label {
    padding-right: calc(1 * var(--rz-dropdown-trigger-icon-width));
    margin-left: 3px;
}

.rz-dropdown-item,
.rz-menuitem,
.rz-autocomplete-list-item,
.rz-multiselect-item,
.rz-dropdown-items li,
.rz-autocomplete-items li,
.rz-multiselect-items li {
    padding: 0.1rem 0.7rem;
    white-space: nowrap;
    color: var(--rz-text-color) !important;
}

.rz-multiselect-trigger,
.rz-dropdown-trigger {
    padding: 0;
}

.rz-datatable-data td .rz-cell-toggle,
.rz-grid-table td .rz-cell-toggle {
    display: flex;
    align-items: center;
    gap: 0rem;
}

.rz-group-header {
    padding: 0.1rem;
}

.rz-group-header-item {
    padding: 0.25rem;
    margin: var(--rz-grid-group-header-item-margin);
}

.rz-group-header-item-title {
    color: var(--rz-text-color);
}

.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
    display: inline-flex;
    flex: auto;
    width: 100%;
    align-items: center;
    font-size: var(--rz-grid-header-font-size);
    line-height: var(--rz-grid-header-line-height);
    text-transform: var(--rz-grid-header-text-transform);
    color: var(--rz-grid-header-color);
    padding: 0 0 0 0.2rem;
    font-weight: var(--rz-grid-header-font-weight);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rz-cell-filter {
    padding: 0.1rem;
    margin: var(--rz-grid-filter-margin);
    background-color: var(--rz-grid-filter-background-color);
    border-top: var(--rz-grid-filter-border);
    font-size: var(--rz-grid-filter-font-size);
    font-weight: normal;
}

.rz-grid-table td,
.rz-grid-table th {
    padding: 0rem 0.1rem 0rem 0rem;
}

.rz-grid-filter-icon {
    margin: 0 0.1rem 0 auto;
    font-size: 1.15rem;
}

.rz-tree {
    overflow-y: scroll;
    overflow-x: auto;
}

.rz-treenode-content .rz-treenode-label {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0rem;
}

.rz-button-xs.rz-button-icon-only {
    padding: 0px;
    line-height: auto;
}

.rz-radio-button-list-vertical .rz-radio-btn {
    margin: 0.1rem;
}

.rz-dialog-content {
    padding: 0.5rem 1.0rem 1.0rem 1.0rem;
}

.rz-radiobutton-label {
    margin: 0 0.5rem;
}

.rz-justify-content-normal {
    justify-content: center !important;
}

.rz-text-body1 {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
}

.rz-button-xs,
.rz-selectbutton .rz-button.rz-button-xs,
.rz-selectbutton .rz-button-xs.rz-paginator-element {
    text-transform: none;
    white-space: nowrap;
    /* min-height: 1.0rem; */
}

.rz-button-sm,
.rz-paginator.rz-density-compact .rz-paginator-element,
.rz-fileupload .rz-button,
.rz-fileupload .rz-paginator-element,
.rz-selectbutton .rz-button.rz-button-sm,
.rz-selectbutton .rz-button-sm.rz-paginator-element,
.rz-selectbutton .rz-fileupload .rz-button,
.rz-selectbutton .rz-fileupload .rz-paginator-element,
.rz-fileupload .rz-selectbutton .rz-button,
.rz-fileupload .rz-selectbutton .rz-paginator-element,
.rz-splitbutton .rz-button-sm {
    text-transform: none;
    white-space: nowrap;
    min-height: 1.0rem;
}

.rz-spinner input[type='number'],
.rz-spinner input[type='text'] {
    padding: 0;
}

.rz-spinner.rz-state-disabled .rz-inputtext {
    color: var(--rz-text-disabled-color);
}

.rz-spinner-button {
    width: 1.2rem;
    height: calc(0.45 * var(--rz-input-height));
}

.rz-spinner-up {
    align-items: start;
    position: absolute;
    top: 0;
}

.rzi-caret-up {
    margin-top: calc(-0.10 * var(--rz-input-height));
}

.rz-spinner-down {
    align-items: end;
    position: absolute;
    bottom: 0;
}

.rzi-caret-down {
    margin-top: calc(-0.20 * var(--rz-input-height));
}

.rz-spinner-button .rzi {
    font-size: 1.3rem;
}

.rz-switch {
    /* height: calc(0.8 * var(--rz-input-height));
    width: calc(1.4 * var(--rz-input-height)); */
    height: 1.25rem;
    width: 2.24rem;
    min-width: 2rem;
    padding: 0;
}

.rz-switch-circle {
    /* height: calc(0.8 * var(--rz-input-height));
    width: calc(1.4 * var(--rz-input-height)); */
    height: 1.25rem;
    width: 2.24rem;
    padding: 0;
}

.rz-switch .rz-switch-circle:before {
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    left: 0.15rem;
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(0.97rem);
}

.rz-tabview-nav {
    padding: 0;
}

.rz-tabview-nav li a {
    display: flex;
    align-items: center;
    padding: 0.1rem 0.4rem 0.1rem 0.4rem;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
}

.rz-tabview-panel {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: stretch;
    padding: 0;
    overflow: hidden;
}

.rz-tabview-panels {
    /* background-color: var(--rz-tabs-background-color);
    border: var(--rz-tabs-border);
    box-shadow: var(--rz-tabs-shadow); */
    /* overflow: hidden; */
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: stretch;
}

.rz-tabview-top a {
    white-space: nowrap;
    padding: 0;
}

.rz-progressbar {
    height: calc(2.5 * var(--rz-progressbar-height));
}

.rz-splitter>.rz-splitter-bar {
    font-size: x-large;
    color: var(--rz-primary);
}

.rz-splitter-bar {}

.rz-layout::-webkit-scrollbar-thumb,
.rz-layout::-webkit-scrollbar-thumb,
.rz-scrollbars::-webkit-scrollbar-thumb,
.rz-scrollbars ::-webkit-scrollbar-thumb {
    background: var(--rz-scrollbar-theme-color);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
    min-width: var(--rz-scrollbar-size);
    min-height: var(--rz-scrollbar-size);
}

.rz-layout::-webkit-scrollbar-thumb,
.rz-layout::-webkit-scrollbar-thumb,
.rz-scrollbars::-webkit-scrollbar-thumb,
.rz-scrollbars ::-webkit-scrollbar-thumb:hover {
    background: var(--rz-base-400);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
    min-width: var(--rz-scrollbar-size);
    min-height: var(--rz-scrollbar-size);
}

.rz-datagrid-cell-style {
    width: 100%;
    height: auto;
    border-radius: 0%;
    border-color: transparent;
    outline: none;
    background-color: transparent;
}

.rz-datagrid-cell-style:disabled {
    color: var(--rz-text-disabled-color);
}

/* выбор цвета */
.rz-custom-colorpicker {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
}

.rz-custom-colorpicker-value {
    min-width: 2px;
    min-height: 2px;
}