/* Dark mode */
@media (prefers-color-scheme: dark) {
        .logo, .navbar, .main-sidebar, .content-header, .content-wrapper, .main-footer, .box-footer, .card {
                background-color: #202020 !important;
                color: white !important;
        }

        .box-header, .box-body, .btn, .sidebar .header, .info-box, .callout, input[type=submit], input[type=select], select, .form-group, .bootstrap-timepicker, .bootstrap-timepicker-widget, thead, .table, .box {
                background-color: #404040 !important;
                color: white !important;
        }
        
        tr:hover, tr:hover, tr:active { background-color: #606060 !important; }

        a:hover, a:hover, a:active { background-color: #606060 !important; }

}