/*
 * Radzen Tweaks
*/

[data-theme="dark"] .rz-datatable-odd > td {
    background-color: var(--abs-gray-100);
    height: 60px;
}

[data-theme="dark"] .rz-datatable-even > td {
    background-color: var(--abs-body-bg);
    height: 60px;
}

[data-theme="dark"] .rz-datatable-data td .rz-cell-data {
    color: var(--abs-text-dark);
    font-size: 1.0rem;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-theme="dark"] .rz-dropdown-item {
    font-size: 1rem !important;
    padding: 1.5rem 1rem;
}

[data-theme="dark"] .rz-dropdown-label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 1.1875rem;
}



[data-theme="dark"] .rz-fileupload {
    display: block !important;
    height: auto;
}

[data-theme="dark"] .rz-html-editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0px;
    border: 1px solid var(--abs-card-border-color);
}


[data-theme="dark"] .rz-dropdown {
    padding-top: 0.8rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 3.5rem;
}

[data-theme="dark"] .rz-dropdown-label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 1.1875rem;
}

[data-theme="dark"] .rz-dropdown-item {
    font-size: 1rem !important;
    padding: 1.5rem 1rem;
}

[data-theme="dark"] .rz-html-editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0px;
    border: 1px solid var(--abs-card-border-color);
}

[data-theme="dark"].rz-tree {
    display: inline-block;
    overflow: auto;
    min-width: 100%;
}

[data-theme="dark"] .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
    background-color: #59a6cd;
    color: var(--abs-text-dark);
    border-radius: 2px;
    min-width: 100%;
    padding: 10px;
}

[data-theme="dark"] .rz-treenode-content-selected .rz-treenode-label .rz-treenode-label-link:hover {
    min-width: 100%;
    padding: 10px;
    color: var(--abs-text-dark);
}

/* mouse over link */
[data-theme="dark"] .rz-treenode-label-link:hover {
    color: var(--abs-text-dark);
}

/* mouse over link */
[data-theme="dark"] .rz-treenode-label-text:hover {
    color: var(--abs-text-dark) !important;
}

[data-theme="dark"] .rz-treenode-content .rz-treenode-content-selected {
    min-width: 100%;
}

[data-theme="dark"] .rz-treenode-label:hover>.rz-treenode-label-text>.rz-treenode-label-link {
    color: var(--abs-text-dark);
}

[data-theme="dark"] .rz-treenode-content-selected .rz-treenode-label {
    color: white;
    padding: 10px;
    min-width: 100%;
    border-radius: 2px;
    background-color: #479cc8;
}

[data-theme="dark"] .rz-treenode-content-selected>.rz-treenode-label>b>a {
    color: white;
}




[data-theme="dark"] .rz-colorpicker,
[data-theme="dark"] .rz-lookup-search input,
[data-theme="dark"] .rz-spinner,
[data-theme="dark"] .rz-calendar .rz-inputtext,
[data-theme="dark"] .rz-multiselect,
[data-theme="dark"] .rz-dropdown,
[data-theme="dark"] .mask,
[data-theme="dark"] .rz-textarea,
[data-theme="dark"] .rz-textbox {
    border: 1px solid var(--abs-card-border-color);
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #0a0a0a;
    padding: 1rem 1rem;
}

[data-theme="dark"] .rz-html-editor-dropdown-items,
[data-theme="dark"] .rz-splitbutton-menu,
[data-theme="dark"] .rz-autocomplete-panel,
[data-theme="dark"] .rz-multiselect-panel,
[data-theme="dark"] .rz-dropdown-panel {
    position: absolute;
    transform: translateY(-4px);
    background-color: #0a0a0a;
    border-radius: 4px;
    border: 1px solid var(--abs-card-border-color);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

[data-theme="dark"] .rz-dropdown-item .ms-Persona-details .ms-Persona-primaryText {
    color: var(--abs-text-dark)
}

[data-theme="dark"] .rz-button.rz-primary,
[data-theme="dark"] .rz-primary.rz-paginator-element {
    background-color: var(--rz-primary);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"] .rz-button.rz-light,
[data-theme="dark"].rz-light.rz-paginator-element {
    background-color: var(--rz-base-700);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"] .rz-button.rz-secondary,
[data-theme="dark"] .rz-secondary.rz-paginator-element {
    background-color: var(--rz-secondary);
    color: var(--rz-text-contrast-color);
}


[data-theme="dark"] .rz-button.rz-info,
[data-theme="dark"] .rz-info.rz-paginator-element {
    background-color: var(--rz-info);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"] .rz-button.rz-warning,
[data-theme="dark"] .rz-warning.rz-paginator-element {
    background-color: var(--rz-warning);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"].rz-button.rz-error,
[data-theme="dark"].rz-error.rz-paginator-element {
    background-color: var(--rz-danger);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"].rz-button.rz-danger,
[data-theme="dark"] .rz-danger.rz-paginator-element {
    background-color: var(--rz-danger);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"].rz-button.rz-success,
[data-theme="dark"].rz-success.rz-paginator-element {
    background-color: var(--rz-success);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"] .rz-button.rz-variant-outlined.rz-light.rz-shade-default,
[data-theme="dark"] .rz-variant-outlined.rz-light.rz-shade-default.rz-paginator-element {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
    color: var(--rz-text-contrast-color);
}

[data-theme="dark"].rz-alert.rz-base {
    --rz-alert-background-color: var(--rz-base-700);
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
}

[data-theme="dark"] .rz-alert.rz-variant-outlined.rz-base {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
    --rz-alert-background-color: transparent;
}

[data-theme="dark"] .rz-alert.rz-variant-text.rz-base {
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
    --rz-alert-background-color: transparent;
}

[data-theme="dark"] .rz-alert.rz-light {
    --rz-alert-background-color: var(--rz-base-700);
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
}

[data-theme="dark"] .rz-alert.rz-variant-outlined.rz-light {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
    --rz-alert-background-color: transparent;
}

[data-theme="dark"] .rz-alert.rz-variant-text.rz-light {
    --rz-alert-color: var(--rz-text-contrast-color);
    --rz-alert-title-color: var(--rz-text-contrast-color);
    --rz-alert-icon-color: var(--rz-text-contrast-color);
    --rz-alert-background-color: transparent;
}

/*
 * Grid menus (dark) — checked checkbox inside the column-picker / multiselect /
 * dropdown / listbox popups. Zinc palette: neutral-white fill, near-black glyph.
 * Overrides the light hard-override in abs.radzen.css so menu checkboxes are
 * never orange/blue in dark mode either.
 */
[data-theme="dark"] .rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active,
[data-theme="dark"] .rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active,
[data-theme="dark"] .rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active {
    background-color: #fafafa;
    border-color: #fafafa;
}

[data-theme="dark"] .rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled),
[data-theme="dark"] .rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled),
[data-theme="dark"] .rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
    background-color: #e4e4e7;
    border-color: #e4e4e7;
}

[data-theme="dark"] .rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rzi,
[data-theme="dark"] .rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon,
[data-theme="dark"] .rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rzi,
[data-theme="dark"] .rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon,
[data-theme="dark"] .rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active .rzi,
[data-theme="dark"] .rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon {
    color: #0a0a0a;
}


[data-theme="dark"] .rz-datatable-data td .rz-cell-data {
    color: var(--abs-text-dark);
    font-size: 1.0rem;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}