body.dark {
    background-color: #080808 !important;
}
body.dark .facto-overlay img {
    mix-blend-mode: difference !important;
    opacity: .3 !important;
}
body.dark p,
body.dark a,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: var(--main-text-light-color);
}
body.dark span:not(.bg-yellow, .bg-pink, .bg-green, .bg-blue) {
    color: #fff;
}
body.dark .topbar p,
body.dark .topbar a {
    color: var(--main-text-color) !important;
}
body.dark .topbar.admin p {
    color: #fff !important;
}
body.dark .header .searchbar {
    filter: invert(1);
}
body.dark .facto-popper {
    background-color: var(--bg-light);
    color: var(--main-text-color) !important;
}
body.dark .facto-popper::before {
    border-top-color: var(--bg-light);
}
body.dark .copyright {
    color: #fff !important;
}
body.dark .cards-container .card {
    background-color: #181818;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #282828;
}
body.dark .cards-container .card .card-body .card-list .card-list-item {
    color: #fff;
}

body.dark .dataTables_wrapper {
    filter: invert(1) !important;
}
body.dark .dataTables_wrapper .table-btn,
body.dark .dataTables_wrapper .table-pill {
    filter: invert(1) !important;
}

body.dark #calendar::after {
    background: linear-gradient(0deg, rgba(24, 24, 24, 1) 10%, rgba(24, 24, 24, 0) 100%);
}
body.dark #calendar::before {
    background: linear-gradient(180deg, rgba(24, 24, 24, 1) 50%, rgba(24, 24, 24, 0) 100%);
}
body.dark .calendar-event .content .date,
body.dark .calendar-event .content .desc {
    color: #fff;
}
body.dark .app-name h2 {
    color: var(--main-text-color);
}

/* JCONFIRM */

body.dark .jconfirm-box {
    background-color: var(--bg-dark);
    border: 1px solid #444;
    color: #fff;
}
body.dark .jconfirm-box .jconfirm-content div {
    color: #fff !important;
}
body.dark .jconfirm-box .jconfirm-closeIcon {
    color: #fff !important;
}