/* Dark Theme */

body {
    background-color: #222222;
    color: #dcdcdc;
}

.page-header,
.page-header .navbar,
.page-sidebar,
.card {
    background-color: #333333;
}

.page-header {
    box-shadow: none;
    border: none;
}

.page-header::before {
    background: rgb(32, 43, 59);
    background: linear-gradient(
        180deg,
        rgba(32, 43, 59, 0.9458158263305322) 0%,
        rgba(32, 43, 59, 0.7749474789915967) 64%,
        rgba(32, 43, 59, 0) 100%
    );
}

.page-header .navbar #navbarNav #leftNav > li > a,
.page-header .navbar #headerNav > ul > li > a,
.page-sidebar .accordion-menu > li > a,
.page-sidebar .accordion-menu > li > a > svg,
.card-title,
.page-sidebar .accordion-menu li ul li a,
.page-sidebar .accordion-menu li.sidebar-title,
.dropdown-item,
.page-header .header-notif .notif-text,
.table,
.tr-text a,
.email-list-item,
.fc-toolbar h2,
#calendar a,
.story-list .story .story-info span.story-author,
.profile-header .profile-header-menu ul li a,
.post-actions ul li a,
.post-comments .post-comm .comment-container span.comment-author,
.post-comments .post-comm .comment-container span.comment-author small,
.post-header .post-header-actions a,
.file-manager-menu ul li a,
.folder .folder-info a,
.blockquote-footer,
.dropdown-menu-dark .dropdown-item,
.toast-header,
.accordion-button,
.invoice-details p.info,
.invoice-table svg,
.dropdown-header,
.form-text {
    color: #dcdcdc;
}

.text-muted {
    color: #dcdcdc !important;
}

.page-sidebar .accordion-menu > li.active-page > a {
    background-color: #222222;
}

.dropdown-menu {
    background: #3e3e3e;
}

.page-header .header-notif:hover {
    background: #353535;
}

.dropdown-divider {
    border-color: #353535;
}

.table,
.table * {
    border-color: #222222 !important;
}

.form-control {
    background: #222222;
    border-color: #222222;
}

.form-control:focus {
    background: #222222;
    border-color: #222222;
}

input {
    color: #dcdcdc !important;
}

.page-header .navbar #navbarNav #leftNav > li > a:hover {
    background: none;
}

.progress {
    background: #5a5a5a;
}

.tr-card-icon {
    background: #5a5a5a !important;
}

.email-list li.active a {
    background: #202020;
}

.email-list li a:hover {
    background: #202020;
}

.mail-info {
    border-color: #5a5a5a;
}

.post-comments .post-comm {
    background: #202020;
}

.post-actions ul li a:hover,
.post-header .post-header-actions a:hover {
    color: rgba(225, 235, 245, 0.57);
}

.card-file-header {
    background: #5a5a5a;
}

.alert-primary {
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    color: #fff;
}

.alert-secondary {
    background-color: #7e8299;
    border-color: #7e8299;
    color: #fff;
}

.alert-success {
    background-color: #6bca80;
    border-color: #6bca80;
    color: #fff;
}

.alert-danger {
    background-color: #ee6e83;
    border-color: #ee6e83;
    color: #fff;
}

.alert-warning {
    background-color: #ffaf0f;
    border-color: #ffaf0f;
    color: #fff;
}

.alert-info {
    background-color: #64a8af;
    border-color: #64a8af;
    color: #fff;
}

.alert-dark {
    background-color: #101010;
    border-color: #101010;
    color: #fff;
}

.alert-primary.outline-alert {
    background-color: #333333;
}

.alert-secondary.outline-alert {
    background-color: #333333;
}

.alert-success.outline-alert {
    background-color: #333333;
}

.alert-danger.outline-alert {
    background-color: #333333;
}

.alert-warning.outline-alert {
    background-color: #333333;
}

.alert-info.outline-alert {
    background-color: #333333;
}

.alert-dark.outline-alert {
    background-color: #333333;
    border-color: #535353;
    color: #fff;
}

.alert-link {
    font-weight: normal;
}

.page-sidebar .accordion-menu > li.active-page ul li a.active {
    color: #fff;
}

.badge.bg-primary {
    background-color: #b2b2b2 !important;
    color: #fff;
}

.badge.bg-secondary {
    background-color: #7e8299 !important;
    color: #fff !important;
}

.badge.bg-success {
    background-color: #6bca80 !important;
    color: #fff;
}

.badge.bg-danger {
    background-color: #ee6e83 !important;
    color: #fff;
}

.badge.bg-warning {
    background-color: #ffaf0f !important;
    color: #fff;
}

.badge.bg-info {
    background-color: #64a8af !important;
    color: #fff;
}

.badge.bg-dark {
    background-color: #535353 !important;
    color: #fff;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #b2b2b2;
    /* border-color: #b2b2b2; */
    border: none;
    color: #fff;
}

.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #7e8299;
    border-color: #7e8299;
    color: #fff;
}

.btn-success,
.btn-success:disabled,
.btn-sucess.disabled {
    background-color: #6bca80;
    border-color: #6bca80;
    color: #fff;
}

.btn-danger,
.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #ee6e83;
    border-color: #ee6e83;
    color: #fff;
}

.btn-warning,
.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffaf0f;
    background-color: rgba(255, 175, 15, 0.75);
    /* border-color: #ffaf0f; */
    border: none;

    color: #fff;
}

.btn-info,
.btn-info.disabled,
.btn-info:disabled {
    background-color: #64a8af;
    border-color: #64a8af;
    color: #fff;
}

.btn-dark,
.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    color: #fff;
    box-shadow: 0 7px 23px -8px #b2b2b2;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: #7e8299;
    border-color: #7e8299;
    color: #fff;
    box-shadow: 0 7px 23px -8px #7e8299;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
    background-color: #6bca80;
    border-color: #6bca80;
    color: #fff;
    box-shadow: 0 7px 23px -8px #6bca80;
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: #ee6e83;
    border-color: #ee6e83;
    color: #fff;
    box-shadow: 0 7px 23px -8px #ee6e83;
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
    background-color: #ffaf0f;
    border-color: #ffaf0f;
    color: #fff;
    box-shadow: 0 7px 23px -8px #ffaf0f;
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: #64a8af;
    border-color: #64a8af;
    color: #fff;
    box-shadow: 0 7px 23px -8px #64a8af;
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
    background-color: #535353;
    border-color: #535353;
    color: #fff;
    box-shadow: 0 7px 23px -8px #535353;
}

.btn-outline-secondary {
    color: #fff;
    border-color: #7e8299;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    border-color: #7e8299;
    background-color: #7e8299;
    box-shadow: 0 7px 23px -8px #7e8299;
}

.btn-outline-dark {
    color: #fff;
    border-color: #535353;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus,
.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    border-color: #535353;
    background-color: #535353;
    box-shadow: 0 7px 23px -8px #535353;
}

.dropdown-menu-dark .dropdown-divider {
    border-color: #333333;
}

.dropdown-divider {
    border-color: #515151;
}

.list-group-item {
    background-color: #3e3e3e;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: rgba(225, 235, 245, 0.57);
    pointer-events: none;
    background-color: #333333;
}

.list-group-item-action {
    color: #dcdcdc;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #dcdcdc;
    background-color: #222222;
}

.list-group-item.active:hover,
.list-group-item.active:focus {
    background: #b2b2b2;
    color: #fff;
}

.list-group-item-dark {
    color: #575a6e;
}

.toast-header,
.toast {
    background: #202020;
}

.modal-content {
    background: #333333;
}

.page-link {
    background: #202020;
    border-color: #101010;
}

.page-link:hover,
.page-link:focus {
    color: #b2b2b2;
    background: #202020;
    border-color: #101010;
    opacity: 0.8;
}

.page-item.disabled .page-link {
    color: #b2b2b2;
    opacity: 0.6;
    background: #202020;
    border-color: #101010;
}

.accordion-button,
.accordion-button:not(.collapsed) {
    background: #222222;
}

.jstree-default .jstree-hovered {
    background: #222222;
    box-shadow: none;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.form-select,
.input-group-text {
    color: #dcdcdc;
    background: #222222;
    border-color: #222222;
}

.card-footer,
.card-header {
    background: #333333;
}

.nav-link.disabled,
.nav-tabs .nav-link.disabled {
    color: #dcdcdc;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #ededed;
    color: #000000;
}

.card-header,
.card-footer {
    border-color: #222222;
}

.table-primary {
    --bs-table-bg: #b2b2b2;
    --bs-table-striped-bg: #b2b2b2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b2b2b2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #b2b2b2;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #b2b2b2;
}

.table-secondary {
    --bs-table-bg: #7e8299;
    --bs-table-striped-bg: #7e8299;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #7e8299;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #7e8299;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #7e8299;
}

.table-success {
    --bs-table-bg: #6bca80;
    --bs-table-striped-bg: #6bca80;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #6bca80;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #6bca80;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #6bca80;
}

.table-danger {
    --bs-table-bg: #ee6e83;
    --bs-table-striped-bg: #ee6e83;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ee6e83;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ee6e83;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #ee6e83;
}

.table-warning {
    --bs-table-bg: #ffaf0f;
    --bs-table-striped-bg: #ffaf0f;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ffaf0f;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ffaf0f;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #ffaf0f;
}

.table-info {
    --bs-table-bg: #64a8af;
    --bs-table-striped-bg: #64a8af;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #64a8af;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #64a8af;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #64a8af;
}

.table-dark {
    --bs-table-bg: #3c3c3c;
    --bs-table-striped-bg: #3c3c3c;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #3c3c3c;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #3c3c3c;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #3c3c3c;
}

.table-dark th {
    background-color: #3c3c3c;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-striped-bg: #3c3c3c;
    color: #dcdcdc;
}

.table-hover > tbody > tr:hover {
    background: #222222;
    color: #dcdcdc;
}

table.dataTable tfoot th,
table.dataTable thead th {
    color: #dcdcdc;
}

tr.group {
    background: #222222 !important;
}

table.dataTable td,
table.dataTable th {
    border-color: #222222 !important;
}

.fc table,
.fc table tr,
.fc table th,
.fc table td {
    border-color: #222222 !important;
}

.btn-close {
    filter: invert(98%) sepia(98%) saturate(0%) hue-rotate(327deg)
        brightness(104%) contrast(101%);
}

.blockUI.blockOverlay {
    /* background: rgba(32, 44, 59) !important; */
    background: #222222 !important;
}

.loader {
    background: #333333;
    /* background: #202c3b; */
}

.fc-next-button.fc-button.fc-button-primary,
.fc-next-button.fc-button.fc-button-primary.active,
.fc-next-button.fc-button.fc-button-primary:focus,
.fc-prev-button.fc-button.fc-button-primary,
.fc-prev-button.fc-button.fc-button-primary.active,
.fc-prev-button.fc-button.fc-button-primary:focus {
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    color: #fff;
}

.fc-next-button.fc-button.fc-button-primary:hover,
.fc-prev-button.fc-button.fc-button-primary:hover {
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    color: #fff;
    box-shadow: 0 7px 23px -8px #b2b2b2;
}

.fc-today-button.fc-button.fc-button-primary,
.fc-today-button.fc-button.fc-button-primary.active,
.fc-today-button.fc-button.fc-button-primary:focus {
    background-color: #64a8af;
    border-color: #64a8af;
    color: #fff;
}

.fc-h-event {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    padding: 3px;
    border-radius: 15px;
}

.fc-h-event:hover,
.fc-daygrid-event:hover {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #3c3c3c;
}

.page-header .navbar #headerNav > ul > li > a.notifications-dropdown {
    background: #ee6e83;
    color: #fff;
}

@media (max-width: 1200px) {
    .profile-name h3 {
        color: #dcdcdc !important;
    }
}

@media (max-width: 1200px) {
    .profile-header .profile-header-menu ul li a.active,
    .profile-header .profile-header-menu ul li a:hover {
        color: #dcdcdc;
    }
}