.dark-mode {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

    .dark-mode .main-content-wrapper,
    .dark-mode .custom-dashboard-grid,
    .dark-mode .company-header,
    .dark-mode .widget-card
    {
        background-color: #1e1e1e !important;
    }

    .dark-mode .rz-fileupload-buttonbar,
    .dark-mode .rz-p-4,
    .dark-mode .rz-badge,
    .dark-mode .dashboard-watermark-container,
    .dark-mode .employee-box,
    .dark-mode .rz-p-2.rz-mb-2,
    .dark-mode .rz-data-grid-data,
    .dark-mode .rz-expanded-row-content,
    .dark-mode .widget-items-panel,
    .dark-mode .widget-title,
    .dark-mode .widget-emp-name,
    .dark-mode .rz-axis-title,
    .dark-mode .widget-categories-panel,
    .dark-mode .access-categories-panel,
    .dark-mode .access-switches-panel,
    .dark-mode .dialog-footer {
        color: #ffffff !important;
        background-color: #2D2D30 !important;
    }

    .dark-mode .rz-row,
    .dark-mode .rz-col-12,
    .dark-mode .list-group-item,
    .dark-mode .d-flex,
    .dark-mode .rz-fileupload-choose,
    .dark-mode .rz-expanded-row-template,
    .dark-mode .rz-text-caption,
    .dark-mode .rz-text-overline,
    .dark-mode .rz-text-h5,
    .dark-mode .rz-stack {
        color: #ffffff !important;
        background-color: transparent !important;
    }

    .dark-mode .rz-label,
    .dark-mode .rz-dialog-title,
    .dark-mode .rz-text,
    .dark-mode .rz-panel-title,
    .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5,
    .dark-mode .rz-text-h4, .dark-mode .rz-text-h6,
    .dark-mode .rz-text-subtitle1, .dark-mode .rz-text-subtitle2, .dark-mode .rz-text-body2,
    .dark-mode .rz-datatable-thead th,
    .dark-mode .rz-grid-table thead th,
    .dark-mode .rz-data-grid-data tr td {
        color: #ffffff !important;
    }

    .dark-mode .rz-card,
    .dark-mode .rz-panel,
    .dark-mode .rz-control-panel,
    .dark-mode .control-panel,
    .dark-mode .rz-datatable-thead,
    .dark-mode .rz-grid-table thead,
    .dark-mode .rz-datatable-tfoot,
    .dark-mode .rz-grid-table tfoot,
    .dark-mode .rz-datatable-tfoot td,
    .dark-mode .rz-grid-table tfoot td,
    .dark-mode .rz-grid-footer-cell {
        background-color: #2d2d30 !important;
        color: #ffffff !important;
    }

    



    /* Fix alternating row colors in dark mode */
    .dark-mode .rz-data-grid-stripe tbody > tr:nth-child(even) > td,
    .dark-mode .rz-datatable-stripe tbody > tr:nth-child(even) > td {
        background-color: rgba(255, 255, 255, 0.05) !important;
    }

.dark-mode .rz-multiselect-item:hover,
.dark-mode .rz-data-grid-data tr:hover > td,
.dark-mode .rz-datatable-data tr:hover > td {
    background-color: #3e3e42 !important;
    color: #ffffff !important;
}