:root {
    --rz-card-background-color-percentage-85: color-mix(in srgb, var(--rz-card-background-color) 85%, black);
    --rz-card-color-percentage-85: color-mix(in srgb, var(--rz-card-background-color) 85%, black);
    --rz-card-border-color-percentage-85: color-mix(in srgb, var(--rz-card-background-color) 85%, black);
}

.rz-card-background-color-percentage-85 {
    background-color: var(--rz-card-background-color-percentage-85) !important;
}

.rz-card-color-percentage-85 {
    color: var(--rz-card-color-percentage-85) !important;
}

.rz-card-border-color-percentage-85 {
    border-color: var(--rz-card-border-color-percentage-85) !important;
    border-style: solid;
}

.rz-dialog-titlebar {
    border-bottom: var(--rz-fieldset-border) !important;
}

.rz-dialog-mask {
    background-color: #8cabbb !important;
    opacity: 0.65 !important;
}

.rz-cell-filter {
    background-color: #25363f !important;
}

.rz-readonly-background {
    background-color: #525252 !important;
}

.rz-dialog-content {
    background-color: #334045;
}

.rz-error-dialog .rz-dialog-content, .rz-error-dialog .rz-dialog-content .rz-card {
    background-color: #9a4922;
}

.rz-error-dialog .rz-fieldset {
    border-color: #b75c31;
    background-color: #8b4524;
}

.rz-error-dialog .rz-fieldset-legend {
    color: #d77e53;
    background-color: #9a49228c;
    border-radius: 1rem;
    padding-bottom: 3px;
}

.rz-error-dialog-inline-header{
    background: #28363c!important;
}

.rz-tooltip-content {
    color: var(--rz-base-800) !important;
}

/* Radzen tree  */
/* disable highlights when clicked or hoover */
body .rz-treenode-content-selected .rz-treenode-label {
    background-color: transparent;
}
body .rz-treenode-content{
    cursor: default;
}
body .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
    background-color: transparent;
}

/* display border helping to visualize tree structure */
.tree-item-border-left {
    border-left: var(--rz-border-width) solid var(--rz-base-700) !important;
}

/* common */
.invalid-context-value {
    border: var(--rz-on-warning-lighter) 1px solid !important;
}
/* End radzen tree */