/* DARK THEME */
body[data-theme="dark"]>.container {
    background: #0d2335;
    color: #ccc9dc;
}

/* THEME SWITCHER */
body[data-theme="dark"] .switch {
    background-color: #ffc107;
}

body[data-theme="dark"] .switch-label {
    color: #051421;
}

/* TABLES */
body[data-theme="dark"] table {
    color: #ccc9dc;
}

body[data-theme="dark"] .table td, 
body[data-theme="dark"] .table th {
    border-top: none;
}

body[data-theme="dark"] .table thead th {
    border-bottom: 1px solid #444951;
}

body[data-theme="dark"] .table .thead-dark th {
    border-bottom: none;
    color: #ccc9dc;
}

/* CARD */
body[data-theme="dark"] .card {
    background-color: #0d2335;
    border: 1px solid #444951;
}

/* FORM */
body[data-theme="dark"] input:not([type="submit"]),
body[data-theme="dark"] .custom-file-label,
body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] select {
    color: #c7cbd0;
    background-color: #0d2335;
    border: 1px solid #444951;
    -moz-appearance: none !important;
}

body[data-theme="dark"] .form-control,
body[data-theme="dark"] .form-control:disabled,
body[data-theme="dark"] input:-webkit-autofill,
body[data-theme="dark"] textarea:-webkit-autofill,
body[data-theme="dark"] select:-webkit-autofill {
    color: #c7cbd0;
    background-color: #0d2335;
    border: 1px solid #444951;
    -webkit-text-fill-color: #c7cbd0;
    -webkit-box-shadow: 0 0 0px 1000px #0d2335 inset;
}

body[data-theme="dark"] input:disabled,
body[data-theme="dark"] .form-control:disabled, 
body[data-theme="dark"] .form-control[readonly] {
    background-color: #394B59;
    -webkit-box-shadow: 0 0 0px 1000px #394B59 inset;
}

body[data-theme="dark"] .form-control:focus {
    border-color: #80bdff;
}

body[data-theme="dark"] .form-control.is-invalid, 
body[data-theme="dark"] .was-validated .form-control:invalid {
    border-color: #dc3545;
}

body[data-theme="dark"] .input-group-text {
    color: #c7cbd0;
    background-color: #394B59;
    border: 1px solid #444951;
}

/* BUTTONS */
body[data-theme="dark"] .btn-dark {
    color: #EFEFEF;
    background-color: transparent;
    border-color: #efefef;
}

body[data-theme="dark"] .btn-dark:hover {
    color: #212529;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
}

body[data-theme="dark"] .btn-warning {
    color: #ffc107;
    background-color: transparent;
    border-color: #ffc107;
}

body[data-theme="dark"] .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

body[data-theme="dark"] .btn-info {
    color: #17a2b8;
    background-color: transparent;
    border-color: #17a2b8;
}

body[data-theme="dark"] .btn-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

body[data-theme="dark"] .btn-danger {
    color: #dc3545;
    background-color: transparent;
    border-color: #dc3545;
}

body[data-theme="dark"] .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

body[data-theme="dark"] .btn-secondary {
    color: #6c757d;
    background-color: transparent;
    border-color: #6c757d;
}

body[data-theme="dark"] .btn-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* BREADCRUMB */
body[data-theme="dark"] .breadcrumb {
    background-color: #061a2b;
}

body[data-theme="dark"] .breadcrumb-item.active {
    color: #c7cbd0;
}

/* SELECT2 */
body[data-theme="dark"] .select2-container--default .select2-selection--single {
    border: 1px solid #444951;
}

body[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: #0d2335;
}

body[data-theme="dark"] .select2-dropdown {
    background-color: #0d2335;
    border: 1px solid #444951;
}

body[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #0d2335;
    border: 1px solid #444951;
    color: #c7cbd0;
}

body[data-theme="dark"] .select2-results,
body[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c7cbd0;
}

/* PAGINATOR */
body[data-theme="dark"] .page-link {
    color: #ccc9dc;
    background-color: #0c2132;
    border: 1px solid #444951;
}

body[data-theme="dark"] .page-link:hover {
    color: #0056b3;
    background-color: #051421;
    border-color: #444951;
}

body[data-theme="dark"] .page-item.disabled .page-link {
    color: #c7cbd0;
    background-color: #0c2132;
    border-color: #444951;
}

/* DATETIMEPICKER */
body[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu {
    color: #ccc9dc;
    background-color: #0c2132;
    border: 1px solid #444951;
}

body[data-theme="dark"] .bootstrap-datetimepicker-widget table td.day:hover, 
body[data-theme="dark"] .bootstrap-datetimepicker-widget table td.hour:hover, 
body[data-theme="dark"] .bootstrap-datetimepicker-widget table td.minute:hover, 
body[data-theme="dark"] .bootstrap-datetimepicker-widget table td.second:hover,
body[data-theme="dark"] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
body[data-theme="dark"] .bootstrap-datetimepicker-widget table td span:hover {
    background: #051421;
    cursor: pointer;
}

/* MODAL WINDOW */
body[data-theme="dark"] .modal-content {
    background-color: #0d2335;
    border: 1px solid #444951;
}

body[data-theme="dark"] .modal-header {
    border-bottom: 1px solid #ccc9dc;
}

body[data-theme="dark"] .close:hover {
    color: #fff;
}

body[data-theme="dark"] .close {
    color: #ccc9dc;
}

/* DIVIDERS */
body[data-theme="dark"] .dropdown-divider,
body[data-theme="dark"] hr {
    border-top: 1px solid #ccc9dc;
}

body[data-theme="dark"] .list-group-item {
    background-color: #394b59;
    border: 1px solid rgba(255, 255, 255, 0.13);
    color: #c7cbd0;
}

body[data-theme="dark"] .list-group-item:hover {
    background-color: #455c69;
}