div.rz-slider {
    width: 100%;
    padding: 5px;
}

.rz-inputtext {
    background-color: transparent !important;
    border: 2px solid rgba(0, 0, 0, 0.0) !important;
}

.rz-dropdown {
    border: 2px solid rgba(0, 0, 0, 0.0) !important;
}

.rz-numeric,
.rz-textbox,
.resource-background {
    background-color: #f1f1f1 !important;
    border: 2px solid rgba(0, 0, 0, 0.0) !important;
    border-radius: 5px 5px 5px 5px !important;
    width: 100%;
}

.rz-fileupload-buttonbar {
    background-color: var(--bs-body-bg) !important;
}

    .rz-fileupload-buttonbar > span,
    .rz-fileupload-buttonbar > i {
        font-size: 2rem;
    }

.rz-inputtext:not(.rz-dropdown-label):hover,
.rz-numeric:hover,
.rz-textbox:hover,
.rz-datepicker:has(.rz-datepicker-trigger:hover) .rz-inputtext,
.resource-button-container:hover,
.rz-dropdown:hover {
    border: 2px solid var(--color-primary) !important;
}


.rz-inputtext:not(.rz-dropdown-label):active,
.rz-numeric:active,
.rz-textbox:active,
.rz-dropdown:active {
    background-color: var(--bs-body-bg) !important;
    border: 2px solid var(--color-secondary) !important;
}

.rz-inputtext:focus,
.rz-numeric:focus,
.rz-textbox:focus {
    background-color: var(--bs-body-bg) !important;
    border: 2px solid var(--color-primary-dark) !important;
    color: black;
}



.rz-dropdown-panel,
.rz-popup {
    z-index: 99999 !important;
}

.rz-dropdown-label {
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.rz-dropdown {
    outline: none !important;
    box-shadow: none !important;
    user-select: none;
    cursor: pointer;
}

.rz-dropdown-trigger {
    pointer-events: none;
}

.rz-state-disabled,
.rz-state-disabled span {
    cursor: default;
}

.rz-colorpicker-popup {
    user-select: none !important;
}

.accordion-button:focus {
    box-shadow: 0 0 0 .15rem var(--color-primary);
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 .15rem var(--color-primary);
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-btn-bg);
    color: var(--color-primary-dark);
}

.zero-padding-accordion-body .accordion-body {
    padding: 0;
}

/*RadzenDataGrid overwrites*/

.rz-grid-table {
    min-width: 100%;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: rgba(0, 149, 121, 01) !important;
}

    .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td > span,
    .rz-state-highlight .rz-row-toggler {
        color: white !important;
    }

/* button (btn) override */
.btn {
    font-size: 1.25rem;
    color: var(--color-primary-dark);
    transition: all 0.3s ease-in-out;
}

    .btn:not(disabled):hover {
        font-size: 1.25rem;
        color: var(--color-secondary);
        background-color: #f1f1f1;
    }

    .btn:disabled {
        color: gray;
        border: none;
    }

/* dropdown list */
.rz-dropdown-label {
    font-size: inherit !important;
    color: inherit !important;
    display: inline-block !important;
    height: auto;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 30px;
}

/*Toggle button*/
.rz-toggle-button {
    border: 1px solid var(--rz-primary) !important;
    background-color: white !important;
    color: black !important;
}
.rz-toggle-button.rz-state-active {
    background-color: var(--rz-primary) !important;
    color: var(--rz-on-primary) !important;
}