@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-image: none !important;
    background-color: #f8f9fa;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

.margin25 {
    height: 29px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.acitvity .activity-options a::after {
    content: none;
}

/*--header--*/
header {
    background: #fff;
}

.adf-logo {
    width: 180px;
    margin-top: 5px !important;
}

.bdr {
    border: solid 1px #f00;
}

.detailFields {
    /*  background-color: #f4f5f9 !important;
    border-radius: .25rem !important;
    border: 1px solid #ced4da !important;
    opacity: 1 !important;
    color: #ddd !important;*/

    color: var(--rz-input-disabled-color) !important;
    box-shadow: var(--rz-input-disabled-shadow) !important;
    background-color: var(--rz-input-disabled-background-color) !important;
    border: var(--rz-input-disabled-border) !important;
    opacity: unset !important;
}

.headericon {
    font-size: 20px;
    margin: 6px;
    vertical-align: middle;
    display: block
}

.header-notification {
    width: 400px;
    overflow: auto;
    height: 500px !important;
}

.header-notification .bi-card-checklist {
    color: darkgreen;
    display: contents;
    font-size: 20px;
    margin-right: 10px;
}

/*--header--*/
.content {
    padding-top: 1.1rem;
}

/*.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}*/

.valid.modified:not([type=checkbox]) {
    outline: none;
}

.invalid {
    outline: 1px solid #f00;
}

.validation-message {
    color: #f00;
}

.form-control:disabled {
    color: var(--rz-input-disabled-color) !important;
    box-shadow: var(--rz-input-disabled-shadow) !important;
    background-color: var(--rz-input-disabled-background-color) !important;
    border: var(--rz-input-disabled-border) !important;
    opacity: unset !important;
}

.form-select:disabled {
    color: var(--rz-input-disabled-color) !important;
    box-shadow: var(--rz-input-disabled-shadow) !important;
    background-color: var(--rz-input-disabled-background-color) !important;
    border: var(--rz-input-disabled-border) !important;
    opacity: unset !important;
}

.rz-colorpicker.rz-state-disabled, .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled .rz-inputtext, .rz-listbox.rz-state-disabled, .rz-autocomplete-input:disabled, .rz-state-disabled.rz-autocomplete, .rz-state-disabled.rz-multiselect, .rz-state-disabled.rz-dropdown, .rz-radiobutton-box.rz-state-disabled, .rz-chkbox-box.rz-state-disabled, .rz-colorpicker:disabled, .rz-lookup-search input:disabled, .rz-spinner:disabled, .rz-calendar .rz-inputtext:disabled, .rz-multiselect:disabled, .rz-dropdown:disabled, .mask:disabled, .rz-textarea:disabled, .rz-textbox:disabled {
    opacity: 0.7 !important;
}

.autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999; /* Ensure the dropdown appears on top of other elements */
    background-color: #ffffff; /* Background color for the dropdown */
    border: 1px solid #ced4da; /* Border color for the dropdown */
    max-height: 150px; /* Maximum height of the dropdown to enable scrolling */
    overflow-y: auto; /* Enable vertical scrolling if the dropdown height exceeds the max-height */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); /* Add a shadow effect to the dropdown */
    padding: 4px 0; /* Padding inside the dropdown */
    border-radius: 4px; /* Rounded corners for the dropdown */
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occur#D32130."
}

.nav-pills > li > a {
    border-radius: 0;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

#wrapper.toggled {
    padding-left: 210px;
    overflow: hidden;
}

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    left: 250px;
    width: 0;
    height: calc(100% - 59px);
    margin-left: -250px;
    overflow-y: auto;
    background: #222D32;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow-x: hidden;
}

#wrapper.toggled #sidebar-wrapper {
    width: 210px;
}

#page-content-wrapper {
    position: absolute;
    padding: 10px;
    width: 100%;
    /*overflow-x: hidden;*/
    overflow: hidden;
}

.xyz {
    min-width: 360px;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px;
}

.fixed-brand {
    width: auto;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}

.sidebar-nav li {
    text-indent: 10px;
    line-height: 40px;
    /* padding:6px 0px;*/
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 8px 5px 8px 1px;
    border-left: 4px #222D32 solid;
    font-size: var(--fnt-14);
}

.sidebar-nav li a span {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.sidebar-nav li a span i::before {
    display: contents;
}

.sidebar-nav .active a {
    background: rgba(255, 255, 255, 0.2);
    border-left: #D32130 4px solid;
    border-radius: 0px !important;
}

/*--sub menu --*/

#sidebar-wrapper .nav-item a {
    border-left: solid 4px transparent !important;
    color: #fff !important;
}

#sidebar-wrapper .nav-item a:hover {
    border-left: solid 4px #D32130 !important;
    border-radius: 0px !important;
}

#sidebar-wrapper .nav-item a:hover {
    border-left: solid 4px #D32130 !important;
    border-radius: 0px !important;
}

#sidebar-wrapper .active .nav-toggle-grant {
    border-left: solid 4px #D32130 !important;
}

#sidebar-wrapper .nav-toggle-grant span {
    margin-right: 4px !important;
}

#sidebar-wrapper .nav-item {
    padding-bottom: 0rem !important;
}

.nav-item .submenu {
    border-bottom: solid 1px #4e575b !important;
}

.nav-item .submenu a {
    height: 2.5rem !important;
}

#sidebar-wrapper .submenu-down {
    position: absolute;
    top: 0px;
    right: 1px;
    font-size: 12px;
}

#sidebar-wrapper .active .submenu-down {
    transform: rotate(180deg);
    right: -10px;
    top: 0;
}

#sidebar-wrapper .submenu .active {
    border-left: #D32130 4px solid !important;
}

#sidebar-wrapper .submenu .active:hover {
    border-left: transparent 4px solid !important;
}


.has-submenu .submenu {
    margin-left: -32px;
    margin-top: 1px;
}

.has-submenu .submenu .nav-link::before {
    border-left: none;
}

.has-submenu .submenu .nav-link:hover {
    border-left: #D32130 4px solid;
}

.active li a {
    background: rgb(255 255 255 / 0%) !important;
    border-left: transparent 4px solid !important;
}

.active li a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-left: #D32130 4px solid !important;
}

.nav-toggle-grant {
    cursor: pointer;
}

/*--sub menu --*/
a, .btn-link {
    color: var(--brand-color);
}

a {
    color: var(--brand-color);
    text-decoration: underline;
}

*, ::after, ::before {
    box-sizing: border-box;
}

user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.sidebar-nav li {
    text-indent: 10px;
    line-height: 40px;
    /* padding: 6px 0px; */
    /* border-left: 4px solid #ddd; */
}

user agent stylesheet
li {
    text-align: -webkit-match-parent;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 210px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}

user agent stylesheet
ul {
    list-style-type: disc;
}


body {
    margin: 0;
    /*    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;*/
}


/*--bfl--*/
:root {
    --brand-color: #26376D;
    --fnt-12: 12px;
    --fnt-14: 14px;
    --fnt-16: 16px;
    --fnt-18: 18px;
    --fnt-32: 32px;
    --required: #f00;
}

/*--bfl--*/

:root {
    --rz-gap: 1rem;
    --rz-row-gap: 1rem;
}


:root {
    --rz-alert-margin: 0.5rem 0;
    --rz-alert-padding: 1rem;
    --rz-alert-gap: 1rem;
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-background-color: var(--rz-base-200);
    --rz-alert-box-shadow: var(--rz-shadow-3);
    --rz-alert-message-margin: 0.25rem 0;
    --rz-alert-title-color: var(--rz-text-h6-color);
    --rz-alert-icon-color: var(--rz-alert-color);
    --rz-alert-icon-margin: 0.25rem 0;
    --rz-alert-icon-size: var(--rz-icon-size);
}

:root {
    --rz-splitter-bar-color: var(--rz-text-tertiary-color);
    --rz-splitter-bar-color-active: var(--rz-primary);
    --rz-splitter-bar-background-color: var(--rz-base-200);
    --rz-splitter-bar-background-color-active: var(--rz-primary-lighter);
    --rz-splitter-bar-hover-opacity: 1;
}

:root {
    --rz-colorpicker-panel-border: var(--rz-border-normal);
    --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
    --rz-colorpicker-panel-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-colorpicker-panel-padding: 0.5rem;
    --rz-colorpicker-panel-max-width: 20rem;
    --rz-colorpicker-saturation-height: 200px;
    --rz-colorpicker-value-border-radius: 50%;
    --rz-colorpicker-item-size: 1.25rem;
    --rz-colorpicker-item-border-radius: 50%;
    --rz-colorpicker-item-margin: 0.25rem;
    --rz-colorpicker-item-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    --rz-colorpicker-handle-size: 12px;
    --rz-colorpicker-handle-border: 2px solid var(--rz-white);
    --rz-colorpicker-handle-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
    --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-hex-input-height: 2rem;
    --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-rgba-input-height: 2rem;
    --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
}

:root {
    --rz-editor-border: var(--rz-input-border);
    --rz-editor-border-radius: var(--rz-border-radius);
    --rz-editor-toolbar-background-color: var(--rz-base-100);
    --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
    --rz-editor-button-padding: 0.5rem;
    --rz-editor-button-background-color: var(--rz-base-100);
    --rz-editor-button-color: var(--rz-text-color);
    --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
    --rz-editor-button-selected-background-color: var(--rz-primary);
    --rz-editor-button-selected-color: var(--rz-text-contrast-color);
    --rz-editor-separator-background-color: var(--rz-base-200);
    --rz-editor-content-background-color: var(--rz-base-background-color);
}

:root {
    --rz-chart-axis-color: var(--rz-base-300);
    --rz-chart-axis-label-color: var(--rz-text-secondary-color);
    --rz-chart-axis-font-size: 0.875rem;
    --rz-chart-legend-font-size: 0.875rem;
    --rz-chart-tooltip-background: var(--rz-base-background-color);
    --rz-chart-tooltip-color: var(--rz-text-color);
}

:root {
    --rz-progressbar-value-background-color: var(--rz-primary-lighter);
    --rz-progressbar-background-color: var(--rz-base-200);
    --rz-progressbar-font-size: var(--rz-body-font-size);
    --rz-progressbar-height: 1.25rem;
    --rz-progressbar-border-radius: var(--rz-border-radius);
}

:root {
    --rz-gauge-scale-color: var(--rz-base-300);
    --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-scale-font-size: var(--rz-body-font-size);
    --rz-gauge-pointer-color: var(--rz-primary);
    --rz-gauge-arc-scale-color: var(--rz-base-300);
    --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-arc-value-color: var(--rz-primary);
}

:root {
    --rz-map-height: 10rem;
    --rz-map-padding: 1.25rem;
    --rz-map-background-color: var(--rz-base-background-color);
    --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
}

:root {
    --rz-lookup-panel-background-color: var(--rz-base-background-color);
    --rz-lookup-panel-padding: 1rem;
}

:root {
    --rz-login-register-background-color: var(--rz-base-100);
    --rz-login-register-padding: 1rem;
    --rz-login-register-margin: 2rem 0 0;
    --rz-login-register-button-margin: 0;
}

:root {
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: rgba(141, 142, 144, 0.5);
    --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
    --rz-scrollbar-size: 16px;
}

:root {
    --rz-form-error-color: var(--rz-danger);
    --rz-form-error-font-size: 0.75rem;
    --rz-form-group-margin-bottom: 1.5rem;
    --rz-validator-background-color: var(--rz-danger);
    --rz-validator-color: var(--rz-text-contrast-color);
    --rz-validator-shadow: 0 6px 14px 0 rgba(243, 17, 85, 0.3);
    --rz-validator-text-padding: 0;
    --rz-validator-padding: 0.25rem 0.5rem;
    --rz-validator-pointer-size: 0.375rem;
    --rz-validator-transform: translateY(12px);
}

:root {
    --rz-notification-padding: 1rem 1.25rem;
    --rz-notification-icon-margin: 0 0.625rem 0 0;
    --rz-notification-container-background-color: transparent;
    --rz-notification-success-color: var(--rz-text-contrast-color);
    --rz-notification-success-background-color: var(--rz-success);
    --rz-notification-success-icon-color: var(--rz-text-contrast-color);
    --rz-notification-warning-color: var(--rz-text-contrast-color);
    --rz-notification-warning-background-color: var(--rz-warning);
    --rz-notification-warning-icon-color: var(--rz-text-contrast-color);
    --rz-notification-error-color: var(--rz-text-contrast-color);
    --rz-notification-error-background-color: var(--rz-danger);
    --rz-notification-error-icon-color: var(--rz-text-contrast-color);
    --rz-notification-info-color: var(--rz-text-contrast-color);
    --rz-notification-info-background-color: var(--rz-info);
    --rz-notification-info-icon-color: var(--rz-text-contrast-color);
}

:root {
    --rz-dialog-background-color: var(--rz-base-background-color);
    --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
    --rz-dialog-title-background-color: var(--rz-base-background-color);
    --rz-dialog-title-border: none;
    --rz-dialog-title-padding: 1.25rem 1.25rem 0.5rem;
    --rz-dialog-title-font-size: 1.5rem;
    --rz-dialog-title-line-height: 1.25em;
    --rz-dialog-title-font-weight: 700;
    --rz-dialog-title-letter-spacing: -0.03em;
    --rz-dialog-title-color: var(--rz-text-title-color);
    --rz-dialog-close-font-size: var(--rz-icon-size);
    --rz-dialog-close-color: var(--rz-text-tertiary-color);
    --rz-dialog-close-hover-color: var(--rz-text-color);
    --rz-dialog-close-vertical-align: top;
    --rz-dialog-content-padding: 1.25rem;
    --rz-dialog-mask-background-color: var(--rz-base-600);
    --rz-dialog-border-radius: calc(2 * var(--rz-border-radius));
    --rz-dialog-mask-zindex: 1000;
    --rz-dialog-zindex: 1001;
}

:root {
    --rz-tooltip-background-color: var(--rz-base-900);
    --rz-tooltip-color: var(--rz-text-contrast-color);
    --rz-tooltip-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
    --rz-tooltip-padding: 0.25rem 0.5rem;
    --rz-tooltip-border-radius: var(--rz-border-radius);
    --rz-tooltip-font-size: var(--rz-body-font-size);
}

:root {
    --rz-tabs-padding: 1.25rem;
    --rz-tabs-shadow: none;
    --rz-tabs-border: var(--rz-border-base-200);
    --rz-tabs-border-radius: var(--rz-border-radius);
    --rz-tabs-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-font-size: var(--rz-body-font-size);
    --rz-tabs-tab-line-height: var(--rz-body-line-height);
    --rz-tabs-tab-font-weight: normal;
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-tab-letter-spacing: 0;
    --rz-tabs-tab-padding: 0.5rem 1rem;
    --rz-tabs-tab-background-color: var(--rz-base-200);
    --rz-tabs-tab-color: var(--rz-text-color);
    --rz-tabs-tab-selected-color: var(--rz-text-title-color);
    --rz-tabs-tab-selected-top-border-color: var(--rz-primary);
    --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-hover-color: var(--rz-primary);
    --rz-tabs-icon-font-size: var(--rz-icon-size);
    --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem;
    --rz-tabs-transition: var(--rz-transition-all);
}

:root {
    --rz-scheduler-border: var(--rz-border-normal);
    --rz-scheduler-border-color: var(--rz-base-200);
    --rz-scheduler-minor-border-color: var(--rz-base-100);
    --rz-scheduler-border-radius: var(--rz-border-radius);
    --rz-scheduler-shadow: none;
    --rz-scheduler-background-color: var(--rz-base-background-color);
    --rz-scheduler-color: var(--rz-text-color);
    --rz-scheduler-toolbar-padding: 0.5rem;
    --rz-scheduler-toolbar-background-color: var(--rz-base-100);
    --rz-scheduler-toolbar-title-font-size: 1rem;
    --rz-scheduler-toolbar-title-font-weight: 700;
    --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
    --rz-scheduler-prev-next-button-background-color: var(--rz-base-200);
    --rz-scheduler-prev-next-button-color: var(--rz-text-color);
    --rz-scheduler-prev-next-button-padding: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
    --rz-scheduler-prev-button-border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius);
    --rz-scheduler-next-button-border-radius: 0 var(--rz-border-radius) var(--rz-border-radius) 0;
    --rz-scheduler-today-button-margin-left: 0.5rem;
    --rz-scheduler-today-button-padding: 0.5rem 1rem;
    --rz-scheduler-today-button-font-size: 0.75rem;
    --rz-scheduler-today-button-text-transform: uppercase;
    --rz-scheduler-view-button-border: var(--rz-border-normal);
    --rz-scheduler-view-button-color: var(--rz-text-color);
    --rz-scheduler-view-button-background-color: transparent;
    --rz-scheduler-view-selected-color: var(--rz-primary);
    --rz-scheduler-view-selected-background-color: rgba(114, 152, 248, 0.16);
    --rz-scheduler-view-selected-border-color: transparent;
    --rz-scheduler-header-background-color: var(--rz-base-100);
    --rz-scheduler-header-font-size: 0.75rem;
    --rz-scheduler-header-font-size-small: 0.5rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-color: var(--rz-text-tertiary-color);
    --rz-scheduler-header-border: var(--rz-border-normal);
    --rz-scheduler-header-padding: 0.5rem 0;
    --rz-scheduler-event-color: var(--rz-text-contrast-color);
    --rz-scheduler-event-background-color: var(--rz-info);
    --rz-scheduler-event-font-size: 0.75rem;
    --rz-scheduler-event-line-height: 1.25rem;
    --rz-scheduler-event-padding: 0 1px 1px 1px;
    --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
    --rz-scheduler-event-list-button-color: var(--rz-secondary);
    --rz-scheduler-event-list-button-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size: 0.875rem;
    --rz-scheduler-slot-title-font-size-small: 0.6rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;
    --rz-scheduler-day-number-padding: 0 0.5rem;
    --rz-scheduler-weekend-color: var(--rz-text-disabled-color);
    --rz-scheduler-weekend-background-color: var(--rz-base-50);
    --rz-scheduler-other-month-background-color: var(--rz-base-100);
    Show: All Properties (8 more)
}

:root {
    --rz-datafilter-item-padding-y: 0.25rem;
    --rz-datafilter-item-padding-left: 2rem;
    --rz-datafilter-item-indentation: 0.25rem;
    --rz-datafilter-item-path-width: 1rem;
    --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2));
    --rz-datafilter-item-path-border: var(--rz-border-normal);
    --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
}

:root {
    --rz-datalist-background-color: transparent;
    --rz-datalist-shadow: none;
    --rz-datalist-padding: 0.5rem;
    --rz-datalist-border: var(--rz-border-base-200);
    --rz-datalist-border-radius: var(--rz-border-radius);
    --rz-datalist-item-shadow: none;
    --rz-datalist-item-border: var(--rz-border-base-200);
    --rz-datalist-item-vertical-margin: 0.5rem;
    --rz-datalist-item-horizontal-margin: 0.5rem;
    --rz-datalist-item-padding: 1rem;
    --rz-datalist-item-background-color: var(--rz-base-background-color);
}

:root {
    --rz-tree-background-color: var(--rz-base-background-color);
    --rz-tree-node-padding: 0.25rem;
    --rz-tree-node-selected-background-color: var(--rz-primary);
    --rz-tree-node-selected-color: var(--rz-text-contrast-color);
    --rz-tree-node-selected-border-radius: var(--rz-border-radius);
    --rz-tree-node-margin: 1px 0;
    --rz-tree-node-hover-background-color: var(--rz-primary-lighter);
    --rz-tree-node-hover-color: var(--rz-primary);
    --rz-tree-node-toggle-width: 1rem;
    --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
    --rz-tree-node-toggle-hover-color: var(--rz-text-title-color);
    --rz-tree-transition: var(--rz-transition-all);
}

:root {
    --rz-overlay-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-overlay-border: var(--rz-border-normal);
    --rz-overlay-background-color: var(--rz-base-100);
}

:root {
    --rz-paginator-background-color: transparent;
    --rz-paginator-padding: 0.5rem;
    --rz-paginator-border: none;
    --rz-paginator-button-border-radius: var(--rz-border-radius);
    --rz-paginator-numeric-button-background-color: var(--rz-base-200);
    --rz-paginator-numeric-button-color: var(--rz-text-color);
    --rz-paginator-numeric-button-border: 1px solid transparent;
    --rz-paginator-numeric-button-hover-background-color: var(--rz-base-200);
    --rz-paginator-numeric-button-hover-color: var(--rz-text-color);
    --rz-paginator-numeric-button-margin: 0 0.25rem;
    --rz-paginator-numeric-button-padding: 0.4375rem;
    --rz-paginator-numeric-button-selected-background-color: var(--rz-primary-lighter);
    --rz-paginator-numeric-button-selected-color: var(--rz-primary);
    --rz-paginator-numeric-button-selected-border: 1px solid transparent;
    --rz-paginator-numeric-button-selected-padding: 0.4375rem;
    --rz-paginator-numeric-button-min-width: 2.25rem;
    --rz-paginator-back-button-background-color: var(--rz-base-200);
    --rz-paginator-back-button-color: var(--rz-text-color);
    --rz-paginator-back-button-hover-background-color: var(--rz-base-200);
    --rz-paginator-back-button-hover-color: var(--rz-text-color);
    --rz-paginator-first-button-margin: 0 0.5rem 0 0;
    --rz-paginator-last-button-margin: 0 0 0 0.5rem;
    --rz-paginator-next-button-background-color: var(--rz-base-200);
    --rz-paginator-next-button-color: var(--rz-text-color);
    --rz-paginator-next-button-hover-background-color: var(--rz-base-200);
    --rz-paginator-next-button-hover-color: var(--rz-text-color);
    --rz-paginator-dropdown-width: 80px;
    --rz-paginator-dropdown-margin: 0 0 0 0.5rem;
    --rz-paginator-summary-padding: 0 1.25rem 0 0;
    --rz-paginator-summary-font-size: var(--rz-body-font-size);
    --rz-paginator-summary-color: var(--rz-text-tertiary-color);
}

:root {
    --rz-grid-data-border-shadow: 0 1px 0 0 var(--rz-base-200), 0 -1px 0 0 var(--rz-base-200);
    --rz-grid-cell-border: var(--rz-border-normal);
    --rz-grid-right-cell-border: var(--rz-border-normal);
    --rz-grid-bottom-cell-border: var(--rz-border-normal);
    --rz-grid-cell-padding: 0.3rem !important;
    --rz-grid-cell-color: var(--rz-text-color);
    --rz-grid-cell-font-size: var(--rz-body-font-size);
    --rz-grid-cell-line-height: var(--rz-body-line-height);
    --rz-grid-hover-background-color: var(--rz-primary-lighter);
    --rz-grid-hover-color: #000 !important;
    --rz-grid-selected-background-color: rgb(244 245 249);
    --rz-grid-selected-color: #26376d;
    --rz-grid-stripe-background-color: #f7f8fb;
    --rz-grid-header-cell-border: var(--rz-border-normal);
    --rz-grid-header-cell-border-bottom: var(--rz-border-normal);
    --rz-grid-header-background-color: var(--rz-base-100);
    --rz-grid-header-font-size: 0.875rem;
    --rz-grid-header-line-height: 1rem;
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-text-transform: none;
    --rz-grid-header-color: var(--rz-text-title-color);
    --rz-grid-header-cell-padding: 0.625rem 0;
    --rz-grid-header-title-padding: 0 0 0 0.5rem;
    --rz-grid-header-sorted-background-color: var(--rz-base-100);
    --rz-grid-header-padding: 1rem;
    --rz-grid-foot-cell-color: var(--rz-text-title-color);
    --rz-grid-foot-background-color: var(--rz-base-200);
    --rz-grid-filter-background-color: var(--rz-base-100);
    --rz-grid-filter-padding: 0.5rem;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: none;
    --rz-grid-filter-font-size: var(--rz-body-font-size);
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin: 0 0.25rem 0 0;
    --rz-grid-filter-icon-font-size: var(--rz-icon-size);
    --rz-grid-filter-color: var(--rz-text-disabled-color);
    --rz-grid-filter-focus-color: var(--rz-text-title-color);
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 1rem;
    --rz-grid-filter-buttons-border: var(--rz-border-normal);
    --rz-grid-filter-buttons-background-color: var(--rz-white);
    --rz-grid-clear-filter-button-background-color: var(--rz-base-200);
    --rz-grid-clear-filter-button-color: var(--rz-text-color);
    --rz-grid-clear-filter-button-shadow: inherit;
    --rz-grid-apply-filter-button-background-color: var(--rz-primary);
    --rz-grid-apply-filter-button-color: var(--rz-text-contrast-color);
    --rz-grid-apply-filter-button-shadow: inherit;
    --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto;
    Show: All Properties (41 more)
}

:root {
    --rz-upload-button-bar-background-color: var(--rz-base-100);
    --rz-upload-button-bar-padding: 0.5rem;
    --rz-upload-files-background-color: var(--rz-base-background-color);
    --rz-upload-files-padding: 0.5rem 0;
    --rz-upload-files-remove-background-color: var(--rz-base-300);
    --rz-upload-files-remove-color: var(--rz-text-color);
    --rz-upload-files-margin: 0 0.5rem;
    --rz-upload-choose-background-color: var(--rz-secondary-lighter);
    --rz-upload-choose-color: var(--rz-secondary);
    --rz-upload-choose-hover-background-color: var(--rz-secondary-light);
    --rz-upload-choose-hover-color: var(--rz-text-contrast-color);
    --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
    --rz-upload-choose-active-color: var(--rz-text-contrast-color);
    --rz-upload-cancel-background-color: var(--rz-base-300);
    --rz-upload-cancel-color: var(--rz-text-color);
    --rz-upload-button-background-color: var(--rz-primary);
}

:root {
    --rz-numeric-line-height: 1.25rem;
    --rz-numeric-input-padding: 0.5rem 1.25rem 0.5rem 0.5rem;
    --rz-numeric-button-width: 0.875rem;
    --rz-numeric-button-height: 0.875rem;
    --rz-numeric-button-offset: 2px;
    --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
    --rz-numeric-button-background-color: var(--rz-base-background-color);
    --rz-numeric-button-disabled-background-color: var(--rz-base-100);
    --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
    --rz-numeric-button-color: var(--rz-text-tertiary-color);
}

:root {
    --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
    --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
    --rz-datepicker-line-height: 1.25rem;
    --rz-datepicker-trigger-icon-color: var(--rz-text-color);
    --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color);
    --rz-datepicker-panel-border: var(--rz-border-normal);
    --rz-datepicker-panel-background-color: var(--rz-base-background-color);
    --rz-datepicker-panel-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-datepicker-panel-margin: 0;
    --rz-datepicker-header-background-color: var(--rz-base-background-color);
    --rz-datepicker-header-color: var(--rz-text-color);
    --rz-datepicker-header-padding: 0 1rem;
    --rz-datepicker-header-line-height: 2.8125rem;
    --rz-datepicker-header-border: none;
    --rz-datepicker-footer-padding: 0 1rem;
    --rz-datepicker-footer-line-height: 2.8125rem;
    --rz-datepicker-calendar-padding: 0.5rem 0.875rem;
    --rz-datepicker-calendar-header-font-size: 0.625rem;
    --rz-datepicker-calendar-header-text-transform: uppercase;
    --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
    --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
    --rz-datepicker-calendar-color: var(--rz-text-color);
    --rz-datepicker-calendar-hover-color: var(--rz-primary);
    --rz-datepicker-calendar-hover-background-color: var(--rz-primary-lighter);
    --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-selected-background-color: var(--rz-primary);
    --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-selected-hover-background-color: var(--rz-primary-light);
    --rz-datepicker-calendar-border: none;
    --rz-datepicker-calendar-border-radius: var(--rz-border-radius);
    --rz-datepicker-calendar-transition: var(--rz-transition-all);
    --rz-datepicker-title-height: 47px;
    --rz-timepicker-background-color: var(--rz-base-background-color);
    --rz-timepicker-color: var(--rz-text-color);
    --rz-timepicker-separator-color: var(--rz-text-disabled-color);
    --rz-timepicker-padding: 0.5rem;
    --rz-timepicker-hour-padding: 0.5rem;
    --rz-timepicker-button-background-color: var(--rz-primary);
    --rz-timepicker-button-color: var(--rz-text-contrast-color);
    --rz-timepicker-button-width: 0.875rem;
    --rz-timepicker-button-height: 0.875rem;
    --rz-timepicker-button-border-radius: var(--rz-border-radius);
    --rz-timepicker-button-padding: 0.5rem 1rem !important;
    --rz-timepicker-gap: 0.5rem;
    --rz-timepicker-separator-margin: 0 0.5rem;
    --rz-timepicker-border: none;
}

:root {
    --rz-selectbar-background-color: transparent;
    --rz-selectbar-color: var(--rz-text-color);
    --rz-selectbar-border: var(--rz-border-normal);
    --rz-selectbar-selected-background-color: rgba(114, 152, 248, 0.16);
    --rz-selectbar-selected-color: #26376d;
    --rz-selectbar-selected-border: var(--rz-border-normal);
    --rz-selectbar-border-radius: var(--rz-border-radius);
}

:root {
    --rz-rating-color: var(--rz-text-tertiary-color);
    --rz-rating-opacity: 0.5;
    --rz-rating-font-size: var(--rz-icon-size);
    --rz-rating-selected-color: var(--rz-primary);
    --rz-rating-disabled-color: var(--rz-text-disabled-color);
    --rz-rating-disabled-opacity: 0.5;
    --rz-rating-ban-icon: highlight_off;
    --rz-rating-ban-icon-color: var(--rz-text-tertiary-color);
}

:root {
    --rz-slider-background-color: var(--rz-base-background-color);
    --rz-slider-border: var(--rz-border-base-300);
    --rz-slider-border-radius: calc(2 * var(--rz-border-radius));
    --rz-slider-horizontal-height: 0.5rem;
    --rz-slider-horizontal-width: 10rem;
    --rz-slider-range-background-color: var(--rz-primary-lighter);
    --rz-slider-range-border: var(--rz-border-primary-lighter);
    --rz-slider-handle-width: 1.25rem;
    --rz-slider-handle-height: 1.25rem;
    --rz-slider-handle-color: var(--rz-text-contrast-color);
    --rz-slider-handle-background-color: var(--rz-white);
    --rz-slider-handle-border: 0.25rem solid var(--rz-primary);
    --rz-slider-handle-border-radius: calc(4 * var(--rz-border-radius));
    --rz-slider-handle-shadow: none;
    --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
    --rz-slider-handle-hover-background-color: var(--rz-primary);
    --rz-slider-handle-hover-border: 0.25rem solid var(--rz-primary);
    --rz-slider-handle-hover-shadow: none;
    --rz-slider-disabled-background-color: var(--rz-base-background-color);
    --rz-slider-disabled-border: var(--rz-border-disabled);
    --rz-slider-disabled-range-background-color: var(--rz-base-200);
    --rz-slider-disabled-range-border: var(--rz-border-base-300);
    --rz-slider-disabled-handle-border: 0.25rem solid var(--rz-base-400);
    --rz-slider-disabled-handle-background-color: var(--rz-white);
}

:root {
    --rz-splitbutton-menu-button-width: 1.875rem;
    --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0;
    --rz-splitbutton-menu-button-font-size: 1.0625rem;
    --rz-splitbutton-menu-shadow: none;
    --rz-splitbutton-menu-min-width: 10rem;
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitbutton-border-radius: var(--rz-border-radius);
}

:root {
    --rz-listbox-background-color: var(--rz-input-background-color);
    --rz-listbox-border-radius: var(--rz-input-border-radius);
    --rz-listbox-border: var(--rz-input-border);
    --rz-listbox-filter-border: var(--rz-border-base-100);
    --rz-listbox-padding: 0;
    --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
    --rz-listbox-item-margin: 0;
    --rz-listbox-checkbox-margin: 0 0.5rem 0 0;
    --rz-listbox-header-padding: 0.5rem;
    --rz-listbox-header-icon-width: var(--rz-icon-size);
    --rz-listbox-header-icon-height: var(--rz-icon-size);
    --rz-listbox-header-icon-margin: 0;
}

:root {
    --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0;
    --rz-dropdown-horizontal-padding: 0.5rem;
    --rz-dropdown-panel-padding: 0 0.5rem;
    --rz-dropdown-items-margin: 0 -0.5rem;
    --rz-dropdown-items-padding: 0;
    --rz-dropdown-item-padding: 0.5rem;
    --rz-dropdown-item-font-size: var(--rz-input-font-size);
    --rz-dropdown-item-hover-background-color: var(--rz-primary-lighter);
    --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter);
    --rz-dropdown-item-selected-shadow: none;
    --rz-dropdown-item-hover-color: var(--rz-primary);
    --rz-dropdown-item-selected-color: var(--rz-primary);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter);
    --rz-dropdown-item-selected-hover-color: var(--rz-primary);
    --rz-dropdown-item-transition: var(--rz-transition-all);
    --rz-dropdown-item-disabled-opacity: 0.2;
    --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0;
    --rz-dropdown-filter-border: var(--rz-border-base-200);
    --rz-dropdown-filter-padding: 0.5rem 0;
    --rz-dropdown-open-background-color: var(--rz-base-background-color);
    --rz-dropdown-open-border: var(--rz-input-border);
    --rz-dropdown-panel-border: var(--rz-input-border);
    --rz-dropdown-panel-shadow: none;
    --rz-dropdown-chips-padding: var(--rz-input-padding);
    --rz-multiselect-checkbox-margin: 0 0.5rem 0 0;
}

:root {
    --rz-fieldset-border: var(--rz-border-base-300);
    --rz-fieldset-border-radius: var(--rz-border-radius);
    --rz-fieldset-padding: 1.25rem;
    --rz-fieldset-legend-color: var(--rz-text-color);
    --rz-fieldset-legend-font-size: var(--rz-body-font-size);
    --rz-fieldset-legend-margin: 0 0 0 1rem;
    --rz-fieldset-legend-padding: 0 1rem;
    --rz-fieldset-toggle-width: 1.125rem;
    --rz-fieldset-toggle-margin: 0 0.5rem 0 0;
    --rz-fieldset-toggle-height: 1.125rem;
    --rz-fieldset-toggle-background-color: var(--rz-base-200);
    --rz-fieldset-toggle-color: var(--rz-text-color);
    --rz-fieldset-toggle-font-size: 1rem;
    --rz-fieldset-toggle-border: none;
}

:root {
    --rz-radio-width: 1.25rem;
    --rz-radio-height: 1.25rem;
    --rz-radio-border-radius: 50%;
    --rz-radio-border-width: inherit;
    --rz-radio-label-margin: 0 1rem 0 0.5rem;
    --rz-radio-margin: 1rem 0;
    --rz-radio-active-background-color: var(--rz-base-background-color);
    --rz-radio-active-shadow: none;
    --rz-radio-checked-background-color: var(--rz-base-background-color);
    --rz-radio-checked-hover-background-color: var(--rz-base-background-color);
    --rz-radio-checked-hover-shadow: none;
    --rz-radio-checked-color: var(--rz-text-contrast-color);
    --rz-radio-circle-background-color: var(--rz-primary);
    --rz-radio-circle-shadow: none;
    --rz-radio-circle-hover-background-color: var(--rz-primary-light);
    --rz-radio-icon-width: 0.625rem;
    --rz-radio-icon-height: 0.625rem;
    --rz-radio-checked-border: var(--rz-input-border);
}

:root {
    --rz-switch-background-color: var(--rz-base-200);
    --rz-switch-checked-background-color: var(--rz-primary);
    --rz-switch-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
    --rz-switch-circle-background-color: var(--rz-text-contrast-color);
    --rz-switch-checked-circle-background-color: var(--rz-text-contrast-color);
}

:root {
    --rz-checkbox-width: 1.25rem;
    --rz-checkbox-height: 1.25rem;
    --rz-checkbox-border-radius: var(--rz-border-radius);
    --rz-checkbox-border-width: inherit;
    --rz-checkbox-label-margin: 0 1rem 0 0.5rem;
    --rz-checkbox-margin: 1rem 0;
    --rz-checkbox-checked-background-color: var(--rz-base-background-color);
    --rz-checkbox-checked-hover-background-color: var(--rz-base-background-color);
    --rz-checkbox-checked-disabled-background-color: var(--rz-base-background-color);
    --rz-checkbox-checked-color: var(--rz-primary);
    --rz-checkbox-checked-shadow: none;
    --rz-checkbox-checked-border: var(--rz-input-border);
    --rz-checkbox-checked-hover-border: var(--rz-input-border);
    --rz-checkbox-checked-disabled-border: var(--rz-input-border);
    --rz-checkbox-checked-icon-background-color: var(--rz-primary);
    --rz-checkbox-checked-icon-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-checkbox-icon-width: 0.625rem;
    --rz-checkbox-icon-height: 0.625rem;
    --rz-checkbox-icon-font-size: 0;
    --rz-checkbox-tri-icon-width: 0.625rem;
    --rz-checkbox-tri-icon-height: 0.125rem;
    --rz-checkbox-tri-icon-font-size: 0;
}

:root {
    --rz-text-area-padding: var(--rz-input-padding);
}

:root {
    --rz-steps-color: var(--rz-text-color);
    --rz-steps-number-border-radius: 50%;
    --rz-steps-number-padding: 0.375rem 0;
    --rz-steps-number-width: 2rem;
    --rz-steps-number-height: 2rem;
    --rz-steps-number-line-height: var(--rz-body-line-height);
    --rz-steps-number-color: var(--rz-text-color);
    --rz-steps-number-background-color: var(--rz-base-300);
    --rz-steps-number-selected-color: var(--rz-text-contrast-color);
    --rz-steps-number-selected-background: var(--rz-primary);
    --rz-steps-title-selected-color: var(--rz-primary);
    --rz-steps-title-margin: 0 1rem 0 0.5rem;
    --rz-steps-buttons-padding: 1rem 0;
    --rz-steps-button-color: var(--rz-primary);
}

:root {
    --rz-gravatar-width: 2rem;
    --rz-gravatar-height: 2rem;
    --rz-gravatar-border-radius: 50%;
    --rz-gravatar-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
}

:root {
    --rz-profile-menu-background-color: var(--rz-base-background-color);
    --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-profile-menu-border: var(--rz-border-base-200);
    --rz-profile-menu-padding: 0.625rem 1rem;
    --rz-profile-menu-border-radius: var(--rz-border-radius);
    --rz-profile-menu-toggle-button-color: var(--rz-text-color);
    --rz-profile-menu-item-hover-background-color: var(--rz-primary-lighter);
    --rz-profile-menu-item-icon-width: var(--rz-icon-size);
    --rz-profile-menu-item-icon-height: var(--rz-icon-size);
    --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
    --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0;
}

:root {
    --rz-panel-menu-font-size: var(--rz-body-font-size);
    --rz-panel-menu-font-weight: 600;
    --rz-panel-menu-color: #ffffff;
    --rz-panel-menu-background-color: #262526;
    --rz-panel-menu-hover-background-color: #333233;
    --rz-panel-menu-hover-color: inherit;
    --rz-panel-menu-item-line-height: 1.25rem;
    --rz-panel-menu-item-padding: 0.75rem 1rem;
    --rz-panel-menu-item-border: 1px solid #373637;
    --rz-panel-menu-item-active-background-color: #515151;
    --rz-panel-menu-item-background-color: #373637;
    --rz-panel-menu-item-active-color: inherit;
    --rz-panel-menu-item-active-indicator: #26376d;
    --rz-panel-menu-item-offset: 0.75rem;
    --rz-panel-menu-item-transition: var(--rz-transition-all);
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 1rem;
    --rz-panel-menu-item-2nd-level-margin: 0;
    --rz-panel-menu-item-2nd-level-border-radius: 0;
    --rz-panel-menu-item-2nd-level-offset: 2.75rem;
    --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
    --rz-panel-menu-item-2nd-level-color: inherit;
    --rz-panel-menu-item-2nd-level-hover-background-color: #494849;
    --rz-panel-menu-item-2nd-level-background-color: #403f40;
    --rz-panel-menu-item-2nd-level-hover-color: inherit;
    --rz-panel-menu-item-2nd-level-active-background-color: #494849;
    --rz-panel-menu-item-2nd-level-active-color: inherit;
    --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
    --rz-panel-menu-item-3rd-level-hover-background-color: #515151;
    --rz-panel-menu-item-3rd-level-hover-color: inherit;
    --rz-panel-menu-item-3rd-level-active-background-color: #515151;
    --rz-panel-menu-item-3rd-level-active-color: inherit;
    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-color: #ffffff;
    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin: 0 0.5rem 0 0;
    --rz-panel-menu-icon-2nd-level-margin: 0 0.625rem 0 -1.625rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 0.4;
}

:root {
    --rz-menu-background-color: var(--rz-base-background-color);
    --rz-menu-border: none;
    --rz-menu-border-radius: 0;
    --rz-menu-item-padding: 0.5rem 1rem 0.5rem 0.5rem;
    --rz-menu-item-border-radius: 0;
    --rz-menu-item-color: var(--rz-text-color);
    --rz-menu-item-hover-color: var(--rz-primary);
    --rz-menu-item-hover-background-color: var(--rz-primary-lighter);
    --rz-menu-item-selected-color: var(--rz-primary);
    --rz-menu-item-icon-margin: 0 0.5rem 0 0;
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-menu-item-icon-hover-color: var(--rz-primary);
    --rz-menu-item-offset: 1rem;
    --rz-menu-item-transition: var(--rz-transition-all);
    --rz-menu-top-item-padding: 0.5rem;
    --rz-menu-top-item-border-radius: 0;
    --rz-menu-top-item-color: var(--rz-text-color);
    --rz-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-menu-top-item-hover-color: var(--rz-primary);
    --rz-menu-top-item-hover-background-color: var(--rz-primary-lighter);
    --rz-menu-top-item-selected-color: var(--rz-primary);
    --rz-menu-top-item-icon-color: var(--rz-text-color);
    --rz-menu-top-item-icon-hover-color: var(--rz-primary);
    --rz-context-menu-padding: 0;
    --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
}

:root {
    --rz-sidebar-toggle-icon-width: 1.5rem;
    --rz-sidebar-toggle-icon-height: 1.5rem;
    --rz-sidebar-toggle-margin: 0 1rem 0 0;
    --rz-sidebar-toggle-padding: 0.8125rem;
    --rz-sidebar-toggle-border: var(--rz-border-base-200);
    --rz-sidebar-toggle-color: var(--rz-base-800);
    --rz-sidebar-toggle-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-color: var(--rz-base-900);
    --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-border-radius: 0;
}

:root {
    --rz-panel-background-color: var(--rz-base-background-color);
    --rz-panel-padding: 0.5rem;
    --rz-panel-title-line-height: 1.25rem;
    --rz-panel-title-font-weight: 600;
    --rz-panel-content-margin: 0;
    --rz-panel-toggle-icon-width: var(--rz-icon-size);
    --rz-panel-toggle-icon-height: var(--rz-icon-size);
    --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-toggle-icon-border-radius: var(--rz-border-radius);
    --rz-panel-toggle-icon-background-color: var(--rz-base-200);
    --rz-panel-hover-color: var(--rz-primary);
    --rz-panel-border-radius: var(--rz-border-radius);
    --rz-panel-shadow: none;
}

:root {
    --rz-accordion-item-padding: 0.25rem 0;
    --rz-accordion-item-margin: 0;
    --rz-accordion-item-border: none;
    --rz-accordion-item-background-color: var(--rz-base-background-color);
    --rz-accordion-item-color: var(--rz-text-color);
    --rz-accordion-item-line-height: 1.25rem;
    --rz-accordion-item-font-size: var(--rz-body-font-size);
    --rz-accordion-item-font-weight: normal;
    --rz-accordion-icon-width: var(--rz-icon-size);
    --rz-accordion-icon-height: var(--rz-icon-size);
    --rz-accordion-icon-font-size: var(--rz-icon-size);
    --rz-accordion-icon-margin: 0 0.25rem 0 0;
    --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0;
    --rz-accordion-toggle-icon-order: 0;
    --rz-accordion-selected-color: var(--rz-base-900);
    --rz-accordion-hover-color: var(--rz-primary);
    --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    --rz-accordion-content-font-size: var(--rz-body-font-size);
    --rz-accordion-border-radius: var(--rz-border-radius);
    --rz-accordion-shadow: none;
}

:root {
    --rz-body-padding: 1rem;
}

:root {
    --rz-card-padding: 1.25rem;
    --rz-card-background-color: var(--rz-base-background-color);
    --rz-card-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
    --rz-card-border-radius: var(--rz-border-radius);
    --rz-card-heading-margin-bottom: 0.5rem;
}

:root {
    --rz-sidebar-z: 1;
    --rz-sidebar-width: 250px;
    --rz-sidebar-border-right: var(--rz-border-base-800);
    --rz-sidebar-background-color: var(--rz-base-900);
}

:root {
    --rz-footer-padding: 1rem;
    --rz-footer-background-color: var(--rz-base-background-color);
    --rz-footer-border: none;
    --rz-footer-color: var(--rz-text-color);
    --rz-footer-z: 2;
}

:root {
    --rz-header-background-color: var(--rz-base-background-color);
    --rz-header-min-height: 3.125rem;
    --rz-header-z: 2;
    --rz-header-border: var(--rz-border-white);
    --rz-header-color: var(--rz-text-color);
    --rz-header-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
}

:root {
    --rz-input-font-size: var(--rz-body-font-size);
    --rz-input-height: 31px !important;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding: 0.4375rem;
    --rz-input-value-color: var(--rz-text-color);
    --rz-input-placeholder-color: var(--rz-text-tertiary-color);
    --rz-input-background-color: var(--rz-base-background-color);
    --rz-input-border: var(--rz-border-normal);
    --rz-input-border-radius: var(--rz-border-radius);
    --rz-input-shadow: none;
    --rz-input-hover-shadow: none;
    --rz-input-hover-border: var(--rz-border-primary-light);
    --rz-input-focus-shadow: 0px 0px 0px 1px var(--rz-white), 0px 0px 0px 3px rgba(17, 81, 243, 0.2);
    --rz-input-focus-border: var(--rz-border-primary-light);
    --rz-input-disabled-border: var(--rz-border-disabled);
    --rz-input-disabled-shadow: none;
    --rz-input-disabled-background-color: var(--rz-base-100);
    --rz-input-disabled-color: var(--rz-text-tertiary-color);
    --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
    --rz-input-disabled-opacity: 0.5;
    --rz-input-transition: var(--rz-transition-all);
}

:root {
    --rz-chip-background-color: var(--rz-base-200);
    --rz-chip-color: var(--rz-text-color);
    --rz-chip-padding: 0 0 0 0.5rem;
    --rz-chip-gap: 0.5rem;
    --rz-chip-border-radius: var(--rz-border-radius);
    --rz-chip-font-size: 0.875rem;
}

:root {
    --rz-badge-border-radius: var(--rz-border-radius);
    --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
    --rz-badge-padding: 0.125rem 0.25rem;
    --rz-badge-pill-padding: 0.125rem 0.5rem;
    --rz-badge-font-size: 0.75rem;
    --rz-badge-font-weight: 600;
    --rz-badge-line-height: 1rem;
    --rz-badge-text-transform: uppercase;
    --rz-badge-letter-spacing: 0.02rem;
}

:root {
    --rz-button-base-background-color: #e9eaed;
    --rz-button-base-color: #4f4f50;
    --rz-button-background-size: 100% 0%, 100% 0%;
    --rz-button-border-radius: 4px;
    --rz-button-shadow: none;
    --rz-button-transition: var(--rz-transition-all);
    --rz-button-line-height: 1.25rem;
    --rz-button-vertical-align: top;
    --rz-button-hover-shadow: none;
    --rz-button-hover-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 100%);
    --rz-button-hover-background-size: 100% 200%, 100% 0%;
    --rz-button-focus-shadow: none;
    --rz-button-focus-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 100%);
    --rz-button-focus-background-size: 100% 200%, 100% 0%;
    --rz-button-focus-outline: none;
    --rz-button-active-shadow: none;
    --rz-button-active-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 100%);
    --rz-button-active-background-size: 100% 0%, 100% 200%;
    --rz-button-disabled-opacity: 0.5;
}

:root {
    --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-display-h1-line-height: 1em;
    --rz-text-display-h1-font-weight: 700;
    --rz-text-display-h1-letter-spacing: -0.04em;
    --rz-text-display-h1-color: var(--rz-text-title-color);
    --rz-text-display-h1-margin-bottom: 1rem;
    --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-display-h2-line-height: calc(1em + 4px);
    --rz-text-display-h2-font-weight: 700;
    --rz-text-display-h2-letter-spacing: -0.03em;
    --rz-text-display-h2-color: var(--rz-text-title-color);
    --rz-text-display-h2-margin-bottom: 1rem;
    --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-display-h3-line-height: calc(1em + 4px);
    --rz-text-display-h3-font-weight: 700;
    --rz-text-display-h3-letter-spacing: -0.02em;
    --rz-text-display-h3-color: var(--rz-text-title-color);
    --rz-text-display-h3-margin-bottom: 0.75rem;
    --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-display-h4-line-height: 1em;
    --rz-text-display-h4-font-weight: 700;
    --rz-text-display-h4-letter-spacing: -0.02em;
    --rz-text-display-h4-color: var(--rz-text-title-color);
    --rz-text-display-h4-margin-bottom: 0.5rem;
    --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
    --rz-text-display-h5-line-height: 1em;
    --rz-text-display-h5-font-weight: 600;
    --rz-text-display-h5-letter-spacing: -0.02em;
    --rz-text-display-h5-color: var(--rz-text-title-color);
    --rz-text-display-h5-margin-bottom: 0.5rem;
    --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-display-h6-line-height: 1em;
    --rz-text-display-h6-font-weight: 600;
    --rz-text-display-h6-letter-spacing: -0.02em;
    --rz-text-display-h6-color: var(--rz-text-title-color);
    --rz-text-display-h6-margin-bottom: 0.5rem;
    --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-h1-line-height: calc(1em + 4px);
    --rz-text-h1-font-weight: 600;
    --rz-text-h1-letter-spacing: -0.04em;
    --rz-text-h1-color: var(--rz-text-title-color);
    --rz-text-h1-margin-bottom: 1rem;
    --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-h2-line-height: calc(1em + 4px);
    --rz-text-h2-font-weight: 600;
    --rz-text-h2-letter-spacing: -0.03em;
    --rz-text-h2-color: var(--rz-text-title-color);
    --rz-text-h2-margin-bottom: 1rem;
    --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-h3-line-height: 1em;
    Show All Properties (65 more)
}

:root {
    --rz-transition: 0.1s linear;
    --rz-transition-all: all 0.1s linear;
}

:root {
    --rz-shadow-0: none;
    --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
    --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
    --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
    --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
    --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
    --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
    --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
    --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
    --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
}

:root {
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
}

:root {
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200);
}

:root {
    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
    --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
    --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
    --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
    --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
    --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
    --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
    --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
    Show All Properties (16 more)
}

:root {
    --rz-base-background-color: var(--rz-white);
}

:root {
    --rz-link-color: var(--rz-secondary);
    --rz-link-text-decoration: none;
    --rz-link-hover-color: var(--rz-secondary-dark);
    --rz-link-hover-text-decoration: underline;
}

:root {
    --rz-text-title-color: var(--rz-base-900);
    --rz-text-color: var(--rz-base-800);
    --rz-text-secondary-color: var(--rz-base-700);
    --rz-text-tertiary-color: var(--rz-base-600);
    --rz-text-disabled-color: var(--rz-base-500);
    --rz-text-contrast-color: var(--rz-white);
}

:root {
    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 0.875rem;
    --rz-body-line-height: 1.429;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --rz-icon-size: 1.25rem;
    --rz-icon-font-family: Material Icons;
}

:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #ffffff;
    --rz-base-100: #f4f5f9;
    --rz-base-200: #e9eaed;
    --rz-base-300: #e0e1e4;
    --rz-base-400: #c9cacd;
    --rz-base-500: #afafb2;
    --rz-base-600: #8d8e90;
    --rz-base-700: #707072;
    --rz-base-800: #4f4f50;
    --rz-base-900: #262526;
    --rz-primary: #26376D !important;
    --rz-primary-light: #26376D;
    --rz-primary-lighter: rgb(244 245 249);
    --rz-primary-dark: #0e44cc;
    --rz-primary-darker: #0d3eb9;
    --rz-secondary: #5d89f7;
    --rz-secondary-light: #779cf8;
    --rz-secondary-lighter: rgba(93, 137, 247, 0.16);
    --rz-secondary-dark: #4e73cf;
    --rz-secondary-darker: #4768bc;
    --rz-info: #12a4f5;
    --rz-info-light: #38b3f7;
    --rz-info-lighter: rgba(18, 164, 245, 0.16);
    --rz-info-dark: #0f8ace;
    --rz-info-darker: #0e7dba;
    --rz-success: #009b51;
    --rz-success-light: #29ab6d;
    --rz-success-lighter: rgba(0, 155, 81, 0.16);
    --rz-success-dark: #008244;
    --rz-success-darker: #00763e;
    --rz-warning: #ffae11;
    --rz-warning-light: #ffbb37;
    --rz-warning-lighter: rgba(255, 174, 17, 0.16);
    --rz-warning-dark: #d6920e;
    --rz-warning-darker: #c2840d;
    --rz-danger: #f31155;
    --rz-danger-light: #f53770;
    --rz-danger-lighter: rgba(243, 17, 85, 0.16);
    --rz-danger-dark: #cc0e47;
    --rz-danger-darker: #b90d41;
    --rz-series-1: #376df5;
    --rz-series-2: #64dfdf;
    --rz-series-3: #f68769;
    --rz-series-4: #c161e2;
    --rz-series-5: #fdd07a;
    --rz-series-6: #f8629b;
    --rz-series-7: #74d062;
    --rz-series-8: #84a7ff;
    Show All Properties (16 more)
}

:root {
    --rz-gap: 1rem;
    --rz-row-gap: 1rem;
}

:root {
    --rz-alert-margin: 0.5rem 0;
    --rz-alert-padding: 1rem;
    --rz-alert-gap: 1rem;
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-background-color: var(--rz-base-200);
    --rz-alert-box-shadow: var(--rz-shadow-3);
    --rz-alert-message-margin: 0.125rem 0;
    --rz-alert-title-color: var(--rz-text-h6-color);
    --rz-alert-icon-color: var(--rz-alert-color);
    --rz-alert-icon-margin: 0.125rem 0;
    --rz-alert-icon-size: var(--rz-icon-size);
}

:root {
    --rz-splitter-bar-color: var(--rz-text-secondary-color);
    --rz-splitter-bar-color-active: var(--rz-text-contrast-color);
    --rz-splitter-bar-background-color: var(--rz-base-200);
    --rz-splitter-bar-background-color-active: var(--rz-primary);
    --rz-splitter-bar-hover-opacity: 1;
}

:root {
    --rz-colorpicker-panel-border: var(--rz-border-normal);
    --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
    --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-colorpicker-panel-padding: 0.5rem;
    --rz-colorpicker-panel-max-width: 20rem;
    --rz-colorpicker-saturation-height: 200px;
    --rz-colorpicker-value-border-radius: var(--rz-border-radius);
    --rz-colorpicker-item-size: 1.25rem;
    --rz-colorpicker-item-border-radius: var(--rz-border-radius);
    --rz-colorpicker-item-margin: 0.25rem;
    --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
    --rz-colorpicker-handle-size: 12px;
    --rz-colorpicker-handle-border: 2px solid var(--rz-white);
    --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
    --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-hex-input-height: 2rem;
    --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-rgba-input-height: 2rem;
    --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
}

:root {
    --rz-editor-border: var(--rz-border-base-300);
    --rz-editor-border-radius: var(--rz-border-radius);
    --rz-editor-toolbar-background-color: var(--rz-base-background-color);
    --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
    --rz-editor-button-padding: 0.5rem;
    --rz-editor-button-background-color: var(--rz-base-background-color);
    --rz-editor-button-color: var(--rz-text-color);
    --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
    --rz-editor-button-selected-background-color: var(--rz-secondary-lighter);
    --rz-editor-button-selected-color: var(--rz-secondary);
    --rz-editor-separator-background-color: var(--rz-base-200);
    --rz-editor-content-background-color: var(--rz-base-background-color);
}

:root {
    --rz-chart-axis-color: var(--rz-base-300);
    --rz-chart-axis-label-color: var(--rz-base-500);
    --rz-chart-axis-font-size: 0.875rem;
    --rz-chart-legend-font-size: 0.875rem;
    --rz-chart-tooltip-background: var(--rz-base-background-color);
    --rz-chart-tooltip-color: var(--rz-text-color);
}

:root {
    --rz-progressbar-value-background-color: var(--rz-primary);
    --rz-progressbar-background-color: var(--rz-primary-lighter);
    --rz-progressbar-font-size: var(--rz-body-font-size);
    --rz-progressbar-height: 0.25rem;
    --rz-progressbar-border-radius: 0;
}

:root {
    --rz-gauge-scale-color: var(--rz-base-300);
    --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-scale-font-size: var(--rz-body-font-size);
    --rz-gauge-pointer-color: var(--rz-text-secondary-color);
    --rz-gauge-arc-scale-color: var(--rz-base-300);
    --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-arc-value-color: var(--rz-secondary);
}

:root {
    --rz-map-height: 10rem;
    --rz-map-padding: 1.25rem;
    --rz-map-background-color: var(--rz-base-background-color);
    --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
}

:root {
    --rz-lookup-panel-background-color: rgba(0, 0, 0, 0.04);
    --rz-lookup-panel-padding: 1rem;
}

:root {
    --rz-login-register-background-color: rgba(0, 0, 0, 0.04);
    --rz-login-register-padding: 1rem;
    --rz-login-register-margin: 2rem 0 0;
    --rz-login-register-button-margin: 0;
}

:root {
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: rgba(0, 0, 0, 0.12);
    --rz-scrollbar-border-radius: 0;
    --rz-scrollbar-size: 16px;
}

:root {
    --rz-form-error-color: var(--rz-danger);
    --rz-form-error-font-size: 0.75rem;
    --rz-form-group-margin-bottom: 1.5rem;
    --rz-validator-background-color: var(--rz-danger);
    --rz-validator-color: var(--rz-text-contrast-color);
    --rz-validator-shadow: 0 6px 14px 0 rgba(244, 67, 54, 0.3);
    --rz-validator-text-padding: 0;
    --rz-validator-padding: 0.25rem 0.5rem;
    --rz-validator-pointer-size: 0.375rem;
    --rz-validator-transform: translateY(12px);
}

:root {
    --rz-notification-padding: 1rem 1.25rem;
    --rz-notification-icon-margin: 0 0.625rem 0 0;
    --rz-notification-container-background-color: var(--rz-white);
    --rz-notification-success-color: var(--rz-success);
    --rz-notification-success-background-color: var(--rz-success-lighter);
    --rz-notification-success-icon-color: var(--rz-success);
    --rz-notification-warning-color: var(--rz-warning);
    --rz-notification-warning-background-color: var(--rz-warning-lighter);
    --rz-notification-warning-icon-color: var(--rz-warning);
    --rz-notification-error-color: var(--rz-danger);
    --rz-notification-error-background-color: var(--rz-danger-lighter);
    --rz-notification-error-icon-color: var(--rz-danger);
    --rz-notification-info-color: var(--rz-info);
    --rz-notification-info-background-color: var(--rz-info-lighter);
    --rz-notification-info-icon-color: var(--rz-info);
}

:root {
    --rz-dialog-background-color: var(--rz-base-background-color);
    --rz-dialog-shadow: var(--rz-shadow-9);
    --rz-dialog-title-background-color: var(--rz-base-background-color);
    --rz-dialog-title-border: none;
    --rz-dialog-title-padding: 1.5rem 1.5rem 0 1.5rem;
    --rz-dialog-title-font-size: 1.25rem;
    --rz-dialog-title-line-height: 1.5rem;
    --rz-dialog-title-font-weight: 500;
    --rz-dialog-title-letter-spacing: 0.0125em;
    --rz-dialog-title-color: var(--rz-text-title-color);
    --rz-dialog-close-font-size: var(--rz-icon-size);
    --rz-dialog-close-color: var(--rz-text-tertiary-color);
    --rz-dialog-close-hover-color: var(--rz-text-title-color);
    --rz-dialog-close-vertical-align: middle;
    --rz-dialog-content-padding: 1.5rem;
    --rz-dialog-mask-background-color: var(--rz-base-800);
    --rz-dialog-border-radius: var(--rz-border-radius);
    --rz-dialog-mask-zindex: 1000;
    --rz-dialog-zindex: 1001;
}

:root {
    --rz-tooltip-background-color: var(--rz-info);
    --rz-tooltip-color: var(--rz-text-contrast-color);
    --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
    --rz-tooltip-padding: 0.25rem 0.5rem;
    --rz-tooltip-border-radius: var(--rz-border-radius);
    --rz-tooltip-font-size: var(--rz-body-font-size);
}

:root {
    --rz-tabs-padding: 1rem;
    --rz-tabs-shadow: none;
    --rz-tabs-border: none;
    --rz-tabs-border-radius: 0;
    --rz-tabs-background-color: transparent;
    --rz-tabs-tab-font-size: 0.875rem;
    --rz-tabs-tab-line-height: 1.5rem;
    --rz-tabs-tab-font-weight: 500;
    --rz-tabs-tab-text-transform: uppercase;
    --rz-tabs-tab-letter-spacing: 1.25px;
    --rz-tabs-tab-padding: 0.75rem 1rem;
    --rz-tabs-tab-background-color: transparent;
    --rz-tabs-tab-color: var(--rz-text-secondary-color);
    --rz-tabs-tab-selected-color: var(--rz-primary);
    --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
    --rz-tabs-tab-hover-background-color: var(--rz-base-200);
    --rz-tabs-tab-hover-color: var(--rz-text-title-color);
    --rz-tabs-icon-font-size: var(--rz-icon-size);
    --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem;
    --rz-tabs-transition: var(--rz-transition-all);
}

:root {
    --rz-scheduler-border: var(--rz-border-base-300);
    --rz-scheduler-border-color: var(--rz-base-300);
    --rz-scheduler-minor-border-color: var(--rz-base-200);
    --rz-scheduler-border-radius: var(--rz-border-radius);
    --rz-scheduler-shadow: var(--rz-shadow-0);
    --rz-scheduler-background-color: var(--rz-base-background-color);
    --rz-scheduler-color: var(--rz-text-tertiary-color);
    --rz-scheduler-toolbar-padding: 0.5rem;
    --rz-scheduler-toolbar-background-color: var(--rz-base-background-color);
    --rz-scheduler-toolbar-title-font-size: 1.5rem;
    --rz-scheduler-toolbar-title-font-weight: 700;
    --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
    --rz-scheduler-prev-next-button-background-color: var(--rz-base-background-color);
    --rz-scheduler-prev-next-button-color: var(--rz-text-color);
    --rz-scheduler-prev-next-button-padding: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
    --rz-scheduler-prev-button-border-radius: 2rem;
    --rz-scheduler-next-button-border-radius: 2rem;
    --rz-scheduler-today-button-margin-left: 1rem;
    --rz-scheduler-today-button-padding: 0.5rem 1rem;
    --rz-scheduler-today-button-font-size: 0.875rem;
    --rz-scheduler-today-button-text-transform: capitalize;
    --rz-scheduler-view-button-border: var(--rz-border-base-300);
    --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
    --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
    --rz-scheduler-view-selected-color: var(--rz-primary);
    --rz-scheduler-view-selected-background-color: var(--rz-primary-lighter);
    --rz-scheduler-view-selected-border-color: var(--rz-base-300);
    --rz-scheduler-header-background-color: var(--rz-base-background-color);
    --rz-scheduler-header-font-size: 0.75rem;
    --rz-scheduler-header-font-size-small: 0.5rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-color: inherit;
    --rz-scheduler-header-border: var(--rz-border-base-300);
    --rz-scheduler-header-padding: 0.5rem 0;
    --rz-scheduler-event-color: var(--rz-text-contrast-color);
    --rz-scheduler-event-background-color: var(--rz-info);
    --rz-scheduler-event-font-size: 0.75rem;
    --rz-scheduler-event-line-height: 1.25rem;
    --rz-scheduler-event-padding: 0 1px 1px 1px;
    --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
    --rz-scheduler-event-list-button-color: var(--rz-secondary);
    --rz-scheduler-event-list-button-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size: 0.875rem;
    --rz-scheduler-slot-title-font-size-small: 0.6rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;
    --rz-scheduler-day-number-padding: 0 0.5rem;
    --rz-scheduler-weekend-color: var(--rz-text-disabled-color);
    --rz-scheduler-weekend-background-color: var(--rz-base-50);
    --rz-scheduler-other-month-background-color: var(--rz-base-100);
    Show All Properties (8 more)
}

:root {
    --rz-datafilter-item-padding-y: 0.25rem;
    --rz-datafilter-item-padding-left: 2rem;
    --rz-datafilter-item-indentation: 0.25rem;
    --rz-datafilter-item-path-width: 1rem;
    --rz-datafilter-item-path-height: calc(0.25rem + (var(--rz-input-height) / 2));
    --rz-datafilter-item-path-border: var(--rz-border-normal);
    --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
}

:root {
    --rz-datalist-background-color: var(--rz-base-background-color);
    --rz-datalist-shadow: var(--rz-shadow-1);
    --rz-datalist-padding: 0.5rem;
    --rz-datalist-border: var(--rz-border-base-300);
    --rz-datalist-border-radius: var(--rz-border-radius);
    --rz-datalist-item-shadow: var(--rz-shadow-0);
    --rz-datalist-item-border: var(--rz-border-base-300);
    --rz-datalist-item-vertical-margin: 0.5rem;
    --rz-datalist-item-horizontal-margin: 0.5rem;
    --rz-datalist-item-padding: 1rem;
    --rz-datalist-item-background-color: var(--rz-base-background-color);
}

:root {
    --rz-tree-background-color: transparent;
    --rz-tree-node-padding: 0.25rem 0.5rem;
    --rz-tree-node-selected-background-color: var(--rz-primary-lighter);
    --rz-tree-node-selected-color: var(--rz-primary);
    --rz-tree-node-selected-border-radius: var(--rz-border-radius);
    --rz-tree-node-margin: 0;
    --rz-tree-node-hover-background-color: var(--rz-base-100);
    --rz-tree-node-hover-color: var(--rz-text-title-color);
    --rz-tree-node-toggle-width: 2rem;
    --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
    --rz-tree-node-toggle-hover-color: var(--rz-text-color);
    --rz-tree-transition: var(--rz-transition-all);
}

:root {
    --rz-overlay-shadow: var(--rz-shadow-4);
    --rz-overlay-border: none;
    --rz-overlay-background-color: var(--rz-base-background-color);
}

:root {
    --rz-paginator-background-color: transparent;
    --rz-paginator-padding: 0.5rem 1rem;
    --rz-paginator-border: none;
    --rz-paginator-button-border-radius: 2rem;
    --rz-paginator-numeric-button-background-color: transparent;
    --rz-paginator-numeric-button-color: var(--rz-text-color);
    --rz-paginator-numeric-button-border: none;
    --rz-paginator-numeric-button-hover-background-color: var(--rz-base-100);
    --rz-paginator-numeric-button-hover-color: var(--rz-text-title-color);
    --rz-paginator-numeric-button-margin: 0 0.25rem;
    --rz-paginator-numeric-button-padding: 0.75rem 1rem;
    --rz-paginator-numeric-button-selected-background-color: var(--rz-primary-lighter);
    --rz-paginator-numeric-button-selected-color: var(--rz-primary);
    --rz-paginator-numeric-button-selected-border: none;
    --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem;
    --rz-paginator-numeric-button-min-width: 3rem;
    --rz-paginator-back-button-background-color: transparent;
    --rz-paginator-back-button-color: var(--rz-text-color);
    --rz-paginator-back-button-hover-background-color: var(--rz-base-100);
    --rz-paginator-back-button-hover-color: var(--rz-text-title-color);
    --rz-paginator-first-button-margin: 0 0.5rem 0 0;
    --rz-paginator-last-button-margin: 0 0 0 0.5rem;
    --rz-paginator-next-button-background-color: transparent;
    --rz-paginator-next-button-color: var(--rz-text-color);
    --rz-paginator-next-button-hover-background-color: var(--rz-base-100);
    --rz-paginator-next-button-hover-color: var(--rz-text-title-color);
    --rz-paginator-dropdown-width: 80px;
    --rz-paginator-dropdown-margin: 0 0 0 0.5rem;
    --rz-paginator-summary-padding: 0 1.25rem 0 0;
    --rz-paginator-summary-font-size: 0.875rem;
    --rz-paginator-summary-color: var(--rz-text-tertiary-color);
}

:root {
    --rz-grid-data-border-shadow: none;
    --rz-grid-cell-border: var(--rz-border-base-300);
    --rz-grid-right-cell-border: none;
    --rz-grid-bottom-cell-border: var(--rz-border-base-300);
    --rz-grid-cell-padding: 0.625rem 1rem;
    --rz-grid-cell-color: var(--rz-text-color);
    --rz-grid-cell-font-size: 0.875rem;
    --rz-grid-cell-line-height: var(--rz-body-line-height);
    --rz-grid-hover-background-color: var(--rz-base-100);
    --rz-grid-hover-color: var(--rz-text-title-color);
    --rz-grid-selected-background-color: var(--rz-primary-lighter);
    --rz-grid-selected-color: var(--rz-primary);
    --rz-grid-stripe-background-color: var(--rz-base-50);
    --rz-grid-toolbar-background-color: var(--rz-base-background-color);
    --rz-grid-header-cell-border: none;
    --rz-grid-header-cell-border-bottom: var(--rz-border-base-300);
    --rz-grid-header-background-color: var(--rz-base-background-color);
    --rz-grid-header-font-size: 0.875rem;
    --rz-grid-header-line-height: 1.5rem;
    --rz-grid-header-font-weight: 500;
    --rz-grid-header-text-transform: none;
    --rz-grid-header-color: var(--rz-text-title-color);
    --rz-grid-header-cell-padding: 0.75rem 0;
    --rz-grid-header-title-padding: 0 0 0 1rem;
    --rz-grid-header-sorted-background-color: var(--rz-base-200);
    --rz-grid-header-padding: 1rem;
    --rz-grid-foot-cell-color: var(--rz-text-color);
    --rz-grid-foot-background-color: var(--rz-base-100);
    --rz-grid-filter-background-color: var(--rz-base-background-color);
    --rz-grid-filter-padding: 0.5rem;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: none;
    --rz-grid-filter-font-size: 0.875rem;
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin: 0 0.25rem 0 0;
    --rz-grid-filter-icon-font-size: 0.875rem;
    --rz-grid-filter-color: var(--rz-text-disabled-color);
    --rz-grid-filter-focus-color: var(--rz-secondary);
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 1rem;
    --rz-grid-filter-buttons-border: none;
    --rz-grid-filter-buttons-background-color: var(--rz-base-background-color);
    --rz-grid-clear-filter-button-background-color: var(--rz-base-background-color);
    --rz-grid-clear-filter-button-color: var(--rz-text-color);
    --rz-grid-clear-filter-button-shadow: none;
    --rz-grid-apply-filter-button-background-color: var(--rz-base-background-color);
    --rz-grid-apply-filter-button-color: var(--rz-primary);
    --rz-grid-apply-filter-button-shadow: none;
    --rz-grid-header-filter-icon-margin: 0 1rem 0 auto;
    Show All Properties (41 more)
}

:root {
    --rz-upload-button-bar-background-color: var(--rz-base-100);
    --rz-upload-button-bar-padding: 0.5rem;
    --rz-upload-files-background-color: var(--rz-base-background-color);
    --rz-upload-files-padding: 0.5rem 0;
    --rz-upload-files-remove-background-color: var(--rz-base-200);
    --rz-upload-files-remove-color: var(--rz-text-color);
    --rz-upload-files-margin: 0 0.5rem;
    --rz-upload-choose-background-color: var(--rz-base-200);
    --rz-upload-choose-color: var(--rz-text-color);
    --rz-upload-choose-hover-background-color: var(--rz-base-200);
    --rz-upload-choose-hover-color: var(--rz-text-title-color);
    --rz-upload-choose-active-background-color: var(--rz-base-200);
    --rz-upload-choose-active-color: var(--rz-text-title-color);
    --rz-upload-cancel-background-color: var(--rz-base-200);
    --rz-upload-cancel-color: var(--rz-text-color);
    --rz-upload-button-background-color: var(--rz-primary);
}

:root {
    --rz-numeric-line-height: var(--rz-body-line-height);
    --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem;
    --rz-numeric-button-width: 1rem;
    --rz-numeric-button-height: 1rem;
    --rz-numeric-button-offset: 2px;
    --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
    --rz-numeric-button-background-color: transparent;
    --rz-numeric-button-disabled-background-color: transparent;
    --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
    --rz-numeric-button-color: var(--rz-text-color);
}

:root {
    --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
    --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
    --rz-datepicker-line-height: 1.5rem;
    --rz-datepicker-trigger-icon-color: var(--rz-text-secondary-color);
    --rz-datepicker-trigger-icon-hover-color: var(--rz-text-title-color);
    --rz-datepicker-panel-border: none;
    --rz-datepicker-panel-background-color: var(--rz-base-background-color);
    --rz-datepicker-panel-shadow: var(--rz-shadow-4);
    --rz-datepicker-panel-margin: 0;
    --rz-datepicker-header-background-color: var(--rz-base-background-color);
    --rz-datepicker-header-color: var(--rz-text-secondary-color);
    --rz-datepicker-header-padding: 0 1rem;
    --rz-datepicker-header-line-height: 3.625rem;
    --rz-datepicker-header-border: none;
    --rz-datepicker-footer-padding: 0 0.75rem;
    --rz-datepicker-footer-line-height: 3rem;
    --rz-datepicker-calendar-padding: 0.625rem 0;
    --rz-datepicker-calendar-header-font-size: 0.75rem;
    --rz-datepicker-calendar-header-text-transform: uppercase;
    --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
    --rz-datepicker-calendar-font-size: 0.875rem;
    --rz-datepicker-calendar-color: var(--rz-text-color);
    --rz-datepicker-calendar-hover-color: var(--rz-text-title-color);
    --rz-datepicker-calendar-hover-background-color: var(--rz-base-100);
    --rz-datepicker-calendar-selected-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-selected-background-color: var(--rz-secondary);
    --rz-datepicker-calendar-selected-hover-color: var(--rz-text-contrast-color);
    --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary-light);
    --rz-datepicker-calendar-border: none;
    --rz-datepicker-calendar-border-radius: 50%;
    --rz-datepicker-calendar-transition: var(--rz-transition-all);
    --rz-datepicker-title-height: 3.5rem;
    --rz-timepicker-background-color: var(--rz-base-background-color);
    --rz-timepicker-color: var(--rz-text-color);
    --rz-timepicker-separator-color: var(--rz-text-color);
    --rz-timepicker-padding: 0.5rem;
    --rz-timepicker-hour-padding: 0.5rem;
    --rz-timepicker-button-background-color: var(--rz-base-300);
    --rz-timepicker-button-color: var(--rz-text-color);
    --rz-timepicker-button-width: 0.875rem;
    --rz-timepicker-button-height: 0.875rem;
    --rz-timepicker-button-border-radius: 2px;
    --rz-timepicker-button-padding: 0.5rem 1rem !important;
    --rz-timepicker-gap: 0.5rem;
    --rz-timepicker-separator-margin: 0 0.5rem;
    --rz-timepicker-border: var(--rz-border-base-300);
}

:root {
    --rz-selectbar-background-color: var(--rz-base-backgorund-color);
    --rz-selectbar-color: var(--rz-text-color);
    --rz-selectbar-border: var(--rz-border-base-300);
    --rz-selectbar-selected-background-color: var(--rz-primary-lighter);
    --rz-selectbar-selected-color: var(--rz-primary);
    --rz-selectbar-selected-border: var(--rz-border-base-300);
    --rz-selectbar-border-radius: var(--rz-border-radius);
}

:root {
    --rz-rating-color: var(--rz-text-secondary-color);
    --rz-rating-opacity: 1;
    --rz-rating-font-size: var(--rz-icon-size);
    --rz-rating-selected-color: var(--rz-primary);
    --rz-rating-disabled-color: var(--rz-text-disabled-color);
    --rz-rating-disabled-opacity: 0.5;
    --rz-rating-ban-icon: highlight_off;
    --rz-rating-ban-icon-color: var(--rz-text-disabled-color);
}

:root {
    --rz-slider-background-color: var(--rz-primary-lighter);
    --rz-slider-border: none;
    --rz-slider-border-radius: var(--rz-border-radius);
    --rz-slider-horizontal-height: 4px;
    --rz-slider-horizontal-width: 10rem;
    --rz-slider-range-background-color: var(--rz-primary);
    --rz-slider-range-border: none;
    --rz-slider-handle-width: 20px;
    --rz-slider-handle-height: 20px;
    --rz-slider-handle-color: var(--rz-text-contrast-color);
    --rz-slider-handle-background-color: var(--rz-primary);
    --rz-slider-handle-border: none;
    --rz-slider-handle-border-radius: 50%;
    --rz-slider-handle-shadow: none;
    --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
    --rz-slider-handle-hover-background-color: var(--rz-primary);
    --rz-slider-handle-hover-border: none;
    --rz-slider-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter);
    --rz-slider-disabled-background-color: var(--rz-base-300);
    --rz-slider-disabled-border: none;
    --rz-slider-disabled-range-background-color: var(--rz-base-500);
    --rz-slider-disabled-range-border: none;
    --rz-slider-disabled-handle-border: none;
    --rz-slider-disabled-handle-background-color: var(--rz-base-500);
}

:root {
    --rz-splitbutton-menu-button-width: 1.875rem;
    --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0;
    --rz-splitbutton-menu-button-font-size: 1.0625rem;
    --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-splitbutton-menu-min-width: 10rem;
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitbutton-border-radius: var(--rz-border-radius);
}

:root {
    --rz-listbox-background-color: var(--rz-input-background-color);
    --rz-listbox-border-radius: var(--rz-input-border-radius);
    --rz-listbox-border: var(--rz-input-border);
    --rz-listbox-filter-border: var(--rz-border-base-200);
    --rz-listbox-padding: 0;
    --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
    --rz-listbox-item-margin: 0;
    --rz-listbox-checkbox-margin: 0 1rem 0 0;
    --rz-listbox-header-padding: 0.75rem 1rem;
    --rz-listbox-header-icon-width: var(--rz-icon-size);
    --rz-listbox-header-icon-height: var(--rz-icon-size);
    --rz-listbox-header-icon-margin: 0;
}

:root {
    --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-margin: 0 0.5rem 0 0;
    --rz-dropdown-horizontal-padding: 1rem;
    --rz-dropdown-panel-padding: 0 1rem;
    --rz-dropdown-items-margin: 0 -1rem;
    --rz-dropdown-items-padding: 0.5rem 0;
    --rz-dropdown-item-padding: 0.75rem 1rem;
    --rz-dropdown-item-font-size: var(--rz-input-font-size);
    --rz-dropdown-item-hover-background-color: var(--rz-base-100);
    --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter);
    --rz-dropdown-item-selected-shadow: none;
    --rz-dropdown-item-hover-color: var(--rz-text-title-color);
    --rz-dropdown-item-selected-color: var(--rz-primary);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter);
    --rz-dropdown-item-selected-hover-color: var(--rz-primary);
    --rz-dropdown-item-transition: none;
    --rz-dropdown-item-disabled-opacity: 0.2;
    --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0;
    --rz-dropdown-filter-border: var(--rz-border-base-200);
    --rz-dropdown-filter-padding: 1rem 0 0.5rem;
    --rz-dropdown-open-background-color: var(--rz-base-background-color);
    --rz-dropdown-open-border: 2px solid var(--rz-primary);
    --rz-dropdown-panel-border: none;
    --rz-dropdown-panel-shadow: var(--rz-shadow-4);
    --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem;
    --rz-multiselect-checkbox-margin: 0 1rem 0 0;
}

:root {
    --rz-fieldset-border: var(--rz-border-base-300);
    --rz-fieldset-border-radius: var(--rz-border-radius);
    --rz-fieldset-padding: 0 1rem 1rem;
    --rz-fieldset-legend-color: var(--rz-text-color);
    --rz-fieldset-legend-font-size: var(--rz-body-font-size);
    --rz-fieldset-legend-margin: 0 0 1rem 0.5rem;
    --rz-fieldset-legend-padding: 0 0.5rem;
    --rz-fieldset-toggle-width: 1.5rem;
    --rz-fieldset-toggle-margin: 0;
    --rz-fieldset-toggle-height: 1.5rem;
    --rz-fieldset-toggle-background-color: transparent;
    --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
    --rz-fieldset-toggle-font-size: 1.5rem;
    --rz-fieldset-toggle-border: none;
}

:root {
    --rz-radio-width: 1.25rem;
    --rz-radio-height: 1.25rem;
    --rz-radio-border-radius: 50%;
    --rz-radio-border-width: 2px;
    --rz-radio-label-margin: 0 1rem;
    --rz-radio-margin: 1rem 0;
    --rz-radio-active-background-color: var(--rz-base-background-color);
    --rz-radio-active-shadow: none;
    --rz-radio-checked-background-color: var(--rz-base-background-color);
    --rz-radio-checked-hover-background-color: var(--rz-base-background-color);
    --rz-radio-checked-hover-shadow: none;
    --rz-radio-checked-color: var(--rz-text-contrast-color);
    --rz-radio-circle-background-color: var(--rz-primary);
    --rz-radio-circle-shadow: none;
    --rz-radio-circle-hover-background-color: var(--rz-primary-light);
    --rz-radio-icon-width: 0.625rem;
    --rz-radio-icon-height: 0.625rem;
    --rz-radio-checked-border: var(--rz-border-primary);
}

:root {
    --rz-switch-background-color: var(--rz-base-400);
    --rz-switch-checked-background-color: var(--rz-primary-lighter);
    --rz-switch-box-shadow: var(--rz-shadow-1);
    --rz-switch-circle-background-color: var(--rz-text-contrast-color);
    --rz-switch-checked-circle-background-color: var(--rz-primary);
}

:root {
    --rz-checkbox-width: 1.125rem;
    --rz-checkbox-height: 1.125rem;
    --rz-checkbox-border-radius: 2px;
    --rz-checkbox-border-width: 2px;
    --rz-checkbox-label-margin: 0 1rem;
    --rz-checkbox-margin: 1rem 0;
    --rz-checkbox-checked-background-color: var(--rz-primary);
    --rz-checkbox-checked-hover-background-color: var(--rz-primary-light);
    --rz-checkbox-checked-disabled-background-color: var(--rz-base-500);
    --rz-checkbox-checked-color: var(--rz-text-contrast-color);
    --rz-checkbox-checked-shadow: none;
    --rz-checkbox-checked-border: var(--rz-border-primary);
    --rz-checkbox-checked-hover-border: var(--rz-border-primary);
    --rz-checkbox-checked-disabled-border: var(--rz-border-base-500);
    --rz-checkbox-checked-icon-background-color: transparent;
    --rz-checkbox-checked-icon-border-radius: 0;
    --rz-checkbox-icon-width: var(--rz-body-font-size);
    --rz-checkbox-icon-height: var(--rz-body-font-size);
    --rz-checkbox-icon-font-size: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
}

:root {
    --rz-text-area-padding: var(--rz-input-padding);
}

:root {
    --rz-steps-color: var(--rz-text-tertiary-color);
    --rz-steps-number-border-radius: 50%;
    --rz-steps-number-padding: 0.25rem 0;
    --rz-steps-number-width: 2rem;
    --rz-steps-number-height: 2rem;
    --rz-steps-number-line-height: var(--rz-body-line-height);
    --rz-steps-number-color: var(--rz-text-contrast-color);
    --rz-steps-number-background-color: var(--rz-base-500);
    --rz-steps-number-selected-color: var(--rz-text-contrast-color);
    --rz-steps-number-selected-background: var(--rz-secondary);
    --rz-steps-title-selected-color: var(--rz-secondary);
    --rz-steps-title-margin: 0 1rem 0 0.5rem;
    --rz-steps-buttons-padding: 1rem 0;
    --rz-steps-button-color: var(--rz-text-secondary-color);
}

:root {
    --rz-gravatar-width: 2.5rem;
    --rz-gravatar-height: 2.5rem;
    --rz-gravatar-border-radius: 50%;
    --rz-gravatar-box-shadow: none;
}

:root {
    --rz-profile-menu-background-color: var(--rz-base-background-color);
    --rz-profile-menu-top-item-background-color: var(--rz-primary);
    --rz-profile-menu-border: none;
    --rz-profile-menu-padding: 0.5rem 1rem;
    --rz-profile-menu-border-radius: var(--rz-border-radius);
    --rz-profile-menu-toggle-button-color: var(--rz-text-contrast-color);
    --rz-profile-menu-item-hover-background-color: var(--rz-base-100);
    --rz-profile-menu-item-icon-width: var(--rz-icon-size);
    --rz-profile-menu-item-icon-height: var(--rz-icon-size);
    --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
    --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0;
}

:root {
    --rz-panel-menu-font-size: calc(var(--rz-body-font-size) * 0.875);
    --rz-panel-menu-font-weight: 500;
    --rz-panel-menu-color: var(--rz-text-title-color);
    --rz-panel-menu-background-color: var(--rz-base-background-color);
    --rz-panel-menu-hover-background-color: rgba(0, 0, 0, 0.04);
    --rz-panel-menu-hover-color: var(--rz-text-title-color);
    --rz-panel-menu-item-line-height: 1.5rem;
    --rz-panel-menu-item-padding: 1rem;
    --rz-panel-menu-item-border: var(--rz-border-base-200);
    --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-background-color: var(--rz-base-background-color);
    --rz-panel-menu-item-active-color: var(--rz-primary);
    --rz-panel-menu-item-active-indicator: var(--rz-secondary);
    --rz-panel-menu-item-offset: 0;
    --rz-panel-menu-item-transition: var(--rz-transition-all);
    --rz-panel-menu-2nd-level-vertical-offset: 0.5rem;
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.5rem 0.5rem 1rem;
    --rz-panel-menu-item-2nd-level-margin: 0 0.5rem;
    --rz-panel-menu-item-2nd-level-border-radius: var(--rz-border-radius);
    --rz-panel-menu-item-2nd-level-offset: 3rem;
    --rz-panel-menu-item-2nd-level-font-size: calc(var(--rz-body-font-size) * 0.875);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
    --rz-panel-menu-item-2nd-level-color: var(--rz-text-tertiary-color);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-100);
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-background-color);
    --rz-panel-menu-item-2nd-level-hover-color: var(--rz-text-title-color);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-2nd-level-active-color: var(--rz-primary);
    --rz-panel-menu-item-2nd-level-active-font-weight: 500;
    --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-100);
    --rz-panel-menu-item-3rd-level-hover-color: var(--rz-text-title-color);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-3rd-level-active-color: var(--rz-primary);
    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-color: var(--rz-text-tertiary-color);
    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin: 0 1rem 0 0;
    --rz-panel-menu-icon-2nd-level-margin: 0 1rem 0 -2.25rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 1;
}

:root {
    --rz-menu-background-color: var(--rz-base-background-color);
    --rz-menu-border: none;
    --rz-menu-border-radius: var(--rz-border-radius);
    --rz-menu-item-padding: 0.5rem 1rem;
    --rz-menu-item-border-radius: 0;
    --rz-menu-item-color: var(--rz-text-color);
    --rz-menu-item-hover-color: var(--rz-text-title-color);
    --rz-menu-item-hover-background-color: var(--rz-base-100);
    --rz-menu-item-selected-color: var(--rz-text-title-color);
    --rz-menu-item-icon-margin: 0 0.5rem 0 0;
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-menu-item-icon-hover-color: var(--rz-text-title-color);
    --rz-menu-item-offset: 1rem;
    --rz-menu-item-transition: none;
    --rz-menu-top-item-padding: 0.5rem;
    --rz-menu-top-item-border-radius: 0;
    --rz-menu-top-item-color: var(--rz-text-contrast-color);
    --rz-menu-top-item-background-color: var(--rz-primary);
    --rz-menu-top-item-hover-color: var(--rz-text-contrast-color);
    --rz-menu-top-item-hover-background-color: transparent;
    --rz-menu-top-item-selected-color: var(--rz-text-contrast-color);
    --rz-menu-top-item-icon-color: var(--rz-text-contrast-color);
    --rz-menu-top-item-icon-hover-color: var(--rz-text-contrast-color);
    --rz-context-menu-padding: 0.5rem 0;
    --rz-context-menu-box-shadow: var(--rz-shadow-6);
}

:root {
    --rz-sidebar-toggle-icon-width: 1.5rem;
    --rz-sidebar-toggle-icon-height: 1.5rem;
    --rz-sidebar-toggle-margin: 0 1rem 0 0;
    --rz-sidebar-toggle-padding: 0.8125rem;
    --rz-sidebar-toggle-border: none;
    --rz-sidebar-toggle-color: var(--rz-text-contrast-color);
    --rz-sidebar-toggle-background-color: transparent;
    --rz-sidebar-toggle-hover-color: var(--rz-text-contrast-color);
    --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light);
    --rz-sidebar-toggle-hover-border-radius: 50%;
}

:root {
    --rz-panel-background-color: var(--rz-base-background-color);
    --rz-panel-padding: 1rem;
    --rz-panel-title-line-height: 1.5rem;
    --rz-panel-title-font-weight: 500;
    --rz-panel-content-margin: 0;
    --rz-panel-toggle-icon-width: var(--rz-icon-size);
    --rz-panel-toggle-icon-height: var(--rz-icon-size);
    --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-toggle-icon-border-radius: 2px;
    --rz-panel-toggle-icon-background-color: transparent;
    --rz-panel-hover-color: var(--rz-text-title-color);
    --rz-panel-border-radius: var(--rz-border-radius);
    --rz-panel-shadow: var(--rz-shadow-1);
}

:root {
    --rz-accordion-item-padding: 1rem;
    --rz-accordion-item-margin: 0;
    --rz-accordion-item-border: var(--rz-border-base-200);
    --rz-accordion-item-background-color: var(--rz-base-background-color);
    --rz-accordion-item-color: var(--rz-text-secondary-color);
    --rz-accordion-item-line-height: 1.5rem;
    --rz-accordion-item-font-size: var(--rz-body-font-size);
    --rz-accordion-item-font-weight: 500;
    --rz-accordion-icon-width: var(--rz-icon-size);
    --rz-accordion-icon-height: var(--rz-icon-size);
    --rz-accordion-icon-font-size: var(--rz-icon-size);
    --rz-accordion-icon-margin: 0 0.75rem 0 0;
    --rz-accordion-toggle-icon-margin: 0 0 0 0.75rem;
    --rz-accordion-toggle-icon-order: 1;
    --rz-accordion-selected-color: var(--rz-text-title-color);
    --rz-accordion-hover-color: var(--rz-text-title-color);
    --rz-accordion-content-padding: 1rem;
    --rz-accordion-content-font-size: var(--rz-body-font-size);
    --rz-accordion-border-radius: var(--rz-border-radius);
    --rz-accordion-shadow: var(--rz-shadow-1);
}

:root {
    --rz-body-padding: 1rem;
}

:root {
    --rz-card-padding: 1rem;
    --rz-card-background-color: var(--rz-base-background-color);
    --rz-card-shadow: var(--rz-shadow-1);
    --rz-card-border-radius: var(--rz-border-radius);
    --rz-card-heading-margin-bottom: 0.5rem;
}

:root {
    --rz-sidebar-z: 1;
    --rz-sidebar-width: 300px;
    --rz-sidebar-border-right: var(--rz-border-base-200);
    --rz-sidebar-background-color: var(--rz-base-background-color);
}

:root {
    --rz-footer-padding: 1rem;
    --rz-footer-background-color: var(--rz-base-background-color);
    --rz-footer-border: none;
    --rz-footer-color: var(--rz-text-secondary-color);
    --rz-footer-z: 2;
}

:root {
    --rz-header-background-color: var(--rz-primary);
    --rz-header-min-height: 3.125rem;
    --rz-header-z: 2;
    --rz-header-border: none;
    --rz-header-color: var(--rz-text-contrast-color);
    --rz-header-shadow: var(--rz-shadow-4);
}

:root {
    --rz-input-font-size: var(--rz-body-font-size);
    --rz-input-height: 2.5rem;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding: 0.4375rem 0.9375rem;
    --rz-input-value-color: var(--rz-text-color);
    --rz-input-placeholder-color: var(--rz-text-tertiary-color);
    --rz-input-background-color: var(--rz-base-background-color);
    --rz-input-border: var(--rz-border-normal);
    --rz-input-border-radius: var(--rz-border-radius);
    --rz-input-shadow: none;
    --rz-input-hover-shadow: none;
    --rz-input-hover-border: var(--rz-border-hover);
    --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary);
    --rz-input-focus-border: var(--rz-border-focus);
    --rz-input-disabled-border: var(--rz-border-disabled);
    --rz-input-disabled-shadow: none;
    --rz-input-disabled-background-color: var(--rz-base-background-color);
    --rz-input-disabled-color: var(--rz-text-disabled-color);
    --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
    --rz-input-disabled-opacity: 1;
    --rz-input-transition: var(--rz-transition-all);
}

:root {
    --rz-chip-background-color: var(--rz-base-200);
    --rz-chip-color: var(--rz-text-color);
    --rz-chip-padding: 0.125rem 0.125rem 0.125rem 0.75rem;
    --rz-chip-gap: 0.5rem;
    --rz-chip-border-radius: calc(4 * var(--rz-border-radius));
    --rz-chip-font-size: 0.875rem;
}

:root {
    --rz-badge-border-radius: var(--rz-border-radius);
    --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
    --rz-badge-padding: 0.125rem 0.25rem;
    --rz-badge-pill-padding: 0.125rem 0.5rem;
    --rz-badge-font-size: 0.75rem;
    --rz-badge-font-weight: 500;
    --rz-badge-line-height: 1rem;
    --rz-badge-text-transform: uppercase;
    --rz-badge-letter-spacing: 0.02rem;
}

:root {
    --rz-button-base-background-color: var(--rz-primary);
    --rz-button-base-color: var(--rz-text-contrast-color);
    --rz-button-background-size: auto;
    --rz-button-border-radius: var(--rz-border-radius);
    --rz-button-shadow: var(--rz-shadow-1);
    --rz-button-transition: var(--rz-transition-all);
    --rz-button-line-height: 1.25rem;
    --rz-button-vertical-align: top;
    --rz-button-hover-shadow: var(--rz-shadow-3);
    --rz-button-hover-gradient: none;
    --rz-button-hover-background-size: auto;
    --rz-button-focus-shadow: var(--rz-shadow-3);
    --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
    --rz-button-focus-background-size: auto;
    --rz-button-focus-outline: none;
    --rz-button-active-shadow: var(--rz-shadow-6);
    --rz-button-active-gradient: none;
    --rz-button-active-background-size: auto;
    --rz-button-disabled-opacity: 0.2;
}

:root {
    --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-display-h1-line-height: normal;
    --rz-text-display-h1-font-weight: 100;
    --rz-text-display-h1-letter-spacing: -1.5px;
    --rz-text-display-h1-color: var(--rz-text-title-color);
    --rz-text-display-h1-margin-bottom: 1rem;
    --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem);
    --rz-text-display-h2-line-height: normal;
    --rz-text-display-h2-font-weight: 100;
    --rz-text-display-h2-letter-spacing: -0.5px;
    --rz-text-display-h2-color: var(--rz-text-title-color);
    --rz-text-display-h2-margin-bottom: 1rem;
    --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-display-h3-line-height: normal;
    --rz-text-display-h3-font-weight: 400;
    --rz-text-display-h3-letter-spacing: 0;
    --rz-text-display-h3-color: var(--rz-text-title-color);
    --rz-text-display-h3-margin-bottom: 0.75rem;
    --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
    --rz-text-display-h4-line-height: normal;
    --rz-text-display-h4-font-weight: 400;
    --rz-text-display-h4-letter-spacing: 0.25px;
    --rz-text-display-h4-color: var(--rz-text-title-color);
    --rz-text-display-h4-margin-bottom: 0.5rem;
    --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-display-h5-line-height: normal;
    --rz-text-display-h5-font-weight: 400;
    --rz-text-display-h5-letter-spacing: 0;
    --rz-text-display-h5-color: var(--rz-text-title-color);
    --rz-text-display-h5-margin-bottom: 0.5rem;
    --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem);
    --rz-text-display-h6-line-height: normal;
    --rz-text-display-h6-font-weight: 500;
    --rz-text-display-h6-letter-spacing: 0.15px;
    --rz-text-display-h6-color: var(--rz-text-title-color);
    --rz-text-display-h6-margin-bottom: 0.5rem;
    --rz-text-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-h1-line-height: normal;
    --rz-text-h1-font-weight: 100;
    --rz-text-h1-letter-spacing: -1.5px;
    --rz-text-h1-color: var(--rz-text-title-color);
    --rz-text-h1-margin-bottom: 1rem;
    --rz-text-h2-font-size: clamp(3rem, 4.167vw, 3.75rem);
    --rz-text-h2-line-height: normal;
    --rz-text-h2-font-weight: 100;
    --rz-text-h2-letter-spacing: -0.5px;
    --rz-text-h2-color: var(--rz-text-title-color);
    --rz-text-h2-margin-bottom: 1rem;
    --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-h3-line-height: normal;
    Show All Properties (66 more)
}

:root {
    --rz-transition: 0.1s linear;
    --rz-transition-all: all 0.1s linear;
}

:root {
    --rz-shadow-0: none;
    --rz-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.14);
    --rz-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.14);
    --rz-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.14);
    --rz-shadow-4: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
    --rz-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.14);
    --rz-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14);
    --rz-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.14);
    --rz-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.14);
    --rz-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
    --rz-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.14);
}

:root {
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
}

:root {
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-300);
}

:root {
    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
    --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
    --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
    --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
    --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
    --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
    --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
    --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
    Show All Properties (16 more)
}

:root {
    --rz-base-background-color: var(--rz-white);
}

:root {
    --rz-link-color: var(--rz-secondary);
    --rz-link-text-decoration: none;
    --rz-link-hover-color: var(--rz-secondary-dark);
    --rz-link-hover-text-decoration: underline;
}

:root {
    --rz-text-title-color: var(--rz-base-900);
    --rz-text-color: var(--rz-base-800);
    --rz-text-secondary-color: var(--rz-base-700);
    --rz-text-tertiary-color: var(--rz-base-600);
    --rz-text-disabled-color: var(--rz-base-500);
    --rz-text-contrast-color: var(--rz-white);
}

:root {
    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 1rem;
    --rz-body-line-height: 1.5;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Roboto, sans-serif;
    --rz-icon-size: 1.5rem;
    --rz-icon-font-family: Material Icons;
}

:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e;
    --rz-base-600: #757575;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    --rz-primary: #4340D2;
    --rz-primary-light: #6966db;
    --rz-primary-lighter: rgba(67, 64, 210, 0.12);
    --rz-primary-dark: #3633a8;
    --rz-primary-darker: #2e2c8f;
    --rz-secondary: #e91e63;
    --rz-secondary-light: #ed4b82;
    --rz-secondary-lighter: rgba(233, 30, 99, 0.12);
    --rz-secondary-dark: #ba184f;
    --rz-secondary-darker: #9e1443;
    --rz-info: #2196f3;
    --rz-info-light: #4dabf5;
    --rz-info-lighter: rgba(33, 150, 243, 0.2);
    --rz-info-dark: #1a78c2;
    --rz-info-darker: #1666a5;
    --rz-success: #4caf50;
    --rz-success-light: #70bf73;
    --rz-success-lighter: rgba(76, 175, 80, 0.16);
    --rz-success-dark: #3d8c40;
    --rz-success-darker: #347736;
    --rz-warning: #ff9800;
    --rz-warning-light: #ffad33;
    --rz-warning-lighter: rgba(255, 152, 0, 0.2);
    --rz-warning-dark: #cc7a00;
    --rz-warning-darker: #ad6700;
    --rz-danger: #f44336;
    --rz-danger-light: #f6695e;
    --rz-danger-lighter: rgba(244, 67, 54, 0.2);
    --rz-danger-dark: #c3362b;
    --rz-danger-darker: #a62e25;
    --rz-series-1: #3700b3;
    --rz-series-2: #ba68c8;
    --rz-series-3: #f06292;
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    Show All Properties (16 more)
}

:root {
    --bs-blue: #26376D;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #26376D;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 33, 37, 41;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}

*, ::after, ::before {
    box-sizing: border-box;
}

*, ::after, ::before {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/*--comman classes--*/
.fnt12 {
    font-size: var(--fnt-12);
}

.fnt14 {
    font-size: var(--fnt-14);
}

.fnt16 {
    font-size: var(--fnt-16);
}

.fnt18 {
    font-size: var(--fnt-18);
}

.fnt20 {
    font-size: 20px;
}

.fnt22 {
    font-size: 22px;
}

.fnt24 {
    font-size: 24px;
}

.fnt32 {
    font-size: var(--fnt-32);
}


/*--comman classes--*/
.sidebar-nav li .bi {
    margin-right: 15px;
    display: contents;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-left: #D32130 4px solid;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}


.no-margin {
    margin: 0;
}

@media (min-width: 768px) {
    #wrapper {
        padding-left: 210px;
    }

    .fixed-brand {
        width: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 210px;
    }

    #sidebar-wrapper::-webkit-scrollbar {
        width: 4px;
        height: 2px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 210px;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 49px;
    }

    #wrapper.toggled-2 #sidebar-wrapper:hover {
        width: 210px;
    }

    #page-content-wrapper {
        padding: 10px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 220px;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -160px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }
}

.main-body {
    height: calc(100vh - 130px);
    overflow: auto;
    padding: 8px
}

.main-body-footer {
    height: calc(100vh - 180px);
    overflow: auto;
    padding: 8px
}

.global-search-main-body {
    height: calc(100vh - 85px) !important;
    overflow: hidden;
    padding: 8px
}


.mobile-toggle {
    display: none !important;
    background: none;
    border: 0px;
    font-size: 30px;
}

.desktop-toggle {
    display: block !important;
    background: none;
    font-size: 20px;
    padding: 16px 14px;
    margin-top: -8px;
    margin-left: -8px;
    display: block !important;
    margin-bottom: -8px;
    border: none;
}

.mobile-toggle:hover {
    background: #dc3545;
    color: #fff;
}

.desktop-toggle:hover {
    background: #dc3545;
    color: #fff;
}

@media (max-width: 768px) {

    .mobile-toggle {
        display: block !important;
        font-size: 20px;
        padding: 16px 14px;
        margin-top: -8px;
        margin-left: -8px;
        display: block !important;
        margin-bottom: -8px;
        border: none;
    }

    .desktop-toggle {
        display: none !important;
        background: none;
        border: 0px;
        font-size: 30px;
    }
}

.border-right-0 {
    border-right: 0px !important;
}

.offcanvas {
    z-index: 9999;
}

/*-header-*/
header .form-control {
    width: 400px !important;
}

/*-header-*/

/*--modal-body --*/
.modal-body .bi-trash {
    font-size: var(--fnt-32)
}

/*--modal-body --*/

/*----table---*/
.action-icon {
    cursor: pointer;
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.action-icon:hover, .action-icon:focus, .action-icon:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.action-icon i {
    font-size: var(--fnt-14) !important;
}

.action-icon .bi-pencil {
    color: var(--brand-color)
}

.action-icon .bi-trash {
    color: #dc3545;
}

.action-icon .bi-check-square {
    color: #89bf04;
}

.action-icon .bi-x-square {
    color: #dc3545;
}

.action-icon.faded-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.rz-sortable-column .rzi-sort-asc:before {
    content: ' \2191' !important;
    padding: 0px 10px;
    font-size: 14px;
    position: absolute;
}

.rz-sortable-column .rzi-sort-desc:before {
    content: '\2193' !important;
    padding: 0px 10px;
    font-size: 14px;
    position: absolute;
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background: rgb(244 245 247 / 52%) !important
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background: #fff !important;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: #000 !important;
}

.PartyList-table-container {
    overflow: auto;
}

.partyDuplicates-table-container table {
    min-width: 1000px !important;
}

.partyDuplicates-table-container .rz-column-title {
    padding-left: 5px !important;
}


.padding-left5 {
    padding-left: 5px !important;
}

.TableList {
    overflow: auto
}

.TableList table {
    /* min-width: 600px;*/
    max-height: 400px;
}

.list-table th {
    font-size: var(--fnt-12) !important;
    font-weight: 500;
    padding: 0.3rem 0.3rem;
}

.list-table td {
    font-size: var(--fnt-12) !important;
    font-weight: normal;
    padding: 0.3rem 0.3rem;
}

.list-table input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(0.6); /* IE */
    -moz-transform: scale(0.6); /* FF */
    -webkit-transform: scale(0.6); /* Safari and Chrome */
    -o-transform: scale(0.6); /* Opera */
    padding: 8px;
}


.rz-datatable-thead th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content {
    white-space: break-spaces !important;
    overflow: initial !important;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    font-size: var(--fnt-12) !important;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    font-size: var(--fnt-12) !important;
    font-weight: normal;
}


.rz-datatable-emptymessage {
    border-color: #f93e3e !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: var(--fnt-14)
}


.w-10 {
    width: 10%
}

.w-15 {
    width: 15%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-30 {
    width: 30%
}

.w-35 {
    width: 35%
}

.w-40 {
    width: 40%
}

.w-45 {
    width: 45%
}

.w-50 {
    width: 50%
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.w-100 {
    width: 100%
}

.w100 {
    width: 100px;
}

/*----table---*/
/*----button---*/
.btn-primary:focus-visible {
    background: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    /*    background: var(--brand-color) !important;
    border-color: var(--brand-color) !important;*/
}

.btn-primary {
    background: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
}

.btn-primary:hover {
    background: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
}

.btn-outline-primary {
    color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    text-transform: capitalize !important;
    font-weight: normal !important;
}

.btn-outline-primary:hover {
    background: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    color: #fff !important;
}

.btn-primary .bi-plus-lg {
    padding: 4px !important;
    font-size: 11px !important;
}

.btn-primary i {
    color: #fff;
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(38 55 109 / 50%) !important;
}

.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgb(38 55 109 / 50%) !important;
}

.rz-button.rz-variant-outlined.rz-primary.rz-shade-default, .rz-variant-outlined.rz-primary.rz-shade-default.rz-paginator-element {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary) !important;
    color: var(--rz-primary) !important;
    height: 31px;
    text-transform: capitalize;
}

.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover:not(:active), .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):focus:not(:active), .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):focus:not(:active), .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active, .rz-variant-outlined.rz-primary.rz-paginator-element:not(.rz-state-disabled):active {
    background: var(--rz-primary) !important;
    color: #fff !important;
}

.rz-state-disabled .rz-helper-hidden-accessible {
    background-color: #f4f5f9 !important;
}

/*----button---*/
/*--tab--*/
.nav-tabs {
    border-bottom: solid 1px var(--brand-color);
}

.nav-tabs .nav-link {
    border-radius: 0px;
    padding: 6px;
    color: var(--brand-color);
    font-size: var(--fnt-14);
    border-right: solid 2px #fff;
    border-left: solid 2px #fff;
    /* border-top: solid 2px #fff;*/
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
    color: var(--brand-color);
    border: solid 2px var(--brand-color);
    border-bottom: none;
    font-weight: bold;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: solid 2px var(--brand-color);
    border-bottom: none !important
}

/*--tab--*/
/*--modal--*/
.modal {
    background: rgb(0 0 0 / 30%);
}

/*--modal--*/
/*--accordion--*/
.accordion-item:first-of-type {
    border-radius: 0px;
}

.accordion-item:last-of-type {
    border-radius: 0px;
}

.accordion-item:first-of-type .accordion-button {
    border-radius: 0px !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0px !important;
}

.partyDetails.accordion-item:first-of-type .accordion-button {
    border: 0px !important;
}

.accordion-button {
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
    color: var(--brand-color);
    padding: 6px 6px;
    border-radius: 0px;
    border: none;
    font-size: var(--fnt-14);
}

.accordion-button:not(.collapsed) {
    color: var(--brand-color);
}

.accordion-header table {
    width: 100%;
    font-size: var(--fnt-14);
}

.accordion-header td:last-child {
    text-align: right;
    padding-right: 10px;
}

.accordion-body {
    padding: 6px;
}

/*--accordion--*/
/*--right slider--*/

.offcanvas {
    z-index: 1999 !important;
}

.offcanvas-container {
    display: contents
}

.offcanvas-header {
    background: #222D32;
    padding: 10px;
    color: #fff;
}

.offcanvas-header h5 {
    font-size: 16px;
    margin-bottom: 0px;
}

.offcanvas-header .offcanvas-close {
    border: solid 1px #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    padding: 5px 6px;
    background: transparent;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}

.offcanvas-header .offcanvas-close:hover {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.offcanvas-header .cloes {
    color: #fff;
    font-size: 10px;
}


.offcanvas-footer {
    border-top: solid 1px #ddd;
    padding: 10px;
}

@media screen and (max-width: 575.99px) {
    .offcanvas {
        width: 100% !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.99px) {
    .offcanvas {
        width: 80% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .offcanvas {
        width: 60% !important;
        max-width: 700px;
    }
}


@media (min-width: 992px) and (max-width: 1023.99px) {
    .offcanvas {
        width: 50% !important;
        max-width: 700px;
    }
}

@media (min-width: 1024px) {
    .offcanvas {
        width: 50% !important;
    }
}

.offcanvas .row {
    margin-right: auto;
    margin-left: auto;
}

.offcanvas .row > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 5px;
}

.offcanvas .title {
    font-size: 14px;
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
    padding: 5px 5px 0px 10px;
}

.offcanvas hr {
    margin: 0.5rem 0rem 0;
}

.title {
    font-size: 14px;
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
    padding: 5px 5px 0px 10px;
}


/*--right slider--*/

/*--form control--*/
.rz-multiselect, .rz-dropdown {
    font-size: var(--fnt-14) !important;
    padding-top: 4px !important;
    /*   border: solid 1px #f00 !important;*/
    border: 1px solid #ced4da !important;
}

.form-label {
    font-size: 12px;
    color: #222D32;
    margin-bottom: 0.3rem;
    width: 100%;
}

.form-check {
    font-size: 12px;
}

input[type='radio'] {
    transform: scale(1.2);
}

.form-check-label {
    padding-top: 4px;
    font-size: 12px;
}

.form-check-input:checked {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color);
}

.form-control:focus {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 0.25rem rgb(38 55 109 / 50%);
}

.form-select {
    font-size: 14px !important;
}

.form-select:focus {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 0.25rem rgb(38 55 109 / 50%);
}

.error-msg {
    font-size: var(--fnt-12);
    color: var(--required);
}

.error {
    font-size: var(--fnt-12);
    color: var(--required);
}

.required {
    color: var(--required);
}

.form-search .form-control {
    border-right: none !important;
}

.form-search .input-group-text {
    border-left: none !important;
    background: none !important;
}

#offcanvasRightBarAdmission .input-group .input-group-text {
    font-size: var(--fnt-12);
}


.valid.modified:not([type=checkbox]) {
    outline: none;
}

.rz-helper-hidden-accessible {
    opacity: unset !important;
    height: 0;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(0.9); /* IE */
    -moz-transform: scale(0.9); /* FF */
    -webkit-transform: scale(0.9); /* Safari and Chrome */
    -o-transform: scale(0.9); /* Opera */
    padding: 8px;
}


/*--form control--*/


/*-rz-notification-*/
.rz-notification {
    top: 6px !important;
    z-index: 9999 !important;
}

/*-rz-notification-*/
/*--.breadcrumb--*/
.breadcrumb {
    margin-bottom: 0px;
    font-size: var(--fnt-14);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: '\276F';
}

/*--.breadcrumb--*/
.card-header {
    background: #fff;
}

.card-body .card-header {
    font-size: var(--fnt-14);
}

.card-body .card-body {
    color: var(--brand-color);
    font-size: var(--fnt-14);
}

/*--custom-row--*/

.custom-row {
    display: flex;
    flex-wrap: wrap;
}

.col-5 {
    padding: 0px 4px 5px 4px;
    box-sizing: border-box;
}

@media screen and (max-width: 575.99px) {
    .col-5 {
        width: 100%;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.99px) {
    .col-5 {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .col-5 {
        width: 33.33%;
    }
}

@media (min-width: 992px) {

    .col-5 {
        width: 20%;
    }
}

/*--custom-row--*/
.nav-tabs, .nav-pills {
    position: relative;
}

/*--loader--*/
.dataloader-bg {
    background-color: rgb(17 81 243 / 16%) !important
}

.loader-bg {
    min-height: 100vh;
    background: rgb(255 255 255 / 27%);
    /*background-image:url(../loaderbg.jpg);*/
    background-size: cover;
}

.loader,
.loader:before,
.loader:after {
    background: #D32130;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}


.loader {
    color: #D32130;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}


.loader-circle-10 {
    width: 70px;
    height: 70px;
    border: 5px solid #0091ff;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation: rotation 1s linear infinite;
}

.loader-circle-10:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-bottom-color: #D32130;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

.party-flag-red {
    color: red;
}

.asteric {
    color: red;
}

100
%
{
    transform: rotate(360deg)
;
}
}

.criticalNotes {
    font-weight: bold;
    color: red;
    font-size: var(--fnt-12) !important;
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
    color: #999;
    display: none;
}

/*--loader--*/
/*--import--*/

.import {
    margin: auto;
    float: right;
}

.import [type=file] {
    height: 0 !important;
    overflow: hidden;
    width: 0 !important;
    margin: auto;
}

.import [type=file] + label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    text-transform: capitalize !important;
    font-weight: normal !important;
    padding: 4px 10px;
    border-radius: 5px;
    border: solid #26376d 1px;
    font-size: 14px;
}

.import [type=file] + label:hover {
    background-color: #26376d;
    color: #fff !important;
}

.import-error {
    position: absolute;
    top: 40px;
}

/*--end import--*/

/*--Compare parties--*/
.compareparties-wrap {
    overflow: auto
}

.compareparties-wrap table input {
    margin: 10px 5px 5px 0px;
}

.compareparties-wrap table {
    min-width: 600px;
    table-layout: fixed !important;
}

.compareparties-wrap th {
    font-size: var(--fnt-14);
    font-weight: normal;
    width: 33%;
}

.compareparties-wrap td {
    font-size: var(--fnt-14);
    width: 33%;
}

.wrapper-step {
    padding: 5px;
    text-align: center;
    font-family: sans-serif;
    width: 500px;
    margin: 10px auto;
    position: relative;
}

.container-step {
    border-top: 2px solid #495057;
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.link {
    position: relative;
    margin-top: 10px;
    /*    width: 100%;*/
}

.link a {
    font-weight: bold;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    font-size: 15px;
}

.link:first-child {
    margin-left: 0px;
}

.link:last-child {
    margin-right: -5px;
}

.link::after {
    content: "";
    width: 15px;
    height: 15px;
    background: #495057;
    position: absolute;
    border-radius: 10px;
    top: -18px;
    left: 50%;
    transform: translatex(-50%);
    border: 2px solid #495057;
}

.activity-options .eventlink::after
.active::after,
.link:hover::after {
    background: #495057;
}

/*--loader--*/

/*--import--*/

.import {
    margin: auto;
    float: right;
}

.import [type=file] {
    height: 0 !important;
    overflow: hidden;
    width: 0 !important;
    margin: auto;
}

.import [type=file] + label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    text-transform: capitalize !important;
    font-weight: normal !important;
    padding: 4px 10px;
    border-radius: 5px;
    border: solid #26376d 1px;
    font-size: 14px;
}

.import [type=file] + label:hover {
    background-color: #26376d;
    color: #fff !important;
}

.import-error {
    position: absolute;
    top: 40px;
}

/*--end import--*/

/*--pro-bono-table--*/
.pro-bono-table td:first-child {
    text-align: left;
    max-width: 50px;
    border-right: none;
}

.pro-bono-table td:nth-child(2) {
    text-align: left;
    border-left: none;
}

/*--pro-bono-table--*/

/*-rz-html-editor--*/

.rz-html-editor {
    min-height: 300px;
}

/*-end rz-html-editor--*/
.v-middle {
    vertical-align: middle;
}

.contact-reason-msg {
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*--rz-dropdown--*/

.offcanvas-body .rz-dropdown {
    /*  border: none !important;*/
    padding: 0px !important;
    min-height: 32px !important;
    background-color: transparent;
}

.offcanvas-body .rz-dropdown:focus {
    box-shadow: none !important;
}

.offcanvas-body .rz-dropdown .rz-dropdown-label {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: transparent;
}

.offcanvas-body .rz-dropdown .rz-inputtext {
    width: 100%;
}

.offcanvas-body .rz-dropdown .rz-helper-hidden-accessible {
    /* border: 1px solid #ced4da !important;*/
    min-height: 31px !important;
    border-radius: 4px !important;
    position: absolute !important;
    width: 100% !important;
    top: 0px !important;
}

.offcanvas-body .rz-dropdown .error {
    position: absolute;
    bottom: -16px;
    left: 0px;
}

.offcanvas-body .rzi-chevron-down:before {
    /*  content: none !important;*/
}

.rz-datatable .rz-dropdown-label {
    font-size: var(--fnt-12) !important;
}

.rz-datatable .rz-dropdown {
    padding-top: 3px !important;
    padding-bottom: 0 !important;
}

.rz-dropdown-clear-icon {
    max-height: 32px !important;
}

.form-select {
    background-position: 98% 10px !important;
    color: #444 !important;
}

.form-control-sm {
    height: 32px !important;
}

.note-date {
    position: relative;
}

.note-date button {
    position: absolute;
    top: 15px;
    right: 10px;
}

#addNoteDate-error {
    position: absolute;
    left: 0;
    bottom: -20px;
}

.rz-calendar-button {
    border: none !important
}

/*--rz-dropdown--*/

/*--rz-dropdown--*/

.hyperlink-error .error {
    width: 100% !important;
}

.hyperlink-error span {
    padding: 4px 10px;
    border-radius: 5px 0px 0px 5px;
}

.hyperlink-error input {
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #ced4da;
}

.duplicat-partylink {
    color: var(--brand-color);
    text-decoration: underline;
    font-size: var(--fnt-12)
}

.duplicat-partylink:hover {
    color: var(--bs-link-hover-color);
}

.line-inactive-1 {
    border: solid 1px #d9d9d9;
    position: absolute;
    width: 50%;
}

.line-active-1 {
    border: solid 1px #26376d;
    position: absolute;
    width: 50%;
    z-index: 99;
}

.line-inactive-2 {
    border: solid 1px #d9d9d9;
    position: absolute;
    width: 100%;
}


.line-active-2 {
    border: solid 1px #26376d;
    position: absolute;
    width: 100%;
}

.link-inactive::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    border-radius: 10px;
    top: -18px;
    left: 50%;
    transform: translatex(-50%);
    border: 1px solid #26376d;
    z-index: 99;
}

.link-active::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #26376d;
    position: absolute;
    border-radius: 10px;
    top: -18px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 99;
    border: 1px solid #26376d;
}

.adf-search-logo {
    width: 15px;
}

/*--.left-tabs--*/
.left-tabs.sideways-tabs, .right-tabs.sideways-tabs {
    margin-top: 5rem;
    border: none;
    position: relative;
    margin-bottom: 0
}

.left-tabs.nav-tabs, .right-tabs.nav-tabs, .left-tabs.sideways-tabs, .right-tabs.sideways-tabs {
    height: 100%;
    flex-direction: column
}

.left-tabs.nav-tabs {
    border-right: 1px solid #dee2e6;
    border-bottom: none
}

.left-tabs .nav-link {
    /* border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
    */
    border: 1px solid #dee2e6 !important;
    margin-right: -1px;
    text-align: left
}

.left-tabs .nav-link:hover {
    border-right: 1px solid transparent !important;
}

.left-tabs .nav-link:focus, .left-tabs .nav-link:hover {
    border-right: 1px solid #dee2e6 !important;
    border-left: 3px solid #26376d !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
}

.left-tabs .nav-link.active {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6
}

.left-tabs.sideways-tabs {
    border-right: none;
    left: -3.2rem
}

.sideways-tabs.left-tabs .nav-item {
    transform: rotate(-90deg);
    height: 1rem;
    margin-bottom: calc(8rem - 1rem)
}


.sideways-tabs.left-tabs .nav-link {
    width: 11.3rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    border-top-right-radius: .25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: .25rem;*/
    border-bottom: 1px solid #dee2e6
}

.sideways-tabs.left-tabs .nav-link:hover {
    border-right: 1px solid #e9ecef
}

.sideways-tabs.left-tabs .nav-link.active {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 2px solid #26376d;
    border-left: 1px solid #dee2e6;
}

.left-tabs .nav-link {
    position: relative;
}

.left-tabs .active::after {
    background: transparent;
}

.left-tabs .link:hover::after {
    background: transparent;
}

.left-tabs .nav-link.active:after {
    content: '';
    position: absolute;
    top: 0px;
    right: -26px;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left: 9px solid #f5fcff;
}

.left-tabs .nav-link.active:before {
    content: '';
    position: absolute;
    top: 0px;
    right: -26px;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left: 8px solid #999;
    background: #fff;
}

.v-tab-content {
    padding-right: 0px;
}


@media (max-width: 48em) {
    .left-tabs .nav-link:hover {
        border-right: 1px solid #26376d !important;
    }

    .left-tabs .nav-link:focus, .left-tabs .nav-link:hover {
        border-right: 1px solid #26376d !important;
        border-left: 3px solid #dee2e6 !important;
        border-top: 1px solid #dee2e6 !important;
        border-bottom: 1px solid #26376d !important;
    }

    .v-tab-content {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media (min-width: 26em) and (max-width: 48em) {
    .left-tabs.nav-tabs {
        flex-direction: row;
        border-right: none;
        border-left: none;
        min-width: 100%;
        border-bottom: 1px solid #dee2e6;
        left: auto;
        margin-top: auto
    }

    .left-tabs .nav-item {
        width: 50% !important;
    }

    .left-tabs .nav-link {
        /* width: 8rem;*/
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-right: 0;
        margin-bottom: -1px
    }

    .left-tabs .nav-link.nav-link:hover {
        border-right-color: #dee2e6;
        border-bottom-color: transparent
    }

    .left-tabs .nav-link.active {
        border-top-color: #dee2e6;
        border-right-color: #dee2e6;
        border-bottom-color: transparent;
        border-left-color: #dee2e6
    }

    .sideways-tabs.left-tabs .nav-item, .sideways-tabs.right-tabs .nav-item {
        transform: none;
        height: auto;
        width: auto;
        margin-bottom: 0
    }
}

@media (max-width: 26em) {
    .left-tabs .nav-item {
        width: 100% !important;
    }

    .left-tabs.nav-tabs {
        flex-direction: row;
        border-right: none;
        border-left: none;
        min-width: 100%;
        border-bottom: 1px solid #dee2e6;
        left: auto;
        margin-top: auto;
        padding-bottom: .25rem
    }

    .sideways-tabs.left-tabs .nav-item, .sideways-tabs.right-tabs .nav-item {
        transform: none;
        height: auto;
        width: auto;
        margin-bottom: 0
    }

    .sideways-tabs.left-tabs .nav-link, .sideways-tabs.right-tabs .nav-link, .nav-tabs .nav-link {
        width: 8rem;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 0;
        margin: .25rem;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent
    }

    .sideways-tabs.nav-tabs .nav-link:hover, .nav-tabs .nav-link:hover {
        border: 1px solid #e9ecef;
        border-top-color: #e9ecef;
        border-right-color: #e9ecef;
        border-bottom-color: #e9ecef;
        border-left-color: #e9ecef
    }

    .sideways-tabs.nav-tabs .nav-link.active, .left-tabs .nav-link.active, .right-tabs .nav-link.active {
        border-top-color: #dee2e6;
        border-right-color: #dee2e6;
        border-bottom-color: #dee2e6;
        border-left-color: #dee2e6
    }
}

@media (min-width: 26em) {

    .left-tabs .nav-item {
        width: 100% !important;
    }

    .left-tabs.nav-tabs, .right-tabs.nav-tabs, .left-tabs.sideways-tabs, .right-tabs.sideways-tabs {
        height: 100%;
        flex-direction: row;
        direction: ltr;
        width: 95%;
        float: left;
    }
}

.scroll-left {
    unicode-bidi: bidi-override !important;
    direction: rtl !important;
}

.scroll-left .bi-check2-circle {
    color: #26376d;
}

/*--.left-tabs--*/


.modal-table {
    overflow: auto;
    max-height: 400px;
}

.adf-search-logo {
    width: 15px;
}

.advance-search-container {
    overflow-y: auto;
    height: calc(100vh - 205px);
    overflow-x: hidden;
}

.advance-search-tab .nav-tabs .nav-link {
    padding: 10px 20px !important;
}


.global-search-container {
    overflow-y: auto;
    height: calc(100vh - 140px);
    overflow-x: hidden;
}


@media (max-width: 767.99px) {
    .global-search-container {
        overflow-y: auto;
        height: 33vh;
        overflow-x: hidden;
    }
}

.count-badge {
    border-radius: 50%;
    background: #F2FBFF;
    padding: 2px 3px;
    font-size: 12px;
    min-width: 24px;
    display: block;
    text-align: center;
    border: solid 1px #26376D;
}


.mr-40 {
    margin-right: 40px;
}

.mr-6 {
    margin-right: 6px;
}

.mr-12 {
    margin-right: 12px;
}


.global-search-container .nav-tabs .nav-link {
    padding: 6px 10px !important;
}


/*-- offcanvas-bottom --*/
.offcanvas-bottom {
    max-width: calc(100% - 132px);
    min-width: calc(100% - 232px);
    min-height: calc(100vh - 100px);
    right: 0 !important;
    left: 221px !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.offcanvas-bottom .offcanvas-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

/*-- end offcanvas-bottom --*/

.PartyAdvanceSearchResult {
    position: relative;
    animation: mymove 1s;
    animation-fill-mode: forwards;
}

.party-search-container {
    overflow-y: auto;
    height: calc(100vh - 260px);
    overflow-x: hidden;
}


@keyframes mymove {
    from {
        top: 100vh;
    }

    to {
        top: 0px;
    }
}

@media (min-width: 460px) {

    .modal-350 {
        min-width: 350px !important;
    }
}

/* Tooltip */
.test + .tooltip > .tooltip-inner {
    background-color: #73AD21;
    color: #FFFFFF;
    border: 1px solid green;
    padding: 15px;
    font-size: 20px;
}

/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
}

/* Tooltip on bottom */
.test + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
}

/* Tooltip on left */
.test + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid red;
}

.linkmt-sm-3 {
    padding-top: 3px;
}

/*--calendar-container--*/


.calendar-wrap {
    overflow-y: auto;
    height: calc(100vh - 85px);
    overflow-x: hidden;
}


.calendar-container .rz-scheduler {
    height: calc(100vh - 120px) !important;
    border-radius: 0px;
}


.calendar-container .rz-view-header {
    background-color: transparent;
}


.calendar-container .rz-view-header .rz-slot-header {
    border: solid 1px #e9eaed !important;
}


.calendar-container .rz-scheduler-nav {
    background-color: transparent;
}

.calendar-container .rz-datepicker-title .rz-dropdown:first-child {
    min-width: 120px !important;
}


.calendar-container .rz-datepicker-title .rz-dropdown {
    font-size: 12px !important
}

.calendar-container .rz-datepicker-prev .rzi-chevron-left {
    vertical-align: -webkit-baseline-middle !important;
}

.calendar-container .rz-datepicker-next .rzi-chevron-right {
    vertical-align: -webkit-baseline-middle !important;
}


.calendar-container .rz-dropdown-items li {
    font-size: 12px !important;
}


.calendar-container .rz-datepicker-currentday {
}

.calendar-container .rz-datepicker-calendar td a.rz-state-default, .rz-datepicker-calendar td span.rz-state-default {
    width: 2rem !important;
    height: 2rem !important;
    line-height: unset !important;
    text-align: center !important;
    font-size: 14px !important;
    padding: 5px !important;
    border-radius: 50% !important;
}

.calendar-container .rz-datepicker-header {
    padding: 0px !important;
}

.calendar-container .rz-today {
    color: #26376d !important;
    border: #26376d solid 1px !important;
    background: transparent !important;
}

.calendar-container .rz-state-active {
    background: var(--brand-color) !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: unset !important;
}

.calendar-container .rz-button {
    height: 30px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.calendar-container .rz-primary {
    font-size: 12px !important;
    padding: 5px 10px !important;
    height: 30px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: unset !important;
    font-weight: 400 !important;
}


.popover {
    min-width: 340px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.popover .result {
    font-weight: 500;
}

.popover-title {
    font-weight: 500;
    font-size: 14px
}

.calendar-popover-header {
    margin-right: -10px;
    margin-left: -10px;
    /* background: #26376d; */
    padding: 10px;
    /* color: #fff; */
    border-bottom: solid 1px #ddd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.popover-body {
    padding: 0px 10px
}

.rz-event-content span {
    font-size: 12px !important;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.rz-week-view .rz-event-content span {
}

.rz-week-view .rz-view-header {
    padding-right: 0px !important;
    overflow: scroll;
}

.rz-day-view .rz-event-content span {
    text-overflow: unset !important;
    white-space: unset !important;
}

.rz-event-content button {
    padding: 0px !important;
}

.calendar-container .rz-slot {
    /* border: solid 1px #d5d5d5 !important*/
}

/*.calendar-container .rz-day-view .rz-event {
    width: 100% !important;
}*/


.calendar-container .rz-event-content {
    border-radius: 0px !important;
}

.event-color input[type=checkbox] {
    width: 18px;
    height: 18px;
    vertical-align: sub;
    margin-right: 5px;
}

.event-color .form-check-label {
    font-size: 14px;
}

.event-color .form-check {
    padding-left: 10px !important;
}


/* Tooltip on right */
.test + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
}

.linkmt-sm-3 {
    padding-top: 3px;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

.select2-container .select2-selection--single {
    height: 32px !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}

.select2-container .select2-selection--multiple {
    min-height: 30px !important;
}

.add-address-city .form-control-sm {
    min-height: calc(1.5em + 0.5rem + 0px) !important;
    border-radius: -4.75rem !important;
}

.select2-search--dropdown .select2-search__field {
    outline: none !important;
}

.select2-search--dropdown {
    padding: 0px !important;
}

.add-address-country .form-select {
    height: 31px;
}


.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: .875rem !important;
    color: #212529 !important;
}


.select2-container .select2-selection--multiple .select2-selection__rendered {
    font-size: 13px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    font-size: 13px !important;
}

.add-address-state .form-select {
    color: #423e3e !important;
    font-size: 13px !important;
}

.event-color .form-check {
    padding-left: 10px !important;
}


.rz-dropdown-clear-icon rzi rzi-times {
    right: 10px;
}

/*--calendar-container--*/


.country-code .form-select {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
}

.country-code {
    padding-right: 0px !important;
}

.phone-number .form-control-sm {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.phone-number {
    padding-left: 0px !important;
}

/*--calendar-container--*/
/*--calendar-container--*/


#biography::after {
    content: attr(value);
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f9f9f9;
    padding: 5px;
    border: 1px solid #ccc;
    display: none;
}

#primaryEmailDetails {
    color: #000 !important;
}

/* Error message Dropdown UI */


/* Party Address UI */
#SelectCountryAddress-error {
    position: absolute;
    bottom: -18px;
    left: 8px;
}

#SelectStateAddress-error {
    position: absolute;
    bottom: -16px;
    left: 8px;
}

#countryCode-error {
    position: absolute;
    /*bottom: -15px;*/
    bottom: 0px;
    left: 5px;
}

#SelectJurisdiction-error {
    position: absolute;
    bottom: -15px;
    left: 5px;
}

#CourtAdmission-error {
    position: absolute;
    top: 58px;
    left: 5px;
}

.addCommunicationDate {
    position: relative;
}

.addCommunicationDate button {
    position: absolute;
    top: 15px;
}


/*--drop down error messages-*/


.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
    /*  content: unset !important;*/
}


/*--drop down error messages-*/
/*--activity-tab-wrap--

.activity-tab-wrap{
    border:solid 1px #f00;
}
.activity-tab-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: transparent;
    color: var(--brand-color);
    border-bottom: solid 2px var(--brand-color);
    font-weight: bold;
    border: none;
}

.activity-tab-wrap .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-bottom: solid 2px var(--brand-color)!important;
    border: none !important;
}

.activity-tab-wrap .nav-tabs {
    border-bottom: solid 2px #dee2e6;
}
--activity-tab-wrap--*/


/* Conflict Summary UI*/


.conflict_details .title {
    padding: 5px;
    font-size: 15px;
    border-bottom: 1px solid #ced4da;
    padding-left: 0px;
}


.conflict_footer_button button {
    width: 100%;
    height: 35px;
    text-align: center;
}


.conflict_pagination nav {
    margin: auto;
    width: fit-content;
}


.conflict_details .status {
    border: 1px solid #ced4da;
    width: 100%;
    display: block;
    height: 50%;
    font-size: 15px;
    font-weight: inherit;
}


.conflict_details table {
    font-size: 13px;
}


.conflict_table {
    padding: 10px;
    overflow-y: scroll;
    height: 300px;
    margin-right: -5px;
    padding-bottom: 0px;
}


.conflict_details {
    overflow-x: hidden;
}

.conflict_table a {
    cursor: pointer;
}


#searchTerms {
    border-radius: 4px;
}


#searchDescription {
    border-radius: 4px;
}


.conflict_footer_button {
    margin: 5px 10px 0px 10px;
}


/* test File Matter UI*/

/*--conflictSearchForm--*/

.conflictSearchForm {
    text-align: center;
}


.conflictSearchForm .col-md-12 {
    margin: 10px;
}


.conflictSearchForm .col-md-12 input {
    width: 100%;
}


.conflictSearchForm .col-md-12 textarea {
    width: 60%;
}


.conflictText label {
    font-size: 13px;
    font-weight: 600;
}


.conflictText p {
    font-size: 13px;
}


.conflictSearchForm .col-md-12 label {
    font-size: 12px;
}


.conflictCheckAccordion h4 {
    font-size: 18px;
}


.conflictInput {
    border-bottom: 1px solid #ced4da;
    width: 100%;
    margin-top: 5px;
}

.spinner-width {
    height: 15px;
    width: 15px;
}

/*--calendar-container--*/


.country-code .form-select {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.country-code {
    padding-right: 0px !important;
}

.phone-number .form-control-sm {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.phone-number {
    padding-left: 0px !important;
}

/*--calendar-container--*/
/*--calendar-container--*/


#biography::after {
    content: attr(value);
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f9f9f9;
    padding: 5px;
    border: 1px solid #ccc;
    display: none;
}

/*Activity Filter Modal*/
.activity-settings-offcanvas-body {
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.activity-settings-offcanvas-body .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.offcanvas-bottom .activity-modal {
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 18px !important;
}

.activity-settings-offcanvas-body .activity-modal .col-md-6 {
    padding: 0px 10px;
}

.activity-settings-offcanvas-body .activity-modal .col-md-12 {
    padding: 0px 10px;
}

.activity-offcanvas-footer {
    background: #f1f1f1;
    position: absolute;
    bottom: 0;
    padding: 15px 15px;
    width: 100%;
}

.activity-settings-offcanvas-body .activity-offcanvas-footer .btn-modal-footer {
    border-radius: 3px;
    padding: 5px;
    font-size: 13px;
    margin: 4px;
    background-color: #26376d;
    color: white;
}

.offcanvas-bottom {
    max-width: 360px !important;
    min-width: 29%;
    min-width: 200px;
    right: 0 !important;
    left: 73.5% !important;
    border-radius: 0px;
    /*  min-height: 400px;*/
}

.activity-modal h5 {
    font-weight: bold;
    font-size: 14px;
}

.activity-modal label {
    margin-left: 6px;
    font-size: 14px;
}

.activity-settings-offcanvas-body .activity-offcanvas-footer {
    margin-top: 15px;
    margin-left: 5px;
    text-align: end;
    margin-right: 10px;
}

/*.offcanvas-bottom .offcanvas-header {
    background: linear-gradient(180deg, #F2FBFF 52%, #ffffff 100%);
    border: 1px solid #dee2e6;
    border-radius: 0px;
    position: relative;
}*/

/*    .offcanvas-bottom .offcanvas-header h5 {
        position: inherit;
        left: 90%;
    }*/


/*Activity Filter Modal*/
/*.activity-settings-offcanvas-body {
    overflow: hidden;*/
/*padding-right: 15px;
    padding-left: 15px;*/
/*position: relative;
    padding: 30px;
}

    .activity-settings-offcanvas-body .btn-close {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.offcanvas-bottom .activity-modal {
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 18px !important;
}



.activity-settings-offcanvas-body .activity-modal .col-md-6 {
    padding: 0px 10px;
}



.activity-settings-offcanvas-body .activity-modal .col-md-12 {
    padding: 0px 10px;
}

.activity-offcanvas-footer {
    background: #f1f1f1;
    position: absolute;
    bottom: 0;
    padding: 15px 15px;
    width: 100%;
}

.activity-settings-offcanvas-body .activity-offcanvas-footer .btn-modal-footer {
    border-radius: 3px;
    padding: 5px;
    font-size: 13px;
    margin: 4px;
    background-color: #26376d;
    color: white;
}



.offcanvas-bottom {
    max-width: calc(100% - 148px);
    min-width: calc(100% - 685px);
    min-height: calc(100vh - 160px);
    right: 0 !important;
    left: 221px !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}



.activity-modal h5 {
    font-weight: bold;
    font-size: 14px;
}



.activity-modal label {
    margin-left: 6px;
    font-size: 14px;
}



.activity-settings-offcanvas-body .activity-offcanvas-footer {
    margin-top: 15px;
    margin-left: 5px;
    text-align: end;
    margin-right: 10px;
    padding: 30px;
}


.offcanvas-bottom .offcanvas-header {
    background: linear-gradient(180deg, #F2FBFF 52%, #ffffff 100%);
    border: 1px solid #dee2e6;
    border-radius: 0px;
    position: relative;
}

    .offcanvas-bottom .offcanvas-header h5 {
        position: inherit;
        left: 90%;
    }

#eventFilters {
    padding: 25px;
}*/

/*--Activity UI--*/
h2 .btn-expand {
    text-align: start !important;
}

.click .collapsed .icon {
    transform: rotate(180deg);
    transition: .3s ease-in-out;
}

.activity-container .card-header .float-left {
    float: left !important;
    width: 4%;
    margin-right: 10px;
}

.button-expand .btn-expand {
    border: none;
    font-size: 15px;
    background: none;
}

.activity-container .card-header {
    padding: 0px;
    width: 100%;
    background-color: rgba(245, 242, 242, 0.945);
    border: none;
}

.activity-container .card-header h5 {
    font-size: 14px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 0px;
}

.activity-container .card-body {
    padding-top: 0px;
}

.card-header1 .btn-expand i {
    font-size: 18px;
    color: green;
}

.card-header1 .btn-expand a {
    font-size: 16px;
    text-decoration: none;
}

.activity-container .card-body p {
    margin-left: 30px;
}

.activity-container .card {
    border: none;
    margin: 20px;
}

.btn-expand .link {
    position: absolute;
    top: 3px;
    margin-left: 9px;
    width: 100%;
}

.btn-expand .link::after {
    content: unset !important;
}

.activity-options .link::after {
    content: unset !important;
}

.activity img, svg {
    vertical-align: middle;
    width: 14px;
    margin-right: 6px;
}

.activity-container .card-header .float-left {
    float: left !important;
    width: 4%;
    margin-right: 8px;
    margin-top: 3px;
}

.activity .eventbox {
    margin-left: 19px;
    width: 100%;
    min-height: 100px;
}

.activity .eventbox p {
    margin-left: 0px;
}

.activity .btn-dropdown {
    float: right;
    border: none;
    font-size: 20px;
    background-color: white;
    padding-top: 0px;
}

.activity .dropdown-menu {
    border-radius: 0px;
    font-size: 15px;
    padding: 0px;
}


.activity .activity-options {
    position: relative;
    padding: 10px 0px;
}

.activity-options .link {
    text-decoration: none;
    font-size: 18px;
}

.activity .activity-options .activity-edit {
    position: absolute;
    right: 0px;
    top: 11px;
}

/*--end Activity UI--*/

.offcanvas-custom-close {
    background: transparent !important;
    border: solid 1px #fff !important;
    height: 25px !important;
    width: 25px !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    padding: 0px !important;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}

.offcanvas-custom-close:hover {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.empcountry .rz-dropdown {
    min-height: 32px !important;
}

.linkmt-sm-3 {
    padding-top: 3px;
}


/*--yearly-budget--*/

.currency-input-container {
    position: relative;
}

.currency-input-container::before {
    content: "$";
    position: absolute;
    top: 17px;
    left: 5px;
    transform: translateY(-50%);
}

.currency-input {
    padding-left: 20px; /* Adjust the padding as needed */
}

#budget-error {
    display: inline-block;
    position: absolute;
    left: 0;
    border: 0;
}

/*.notification-show {
    background: #26376d;
    border-radius: 50%;
    color: #fff;
}*/


.conflictText {
    border-bottom: 1px solid #ced4da;
    font-size: 14px;
}


.conflixtFormbutton {
    text-align: center;
}


.conflictInput h5 {
    font-size: 14px;
}

/*--end conflictSearchForm--*/

.menudropdown {
    width: 35px;
}

.dropdown-toggle:empty::after {
    font-size: 20px;
    margin-left: 0;
    vertical-align: middle;
}

.dropdownOption {
    font-size: 14px;
}

/* Events Tab UI*/

#dueDate {
    margin-top: 3px;
}


.inputtext {
    margin-top: 3px;
}


.seal .sealCheck {
    margin-left: -18px;
}


.seal .sealLabel {
    margin-left: 5px;
}


/*Add Communication Offcanvas Button*/

.advocacy {
    margin-top: 4px;
    margin-left: 2px;
}


.advocacy .advocacyLabel {
    padding: 0px 2px 2px 2px;
}

/*--yearly-budget--*/

.rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    border-color: var(--brand-color) !important;
    box-shadow: 0 0 0 0.25rem rgb(38 55 109 / 50%) !important;
}

.ClassificationEndDate button {
    position: absolute;
    top: 15px;
    right: 10px;
}


/* Files SideBar UI */

.sub-menu .nav-link {
    margin-left: -32px;
    margin-top: 1px;
}

#offcanvasRightLegalInquiry .fileheader {
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
    padding: 0px 6px;
    border-bottom: 1px solid #ced4da;
}

#offcanvasRightNewFile .fileheader {
    background: linear-gradient(180deg, #F2FBFF 0%, #ffffff 100%);
    padding: 0px 6px;
    border-bottom: 1px solid #ced4da;
}


.rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label {
    padding-top: 2px !important;
}

.leadClient {
    position: relative;
    border: solid 1px #f00;
}

.check-label {
    margin: 2px;
}

#GeneralCounselCaseType {
    padding: 6px;
    border-radius: 4px;
    font-size: 13px;
}

.expandble {
    resize: vertical;
    overflow: auto;
    min-height: 50px;
}

#GeneralCounselLitigationStatus {
    padding: 4px;
    border-radius: 4px;
    font-size: 14px;
}

.questionCheck {
    border-bottom: 1px solid #ced4da;
    padding-bottom: 12px;
}

.isPrimaryCheck {
    padding-top: 3px;
}

.birthday .rz-inputtext {
    border: solid 1px #ced4da !important;
}

.country-code .select2-container--default .select2-selection--single {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-radius: 0px !important;
}

.rz-dropdown {
    border: 1px solid #ced4da !important;
}

.notification a[aria-expanded="true"] {
    background: #26376D !important;
    border-radius: 50% !important;
    color: #fff !important;
}

/*#searchBbirthday:hover {
    border: 1px solid #ced4da;
}

#searchBbirthday {
    border: 1px solid #ced4da;
}*/

.rz-inputtext:hover {
    border: 1px solid #ced4da !important;
}

.rz-inputtext {
    border: 1px solid #ced4da !important;
}

.rz-dropdown .rz-inputtext:hover {
    border: 0px !important;
}

.rz-dropdown .rz-inputtext {
    border: 0px !important;
}

.rz-dropdown-filter {
    border: 0px !important;
}

.rz-dropdown-label rz-inputtext {
    padding-top: 0px !important;
}

.isPrimaryCheck {
    padding-top: 3px;
}

#partyname-error {
    position: absolute;
    top: 58px;
    left: 5px;
}

.rz-dropdown-filter:hover {
    border: 0px !important;
}

.custom-dropdown .valid.modified:not([type=checkbox]) {
    padding-top: 4px !important;
}

.content-wrap {
    background: #f8f9fa;
    overflow-x: hidden;
    margin: 0;
}

.RequestLegalhelp-header {
    height: auto;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 10px;
    width: 100%;
    border: 1px solid #222529;
    color: #d1d2d3;
    background-color: #222529;
    text-align: center;
}

.RequestLegalhelp-header a {
    color: #0176d3
}

.RequestLegalhelp-header a:hover {
    color: #0176d3
}

.requestHelpForm {
    background-color: #f8f9fa;
}



#rolepartyname-error {
    position: absolute;
    top: 58px;
    left: 8px;
}

#SelectFileStatusForCloseMatter-error {
    position: absolute;
    top: 58px;
    left: 8px;
}

textarea.form-control {
    font-size: 14px !important;
}

.rz-multiselect, .rz-dropdown {
    font-size: var(--fnt-14) !important;
    padding-top: 4px !important;
    /*   border: solid 1px #f00 !important;*/
    border: 1px solid #ced4da !important;
}


#AssignedTo-error {
    position: absolute;
    bottom: -18px;
    left: 8px;
}


.custom-dropdown .valid.modified:not([type=checkbox]) {
    padding-top: 4px !important;
}

#question1-error {
    top: 20px;
    left: 12px;
    position: absolute;
}

#question1cma-error {
    top: 20px;
    left: 12px;
    position: absolute;
}

#question2-error {
    top: 20px;
    left: 12px;
    position: absolute;
}

#question2cma-error {
    top: 20px;
    left: 12px;
    position: absolute;
}


.EventDetailDropdown .rz-multiselect, .rz-dropdown {
    padding-top: 4px !important;
}

.rz-multiselect, .rz-dropdown {
    font-size: var(--fnt-14) !important;
    padding-top: 4px !important;
    /*   border: solid 1px #f00 !important;*/
    border: 1px solid #ced4da !important;
}

.dateofadmission button {
    position: absolute;
    top: 14px;
    right: 10px;
}

.taskassignedto {
    padding: 0px 6px;
}

.taskassignedto input {
    width: auto !important;
}

.select2-selection--multiple {
    height: auto !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    height: auto !important;
}

.select2-container--default .select2-selection--multiple {
    height: auto !important;
}

.FileStageNoteTable {
    width: 100%;
    background: #ebeef9;
    font-weight: bold;
}

.FileStageNoteTable tr td:nth-child(1) {
    width: 99px !important;
    border: solid 1px #e9eaed !important;
}


.FileStageNoteTable tr td:nth-child(2) {
    border: solid 1px #e9eaed !important;
}


.FileStageNoteTable tr td:nth-child(3) {
    width: 100px !important;
    border: solid 1px #e9eaed !important;
    text-align: right !important;
}


.FileStageNoteTable tr td:nth-child(4) {
    width: 70px !important;
    border: solid 1px #e9eaed !important;
    text-align: center !important;
}

.FileStageNoteTable tr td:nth-child(5) {
    width: 300px !important;
    border: solid 1px #e9eaed !important;
    text-align: right !important;
}

.FileStageNoteTable tr td:nth-child(6) {
    width: 80px !important;
    border: solid 1px #e9eaed !important;
    padding-left: 10px;
}

.FileStageNoteTable .add-icon-btn {
    height: 24px !important;
    padding: 0px 6px !important;
}

.matter-history .rz-grid-table tr td:nth-child(2) {
    padding: 0px !important;
}

.matter-history .rz-group-row .rz-col-icon {
    background: #ebeef9;
    font-weight: bold;
}

.matter-history .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td
background: #fff

!important
;

}
.matter-history .rz-state-highlight {
    background: #fff !important;
}

.matter-history .rz-state-highlight td {
    background: #fff !important;
}

.matter-history .rz-cell-filter-content .rz-cell-filter-label {
    text-align: right;
    display: block;
}


.matter-history .rz-group-header {
    padding-top: 15px !important;
}

.PartyList-table-container .rz-group-header {
    display: block !important;
}

.PartyList-table-container .rz-group-header-item {
    display: none !important;
}


.calenderIcon button {
    position: absolute;
    top: 16px;
    right: 10px;
}

#selectgrant-error {
    position: absolute;
    top: 58px;
    left: 5px;
}

/*#requestState-error{
    top: 66px !important;
    left:12px;
    position:absolute;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #444 !important;
}
*/

.completed {
    background: #26376d;
    padding: 2px;
    color: #fff;
    border-radius: 4px;
}

.incompleted {
    background: transparent;
    padding: 2px;
    color: #000;
    border-radius: 4px;
}


#SelectFileOwnerRefer-error {
    top: 57px !important;
    position: absolute;
    left: 5px;
}

#SelectFileTypeVal-error {
    top: 57px !important;
    position: absolute;
    left: 5px;
}

#SelectLegalAssistantRefer-error {
    top: 57px !important;
    position: absolute;
    left: 5px;
}

#SelectIntakeStatus-error {
    top: 57px !important;
    position: absolute;
    left: 5px;
}

#Subject-error {
    top: 60px !important;
    position: absolute;
    left: 5px;
}

#EventAssignedTo-error {
    top: 60px !important;
    position: absolute;
    left: 5px;
}

#StartDate-error {
    top: 33px !important;
    position: absolute;
    left: 1px;
}

#EndDate-error {
    top: 33px !important;
    position: absolute;
    left: 1px;
}


#SelectReferredAttorney-error {
    top: 65px !important;
    left: 2px;
    position: absolute;
}

.SelectCloseMatterStatusDate button {
    position: absolute;
    top: 15px;
    right: 10px;
}

.input-with-icon {
    position: relative;
    display: inline-block;
}

/* Style the input button */
.input-with-icon input[type="button"] {
    padding: 8px 40px 8px 10px;
    /*background-color: #007bff;
color: #fff;*/
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Style the icon */
.input-with-icon i {
    position: absolute;
    top: 50%;
    right: 12px; /* Adjust the right position of the icon */
    transform: translateY(-50%);
}

button.rz-datepicker-trigger.rz-calendar-button.rz-button.rz-button-icon-only {
    top: 15px !important
}


.orange-background {
    background-color: #f44336 !important;
    border: none;
    color: white;
    display: inline-block;
}

.green-background {
    background-color: #4CAF50 !important;
    border: none;
    color: white;
    display: inline-block;
}

.matter-banner .alert {
    text-align: center !important;
    padding: 5px !important;
}

.matter-banner .Info {
    background: #FFFF00 !important;
}

.matter-banner .Light {
    background: #ffffff !important;
    padding: 10px !important;
}

.matter-banner .Success {
    background: #23C552 !important;
    text-transform: uppercase !important;
    color: white !important;
}

.matter-banner .Danger {
    background: #FF0000 !important;
    color: white !important;
}

.matter-banner .Warning {
    background: #fe9339 !important;
    font-size: 12px !important;
}

.matter-banner .striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important;
}

.PartyList-table-container .rz-group-header {
    display: block !important;
}

/*Conflict Check Party Record CSS*/
.do-not-contact {
    background-color: #f0c7c7; /* Red background for rows with DoNotContact = true */
    color: white; /* Set text color to white */
}

.normal-row {
    background-color: white; /* Default background for other rows */
    color: black; /* Set text color to black */
}

.highlight {
    background-color: yellow;
    font-weight: bold;
}

.highlighted-grid {
    background-color: yellow;
}

#MatterIssueCategorySelect-error {
    top: 60px !important;
    position: absolute;
    left: 5px;
}

.trail-link {
    background: #f4f5f9 !important;
    border-color: #e9eaed !important;
}


/*--issues-details-table--*/


.issues-details table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
}


.issues-details table td:first-child {
    text-align: left;
    width: 200px;
    border-right: none;
}

.issues-details table td:first-child {
    text-align: left;
    width: 200px;
    border-right: none;
}

.issues-details .w-200 {
    width: 200px;
}


/*--end-issues-details-table--*/

.timeEntryDuration {
    padding-left: 3px;
    padding-right: 3px;
}

.actual-duration {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 12px !important;
}

.grecaptcha-badge {
    visibility: visible;
}

.stop-watcher {
    min-height: 300px;
}

.fontForEmail {
    font-family: Calibri;
}

.table-cotainer {
    max-height: 200px;
    overflow: auto;
}

.hideNotification {
    position: fixed;
    top: 10px;
    right: 10px;
    display: none;
    transition: all 0.5s ease-out;
    background-color: #ff0000;
}

.showNotification {
    position: fixed;
    top: 10px;
    border-radius: 5px;
    right: 10px;
    display: block;
    transition: all 0.5s ease-out;
    background-color: #ff0000;
}

.showNotification .rz-growl-item {
    margin: 0px;
    padding: 14px 30px;
}

.showNotification span {
    font-size: 16px;
    font-weight: 500;
    color: white;
}

.showNotification .rz-growl-message p {
    font-size: 13px;
    font-weight: 300;
    color: #eaeaea !important;
}

.showNotification .rz-growl-icon-close {
    color: white;
}

.rz-dropdown {
    background: url(../down_arrow.svg) !important;
    background-position: 98% !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
}


.rz-dropdown :before {
    content: none !important;
}


.play {
    font-size: 28px;
    vertical-align: middle;
    display: contents;
}

.play-success {
    color: #04B600;
}

.play-primary {
    color: #26376D;
}

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

/*.rz-data-row  {
    border:solid 1px #f00;
    display:block;
}
*/

/*--edit-primary-details disable--*/
/*.edit-primary-details{
    border:solid 1px #f00;
}*/
.edit-primary-details .form-select:disabled {
    border: none !important;
    color: #000 !important;
    background: #fbfbfb !important
}

.edit-primary-details .form-control:disabled {
    border: none !important;
    color: #000 !important;
    background: #fbfbfb !important;
}


/*--global disable--*/

.rz-state-disabled .rz-dropdown-label {
    height: 29px !important;
    padding: 10px;
    color: #212529 !important;
}

.rz-state-disabled {
    padding: 0px !important;
}


.rz-colorpicker.rz-state-disabled, .rz-spinner.rz-state-disabled, .rz-calendar.rz-state-disabled .rz-inputtext, .rz-listbox.rz-state-disabled, .rz-autocomplete-input:disabled, .rz-state-disabled.rz-autocomplete, .rz-state-disabled.rz-multiselect, .rz-state-disabled.rz-dropdown, .rz-radiobutton-box.rz-state-disabled, .rz-chkbox-box.rz-state-disabled, .rz-colorpicker:disabled, .rz-lookup-search input:disabled, .rz-spinner:disabled, .rz-calendar .rz-inputtext:disabled, .rz-multiselect:disabled, .rz-dropdown:disabled, .mask:disabled, .rz-textarea:disabled, .rz-textbox:disabled {
    opacity: unset !important;
    border: 1px solid #e3eaf1 !important
}

.rz-colorpicker.rz-state-disabled .rz-inputtext, .rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled .rz-inputtext .rz-inputtext, .rz-listbox.rz-state-disabled .rz-inputtext, .rz-autocomplete-input:disabled .rz-inputtext, .rz-state-disabled.rz-autocomplete .rz-inputtext, .rz-state-disabled.rz-multiselect .rz-inputtext, .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-radiobutton-box.rz-state-disabled .rz-inputtext, .rz-chkbox-box.rz-state-disabled .rz-inputtext, .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search input:disabled .rz-inputtext, .rz-spinner:disabled .rz-inputtext, .rz-calendar .rz-inputtext:disabled .rz-inputtext, .rz-multiselect:disabled .rz-inputtext, .rz-dropdown:disabled .rz-inputtext, .mask:disabled .rz-inputtext, .rz-textarea:disabled .rz-inputtext, .rz-textbox:disabled .rz-inputtext {
    color: #212529 !important;
}


.form-check-input:disabled {
    background: #f4f5f9;
}


.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f4f5f9 !important;
    border: solid 1px #e4e8ed !important;
    color: #212529 !important;
}


.form-control:disabled {
    border: none !important;
    color: #000 !important;
    background: #fbfbfb !important;
}

.form-select:disabled {
    border: none !important;
    color: #000 !important;
    background: #fbfbfb !important;
}

/*--end global disable--*/

/*--GLOBAL SEARCH--*/

#txt-search {
    border-radius: 0 4px 4px 0;
}

#btn-search {
    padding: 4px 5px 2px;
    left: -28px;
    position: relative;
    border: 0;
    background: none;
    z-index: 2;
}

.globalsearch-wrap .dropdown-item {
    cursor: pointer;
}

/*--END GLOBAL SEARCH--*/


.text-danger .highlight {
    background-color: #ff4747 !important;
    font-weight: bold !important;
    color: #fff !important;
    padding: 0px 2px
}

#matter .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background: rgb(244 245 247 / 52%) !important;
}

#matter .rz-group-header {
    background: unset !important;
}

.rz-paginator .rz-state-disabled {
    padding: 8px !important
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: unset !important;
}


.rz-dropdown-items-wrapper [aria-hidden='true'] {
    border: solid 1px #f00;
}


li[aria-label="<null>"] {
    /* Your CSS styles here */
}

}

#party .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background: rgb(244 245 247 / 52%) !important;
}

#party .rz-group-header {
    background: unset !important;
}