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

/* ========================================
   CERCHECK THEME - RADZEN COMPONENT OVERRIDES
   Primary Color: #0087CC (Blue)
   ======================================== */

:root {
    /* ========================================
       BRAND COLORS - CERCHECK BLUE THEME
       ======================================== */
    --cercheck-primary: #0087CC;
    --cercheck-primary-dark: #006ba3;
    --cercheck-primary-darker: #005580;
    --cercheck-primary-light: #33a0d9;
    --cercheck-primary-lighter: #66b9e6;
    --cercheck-primary-lightest: #b3dcf2;
    --cercheck-primary-hover: #006ba3;
    --cercheck-primary-active: #005580;
    --cercheck-primary-transparent: rgba(0, 135, 204, 0.1);
    --cercheck-primary-transparent-hover: rgba(0, 135, 204, 0.15);
    /* ========================================
       TYPOGRAPHY
       ======================================== */
    --rz-text-font-family: Lato;
    /* ========================================
       LAYOUT STRUCTURE
       ======================================== */
    --rz-header-background-color: #3C3C3B;
    --rz-header-min-height: 74px;
    --rz-header-border: #3C3C3B;
    --rz-sidebar-toggle-hover-background-color: #3C3C3B;
    --rz-sidebar-toggle-color: #fff;
    --rz-sidebar-toggle-border: #3C3C3B;
    --rz-sidebar-background-color: #FFF;
    --rz-sidebar-border-inline-end: none;
    --rz-layout-background-color: #FFFFFF;
    --rz-layout-body-background-color: #E8E8E8;
    --rz-layout-body-padding: 0;
    --rz-footer-border: none;
    --rz-footer-background-color: #202020;
    /* ========================================
       PANEL MENU / NAVIGATION
       ======================================== */
    --rz-panel-menu-item-border: #414140b3;
    --rz-panel-menu-item-active-color: var(--cercheck-primary);
    --rz-panel-menu-item-background-color: none;
    --rz-panel-menu-item-active-background-color: #E8E8E8;
    --rz-panel-menu-icon-color: var(--cercheck-primary);
    --rz-panel-menu-item-color: #3C3C3B;
    --rz-panel-menu-item-border-radius: 0.5rem;
    --rz-panel-menu-item-hover-background-color: var(--cercheck-primary-transparent);
    --rz-panel-menu-item-hover-color: var(--cercheck-primary);
    --rz-panel-menu-icon-hover-color: var(--cercheck-primary);
    /* ========================================
       BUTTONS - PRIMARY (BLUE)
       ======================================== */
    --rz-button-primary-background-color: var(--cercheck-primary);
    --rz-button-primary-color: #FFFFFF;
    --rz-button-primary-border-color: var(--cercheck-primary);
    --rz-button-primary-hover-background-color: var(--cercheck-primary-hover);
    --rz-button-primary-hover-color: #FFFFFF;
    --rz-button-primary-hover-border-color: var(--cercheck-primary-hover);
    --rz-button-primary-active-background-color: var(--cercheck-primary-active);
    --rz-button-primary-active-color: #FFFFFF;
    --rz-button-primary-active-border-color: var(--cercheck-primary-active);
    --rz-button-primary-focus-shadow: 0 0 0 0.2rem rgba(0, 135, 204, 0.25);
    /* ========================================
       BUTTONS - SECONDARY (OUTLINED)
       ======================================== */
    --rz-button-secondary-background-color: transparent;
    --rz-button-secondary-color: var(--cercheck-primary);
    --rz-button-secondary-border-color: var(--cercheck-primary);
    --rz-button-secondary-hover-background-color: var(--cercheck-primary-transparent);
    --rz-button-secondary-hover-color: var(--cercheck-primary-dark);
    --rz-button-secondary-hover-border-color: var(--cercheck-primary-dark);
    /* ========================================
       BUTTONS - SUCCESS (GREEN)
       ======================================== */
    --rz-button-success-background-color: #4caf50;
    --rz-button-success-color: #FFFFFF;
    --rz-button-success-border-color: #4caf50;
    --rz-button-success-hover-background-color: #45a049;
    --rz-button-success-hover-color: #FFFFFF;
    /* ========================================
       BUTTONS - INFO (LIGHTER BLUE)
       ======================================== */
    --rz-button-info-background-color: #33a0d9;
    --rz-button-info-color: #FFFFFF;
    --rz-button-info-border-color: #33a0d9;
    --rz-button-info-hover-background-color: #2a8dc4;
    /* ========================================
       BUTTONS - WARNING (ORANGE)
       ======================================== */
    --rz-button-warning-background-color: #FF6A33;
    --rz-button-warning-color: #FFFFFF;
    --rz-button-warning-border-color: #FF6A33;
    --rz-button-warning-hover-background-color: #e65f2e;
    /* ========================================
       BUTTONS - DANGER (RED)
       ======================================== */
    --rz-button-danger-background-color: #FF7676;
    --rz-button-danger-color: #FFFFFF;
    --rz-button-danger-border-color: #FF7676;
    --rz-button-danger-hover-background-color: #ff5a5a;
    /* ========================================
       FORM CONTROLS - INPUT FIELDS
       ======================================== */
    --rz-input-background-color: #FFFFFF;
    --rz-input-border-color: #E0E1E4;
    --rz-input-color: #3C3C3B;
    --rz-input-placeholder-color: #d1d1d1;
    --rz-input-focus-border-color: var(--cercheck-primary);
    --rz-input-focus-shadow: 0 0 0 0.2rem rgba(0, 135, 204, 0.15);
    --rz-input-disabled-background-color: #f5f5f5;
    --rz-input-disabled-color: #5d5d5d;
    --rz-input-border-radius: 16px;
    /* ========================================
       FORM CONTROLS - DROPDOWN
       ======================================== */
    --rz-dropdown-background-color: #FFFFFF;
    --rz-dropdown-border-color: #E0E1E4;
    --rz-dropdown-item-hover-background-color: var(--cercheck-primary-transparent);
    --rz-dropdown-item-hover-color: var(--cercheck-primary-dark);
    --rz-dropdown-item-selected-background-color: var(--cercheck-primary-lighter);
    --rz-dropdown-item-selected-color: #3C3C3B;
    --rz-dropdown-item-active-background-color: var(--cercheck-primary);
    --rz-dropdown-item-active-color: #FFFFFF;
    /* ========================================
       FORM CONTROLS - CHECKBOX & RADIO
       ======================================== */
    --rz-checkbox-border-color: #E0E1E4;
    --rz-checkbox-checked-background-color: var(--cercheck-primary);
    --rz-checkbox-checked-border-color: var(--cercheck-primary);
    --rz-checkbox-hover-border-color: var(--cercheck-primary-light);
    --rz-radio-border-color: #E0E1E4;
    --rz-radio-checked-background-color: var(--cercheck-primary);
    --rz-radio-checked-border-color: var(--cercheck-primary);
    /* ========================================
       FORM CONTROLS - NUMERIC
       ======================================== */
    --rz-numeric-button-offset: 8px !important;
    --rz-numeric-button-background-color: transparent;
    --rz-numeric-button-color: var(--cercheck-primary);
    --rz-numeric-button-hover-background-color: var(--cercheck-primary-transparent);
    --rz-numeric-button-hover-color: var(--cercheck-primary-dark);
    /* ========================================
       FORM CONTROLS - DATE PICKER
       ======================================== */
    --rz-datepicker-header-background-color: var(--cercheck-primary);
    --rz-datepicker-header-color: #FFFFFF;
    --rz-datepicker-today-background-color: var(--cercheck-primary-transparent);
    --rz-datepicker-today-color: var(--cercheck-primary-dark);
    --rz-datepicker-selected-background-color: var(--cercheck-primary);
    --rz-datepicker-selected-color: #FFFFFF;
    --rz-datepicker-hover-background-color: var(--cercheck-primary-transparent-hover);
    /* ========================================
       FORM CONTROLS - FILE UPLOAD
       ======================================== */
    --rz-fileupload-button-background-color: var(--cercheck-primary);
    --rz-fileupload-button-color: #FFFFFF;
    --rz-fileupload-button-hover-background-color: var(--cercheck-primary-hover);
    --rz-fileupload-progressbar-background-color: var(--cercheck-primary);
    /* ========================================
       DATA GRID / TABLE
       ======================================== */
    --rz-grid-header-background-color: #F8F9FA;
    --rz-grid-header-color: #3C3C3B;
    --rz-grid-row-hover-background-color: var(--cercheck-primary-transparent);
    --rz-grid-row-selected-background-color: var(--cercheck-primary-lighter);
    --rz-grid-row-selected-color: #3C3C3B;
    --rz-grid-cell-border-color: #E0E1E4;
    --rz-grid-filter-active-color: var(--cercheck-primary);
    /* ========================================
       TABS
       ======================================== */
    --rz-tabs-border-color: #E0E1E4;
    --rz-tabs-item-color: #8D8E90;
    --rz-tabs-item-hover-color: var(--cercheck-primary);
    --rz-tabs-item-active-color: var(--cercheck-primary);
    --rz-tabs-item-active-border-color: var(--cercheck-primary);
    --rz-tabs-item-active-background-color: transparent;
    --rz-tabs-padding: 1rem;
    --rz-tabs-tab-background-color: var(--cercheck-primary-transparent);
    --rz-tabs-tab-color: var(--cercheck-primary);
    --rz-tabs-tab-selected-background-color: #FFFFFF;
    --rz-tabs-tab-selected-color: var(--cercheck-primary);
    --rz-tabs-tab-hover-color: var(--cercheck-primary);
    --rz-tabs-tab-selected-top-border-color: var(--cercheck-primary);
    /* ========================================
       STEPS (WIZARD)
       ======================================== */
    --rz-steps-number-background-color: #fff !important;
    --rz-steps-number-color: #8D8E90;
    --rz-steps-number-active-background-color: var(--cercheck-primary);
    --rz-steps-number-active-color: #FFFFFF;
    --rz-steps-number-completed-background-color: var(--cercheck-primary);
    --rz-steps-number-completed-color: #FFFFFF;
    --rz-steps-connector-color: #E0E1E4;
    --rz-steps-connector-active-color: var(--cercheck-primary);
    /* ========================================
       DIALOG / MODAL
       ======================================== */
    --rz-dialog-background-color: #FFFFFF;
    --rz-dialog-header-background-color: #F8F9FA;
    --rz-dialog-header-color: #3C3C3B;
    --rz-dialog-border-color: #E0E1E4;
    --rz-dialog-mask-background-color: #414140b3;
    --rz-dialog-close-icon-color: #8D8E90;
    --rz-dialog-close-icon-hover-color: var(--cercheck-primary);
    /* ========================================
       NOTIFICATION / TOAST
       ======================================== */
    --rz-notification-success-background-color: #4caf50;
    --rz-notification-success-color: #FFFFFF;
    --rz-notification-info-background-color: var(--cercheck-primary);
    --rz-notification-info-color: #FFFFFF;
    --rz-notification-warning-background-color: #FF6A33;
    --rz-notification-warning-color: #FFFFFF;
    --rz-notification-error-background-color: #FF7676;
    --rz-notification-error-color: #FFFFFF;
    /* ========================================
       TOOLTIP
       ======================================== */
    --rz-tooltip-background-color: #3C3C3B;
    --rz-tooltip-color: #FFFFFF;
    --rz-tooltip-border-color: #3C3C3B;
    /* ========================================
       PROGRESSBAR / SPINNER
       ======================================== */
    --rz-progressbar-background-color: #E0E1E4;
    --rz-progressbar-value-background-color: var(--cercheck-primary);
    --rz-progressbar-font-size: none !important;
    --rz-spinner-color: var(--cercheck-primary);
    /* ========================================
       FIELDSET
       ======================================== */
    --rz-fieldset-border-color: var(--cercheck-primary);
    --rz-fieldset-legend-color: var(--cercheck-primary);
    --rz-fieldset-legend-background-color: #FFFFFF;
    /* ========================================
       CARD / PANEL
       ======================================== */
    --rz-card-background-color: #FFFFFF;
    --rz-card-border-color: transparent;
    --rz-card-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12);
    --rz-panel-header-background-color: #F8F9FA;
    --rz-panel-header-color: #3C3C3B;
    --rz-panel-content-background-color: #FFFFFF;
    /* ========================================
       AUTOCOMPLETE
       ======================================== */
    --rz-autocomplete-item-hover-background-color: var(--cercheck-primary-transparent);
    --rz-autocomplete-item-hover-color: var(--cercheck-primary-dark);
    --rz-autocomplete-item-selected-background-color: var(--cercheck-primary-lighter);
    --rz-autocomplete-item-selected-color: #3C3C3B;
    /* ========================================
       PAGINATION
       ======================================== */
    --rz-pagination-item-color: #3C3C3B;
    --rz-pagination-item-hover-background-color: var(--cercheck-primary-transparent);
    --rz-pagination-item-hover-color: var(--cercheck-primary-dark);
    --rz-pagination-item-active-background-color: var(--cercheck-primary);
    --rz-pagination-item-active-color: #FFFFFF;
    /* ========================================
       BREADCRUMB
       ======================================== */
    --rz-breadcrumb-item-color: #8D8E90;
    --rz-breadcrumb-item-hover-color: var(--cercheck-primary);
    --rz-breadcrumb-item-active-color: var(--cercheck-primary);
    --rz-breadcrumb-separator-color: #E0E1E4;
    /* ========================================
       ACCORDION
       ======================================== */
    --rz-accordion-header-background-color: #F8F9FA;
    --rz-accordion-header-color: #3C3C3B;
    --rz-accordion-header-hover-background-color: var(--cercheck-primary-transparent);
    --rz-accordion-header-hover-color: var(--cercheck-primary-dark);
    --rz-accordion-header-active-background-color: var(--cercheck-primary-lighter);
    --rz-accordion-header-active-color: var(--cercheck-primary-dark);
    --rz-accordion-content-background-color: #FFFFFF;
    /* ========================================
       LINKS
       ======================================== */
    --rz-link-color: var(--cercheck-primary);
    --rz-link-hover-color: var(--cercheck-primary-dark);
    /* ========================================
       SELECTION / HIGHLIGHT
       ======================================== */
    --rz-text-selection-color: inherit;
    --rz-text-selection-background-color: var(--cercheck-primary-transparent);
    --rz-primary-lighter: rgba(0, 135, 204, 0.16) !important;
    /* ========================================
       SCHEDULER / CALENDAR
       ======================================== */
    --rz-scheduler-event-background-color: var(--cercheck-primary);
    --rz-scheduler-event-color: #FFFFFF;
    --rz-scheduler-today-background-color: var(--cercheck-primary-transparent);
    /* ========================================
       SWITCH
       ======================================== */
    --rz-switch-checked-background-color: var(--cercheck-primary) !important;
    --app-footer-h: 80px;
    /* ========================================
       PROGRESSBAR
       ======================================== */
    --rz-progressbar-circular-stroke-width: 5px !important;
    --rz-progressbar-circular-value-stroke-width: 5px !important;
    /* ========================================
       RADZENCHART
       ======================================== */
    --rz-series-1: #198754 !important;
    /* ========================================
       RADZENCAROUSEL
       ======================================== */
    --rz-carousel-pager-button-active-background-color: var(--cercheck-primary) !important;
}

@media (max-width: 991.98px) {
    .rz-body {
        padding-bottom: calc(var(--app-footer-h) + 18px);
    }

    .content-content-body {
        padding-bottom: 100px !important;
    }
}

.content-content-body {
    padding-bottom: 8px;
    height: fit-content !important;
}

.rz-sidebar-overlay-mobile-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
}

/* Footer overlay */
.rz-footer-mobile {
    position: fixed !important;
    bottom: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: var(--app-footer-h) !important;
    border: none !important;
    border-top-left-radius: 32px !important;
    border-top-right-radius: 32px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #FFF !important;
    box-shadow: 0px -4px 4px -2px rgba(0, 0, 0, 0.12), 4px 0px 4px -2px rgba(0, 0, 0, 0.12), -4px 0px 4px -2px rgba(0, 0, 0, 0.12) !important;
}

.rz-layout .rz-body {
    overflow-x: hidden !important;
}

@media (max-width: 768px) {
    .rz-layout .rz-body {
        grid-area: rz-body;
        overflow: auto;
        width: 100vw !important;
        overflow-x: hidden !important;
    }

    .rz-layout .rz-header {
        width: 100vw !important;
    }
}

html,
body {
    background: #E8E8E8;
    font-family: Lato;
}

.fw-black {
    font-weight: 900 !important;
}

.text-truncate-custom {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}

.rz-fileupload-row > div {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}

@media (min-width: 768px) {

    .text-truncate-custom {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 300px;
    }

    .rz-fileupload-row > div {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 350px;
    }
}

.rz-steps-item {
    display: flex;
    align-items: center;
    flex: auto;
}

.rz-steps [role=tablist] {
    display: flex;
}

.rz-steps .rz-steps-item:not(:last-child):after {
    content: "";
    flex: auto;
    height: 1px;
    margin-inline-end: -20px;
    background-color: #35a0d7;
    width: 15vh;
}

.rz-steps .rz-menuitem-link {
    display: flex;
    flex-direction: column;
}

.text-title-primary {
    color: #0087CC;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.text-title-secondary {
    color: #3C3C3B;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.text-title-snocu {
    color: #0087CC;
    font-family: Lato;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.text-label {
    color: #3C3C3B;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.text-documentation {
    color: #3C3C3B;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.text-primary {
    color: #0087CC !important;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-secondary {
    color: #3C3C3B !important;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.button-primary {
    padding: 15px;
    border-radius: var(--Radius-radius-xxl, 32px);
    border-color: var(--Primary-Color, #0087CC) !important;
    background: var(--Primary-Color, #0087CC) !important;
    color: var(--Default-White, #FFF) !important;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    text-transform: none !important;
}

.button-secondary {
    padding: 15px;
    border-radius: var(--Radius-radius-xxl, 32px);
    border: 2px solid var(--Primary-Color, #0087CC) !important;
    background: var(--Default-White, #FFF) !important;
    color: #0087CC !important;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    text-transform: none !important;
}

.card {
    border: none !important;
    border-radius: var(--Radius-radius-xxl, 32px) !important;
    background: #FFF;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12) !important;
    margin-bottom: 0.5rem !important;
}

.menu-icon {
    width: 24px;
    height: 24px;
    color: #FFFFFF
}

.text-input {
    height: auto !important;
    padding: 16px 16px;
    border-radius: var(--Radius-radius-xl, 16px);
    border: 1px solid var(--Base-base-300, #E0E1E4);
    background: var(--White, #FFF);
    /*color: var(--Base-base-600, #8D8E90);*/
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.filled-icon {
    font-variation-settings: 'FILL' 1 !important;
}

a,
.btn-link {
    color: #0087CC;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn-other-primary {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #4d4d4d;
}

.btn-other-primary:hover {
    color: #FFFFFF !important;
    background-color: #737373;
    border-color: #737373;
}

.content {
    padding-top: 1.1rem;
}

.opacity-25 {
    opacity: 25%;
}

.blurred-nav {
    backdrop-filter: blur(70px);
    display: flex;
    top: 0px;
    left: 0;
    height: 110px;
    width: 100%;
    position: fixed;
    z-index: 1;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#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;
}

.dot {
    float: left;
    width: 15px;
    height: 15px;
    margin: 2px;
}

.legend {
    list-style: none;
}

.legend li {
    margin-top: 10px;
}

.custom-label-form-dropDowlnList {
    color: #28363c;
    font-weight: 600;
}

.elements-hover {
    transition: transform 0.3s ease-in-out;
}

.elements-hover:hover {
    transform: translateY(-5px) scale(1.01);
}

.button-hover {
    transition: transform 0.3s ease-in-out;
}

.button-hover:hover {
    transform: translateY(-5px) scale(1.02);
}

.dialog-success {
    background-color: #8eec8e;
}

.rz-fieldset-legend {
    color: #35a0d7;
}

.rz-fieldset {
    border-color: #35a0d77d;
}

.rz-form-field-content {
    height: auto !important;
    padding: 12px 16px !important;
    border-radius: var(--Radius-radius-xl, 16px) !important;
    border: 1px solid var(--Base-base-300, #E0E1E4) !important;
    background: var(--White, #FFF) !important;
    color: var(--Base-base-600, #8D8E90) !important;
    font-family: Lato !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    /* 142.857% */
    margin-block: auto !important;
}

.rz-autocomplete-input {
    padding-block: 0;
    padding-inline: 0;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
}

.rz-datepicker .rz-inputtext {
    padding-block: 0;
    padding-inline: 0;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
}

.rz-numeric input[type=text] {
    height: 0 !important;
}

.rz-steps ul {
    display: flex;
    list-style: none;
    margin: auto;
}

.rz-fileupload-buttonbar {
    padding: 16px 16px !important;
    border-radius: var(--Radius-radius-xl, 16px) !important;
    border: 1px solid var(--Base-base-300, #E0E1E4) !important;
}

/*background color degli stati*/
.bg-color-status-Inserimento {
    background-color: #FFF705;
    border-radius: 20px;
    color: #3C3C3B;
}

.bg-color-status-Da-Rivedere {
    background-color: #FF6A33;
    border-radius: 20px;
    color: #772000;
}

.bg-color-status-Inviato {
    background-color: #90E2FF;
    border-radius: 20px;
    color: #0087CC;
}

.bg-color-status-Rifiutato {
    background-color: #ffabab96;
    border-radius: 20px;
    color: #FF7676;
}

.bg-color-status-Completato {
    background-color: #AEF39C;
    border-radius: 20px;
    color: #077E25;
}

/*colori icone duotone per fontawesome*/
.fad-icon-color-complete-xl {
    --fa-primary-color: #05be34;
    --fa-secondary-color: #05be34;
    font-size: x-large;
}

.fad-icon-color-sent-xl {
    --fa-primary-color: #0087cc;
    --fa-secondary-color: #0087cc;
    font-size: x-large;
}

.fad-icon-color-tocheck-xl {
    --fa-primary-color: #ffb370;
    --fa-secondary-color: #ffb370;
    font-size: x-large;
}

.fad-icon-color-refused-xl {
    --fa-primary-color: #ff7676;
    --fa-secondary-color: #ff7676;
    font-size: x-large;
}

/*colori degli stati*/
.color-status-Inserimento {
    color: #FFFFB8;
    border-radius: 20px;
}

.color-status-Da-Rivedere {
    color: #FFB370;
    border-radius: 20px;
}

.color-status-Inviato {
    color: #90E2FF;
    border-radius: 20px;
}

.color-status-Rifiutato {
    color: #FF7676;
    border-radius: 20px;
}

.color-status-Completato {
    color: #B2FF9F;
    border-radius: 20px;
}

/*card stati messaggi completamenti*/
.bg-card-status-message-complete {
    border: solid 3px;
    border-color: #AEF39C;
    border-radius: 20px;
    color: #05be34;
}

.bg-card-status-message-sent {
    border: solid 3px;
    border-color: #90E2FF;
    border-radius: 20px;
    color: #0087cc;
}

.bg-card-status-message-refused {
    border: solid 3px;
    border-color: #ffabab96;
    border-radius: 20px;
    color: #FF7676;
}

.rz-tabview-panel {
    padding: var(--rz-tabs-padding);
    height: 100%;
}

.bg-warn {
    background-color: #fffaca !important;
}

.text-disabled {
    color: #6c757d9e !important;
}

.spinner-centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
}

.line-vertical-step-default {
    height: 65%;
    left: 0.7rem;
    top: 2.5rem;
    border: 1px dashed;
    border-image: repeating-linear-gradient(to bottom, lightgray 0px, lightgray 6px, transparent 0px, transparent 9px) 1;
}

.line-vertical-step-success {
    width: 2px;
    height: 65%;
    left: 0.7rem;
    top: 2.5rem;
    background-color: #4caf50 !important
}

/*leaflet-popup*/
.leaflet-popup-content {
    width: 30vh !important;
    margin: 1rem;
}

.popup-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}

.popup-label {
    flex: 1;
    white-space: nowrap;
}

.popup-value {
    flex: 1.2;
    text-align: right;
    white-space: normal;
    overflow-wrap: break-word;
}

/* ========================================
   EXHAUSTIVE RADZEN COMPONENT OVERRIDES
   CERCHECK THEME - BLUE (#0087CC)
   ======================================== */

/* ========================================
   DROPDOWN COMPONENTS - CRITICAL OVERRIDES
   RadzenDropDown, RadzenMultiSelect, RadzenListBox, RadzenDropDownDataGrid
   ======================================== */

/* Main dropdown container - all states */
.rz-dropdown,
.rz-multiselect,
.rz-listbox,
.rz-dropdown-wrapper {
    border-color: #E0E1E4 !important;
    background-color: #FFFFFF !important;
}

/* Dropdown focus state */
.rz-dropdown:focus,
.rz-dropdown.rz-state-focus,
.rz-dropdown:focus-within,
.rz-multiselect:focus,
.rz-multiselect.rz-state-focus,
.rz-listbox:focus,
.rz-listbox.rz-state-focus {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
    outline: none !important;
}

/* Dropdown hover state */
.rz-dropdown:hover,
.rz-multiselect:hover,
.rz-listbox:hover {
    border-color: var(--cercheck-primary-light) !important;
}

/* Dropdown panel/popup container */
.rz-dropdown-panel,
.rz-multiselect-panel,
.rz-listbox-list,
.rz-autocomplete-panel {
    padding: 1rem !important;
    border-radius: 32px !important;
    /*border: 1px solid var(--cercheck-primary) !important;*/
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
    background-color: #FFFFFF !important;
}

/* Dropdown items container */
.rz-dropdown-items,
.rz-multiselect-items,
.rz-listbox-items,
.rz-autocomplete-items {
    background-color: #FFFFFF !important;
}

/* Individual dropdown items */
.rz-dropdown-item,
.rz-multiselect-item,
.rz-listbox-item,
.rz-autocomplete-item {
    color: #3C3C3B !important;
    background-color: transparent !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

/* Dropdown item hover state */
.rz-dropdown-item:hover,
.rz-multiselect-item:hover,
.rz-listbox-item:hover,
.rz-autocomplete-item:hover,
.rz-dropdown-item.rz-state-hover,
.rz-multiselect-item.rz-state-hover,
.rz-listbox-item.rz-state-hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* Dropdown item selected/active state */
.rz-dropdown-item.rz-state-highlight,
.rz-dropdown-item.rz-state-active,
.rz-dropdown-item[aria-selected="true"],
.rz-multiselect-item.rz-state-highlight,
.rz-multiselect-item.rz-state-active,
.rz-listbox-item.rz-state-highlight,
.rz-listbox-item.rz-state-active,
.rz-autocomplete-item.rz-state-highlight {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

/* Dropdown filter input */
.rz-dropdown-filter,
.rz-multiselect-filter,
.rz-dropdown-filter .rz-inputtext,
.rz-multiselect-filter .rz-inputtext {
    border-color: #E0E1E4 !important;
}

.rz-dropdown-filter:focus,
.rz-multiselect-filter:focus,
.rz-dropdown-filter .rz-inputtext:focus,
.rz-multiselect-filter .rz-inputtext:focus {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

/* Dropdown clear button */
.rz-dropdown-clear-icon,
.rz-multiselect-clear-icon {
    color: #8D8E90 !important;
}

.rz-dropdown-clear-icon:hover,
.rz-multiselect-clear-icon:hover {
    color: var(--cercheck-primary) !important;
}

/* Dropdown trigger/arrow icon */
.rz-dropdown-trigger,
.rz-multiselect-trigger {
    color: #8D8E90 !important;
}

.rz-dropdown:hover .rz-dropdown-trigger,
.rz-multiselect:hover .rz-multiselect-trigger,
.rz-dropdown:focus .rz-dropdown-trigger,
.rz-multiselect:focus .rz-multiselect-trigger {
    color: var(--cercheck-primary) !important;
}

/* Multiselect chips/tokens */
.rz-multiselect-token,
.rz-chips-token {
    background-color: var(--cercheck-primary-lighter) !important;
    color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-light) !important;
}

.rz-multiselect-token-icon,
.rz-chips-token-icon {
    color: var(--cercheck-primary-dark) !important;
}

.rz-multiselect-token-icon:hover,
.rz-chips-token-icon:hover {
    color: var(--cercheck-primary-darker) !important;
}

/* ========================================
   DROPDOWN DATA GRID SPECIFIC
   ======================================== */
.rz-dropdown-datagrid-panel {
    border: 1px solid var(--cercheck-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
}

.rz-dropdown-datagrid .rz-datatable-scrollable-header,
.rz-dropdown-datagrid .rz-datatable-scrollable-body,
.rz-dropdown-datagrid .rz-datatable-scrollable-footer {
    background-color: #FFFFFF !important;
}

.rz-dropdown-datagrid .rz-datatable-thead>tr>th {
    background-color: #F8F9FA !important;
    color: #3C3C3B !important;
    border-color: #E0E1E4 !important;
}

.rz-dropdown-datagrid .rz-datatable-tbody>tr:hover {
    background-color: var(--cercheck-primary-transparent) !important;
}

.rz-dropdown-datagrid .rz-datatable-tbody>tr.rz-state-highlight,
.rz-dropdown-datagrid .rz-datatable-tbody>tr[aria-selected="true"] {
    background-color: var(--cercheck-primary-lighter) !important;
    color: #3C3C3B !important;
}

/* ========================================
   AUTOCOMPLETE SPECIFIC
   ======================================== */
.rz-autocomplete-input {
    border: none !important;
    box-shadow: none !important;
}

.rz-autocomplete-loader {
    color: var(--cercheck-primary) !important;
}

.rz-autocomplete-item-group {
    background-color: #F8F9FA !important;
    color: #3C3C3B !important;
    font-weight: 600 !important;
}

/* ========================================
   SELECT BAR COMPONENT
   ======================================== */
.rz-selectbar-item {
    color: #8D8E90 !important;
    border-color: #E0E1E4 !important;
    background-color: transparent !important;
}

.rz-selectbar-item:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-light) !important;
}

.rz-selectbar-item.rz-state-active,
.rz-selectbar-item[aria-selected="true"] {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--cercheck-primary) !important;
}

/* ========================================
   DATAGRID COMPREHENSIVE OVERRIDES
   ======================================== */

/* Grid container */
.rz-datatable {
    border-color: #E0E1E4 !important;
}

/* Grid header */
.rz-datatable-thead>tr>th {
    background-color: #F8F9FA !important;
    color: #3C3C3B !important;
    border-color: #E0E1E4 !important;
    font-weight: 600 !important;
}

/* Grid header sortable columns */
.rz-datatable-thead>tr>th.rz-sortable-column:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* Grid sort icons */
.rz-sortable-column-icon,
.rz-sort-icon {
    color: #8D8E90 !important;
}

.rz-sortable-column.rz-state-highlight .rz-sortable-column-icon,
.rz-sortable-column[aria-sort] .rz-sortable-column-icon {
    color: var(--cercheck-primary) !important;
}

/* Grid filter row */
.rz-datatable-thead>tr.rz-filter-row>th {
    background-color: #FFFFFF !important;
    border-color: #E0E1E4 !important;
}

/* Grid filter inputs */
.rz-column-filter-input,
.rz-column-filter-element input {
    border-color: #E0E1E4 !important;
}

.rz-column-filter-input:focus,
.rz-column-filter-element input:focus {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

/* Grid body rows */
.rz-datatable-tbody>tr {
    border-color: #E0E1E4 !important;
}

.rz-datatable-tbody>tr:hover {
    background-color: var(--cercheck-primary-transparent) !important;
}

.rz-datatable-tbody>tr.rz-state-highlight,
.rz-datatable-tbody>tr.rz-selectable-row.rz-state-highlight,
.rz-datatable-tbody>tr[aria-selected="true"] {
    background-color: var(--cercheck-primary-lighter) !important;
    color: #3C3C3B !important;
}

/* Grid cells */
.rz-datatable-tbody>tr>td {
    border-color: #E0E1E4 !important;
}

/* Grid footer */
.rz-datatable-tfoot>tr>td {
    background-color: #F8F9FA !important;
    border-color: #E0E1E4 !important;
}

/* Grid column resize handle */
.rz-column-resizer-helper {
    background-color: var(--cercheck-primary) !important;
}

/* Grid loading overlay */
.rz-datatable-loading-overlay {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.rz-datatable-loading-icon {
    color: var(--cercheck-primary) !important;
}

/* ========================================
   TREE COMPONENT
   ======================================== */
.rz-tree {
    border-color: #E0E1E4 !important;
}

.rz-tree-node-content {
    color: #3C3C3B !important;
}

.rz-tree-node-content:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

.rz-tree-node.rz-state-highlight>.rz-tree-node-content,
.rz-tree-node[aria-selected="true"]>.rz-tree-node-content {
    background-color: var(--cercheck-primary-lighter) !important;
    color: var(--cercheck-primary-dark) !important;
}

.rz-tree-toggler {
    color: #8D8E90 !important;
}

.rz-tree-toggler:hover {
    color: var(--cercheck-primary) !important;
}

/* ========================================
   MENU COMPONENTS
   ======================================== */
.rz-menu,
.rz-contextmenu {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
}

.rz-menuitem-link {
    color: #3C3C3B !important;
}

.rz-menuitem-link:hover,
.rz-menuitem.rz-state-hover>.rz-menuitem-link {
    color: var(--cercheck-primary-dark) !important;
}

.rz-menuitem.rz-state-active>.rz-menuitem-link {
    background-color: var(--cercheck-primary-lighter) !important;
    color: var(--cercheck-primary-dark) !important;
}

.rz-submenu-icon {
    color: #8D8E90 !important;
}

/* ========================================
   SPLITBUTTON COMPONENT
   ======================================== */
.rz-splitbutton-menubutton {
    border-color: var(--cercheck-primary) !important;
}

.rz-splitbutton-menubutton:hover {
    background-color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   CHIPS COMPONENT
   ======================================== */
.rz-chips>.rz-inputtext {
    border-color: #E0E1E4 !important;
}

.rz-chips:focus-within>.rz-inputtext,
.rz-chips.rz-state-focus>.rz-inputtext {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

/* ========================================
   BADGE COMPONENT
   ======================================== */
.rz-badge-primary {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.rz-badge-secondary {
    background-color: #8D8E90 !important;
    color: #FFFFFF !important;
}

/* ========================================
   SLIDER COMPONENT
   ======================================== */
.rz-slider .rz-slider-range {
    background-color: var(--cercheck-primary) !important;
}

.rz-slider .rz-slider-handle {
    border-color: var(--cercheck-primary) !important;
    background-color: var(--cercheck-primary) !important;
}

.rz-slider .rz-slider-handle:hover {
    background-color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   RATING COMPONENT
   ======================================== */
.rz-rating-icon.rz-rating-icon-active {
    color: var(--cercheck-primary) !important;
}

.rz-rating-icon:hover {
    color: var(--cercheck-primary-light) !important;
}

/* ========================================
   TOGGLEBUTTON COMPONENT
   ======================================== */
.rz-togglebutton.rz-state-active {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.rz-togglebutton:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    border-color: var(--cercheck-primary-light) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   COLORPICKER COMPONENT
   ======================================== */
.rz-colorpicker-preview {
    border-color: #E0E1E4 !important;
}

.rz-colorpicker-panel {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
}

/* ========================================
   ORDERLIST & PICKLIST COMPONENTS
   ======================================== */
.rz-orderlist-list,
.rz-picklist-list {
    border-color: #E0E1E4 !important;
}

.rz-orderlist-item,
.rz-picklist-item {
    color: #3C3C3B !important;
}

.rz-orderlist-item:hover,
.rz-picklist-item:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

.rz-orderlist-item.rz-state-highlight,
.rz-picklist-item.rz-state-highlight {
    background-color: var(--cercheck-primary-lighter) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   PANEL / FIELDSET HOVER STATES
   ======================================== */
.rz-panel-titlebar {
    background-color: #F8F9FA !important;
    border-color: #E0E1E4 !important;
}

.rz-panel-titlebar:hover {
    background-color: var(--cercheck-primary-transparent) !important;
}

.rz-panel-titlebar-icon {
    color: #8D8E90 !important;
}

.rz-panel-titlebar:hover .rz-panel-titlebar-icon {
    color: var(--cercheck-primary) !important;
}

/* ========================================
   SPLITTER COMPONENT
   ======================================== */
.rz-splitter-gutter {
    background-color: #F8F9FA !important;
}

.rz-splitter-gutter:hover {
    background-color: var(--cercheck-primary-transparent) !important;
}

.rz-splitter-gutter-handle {
    background-color: #E0E1E4 !important;
}

.rz-splitter-gutter:hover .rz-splitter-gutter-handle {
    background-color: var(--cercheck-primary) !important;
}

/* ========================================
   SCROLLPANEL COMPONENT
   ======================================== */
.rz-scrollpanel-bar {
    background-color: #E0E1E4 !important;
}

.rz-scrollpanel-bar:hover {
    background-color: var(--cercheck-primary-light) !important;
}

/* ========================================
   TIMELINE COMPONENT
   ======================================== */
.rz-timeline-event-marker {
    border-color: var(--cercheck-primary) !important;
    background-color: var(--cercheck-primary) !important;
}

.rz-timeline-event-connector {
    background-color: #E0E1E4 !important;
}

/* ========================================
   GALLERIA COMPONENT
   ======================================== */
.rz-galleria-thumbnail.rz-state-highlight {
    border-color: var(--cercheck-primary) !important;
}

.rz-galleria-thumbnail:hover {
    border-color: var(--cercheck-primary-light) !important;
}

/* ========================================
   MESSAGE / INLINE MESSAGE
   ======================================== */
.rz-message-info,
.rz-inline-message-info {
    background-color: rgba(0, 135, 204, 0.1) !important;
    border-color: #0087CC !important;
    color: #006ba3 !important;
}

.rz-message-success,
.rz-inline-message-success {
    background-color: rgba(76, 175, 80, 0.1) !important;
    border-color: #4caf50 !important;
    color: #3d8b40 !important;
}

.rz-message-warn,
.rz-inline-message-warn {
    background-color: rgba(255, 106, 51, 0.1) !important;
    border-color: #FF6A33 !important;
    color: #cc5429 !important;
}

.rz-message-error,
.rz-inline-message-error {
    background-color: rgba(255, 118, 118, 0.1) !important;
    border-color: #FF7676 !important;
    color: #cc5e5e !important;
}

/* ========================================
   CONTEXT MENU SPECIFIC
   ======================================== */
.rz-context-menu {
    border: 1px solid var(--cercheck-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
}

/* ========================================
   FOCUS VISIBLE OVERRIDES (Accessibility)
   ======================================== */
.rz-dropdown:focus-visible,
.rz-multiselect:focus-visible,
.rz-listbox:focus-visible,
.rz-button:focus-visible,
.rz-checkbox:focus-visible,
.rz-radiobutton:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
}

/* ========================================
   DISABLED STATE OVERRIDES
   ======================================== */
.rz-dropdown.rz-state-disabled,
.rz-multiselect.rz-state-disabled,
.rz-listbox.rz-state-disabled,
.rz-dropdown[disabled],
.rz-multiselect[disabled] {
    background-color: #f5f5f5 !important;
    color: #8D8E90 !important;
    border-color: #E0E1E4 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* ========================================
   LOADING STATE OVERRIDES
   ======================================== */
.rz-dropdown.rz-state-loading,
.rz-multiselect.rz-state-loading {
    opacity: 0.8 !important;
}

.rz-dropdown-loading-icon,
.rz-multiselect-loading-icon {
    color: var(--cercheck-primary) !important;
}

/* ========================================
   SIDEBAR & PANEL MENU - HOVER FIX
   Fix: Icons and text should be tenant color on hover, not white
   ======================================== */

/* Panel Menu Item Hover - Text and Icons */
.rz-panel-menu-item:hover,
.rz-panel-menu-item:hover .rz-panel-menu-item-content {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary) !important;
}

.rz-panel-menu-item:hover .rz-panel-menu-item-icon,
.rz-panel-menu-item:hover .rz-icon,
.rz-panel-menu-item:hover i {
    color: var(--cercheck-primary) !important;
}

.rz-panel-menu-item:hover .rz-panel-menu-item-text {
    color: var(--cercheck-primary) !important;
}

/* Active Panel Menu Item */
.rz-panel-menu-item.rz-state-active,
.rz-panel-menu-item[aria-selected="true"] {
    background-color: #E8E8E8 !important;
    color: var(--cercheck-primary) !important;
}

.rz-panel-menu-item.rz-state-active .rz-panel-menu-item-icon,
.rz-panel-menu-item.rz-state-active .rz-icon,
.rz-panel-menu-item.rz-state-active i,
.rz-panel-menu-item[aria-selected="true"] .rz-panel-menu-item-icon,
.rz-panel-menu-item[aria-selected="true"] .rz-icon,
.rz-panel-menu-item[aria-selected="true"] i {
    color: var(--cercheck-primary) !important;
}

.rz-panel-menu-item.rz-state-active .rz-panel-menu-item-text,
.rz-panel-menu-item[aria-selected="true"] .rz-panel-menu-item-text {
    color: var(--cercheck-primary) !important;
}

/* Sidebar Navigation Item Hover */
.rz-navigation-item:hover,
.rz-navigation-item:hover .rz-navigation-item-content {
    color: var(--cercheck-primary) !important;
}

.rz-navigation-item:hover,
.rz-navigation-item:hover .rz-icon,
.rz-navigation-item:hover i {
    color: var(--cercheck-primary) !important;
}

.rz-navigation-item:hover .rz-navigation-item-text {
    color: var(--cercheck-primary) !important;
}

/* Active Sidebar Navigation Item */
.rz-navigation-item.rz-state-active,
.rz-navigation-item[aria-selected="true"] {
    background-color: #E8E8E8 !important;
    color: var(--cercheck-primary) !important;
}

.rz-navigation-item.rz-state-active .rz-navigation-item-icon,
.rz-navigation-item.rz-state-active .rz-icon,
.rz-navigation-item.rz-state-active i,
.rz-navigation-item[aria-selected="true"] .rz-navigation-item-icon,
.rz-navigation-item[aria-selected="true"] .rz-icon,
.rz-navigation-item[aria-selected="true"] i {
    color: var(--cercheck-primary) !important;
}

.rz-navigation-item.rz-state-active .rz-navigation-item-text,
.rz-navigation-item[aria-selected="true"] .rz-navigation-item-text {
    color: var(--cercheck-primary) !important;
}

/* Generic Sidebar Item Hover (for any sidebar implementation) */
.rz-sidebar .rz-menu-item:hover,
.rz-sidebar-item:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary) !important;
}

.rz-sidebar .rz-menu-item:hover .rz-icon,
.rz-sidebar .rz-menu-item:hover i,
.rz-sidebar-item:hover .rz-icon,
.rz-sidebar-item:hover i {
    color: var(--cercheck-primary) !important;
}

/* Material Dashboard Sidebar Navigation */
.sidebar .nav li>a:hover,
.sidebar .nav li>a:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary) !important;
}

.sidebar .nav li>a:hover i,
.sidebar .nav li>a:hover .material-icons,
.sidebar .nav li>a:focus i,
.sidebar .nav li>a:focus .material-icons {
    color: var(--cercheck-primary) !important;
}

.sidebar .nav li.active>a {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 135, 204, 0.4) !important;
}

.sidebar .nav li.active>a i,
.sidebar .nav li.active>a .material-icons {
    color: #FFFFFF !important;
}

/* Prevent white text/icons on hover */
.rz-panel-menu-item:hover *:not(.rz-badge),
.rz-navigation-item:hover *:not(.rz-badge),
.sidebar .nav li>a:hover *:not(.rz-badge) {
    color: inherit !important;
}

/* ========================================
   SIDEBAR TOGGLE - TENANT COLORS
   ======================================== */

.rz-sidebar-toggle:hover,
.rz-sidebar-toggle-button:hover {
    color: var(--cercheck-primary-dark) !important;
}

.rz-sidebar-toggle .rz-icon,
.rz-sidebar-toggle i,
.rz-sidebar-toggle-button .rz-icon,
.rz-sidebar-toggle-button i {
    color: inherit !important;
}

/* ========================================
   STEPS COMPONENT - TENANT COLORS
   All states: default, current, completed, hover
   ======================================== */

/* Steps container */
.rz-steps {
    border-color: #E0E1E4 !important;
}

/* Step items - default state */
.rz-steps-item {
    color: #8D8E90 !important;
}

.rz-steps-item .rz-steps-number {
    background-color: #F8F9FA !important;
    border: 2px solid #E0E1E4 !important;
    color: #8D8E90 !important;
}

.rz-steps-item .rz-steps-title {
    color: #8D8E90 !important;
}

/* Step connector line */
.rz-steps .rz-steps-item:not(:last-child):after,
.rz-steps-item-connector {
    background-color: #E0E1E4 !important;
}

/* Current/Active step */
.rz-steps-item.rz-steps-current,
.rz-steps-item.rz-state-active,
.rz-steps-item[aria-selected="true"] {
    color: var(--cercheck-primary) !important;
}

.rz-steps-item.rz-steps-current .rz-steps-number,
.rz-steps-item.rz-state-active .rz-steps-number,
.rz-steps-item[aria-selected="true"] .rz-steps-number {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 135, 204, 0.3) !important;
}

.rz-steps-item.rz-steps-current .rz-steps-title,
.rz-steps-item.rz-state-active .rz-steps-title,
.rz-steps-item[aria-selected="true"] .rz-steps-title {
    color: var(--cercheck-primary) !important;
    font-weight: 600 !important;
}

/* Completed step */
.rz-steps-item.rz-steps-complete,
.rz-steps-item.rz-state-complete {
    color: var(--cercheck-primary-dark) !important;
}

.rz-steps-item.rz-steps-complete .rz-steps-number,
.rz-steps-item.rz-state-complete .rz-steps-number {
    background-color: var(--cercheck-primary-light) !important;
    border-color: var(--cercheck-primary-light) !important;
    color: #FFFFFF !important;
}

.rz-steps-item.rz-steps-complete .rz-steps-title,
.rz-steps-item.rz-state-complete .rz-steps-title {
    color: var(--cercheck-primary-dark) !important;
}

/* Completed step connector line */
.rz-steps-item.rz-steps-complete:not(:last-child):after,
.rz-steps-item.rz-state-complete+.rz-steps-item:before {
    background-color: var(--cercheck-primary-light) !important;
}

/* Step hover state */
.rz-steps-item:hover:not(.rz-state-disabled) {
    cursor: pointer !important;
}

.rz-steps-item:hover:not(.rz-state-disabled) .rz-steps-number {
    border-color: var(--cercheck-primary) !important;
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary) !important;
}

.rz-steps-item:hover:not(.rz-state-disabled) .rz-steps-title {
    color: var(--cercheck-primary) !important;
}

/* Step clickable/interactive */
.rz-steps-item.rz-steps-clickable:hover .rz-steps-number,
.rz-steps-item[role="tab"]:hover .rz-steps-number {
    border-color: var(--cercheck-primary-dark) !important;
    transform: scale(1.05) !important;
    transition: all 0.2s ease !important;
}

/* Step disabled state */
.rz-steps-item.rz-state-disabled,
.rz-steps-item[aria-disabled="true"] {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.rz-steps-item.rz-state-disabled .rz-steps-number,
.rz-steps-item[aria-disabled="true"] .rz-steps-number {
    background-color: #F8F9FA !important;
    border-color: #E0E1E4 !important;
    color: #8D8E90 !important;
}

/* Step icon (if using icons instead of numbers) */
.rz-steps-item .rz-steps-icon {
    color: inherit !important;
}

.rz-steps-item.rz-steps-current .rz-steps-icon,
.rz-steps-item.rz-state-active .rz-steps-icon {
    color: #FFFFFF !important;
}

/* Vertical steps variant */
.rz-steps-vertical .rz-steps-item:not(:last-child):after {
    width: 2px !important;
    height: auto !important;
}

/* ========================================
   FILE UPLOAD - TENANT COLORS
   All buttons and states
   ======================================== */

/* File upload choose button */
.rz-fileupload-choose,
.rz-fileupload-buttonbar .rz-button-primary,
.rz-fileupload .rz-button.rz-button-primary {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.rz-fileupload-choose:hover,
.rz-fileupload-buttonbar .rz-button-primary:hover,
.rz-fileupload .rz-button.rz-button-primary:hover {
    background-color: var(--cercheck-primary-hover) !important;
    border-color: var(--cercheck-primary-hover) !important;
    color: #FFFFFF !important;
}

.rz-fileupload-choose:active,
.rz-fileupload-buttonbar .rz-button-primary:active,
.rz-fileupload .rz-button.rz-button-primary:active {
    background-color: var(--cercheck-primary-active) !important;
    border-color: var(--cercheck-primary-active) !important;
}

.rz-fileupload-choose:focus,
.rz-fileupload-buttonbar .rz-button-primary:focus,
.rz-fileupload .rz-button.rz-button-primary:focus {
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

/* File upload cancel/remove buttons (secondary) */
.rz-fileupload-buttonbar .rz-button-secondary,
.rz-fileupload .rz-button.rz-button-secondary {
    background-color: transparent !important;
    border-color: var(--cercheck-primary) !important;
    color: var(--cercheck-primary) !important;
}

.rz-fileupload-buttonbar .rz-button-secondary:hover,
.rz-fileupload .rz-button.rz-button-secondary:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    border-color: var(--cercheck-primary-dark) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* File upload progress bar */
.rz-fileupload .rz-progressbar-value {
    background-color: var(--cercheck-primary) !important;
}

.rz-fileupload .rz-progressbar {
    border-color: var(--cercheck-primary-lighter) !important;
}

/* File item remove icon */
.rz-fileupload-row button:hover,
.rz-fileupload-file-remove:hover {
    color: var(--cercheck-primary) !important;
}

/* ========================================
   DIALOG/MODAL - TENANT COLORS
   All dialog types and button states
   ======================================== */

/* Dialog header */
.rz-dialog-titlebar,
.rz-dialog-header {
    background-color: #F8F9FA !important;
    border-bottom: 2px solid var(--cercheck-primary) !important;
    color: #3C3C3B !important;
}

.rz-dialog-title {
    color: #3C3C3B !important;
    font-weight: 600 !important;
}

/* Dialog close button */
.rz-dialog-titlebar-icon,
.rz-dialog-titlebar-close {
    color: #8D8E90 !important;
}

.rz-dialog-titlebar-icon:hover,
.rz-dialog-titlebar-close:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary) !important;
}

/* Dialog content */
.rz-dialog-content {
    color: #3C3C3B !important;
}

/* Dialog footer */
.rz-dialog-footer {
    border-top: 1px solid #E0E1E4 !important;
    background-color: #FAFBFC !important;
    padding: 1rem !important;
}

/* Dialog buttons - PRIMARY */
.rz-dialog .rz-button-primary,
.rz-dialog-footer .rz-button-primary,
.rz-dialog-confirm .rz-button-primary,
.rz-dialog button.rz-button-primary {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

.rz-dialog .rz-button-primary:hover,
.rz-dialog-footer .rz-button-primary:hover,
.rz-dialog-confirm .rz-button-primary:hover,
.rz-dialog button.rz-button-primary:hover {
    background-color: var(--cercheck-primary-hover) !important;
    border-color: var(--cercheck-primary-hover) !important;
    color: #FFFFFF !important;
}

.rz-dialog .rz-button-primary:active,
.rz-dialog-footer .rz-button-primary:active,
.rz-dialog-confirm .rz-button-primary:active,
.rz-dialog button.rz-button-primary:active {
    background-color: var(--cercheck-primary-active) !important;
    border-color: var(--cercheck-primary-active) !important;
}

.rz-dialog .rz-button-primary:focus,
.rz-dialog-footer .rz-button-primary:focus,
.rz-dialog-confirm .rz-button-primary:focus,
.rz-dialog button.rz-button-primary:focus {
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

/* Dialog buttons - SECONDARY */
.rz-dialog .rz-button-secondary,
.rz-dialog-footer .rz-button-secondary,
.rz-dialog-confirm .rz-button-secondary,
.rz-dialog button.rz-button-secondary {
    background-color: transparent !important;
    border-color: var(--cercheck-primary) !important;
    color: var(--cercheck-primary) !important;
    font-weight: 500 !important;
}

.rz-dialog .rz-button-secondary:hover,
.rz-dialog-footer .rz-button-secondary:hover,
.rz-dialog-confirm .rz-button-secondary:hover,
.rz-dialog button.rz-button-secondary:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    border-color: var(--cercheck-primary-dark) !important;
    color: var(--cercheck-primary-dark) !important;
}

.rz-dialog .rz-button-secondary:active,
.rz-dialog-footer .rz-button-secondary:active,
.rz-dialog-confirm .rz-button-secondary:active,
.rz-dialog button.rz-button-secondary:active {
    background-color: var(--cercheck-primary-transparent-hover) !important;
    border-color: var(--cercheck-primary-active) !important;
    color: var(--cercheck-primary-active) !important;
}

/* Dialog buttons - INFO (mapped to primary) */
.rz-dialog .rz-button-info,
.rz-dialog-footer .rz-button-info,
.rz-dialog-confirm .rz-button-info {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.rz-dialog .rz-button-info:hover,
.rz-dialog-footer .rz-button-info:hover,
.rz-dialog-confirm .rz-button-info:hover {
    background-color: var(--cercheck-primary-hover) !important;
}

.rz-dialog-confirm .rz-dialog-content {
    padding: 1.5rem !important;
}

/* Alert/Info/Warning dialogs - maintain semantic colors but add tenant accent */
.rz-dialog.rz-dialog-info .rz-dialog-titlebar {
    border-bottom-color: var(--cercheck-primary) !important;
}

.rz-dialog.rz-dialog-success .rz-dialog-titlebar {
    border-bottom-color: #4caf50 !important;
}

.rz-dialog.rz-dialog-warning .rz-dialog-titlebar {
    border-bottom-color: #FF6A33 !important;
}

.rz-dialog.rz-dialog-error .rz-dialog-titlebar {
    border-bottom-color: #FF7676 !important;
}

.rz-button.rz-base.rz-shade-default {
    background-color: transparent;
    color: #a3a3a3 !important;
}

/* ========================================
   BOOTSTRAP FOCUS-VISIBLE STATES
   All interactive elements with focus-visible
   ======================================== */

/* Buttons - focus-visible */
.btn:focus-visible,
button:focus-visible,
.btn-primary:focus-visible,
.btn-info:focus-visible,
.btn.btn-primary:focus-visible,
.btn.btn-info:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

.btn-secondary:focus-visible,
.btn-outline-primary:focus-visible,
.btn-outline-info:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

/* Form inputs - focus-visible */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    border-color: var(--cercheck-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

/* Checkboxes and radios - focus-visible */
.form-check-input:focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
    outline: none !important;
}

/* Links - focus-visible */
a:focus-visible,
.nav-link:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

/* Dropdown items - focus-visible */
.dropdown-item:focus-visible {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary) !important;
    outline: none !important;
}

/* Nav tabs and pills - focus-visible */
.nav-tabs .nav-link:focus-visible,
.nav-pills .nav-link:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
}

/* Pagination - focus-visible */
.page-link:focus-visible {
    color: var(--cercheck-primary) !important;
    background-color: var(--cercheck-primary-transparent) !important;
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
    outline: none !important;
}

/* List group items - focus-visible */
.list-group-item:focus-visible {
    background-color: var(--cercheck-primary-transparent) !important;
    border-color: var(--cercheck-primary) !important;
    outline: none !important;
}

/* Accordion buttons - focus-visible */
.accordion-button:focus-visible {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
    outline: none !important;
}

/* Modal close button - focus-visible */
.btn-close:focus-visible,
.modal .btn-close:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

/* Custom select and file inputs - focus-visible */
.custom-select:focus-visible,
.custom-file-input:focus-visible {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
    outline: none !important;
}

/* Range slider - focus-visible */
input[type="range"]:focus-visible {
    outline: none !important;
}

input[type="range"]:focus-visible::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

input[type="range"]:focus-visible::-moz-range-thumb {
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

/* Switch/toggle - focus-visible */
.form-switch .form-check-input:focus-visible {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230087CC'/%3e%3c/svg%3e") !important;
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--cercheck-primary-transparent) !important;
}

/* Card clickable elements - focus-visible */
.card-link:focus-visible,
.card a:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
}

/* Badges and chips - focus-visible (if clickable) */
.badge:focus-visible,
.chip:focus-visible {
    outline: 2px solid var(--cercheck-primary) !important;
    outline-offset: 2px !important;
}

/* ========================================
   MATERIAL DASHBOARD COMPREHENSIVE OVERRIDES
   CERCHECK THEME - BLUE (#0087CC)
   Maps ALL Material Dashboard primary/info colors to tenant brand
   ======================================== */

/* ========================================
   BUTTONS - PRIMARY
   ======================================== */
.btn-primary,
.btn.btn-primary {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 2px 2px 0 rgba(0, 135, 204, 0.14), 0 3px 1px -2px rgba(0, 135, 204, 0.2), 0 1px 5px 0 rgba(0, 135, 204, 0.12) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary-hover) !important;
    border-color: var(--cercheck-primary-hover) !important;
    box-shadow: 0 14px 26px -12px rgba(0, 135, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 135, 204, 0.2) !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.show>.btn-primary.dropdown-toggle,
.show>.btn.btn-primary.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary-active) !important;
    border-color: var(--cercheck-primary-active) !important;
    box-shadow: 0 14px 26px -12px rgba(0, 135, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 135, 204, 0.2) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 14px 26px -12px rgba(0, 135, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 135, 204, 0.2) !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn.btn-primary.disabled,
.btn.btn-primary:disabled {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    opacity: 0.65 !important;
}

/* Button link variant */
.btn-primary.btn-link,
.btn.btn-primary.btn-link {
    background-color: transparent !important;
    color: var(--cercheck-primary) !important;
    box-shadow: none !important;
}

.btn-primary.btn-link:hover,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:active,
.btn.btn-primary.btn-link:hover,
.btn.btn-primary.btn-link:focus,
.btn.btn-primary.btn-link:active {
    background-color: transparent !important;
    color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   BUTTONS - INFO (Map to primary color)
   ======================================== */
.btn-info,
.btn.btn-info {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 2px 2px 0 rgba(0, 135, 204, 0.14), 0 3px 1px -2px rgba(0, 135, 204, 0.2), 0 1px 5px 0 rgba(0, 135, 204, 0.12) !important;
}

.btn-info:hover,
.btn.btn-info:hover {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary-hover) !important;
    border-color: var(--cercheck-primary-hover) !important;
    box-shadow: 0 14px 26px -12px rgba(0, 135, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 135, 204, 0.2) !important;
}

.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.btn.btn-info:focus,
.btn.btn-info.focus,
.btn.btn-info:active,
.btn.btn-info.active,
.show>.btn-info.dropdown-toggle,
.show>.btn.btn-info.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary-active) !important;
    border-color: var(--cercheck-primary-active) !important;
    box-shadow: 0 14px 26px -12px rgba(0, 135, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 135, 204, 0.2) !important;
}

.btn-info.disabled,
.btn-info:disabled,
.btn.btn-info.disabled,
.btn.btn-info:disabled {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    opacity: 0.65 !important;
}

.btn-info.btn-link,
.btn.btn-info.btn-link {
    background-color: transparent !important;
    color: var(--cercheck-primary) !important;
    box-shadow: none !important;
}

.btn-info.btn-link:hover,
.btn-info.btn-link:focus,
.btn-info.btn-link:active,
.btn.btn-info.btn-link:hover,
.btn.btn-info.btn-link:focus,
.btn.btn-info.btn-link:active {
    background-color: transparent !important;
    color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   BUTTONS - OUTLINE VARIANTS
   ======================================== */
.btn-outline-primary {
    color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    background-color: transparent !important;
}

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

.btn-outline-info {
    color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    background-color: transparent !important;
}

.btn-outline-info:hover {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

/* ========================================
   BACKGROUNDS - PRIMARY & INFO
   ======================================== */
.bg-primary {
    background-color: var(--cercheck-primary) !important;
}

.bg-primary-light {
    background-color: var(--cercheck-primary-lighter) !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--cercheck-primary-dark) !important;
}

.bg-info {
    background-color: var(--cercheck-primary-light) !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: var(--cercheck-primary) !important;
}

/* Gradient backgrounds */
.bg-gradient-primary {
    background: linear-gradient(195deg, var(--cercheck-primary-light), var(--cercheck-primary-dark)) !important;
}

.bg-gradient-info {
    background: linear-gradient(195deg, var(--cercheck-primary-lighter), var(--cercheck-primary)) !important;
}

/* ========================================
   TEXT COLORS - PRIMARY & INFO
   ======================================== */
.text-primary {
    color: var(--cercheck-primary) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--cercheck-primary-dark) !important;
}

.text-info {
    color: var(--cercheck-primary) !important;
}

a.text-info:hover,
a.text-info:focus {
    color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   BORDERS - PRIMARY & INFO
   ======================================== */
.border-primary {
    border-color: var(--cercheck-primary) !important;
}

.border-info {
    border-color: var(--cercheck-primary) !important;
}

/* ========================================
   BADGES
   ======================================== */
.badge-primary {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary-dark) !important;
}

.badge-info {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   ALERTS
   ======================================== */
.alert-primary,
.alert.alert-primary {
    color: var(--cercheck-primary-darker) !important;
    background-color: var(--cercheck-primary-lightest) !important;
    border-color: var(--cercheck-primary-light) !important;
}

.alert-primary hr,
.alert.alert-primary hr {
    border-top-color: var(--cercheck-primary) !important;
}

.alert-primary .alert-link,
.alert.alert-primary .alert-link,
.alert.alert-primary a {
    color: var(--cercheck-primary-darker) !important;
    font-weight: 600 !important;
}

.alert-primary i,
.alert.alert-primary i {
    color: var(--cercheck-primary) !important;
}

.alert-info,
.alert.alert-info {
    color: var(--cercheck-primary-darker) !important;
    background-color: var(--cercheck-primary-lightest) !important;
    border-color: var(--cercheck-primary-light) !important;
}

.alert-info hr,
.alert.alert-info hr {
    border-top-color: var(--cercheck-primary) !important;
}

.alert-info .alert-link,
.alert.alert-info .alert-link,
.alert.alert-info a {
    color: var(--cercheck-primary-darker) !important;
    font-weight: 600 !important;
}

.alert-info i,
.alert.alert-info i {
    color: var(--cercheck-primary) !important;
}

/* ========================================
   CARDS - PRIMARY & INFO HEADERS
   ======================================== */
.card-primary .card-header,
.card-header-primary {
    background: linear-gradient(60deg, var(--cercheck-primary-light), var(--cercheck-primary)) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 135, 204, 0.4) !important;
}

.card-info .card-header,
.card-header-info {
    background: linear-gradient(60deg, var(--cercheck-primary-lighter), var(--cercheck-primary-light)) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 135, 204, 0.4) !important;
}

/* Card stats icon */
.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-info .card-icon,
.card .card-header-info .card-text {
    color: #FFFFFF !important;
}

/* ========================================
   NAVBAR - PRIMARY & INFO
   ======================================== */
.navbar-primary,
.navbar.bg-primary {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-nav .nav-link {
    color: #FFFFFF !important;
}

.navbar.bg-primary .navbar-nav .nav-link:hover,
.navbar.bg-primary .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.85) !important;
}

.navbar.bg-primary .dropdown-item:hover,
.navbar.bg-primary .dropdown-item:focus {
    background-color: var(--cercheck-primary-dark) !important;
    color: #FFFFFF !important;
}

.navbar.bg-primary .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-info,
.navbar.bg-info {
    background-color: var(--cercheck-primary-light) !important;
    color: #FFFFFF !important;
}

.navbar.bg-info .navbar-brand,
.navbar.bg-info .navbar-nav .nav-link {
    color: #FFFFFF !important;
}

.navbar.bg-info .navbar-nav .nav-link:hover,
.navbar.bg-info .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.85) !important;
}

.navbar.bg-info .dropdown-item:hover,
.navbar.bg-info .dropdown-item:focus {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.navbar.bg-info .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ========================================
   SIDEBAR/DRAWER - PRIMARY & INFO
   ======================================== */
.sidebar-primary {
    background-color: var(--cercheck-primary) !important;
}

.sidebar-info {
    background-color: var(--cercheck-primary-light) !important;
}

/* ========================================
   NAV PILLS & TABS
   ======================================== */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.nav-pills .nav-link:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

.rz-tabview-nav li {
    border: var(--rz-tabs-border) !important;
    background-color: var(--rz-tabs-tab-background-color);
    color: var(--rz-tabs-tab-color);
    transition: var(--rz-tabs-transition);
}

.rz-tabview-nav .rz-tabview-selected {
    background-color: var(--rz-tabs-tab-selected-background-color);
    color: var(--rz-tabs-tab-selected-color);
    position: relative;
}

/* ========================================
   PRIVACY PAGE - RADZEN TABS
   ======================================== */
.privacy-tabs .rz-tabs,
.privacy-tabs .rz-tabview {
    height: 100%;
}

.privacy-tabs .rz-tabs-nav,
.privacy-tabs .rz-tabview-nav {
    display: flex;
    gap: 0.5rem;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.privacy-tabs .rz-tabs-nav .rz-tabs-item,
.privacy-tabs .rz-tabview-nav .rz-tabview-nav-item {
    background-color: var(--cercheck-primary-transparent);
    border-radius: 12px 12px 0 0;
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.privacy-tabs .rz-tabs-nav .rz-tabs-link,
.privacy-tabs .rz-tabview-nav .rz-tabview-nav-link {
    display: block;
    padding: 0.75rem 1.5rem;
    color: #3C3C3B;
    font-weight: 600;
}

.privacy-tabs .rz-tabs-nav .rz-tabs-item:not(.rz-state-active):hover,
.privacy-tabs .rz-tabview-nav .rz-tabview-nav-item:not(.rz-state-active):hover {
    background-color: var(--cercheck-primary-transparent-hover);
    border-color: var(--cercheck-primary-light);
}

.privacy-tabs .rz-tabs-nav .rz-tabs-item.rz-state-active,
.privacy-tabs .rz-tabview-nav .rz-tabview-nav-item.rz-state-active {
    background-color: var(--cercheck-primary);
    border-color: var(--cercheck-primary);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.privacy-tabs .rz-tabs-nav .rz-tabs-item.rz-state-active .rz-tabs-link,
.privacy-tabs .rz-tabview-nav .rz-tabview-nav-item.rz-state-active .rz-tabview-nav-link {
    color: #FFFFFF;
}

.privacy-tabs .rz-tabs-panels,
.privacy-tabs .rz-tabview-panels {
    background-color: #FFFFFF;
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    height: 100%;
}

.privacy-tabs .rz-tabs-panels>.rz-tabs-panel,
.privacy-tabs .rz-tabview-panels>.rz-tabview-panel {
    height: 100%;
    padding: 1rem 1.5rem;
}

.rz-tabview-top>.rz-tabview-nav .rz-tabview-selected {
    border-bottom-color: var(--rz-tabs-background-color);
    margin-bottom: -1px;
    border-top-color: var(--rz-tabs-tab-selected-top-border-color) !important;
}

/* ========================================
   PAGINATION
   ======================================== */
.page-item.active .page-link {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.page-link {
    color: var(--cercheck-primary) !important;
}

.page-link:hover {
    color: var(--cercheck-primary-dark) !important;
    background-color: var(--cercheck-primary-transparent) !important;
    border-color: var(--cercheck-primary-light) !important;
}

/* ========================================
   PROGRESS BARS
   ======================================== */
.progress-bar-primary,
.progress-bar.bg-primary {
    background-color: var(--cercheck-primary) !important;
}

.progress-bar-info,
.progress-bar.bg-info {
    background-color: var(--cercheck-primary-light) !important;
}

/* ========================================
   LIST GROUP
   ======================================== */
.list-group-item-primary {
    color: var(--cercheck-primary-darker) !important;
    background-color: var(--cercheck-primary-lightest) !important;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: var(--cercheck-primary-darker) !important;
    background-color: var(--cercheck-primary-lighter) !important;
}

.list-group-item-primary.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

.list-group-item-info {
    color: var(--cercheck-primary-darker) !important;
    background-color: var(--cercheck-primary-lightest) !important;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: var(--cercheck-primary-darker) !important;
    background-color: var(--cercheck-primary-lighter) !important;
}

.list-group-item-info.list-group-item-action.active {
    color: #FFFFFF !important;
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

/* ========================================
   FORM CONTROLS - FOCUS STATES
   ======================================== */
.form-control:focus {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

.form-select:focus {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--cercheck-primary) !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--cercheck-primary) !important;
}

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

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

.custom-range::-webkit-slider-thumb {
    background-color: var(--cercheck-primary) !important;
}

.custom-range::-moz-range-thumb {
    background-color: var(--cercheck-primary) !important;
}

.custom-range::-ms-thumb {
    background-color: var(--cercheck-primary) !important;
}

/* ========================================
   DROPDOWN MENU ITEMS
   ======================================== */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

/* ========================================
   MODAL HEADERS
   ======================================== */
.modal-header-primary {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.modal-header-info {
    background-color: var(--cercheck-primary-light) !important;
    color: #FFFFFF !important;
}

/* ========================================
   TOOLTIPS & POPOVERS
   ======================================== */
.tooltip-primary .tooltip-inner {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.tooltip-info .tooltip-inner {
    background-color: var(--cercheck-primary-light) !important;
    color: #FFFFFF !important;
}

.popover-primary {
    background-color: var(--cercheck-primary-lightest) !important;
    border-color: var(--cercheck-primary) !important;
}

.popover-primary .popover-header {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.popover-info {
    background-color: var(--cercheck-primary-lightest) !important;
    border-color: var(--cercheck-primary-light) !important;
}

.popover-info .popover-header {
    background-color: var(--cercheck-primary-light) !important;
    color: #FFFFFF !important;
}

/* ========================================
   MATERIAL DASHBOARD SPECIFIC COMPONENTS
   ======================================== */

/* Sidebar colors */
.sidebar[data-color="primary"],
.sidebar[data-background-color="primary"] {
    background: linear-gradient(195deg, var(--cercheck-primary-dark), var(--cercheck-primary-darker)) !important;
}

/* Fixed plugin button */
.fixed-plugin .btn.btn-primary {
    background-image: linear-gradient(195deg, var(--cercheck-primary-light), var(--cercheck-primary-dark)) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 135, 204, 0.4) !important;
}

.fixed-plugin .btn.btn-primary:hover,
.fixed-plugin .btn.btn-primary:focus,
.fixed-plugin .btn.btn-primary:active {
    background-image: linear-gradient(195deg, var(--cercheck-primary), var(--cercheck-primary-darker)) !important;
    box-shadow: 0 14px 26px -12px rgba(0, 135, 204, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 135, 204, 0.2) !important;
}

/* Timeline markers */
.timeline>li>.timeline-badge.primary {
    background-color: var(--cercheck-primary) !important;
}

.timeline>li>.timeline-badge.info {
    background-color: var(--cercheck-primary-light) !important;
}

/* Material Dashboard ripple effect */
.ripple-container {
    background-color: var(--cercheck-primary-transparent) !important;
}

/* Active states for Material components */
.bmd-form-group.is-focused .bmd-label-floating,
.bmd-form-group .is-focused .bmd-label-floating {
    color: var(--cercheck-primary) !important;
}

.bmd-form-group.is-focused .form-control {
    background-image: linear-gradient(0deg, var(--cercheck-primary) 2px, rgba(0, 135, 204, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0) !important;
}

/* Checkbox and radio in Material Dashboard style */
.form-check [type="checkbox"]:checked+label:before {
    border-right: 2px solid var(--cercheck-primary) !important;
    border-bottom: 2px solid var(--cercheck-primary) !important;
}

.form-check [type="radio"]:checked+label:after {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

/* Switch toggle */
.togglebutton label input[type=checkbox]:checked+.toggle {
    background-color: var(--cercheck-primary-light) !important;
}

.togglebutton label input[type=checkbox]:checked+.toggle:after {
    background-color: var(--cercheck-primary) !important;
}

/* ========================================
   TABLES - PRIMARY & INFO
   ======================================== */
.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: var(--cercheck-primary-lightest) !important;
    color: var(--cercheck-primary-darker) !important;
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: var(--cercheck-primary-lighter) !important;
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: var(--cercheck-primary-lightest) !important;
    color: var(--cercheck-primary-darker) !important;
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: var(--cercheck-primary-lighter) !important;
}

/* ========================================
   DROPDOWN MENUS - COMPREHENSIVE COVERAGE
   ALL Bootstrap & Material Dashboard dropdown variants
   ======================================== */

/* Base dropdown menu styles */
/* .dropdown-menu {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
} */

/* Dropdown menu items - ALL states */
.dropdown-menu .dropdown-item,
.dropdown-menu li>a {
    color: #3C3C3B !important;
    transition: all 0.2s ease !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
    box-shadow: none !important;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

/* Dropdown menu disabled items */
.dropdown-menu .disabled>a,
.dropdown-menu .disabled>a:hover,
.dropdown-menu .disabled>a:focus {
    color: #8D8E90 !important;
    background-color: transparent !important;
}

/* Dropdown menu with icons */
.dropdown-menu.dropdown-with-icons .dropdown-item:hover,
.dropdown-menu.dropdown-with-icons .dropdown-item:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* Navbar dropdown menus */
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

.navbar .dropdown.show .dropdown-menu {
    border-color: var(--cercheck-primary) !important;
}

/* Sidebar dropdown menus */
.sidebar .nav li .dropdown-menu a:hover,
.sidebar .nav li .dropdown-menu a:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

.sidebar .nav li .dropdown-menu a {
    color: #3C3C3B !important;
}

.sidebar[data-background-color="black"] .nav li .dropdown-menu .dropdown-item {
    color: #FFFFFF !important;
}

.sidebar[data-background-color="black"] .nav li .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 135, 204, 0.2) !important;
}

/* Fixed plugin dropdown */
.fixed-plugin .dropdown-menu {
    border-color: var(--cercheck-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 135, 204, 0.15) !important;
}

.fixed-plugin .dropdown-menu li>a:hover,
.fixed-plugin .dropdown-menu li>a:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

.fixed-plugin .dropdown-menu>.active>a,
.fixed-plugin .dropdown-menu>.active>a:hover,
.fixed-plugin .dropdown-menu>.active>a:focus {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

/* Mobile nav dropdown */
.nav-mobile-menu .dropdown .dropdown-menu .dropdown-item:hover,
.nav-mobile-menu .dropdown .dropdown-menu .dropdown-item:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* Bootstrap datetimepicker dropdown */
.dropdown-menu.bootstrap-datetimepicker-widget .active {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.dropdown-menu.bootstrap-datetimepicker-widget .active:hover {
    background-color: var(--cercheck-primary-dark) !important;
}

/* Nested dropdown menus */
.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show {
    border-color: var(--cercheck-primary) !important;
}

/* Button group dropdowns */
.btn-group .dropdown-menu .dropdown-item:hover,
.btn-group-vertical .dropdown-menu .dropdown-item:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* Navbar expand variants dropdown menus */
.navbar-expand-sm .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-expand-xl .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* Nav tabs dropdown menu */
.nav-tabs .dropdown-menu .dropdown-item:hover,
.nav-tabs .dropdown-menu .dropdown-item:focus {
    background-color: var(--cercheck-primary-transparent) !important;
    color: var(--cercheck-primary-dark) !important;
}

/* ========================================
   BUTTON DROPDOWN STATES - COMPREHENSIVE
   ======================================== */

/* Primary button dropdown toggle */
.btn-primary.dropdown-toggle,
.btn.btn-primary.dropdown-toggle {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

.btn-primary.dropdown-toggle:hover,
.btn.btn-primary.dropdown-toggle:hover {
    background-color: var(--cercheck-primary-hover) !important;
    border-color: var(--cercheck-primary-hover) !important;
}

.show>.btn-primary.dropdown-toggle,
.show>.btn.btn-primary.dropdown-toggle {
    background-color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-dark) !important;
}

.show>.btn-primary.dropdown-toggle:focus,
.show>.btn.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

.open>.btn.btn-primary.dropdown-toggle,
.open>.btn.btn-primary.dropdown-toggle:hover,
.open>.btn.btn-primary.dropdown-toggle:focus {
    background-color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-dark) !important;
}

.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon {
    background-color: transparent !important;
}

.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover {
    background-color: var(--cercheck-primary-transparent) !important;
}

/* Info button dropdown toggle */
.btn-info.dropdown-toggle,
.btn.btn-info.dropdown-toggle {
    background-color: var(--cercheck-primary) !important;
    border-color: var(--cercheck-primary) !important;
}

.btn-info.dropdown-toggle:hover,
.btn.btn-info.dropdown-toggle:hover {
    background-color: var(--cercheck-primary-hover) !important;
    border-color: var(--cercheck-primary-hover) !important;
}

.show>.btn-info.dropdown-toggle,
.show>.btn.btn-info.dropdown-toggle {
    background-color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-dark) !important;
}

.show>.btn-info.dropdown-toggle:focus,
.show>.btn.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--cercheck-primary-transparent) !important;
}

.open>.btn.btn-info.dropdown-toggle,
.open>.btn.btn-info.dropdown-toggle:hover,
.open>.btn.btn-info.dropdown-toggle:focus {
    background-color: var(--cercheck-primary-dark) !important;
    border-color: var(--cercheck-primary-dark) !important;
}

.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon {
    background-color: transparent !important;
}

.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon:hover {
    background-color: var(--cercheck-primary-transparent) !important;
}

/* ========================================
   MATERIAL DASHBOARD BMD FORM GROUPS
   ======================================== */

/* BMD form group focused states */
.bmd-form-group.is-focused .bmd-label-floating,
.bmd-form-group.is-filled .bmd-label-floating,
.bmd-form-group .is-focused .bmd-label-floating {
    color: var(--cercheck-primary) !important;
}

.bmd-form-group.is-focused .form-control,
.bmd-form-group.is-focused .custom-select {
    background-image: linear-gradient(0deg, var(--cercheck-primary) 2px, rgba(0, 135, 204, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0) !important;
    border-color: transparent !important;
}

.bmd-form-group.is-focused .bmd-help {
    color: #8D8E90 !important;
}

/* BMD label colors for different states */
[class^='bmd-label'],
[class*=' bmd-label'] {
    color: #8D8E90 !important;
}

.is-focused [class^='bmd-label'],
.is-focused [class*=' bmd-label'] {
    color: var(--cercheck-primary) !important;
}

.is-focused .bmd-label-placeholder {
    color: var(--cercheck-primary) !important;
}

/* BMD form group with info state */
.has-info [class^='bmd-label'],
.has-info [class*=' bmd-label'] {
    color: var(--cercheck-primary) !important;
}

.has-info .is-focused [class^='bmd-label'],
.has-info .is-focused [class*=' bmd-label'] {
    color: var(--cercheck-primary) !important;
}

.has-info .is-focused .bmd-label-placeholder {
    color: var(--cercheck-primary) !important;
}

.has-info .form-control,
.has-info .custom-select {
    background-image: linear-gradient(0deg, var(--cercheck-primary) 2px, rgba(0, 135, 204, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0) !important;
}

/* Navbar form groups */
.navbar form .bmd-form-group.is-focused .form-control {
    background-image: linear-gradient(0deg, var(--cercheck-primary) 2px, rgba(0, 135, 204, 0) 0), linear-gradient(0deg, rgba(255, 255, 255, 0.26) 1px, transparent 0) !important;
}

/* ========================================
   MATERIAL DASHBOARD SPECIFIC ELEMENTS
   ======================================== */

/* Sidebar data-color variants */
.sidebar[data-color="primary"] li.active>a,
.sidebar[data-color="info"] li.active>a {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 135, 204, 0.4) !important;
}

/* Card stats with primary/info colors */
.card-stats .card-header.card-header-primary,
.card-stats .card-header.card-header-info {
    background: linear-gradient(60deg, var(--cercheck-primary-light), var(--cercheck-primary)) !important;
}

/* Footer with primary/info background */
.footer.footer-primary {
    background-color: var(--cercheck-primary) !important;
    color: #FFFFFF !important;
}

.footer.footer-info {
    background-color: var(--cercheck-primary-light) !important;
    color: #FFFFFF !important;
}

/* ========================================
   ADDITIONAL BOOTSTRAP COMPONENTS
   ======================================== */

/* Breadcrumb active items */
.breadcrumb-item.active {
    color: var(--cercheck-primary) !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #8D8E90 !important;
}

.breadcrumb-item a:hover {
    color: var(--cercheck-primary-dark) !important;
}

/* Close button in modals/alerts */
.close:hover,
.close:focus {
    color: var(--cercheck-primary) !important;
    opacity: 1 !important;
}

/* Input group addons */
.input-group-text {
    background-color: #F8F9FA !important;
    border-color: #E0E1E4 !important;
    color: #8D8E90 !important;
}

.input-group:focus-within .input-group-text {
    border-color: var(--cercheck-primary) !important;
    color: var(--cercheck-primary) !important;
}

/* Carousel indicators */
.carousel-indicators .active {
    background-color: var(--cercheck-primary) !important;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    color: var(--cercheck-primary) !important;
}

/* Jumbotron with primary/info background */
.jumbotron-primary {
    background-color: var(--cercheck-primary-lightest) !important;
    border-left: 4px solid var(--cercheck-primary) !important;
}

.jumbotron-info {
    background-color: var(--cercheck-primary-lightest) !important;
    border-left: 4px solid var(--cercheck-primary-light) !important;
}

/* ========================================
   END MATERIAL DASHBOARD OVERRIDES
   ======================================== */

/* BOOTSTRAP */

.btn:first-child:active {
    color: var(--cercheck-primary) !important;
}

.blurred-primary {
    backdrop-filter: blur(5px);
    background-color: #ffffff00 !important;
}

.bg-body-secondary {
    background-color: #6c757d63 !important;
}

.rz-tabview-panels {
    border-radius: var(--Radius-radius-xxl, 32px) !important;
    border: none !important;
    background: #FFF;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12) !important;
    margin-bottom: 0.5rem !important;
}

/* Navigation Footer Buttons - Primary Color Mapping */
.rz-footer-mobile .rz-button.rz-variant-text.rz-button-primary,
.rz-footer-mobile button.rz-button.rz-variant-text.rz-button-primary {
    color: var(--cercheck-primary) !important;
}

.rz-footer-mobile .rz-button.rz-variant-text.rz-button-primary:hover,
.rz-footer-mobile button.rz-button.rz-variant-text.rz-button-primary:hover {
    color: var(--cercheck-primary-hover) !important;
    background-color: var(--cercheck-primary-transparent) !important;
}

.rz-footer-mobile .rz-button.rz-variant-text.rz-button-primary:active,
.rz-footer-mobile button.rz-button.rz-variant-text.rz-button-primary:active {
    color: var(--cercheck-primary-active) !important;
}

.rz-footer-mobile .rz-button.rz-variant-text.rz-primary.rz-shade-default {
    color: var(--cercheck-primary) !important;
}

.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-circular-value {
    stroke: var(--cercheck-primary);
}

.datepicker-absolute {
    top: 0 !important;
    z-index: 1050 !important;
    width: 100% !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 32px !important;
    border-bottom-right-radius: 32px !important;
    background: #FFF !important;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12), 4px 0px 4px -2px rgba(0, 0, 0, 0.12), -4px 0px 4px -2px rgba(0, 0, 0, 0.12) !important;
}

.datepicker-badge {
    border-radius: 32px !important;
    padding: 5px !important;
    color: var(--cercheck-primary) !important;
    background: var(--cercheck-primary-lightest) !important;
    margin: 0 !important;
    cursor: pointer !important;
    width: 80px;
}

.datepicker-badge-active {
    border-radius: 32px !important;
    padding: 5px !important;
    background: var(--cercheck-primary) !important;
    color: white !important;
    margin: 0 !important;
    cursor: pointer !important;
    width: 80px;
}

.card-my-plant {
    border-top: 1px solid #ccc;
    /* bordo superiore grigio */
    border-bottom: 1px solid #ccc;
    /* bordo inferiore grigio */
    border-left: none;
    /* nessun bordo a sinistra */
    border-right: none;
    /* nessun bordo a destra */
    border-radius: 0;
    /* opzionale: rimuove eventuali angoli arrotondati */
}

.sticky-card {
    position: sticky !important;
    top: 0;
    z-index: 1050;
}

.bg-blur {
    background-color: #ffffff4a !important;
    backdrop-filter: blur(3px) !important;
}

/* ========================================
   BOOTSTRAP XXL BREAKPOINT CLASSES (1400px+)
   ======================================== */
@media (min-width: 1400px) {
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
}

/* ========================================
   OVERFLOW AUTO CUSTOM - Works only below lg breakpoint
   ======================================== */
.overflow-auto-custom {
    overflow: auto !important;
}

@media (min-width: 992px) {
    .overflow-auto-custom {
        overflow: visible !important;
    }
}

.rz-tick-text {
    stroke: none;
    fill: var(--rz-grid-header-color) !important;
}

/* ========================================
   DEVEXPRESS CHARTS
   ======================================== */
.dx-chart-root {
    box-shadow: none !important;
}

.dx-chart-tooltip {
    position: absolute !important;
}

.tooltip-dxchart {
    background: no-repeat center bottom, center calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    border: 0;
    height: 36px;
    transition: background 0s ease-out;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 14px;
    height: auto !important;
}

.rounded-bars rect.dxc-bar-element {
    rx: 8px;
    ry: 8px;
    clip-path: inset(0 0 -10px 0 round 8px 8px 0 0);
}

.clickable-title {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

    .clickable-title:hover {
        color: var(--cercheck-primary);
    }

div::-webkit-scrollbar {
    color: grey !important;
    width: 5px !important;
    height: 5px !important;
}

div::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

div::-webkit-scrollbar-thumb {
    background: #888 !important;
    border-radius: 10px;
}

    div::-webkit-scrollbar-thumb:hover {
        background: #555 !important;
        width: 5px !important;
    }

/* ========================================
   SIDEBAR
   ======================================== */
.navbar-item-selected {
    margin-left: 0.5rem !important;
    border: none !important;
    border-left: 3px solid !important;
}

.navbar-item-selection {
    color: #525151 !important;
}

.rz-fileupload .rz-fileupload-content {
    display: none !important;
}