:root {
    /*color*/
    --rz-primary: #2686fa;
    /* --rz-primary-light: #e2f5ff;*/
    --rz-primary-lighter: #f3f8fb;
    --rz-grid-loading-indicator-background-color: rgb(178 185 186 / 50%); /*rgba(136, 152, 155, 0.5);*/
    /*color*/

    --rz-grid-header-cell-padding: 0.45rem 0;
    --rz-grid-cell-padding: 0.35rem 0.35rem;
    --rz-grid-header-background-color: #f0f8fe;
    --rz-grid-selected-background-color: var(--rz-primary-lighter);
    --rz-grid-selected-color: var(--rz-primary);
    --rz-paginator-padding: 0.2rem 0.2rem;
    --rz-paginator-numeric-button-selected-background-color: rgb(49 98 235 / 0.1);
    --rz-dialog-content-padding: 0;
    --rz-grid-selected-color: black;
    --rz-grid-hover-color: var(--rz-primary);
    --rz-grid-cell-font-size: 1rem;
    --rz-grid-header-title-padding: 0 0 0 0; /* 0 0.5rem 0 0;*/
    --rz-grid-header-filter-icon-margin: 0 0 0 0.5rem;
    --rz-grid-column-resizer-width: 1px;
    /**/
    --rz-paginator-numeric-button-selected-padding: 0.5rem 0.5rem;
    --rz-paginator-numeric-button-padding: 0.5rem 0.5rem;
    --rz-paginator-numeric-button-min-width: 2.7rem;
    /**/
    --rz-dropdown-item-padding: 0.25rem 0.625rem;
    --rz-dropdown-label-padding: 0;
    /**/
    --rz-tabs-tab-padding: 0.5rem 0.5rem;
    /**/
    --rz-editor-button-selected-color: #2686fa;
    --rz-editor-button-selected-background-color: #f3f8fb;
    --rz-tree-node-toggle-width: 1.7rem;
}





.rz-paginator-element {
    padding: 0.5rem;
    min-height: 2rem;
    min-width: 2.6rem
}

.rz-paginator {
    border-top: solid 1px #c2c2c2;
}

.rz-paginator-page.rz-state-active {
    color: #007bff;
    border: 1px solid #007bff;
}

.rz-paginator-element {
    /* box-shadow: var(--rz-shadow-1) !important;*/
    border: 1px solid #e4e4e4;
}

.rz-paginator .rzi-step-forward:before {
    content: 'first_page';
}

.rz-paginator .rzi-step-backward:before {
    content: 'last_page';
}

.rz-paginator .rzi-caret-left:before {
    content: 'navigate_next';
}

.rz-paginator .rzi-caret-right:before {
    content: 'navigate_before';
}


.rz-data-grid-data::-webkit-scrollbar {
    width: 13px;
}

.rz-data-grid-data::-webkit-scrollbar-corner {
    background-color: transparent;
}

.rz-data-grid-data::-webkit-scrollbar-thumb {
    background-color: rgba(168, 187, 191, 0.5);
    border-radius: 20px;
    border: 4.5px solid transparent;
    background-clip: content-box;
}

.rz-dialog-titlebar {
    background-color: rgb(219 237 255 / 56%);
    padding: 0.6rem 0.9rem;
    font-size: 1rem;
    line-height: 1.875rem;
    border-bottom: none;
    height: 40px;
    border-bottom: 1px solid rgb(97 123 251 / 32%);
}

.rz-dialog-titlebar-close {
    float: left;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    /* background-color: #479cc8; */
    background: #e2f5ff;
    color: black;
    /* box-shadow: inset 0px -1px 0px 0px #007bff, 0px -1px 0px 0px #007bff;*/
    border-bottom: 0.1px solid #007bff;
    border-top: 0.1px solid #007bff;
    /* box-shadow: inset 0 -1px 0px 0px #007bff,inset 0 1px 0px 0px #007bff;*/
    /* box-shadow: 0px 0px 7px rgb(0 0 0 / 30%); */
}


.rz-column-resizer {
    right: unset;
    left: 0;
    background-color: #e0e0e0;
}

    .rz-column-resizer:after {
        right: unset;
        left: 0;
    }







.rz-state-highlight:first-child {
    border-bottom: 0.1px solid #007bff;
}


:root {
    --rz-tree-node-padding: 0.3rem;
}

.rz-tree {
    /*  padding: 0.2rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.rz-treenode {
    padding-left: 0;
    padding-right: 0;
}

.rz-treenode-children li {
    border-right: 1px dotted #b5b1b1;
    bottom: 50px;
    height: 100%;
    top: 0;
    -webkit-transition: "border-color 0.1s ease 0.1s";
    -moz-transition: "border-color 0.1s ease 0.1s";
    -o-transition: "border-color 0.1s ease 0.1s";
    transition: border-color .1s ease .1s;
}

.rz-tree-toggler {
    font-family: 'Material Icons Outlined';
    font-size: 13px;
    margin-left: 7px;
    cursor: pointer;
}

    .rz-tree-toggler.rzi-caret-down:before {
        content: "indeterminate_check_box";
        margin-left: -0.5rem !important;
    }

    .rz-tree-toggler.rzi-caret-right:before {
        content: "add_box";
        margin-left: -0.5rem !important;
    }

.rz-tree-toggler {
    cursor: pointer;
    margin-left: 0;
}

.rz-treenode-children {
    padding-right: 1rem;
}


.rz-dropdown-trigger {
    right: calc(100% - 2rem);
}

    .rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
        content: "expand_more";
    }


.rz-grid-table.rz-grid-gridlines-both > thead > tr > th:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child), .rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td:not(:last-child) {
    border-right: none;
    border-left: var(--rz-grid-cell-border);
}

.rz-html-editor-toolbar {
    font-size: 1rem;
}

    .rz-html-editor-toolbar .rzi, .rz-html-editor-toolbar .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-html-editor-toolbar .rz-menuitem-icon, .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rzi-close, .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rzi-times, .rz-html-editor-toolbar .rz-fileupload-row .rz-button .rz-icon-trash, .rz-fileupload-row .rz-button .rz-html-editor-toolbar .rz-icon-trash, .rz-html-editor-toolbar .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-html-editor-toolbar .rzi-chevron-circle-right, .rz-html-editor-toolbar .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-html-editor-toolbar .rzi-chevron-circle-down, .rz-html-editor-toolbar .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-html-editor-toolbar .rzi-grid-sort, .rz-html-editor-toolbar .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-html-editor-toolbar .rzi-plus, .rz-html-editor-toolbar .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-html-editor-toolbar .rzi-circle-o-notch, .rz-html-editor-toolbar .rz-column-drag, .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rzi-close, .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rzi-times, .rz-html-editor-toolbar .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-html-editor-toolbar .rz-icon-trash {
        font-size: 1.3rem;
    }

.rz-html-editor-button.rz-selected {
    /*border: 1px solid #0d6efd;*/
    box-shadow: 0 0 0 1px #0d6efd inset;
    /* box-shadow: 0px -3px 0px red inset;*/
}

.rz-dropdown-clear-icon {
    /*  right: unset;
    left: calc(var(--rz-dropdown-trigger-icon-width) + 0.5 rem );*/
    left: 1.5rem;
    right: unset;
}

.rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label {
    padding-right: 0;
}

/* custom scrollbar */
.rz-dialog-content::-webkit-scrollbar {
    width: 15px;
}

.rz-dialog-content::-webkit-scrollbar-track {
    background-color: transparent;
}

.rz-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(168, 187, 191, 0.5);
    border-radius: 20px;
    border: 4px solid transparent;
    background-clip: content-box;
     
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 2px;
}

.rz-dialog-content::-webkit-scrollbar-corner {
    background-color: transparent;
}

.rz-dialog-content::-webkit-scrollbar-thumb:hover {
    background-color: #d6dee1;
}






/*.rz-tabview-nav li {
    border: solid 1px #dfe7ec;
    border-top-width: 2px;
    border-bottom-color: #e6ecef;
    background-color: #e6ecef;
    border-radius: 4px 4px 0 0;
}
.rz-tabview-nav li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(58, 71, 77, 0.5);
    padding: 0.25rem 1rem;
    font-weight: 600;
    text-decoration: none;
}*/