/* RADZEN STYLE START */

.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item,
.rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight,
.rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
    color: black !important;
    background-color: var(--brand-color-light-with-opacity) !important;
}

.rz-fileupload-choose {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    color: white !important;
    box-shadow: none !important;
}

.rz-fileupload-choose:hover {
    filter: brightness(0.95);
}

.rz-fileupload-remove {
    border-color: var(--brand-color) !important;
}
.rz-fileupload:focus,
.rz-fileupload:focus-within,
.rz-fileupload:hover {
    box-shadow: none !important;
    outline: none !important;
}

.rz-fileupload-choose,
.rz-button {
    box-shadow: none !important;
}

.upload-clean.rz-fileupload,
.upload-clean .rz-fileupload-content,
.upload-clean .rz-fileupload-buttonbar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.rz-widget-content {
    min-height: 480px !important;
}

.rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input,
.rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .rz-dropdown-item, .mask, .rz-textbox, .rz-textarea, .rz-numeric-input, .rz-inputtext {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.rz-dropdown:hover {
    cursor: pointer;
}

.rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item {
    padding: 0.2rem 0.4rem !important;
}

.rz-multiselect-item:hover {
    cursor: pointer;
}

.rz-dropdown-item:hover {
    cursor: pointer !important;
}

:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown {
    background-color: #EAECEF !important;
    cursor: not-allowed;
}

:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext {
    background-color: #EAECEF !important;
}

.rz-form .row .rz-label {
    min-height: 0 !important;
}

.rz-steps .rz-widget-content {
    overflow: visible !important;
}

.data-grid-header-template {
    display: flex;
}

.custom-data-grid-header-button {
    display: flex;
    align-items: center;
    padding: 0.4rem 0.6rem 0.4rem 0.3rem;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
    font-size: 14px;
    margin-left: 0.5rem;

    &:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .icon-spacing {
        margin-right: 0.4rem;
        color: #6C757D;
        transition: color 0.2s;
    }
}

.custom-data-grid-header-button:not(:disabled):hover {
    background-color: #5C636B;
    color: white;

    .icon-spacing {
        color: white;
    }
}

.rz-grid-table tr:last-child td {
    border-bottom: 1px solid #E0E0E0 !important;
}

.rz-data-row:hover {
    cursor: pointer !important;
}

.rz-menuitem-link {
    cursor: default !important;
}

.rz-chkbox-box.rz-state-active {
    background-color: var(--brand-color) !important;
}

.checkbox-label {
    cursor: pointer;
}

.rz-steps-buttons .rz-button,
.rz-steps-buttons button,
.rz-steps-buttons a {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: center;

    border-radius: 0.375rem !important;
    border: 1px solid transparent !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.rz-steps-buttons .rz-button:first-child,
.rz-steps-buttons button:first-child,
.rz-steps-buttons a:first-child {
    background-color: #666 !important;
    border-color: #666 !important;
    color: #fff !important;
    padding: 0.375rem 1rem 0.375rem 0.5rem !important;
}

.rz-steps-buttons .rz-button:last-child,
.rz-steps-buttons button:last-child,
.rz-steps-buttons a:last-child {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    color: #fff !important;
    padding: 0.375rem 0.5rem 0.375rem 1rem !important;
}

.rz-steps-buttons .rz-button:hover,
.rz-steps-buttons button:hover,
.rz-steps-buttons a:hover {
    filter: brightness(0.97);
}

.rz-steps-buttons .rz-button:hover,
.rz-steps-buttons .rz-button:hover span,
.rz-steps-buttons .rz-button:hover .rz-button-text,
.rz-steps-buttons button:hover,
.rz-steps-buttons button:hover span,
.rz-steps-buttons a:hover,
.rz-steps-buttons a:hover span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.rz-steps-buttons .rz-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.7) !important;
    outline: none !important;
}

.rz-steps-buttons [disabled],
.rz-steps-buttons .rz-state-disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.rz-steps > ul[role="tablist"] {
    display: none;
}

.rz-steps .rz-steps-content,
.rz-steps .rz-widget-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.rz-datatable .rz-state-highlight,
.rz-datatable .rz-state-highlight > td {
    background-color: var(--brand-color-light) !important;
    color: #000 !important;
}

.rz-datatable .rz-state-highlight .rz-cell-data {
    color: #000 !important;
}

.rz-datatable .rz-state-highlight:hover,
.rz-datatable .rz-state-highlight:hover > td {
    background-color: var(--brand-color-light) !important;
}

.rz-datatable tr.rz-state-highlight {
    border-left: 4px solid var(--brand-color-light) !important;
}

.rz-datatable tr:hover:not(.rz-state-highlight) > td {
    background-color: rgb(255, 216, 200) !important;
}

.rz-progressbar {
    background-color: #f1f1f1 !important;
}

.rz-progressbar .rz-progressbar-value::before,
.rz-progressbar .rz-progressbar-value::after {
    background-color: var(--brand-color) !important;
}

.rz-progressbar .rz-progressbar-value {
    background-color: transparent !important;
}

/* Radzen tabs BEGIN */


.rz-tabview-nav .rz-tabview-selected {
    color: var(--brand-color) !important;
    background-color: white !important;
    border: 1px solid #E9EDF0 !important;
}


.rz-tabview.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom: none !important;
}

.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    color: var(--brand-color) !important;
    background-color: white !important;
}

.rz-calendar-view .rz-state-disabled {
    cursor: not-allowed !important;
}

.rz-tabview-nav li a, .rz-tabview-nav li {
    text-transform: none !important;
}


/* Radzen tabs END */

.rz-textbox:disabled,
.rz-inputtext:disabled {
    color: #343a40 !important;
    -webkit-text-fill-color: #343a40;
    opacity: 1 !important;
}

/* RADZEN STYLES END */