body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}
    body.dark-mode .sidenav,
    body.dark-mode .layout-navbar,
    body.dark-mode .footer,
    body.dark-mode .card {
        background-color: #303030 !important;
        color: #e0e0e0 !important;
    }

    body.dark-mode .layout-sidenav {
        border-right: 1px solid #545454;
    }

    body.dark-mode .sidenav-link, body.dark-mode a, body.dark-mode .btn-block, body.dark-mode .table, body.dark-mode .header {
        color: #e0e0e0 !important;
    }

        body.dark-mode .sidenav-item.active > .sidenav-link:not(.sidenav-toggle), body.dark-mode .sidenav-link:hover, body.dark-mode .sidenav-link:focus {
            background-color: #121212 !important;
        }

    body.dark-mode .card.user-card, body.dark-mode .custom-select, body.dark-mode .form-control {
        background-color: #121212 !important;
        color: #e0e0e0 !important;
    }

    body.dark-mode .btn-success-alt, body.dark-mode .alert-success {
        border-color: #02BC77;
        background: transparent !important;
        color: #02BC77 !important;
    }

    body.dark-mode .btn-danger-alt, body.dark-mode .alert-danger {
        border-color: #d9534f;
        background: transparent !important;
        color: #d9534f !important;
    }

    body.dark-mode .btn-info-alt {
        border-color: #4680FF;
        background: transparent;
        color: #4680FF;
    }

    body.dark-mode .btn-warning-alt {
        border-color: #FFD950;
        background: transparent;
        color: #FFD950;
    }

    body.dark-mode .card .table-bordered td, body.dark-mode .card .table, body.dark-mode .card .table th {
        border-color: #545454 !important;
    }