:root {
    /*Primary Colors*/
    --rz-primary: #ff6600;
    --rz-primary-lighter: #ffa060;
    --rz-primary-light: #ff8330;
    --rz-primary-dark: #cc5100;
    --rz-primary-darker: #993d00;
    --rz-on-primary-lighter: #ffffff;
    --rz-on-primary: #000000;
    --rz-body-background-color: #000;
    /*Set the Font Family to make sure the checkbox doesn't display the word "check" when clicked*/
    --rz-icon-font-family: 'Material Icons';
    /*DatePicker Colors (Based on Primary Colors)*/
    --rz-datepicker-calendar-selected-background-color: var(--rz-primary);
    --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-dark);
    /*Icon Sizes*/
    --rz-icon-size: 1.2rem;
    /*Input Font Size*/
    --rz-input-font-size: 0.875rem;
    --rz-input-padding-inline: 0.5rem;
    --rz-input-padding-block: 0.25rem;
    --rz-input-height: 1.875rem;
    /*Dropdown Padding*/
    --rz-dropdown-item-padding: 0.5rem 0.75rem;
    --rz-dropdown-filter-padding: 0.5rem 0 0.5rem;
    --rz-input-placeholder-color: var(--rz-text-color);
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-200);
    --rz-form-field-start-end-padding-inline: 0;
    /*Switch*/
    --rz-switch-checked-background-color: var(--rz-primary);
    /*Dialog*/
    --rz-dialog-title-padding-block: 1rem 0.5rem;
    --rz-dialog-title-padding-inline: 1rem;
    --rz-dialog-border-radius: 10px;
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-tab-padding-block: 0.1rem;
    /*Popup*/
    --rz-popup-border: var(--rz-border-normal);
    --rz-popup-background-color: var(--rz-panel-background-color);
    /*Grid*/
    --rz-grid-header-color: var(--rz-primary);
    --rz-grid-selected-background-color: var(--rz-base-400);
    --rz-pager-numeric-button-selected-background-color: var(--rz-primary);
    /*SelectBar*/
    --rz-selectbar-selected-border: var(--rz-border-base-200);
    --rz-selectbar-border-radius: calc(var(--rz-border-radius) * 7);
    --rz-selectbar-selected-background-color: var(--rz-primary);
    --rz-selectbar-selected-color: var(--rz-on-primary);
    /*Multiselect*/
    --rz-dropdown-item-selected-background-color: var(--rz-base-300);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-base-200);
    /*PanelMenu*/
    --rz-panel-menu-item-active-background-color: var(--rz-base-400);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-base-400);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-base-400);
    --rz-panel-menu-item-border-radius: calc(var(--rz-border-radius) * 5.5);
    --rz-panel-menu-item-2nd-level-border-radius: calc(var(--rz-border-radius) * 5);
    --rz-panel-menu-item-padding-block: 0.75rem;
    --rz-panel-menu-item-border: inherit;
    /*--rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 1);*/
}

    body {
        color: var(--rz-text-color);
    }

.rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled::placeholder, .rz-form-field.rz-state-disabled :not(.rz-button):disabled::placeholder {
    color: var(--rz-base-600);
}

.rz-textbox::placeholder {
    color: var(--rz-base-200);
}

.rz-chkbox-box.rz-state-active.rz-state-disabled > .rz-chkbox-icon.rzi.rzi-check {
    color: white;
}

.rz-panel-menu .rz-navigation-item-icon {
    --rz-icon-size: 1.5rem;
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
}

.rz-treenode-label {
    margin: 0.25rem 0;
}

.rz-panel-nopadding {
    padding: 0;
}
.rz-panel-nopadding > .rz-panel-titlebar {
    margin: var(--rz-panel-padding);
}

.rz-grid-toolbar > * {
    margin-right: 0.5rem;
}
.rz-grid-table td, .rz-grid-table th {
    border-top: none;
}

.rz-grid-table thead th .rz-column-title-content {
    text-wrap-mode: wrap;
    overflow: unset;
    text-overflow: unset;
    overflow-wrap: break-word;
}
.rz-grid-table thead th .rz-column-title-content:has(+ .rzi-sort) {
    width: calc(100% - var(--rz-grid-sort-icon-width));
}

.rz-data-grid {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    border-radius: 0.5rem;
}

.rz-pager-page.rz-pager-element {
    color: white !important;
}

.rz-custom-header {
    order: 0;
}

    .rz-custom-header > .rz-form-field > .rz-form-field-content {
        margin-top: 0;
    }

.rz-column-picker {
    order: 1;
}

.rz-group-header-drop, .rz-group-header-items {
    order: 2;
    margin-left: auto;
}

.rz-group-header {
    flex-wrap: wrap;
}

.rz-button.rz-button-md.rz-button-text-only {
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    text-wrap: nowrap;
}

.rz-chkbox-box.rz-state-active.rz-state-disabled {
    opacity: 0.8;
}

.rz-button {
    text-transform: none;
}

.rz-button-md {
    padding: 0.25rem 0.5rem
}

.rz-timepicker .rz-button-md {
    background-color: var(--rz-primary);
}

.rz-calendar-view .rz-calendar-week-number {
    color: var(--rz-datepicker-calendar-color);
}

.rz-dropdown-item {
    color: var(--rz-base-50);
}

.rz-dropdown-filter-container .rzi-search:before {
    color: var(--rz-base-200);
}

.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before {
    box-shadow: var(--rz-switch-box-shadow), 0px 0px 10px 5px var(--rz-primary);
}

.rz-fileupload-files {
    display: none;
}

.rz-dialog-titlebar {
/*    border-bottom: 1px solid var(--rz-base-500);*/
    position:relative;
}

    .rz-dialog-titlebar:before {
        content: "";
        width: calc(100% - var(--rz-dialog-title-padding-inline) * 2);
        left: var(--rz-dialog-title-padding-inline);
        bottom: 0;
        position: absolute;
        border-bottom: 1px solid var(--rz-base-500);
        height: 1px;
    }

.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border: 1px solid var(--rz-primary);
    border-bottom: 0px;
    border-radius: 12px 12px 0 0;
    transition-duration: 0s;
}

.rz-tabview.rz-tabview-top > .rz-tabview-nav li {
    /*border-bottom: 0px;*/
    border-width: 1px;
    border-radius: 12px 12px 0 0;
    transition-duration: 0s;
}

.rz-tabview-top-scrollable > .rz-tabview-nav {
    overflow-x: auto;
    overflow-y: hidden;
}

.rz-tabview-title {
    text-wrap: nowrap;
}

.rz-panel-titlebar-toggler {
    color: white;
}

.mvs-popup {
    display: none;
    position: absolute;
    overflow: hidden;
    height: auto;
    width: 400px;
    border: var(--rz-popup-border);
    background-color: var(--rz-popup-background-color);
    box-shadow: var(--rz-panel-shadow);
    padding: 0.5rem;
    border-radius: 0.5rem;
}