/* Dark Theme */

body {
    background-color: #141414;
    color: rgba(225, 235, 245, .87);
}

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

div.swal2-container.swal2-center.swal2-backdrop-show>div {
    color: white;
    background: linear-gradient(180deg, rgb(32, 43, 59) 0%, rgb(15, 19, 26) 100%);
}

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

.page-header::before {
    background: rgb(32, 43, 59);
    background: linear-gradient(180deg, #1e1f21f1 0%, #1e1f21c6 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: rgba(225, 235, 245, .87);
}

.page-header .navbar .navbar-brand {
    background: url(../images/logo-white.svg) center center no-repeat;
    background-size: cover;
    width: 50px;
    height: 40px;
    margin: 0 auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
    background-color: #363636;
}

.select2-search {
    background-color: #363636;
}

.select2-search__field {
    background: #363636;
    border-color: #363636;
    border-radius: 10px;
    padding: .65rem 1rem;
    color: white;
}

.select2-results {
    background-color: #363636;
    color: white;
}

.text-muted {
    color: rgba(225, 235, 245, .87) !important;
}

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

.dropdown-menu {
    background: #292a2c;
}

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

.dropdown-divider {
    border-color: #2c3c52;
}

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

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

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

input {
    color: rgba(225, 235, 245, .87) !important;
}

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

.progress {
    background: #292a2c;
}

.tr-card-icon {
    background: #292a2c !important;
}

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

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

.mail-info {
    border-color: #31415c;
}

.post-comments .post-comm {
    background: #292a2c;
}

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

.card-file-header {
    background: #2f3f57;
}

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

.alert-secondary {
    background-color: #6c757dab;
    border-color: #6c757dab;
    color: #fff;
}

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

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

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

.alert-info {
    background-color: #9c6efcab;
    border-color: #9c6efcab;
    color: #fff;
}

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

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

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

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

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

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

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

.alert-dark.outline-alert {
    background-color: #1e1f21;
    border-color: #212E3D;
    color: #fff;
}

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

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

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #0090ffab;
    border-color: #0090ffab;
    color: #fff;
}

.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #6c757dab;
    border-color: #6c757dab;
    color: #fff;
}

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

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

.btn-warning,
.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffaf0fab;
    border-color: #ffaf0fab;
    color: #fff;
}

.btn-info,
.btn-info.disabled,
.btn-info:disabled {
    background-color: #9c6efcab;
    border-color: #9c6efcab;
    color: #fff;
}

.btn-dark,
.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #212E3D;
    border-color: #212E3D;
    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: #0090ffab;
    border-color: #0090ffab;
    color: #fff;
    box-shadow: 0 7px 23px -8px #0090ffab;
}

.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: #6c757dab;
    border-color: #6c757dab;
    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: #6bcac2ab;
    border-color: #6bcac2ab;
    color: #fff;
    box-shadow: 0 7px 23px -8px #6bcac2;
}

.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: #ee6e83ab;
    border-color: #ee6e83ab;
    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: #ffaf0fab;
    border-color: #ffaf0fab;
    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: #9c6efcab;
    border-color: #9c6efcab;
    color: #fff;
    box-shadow: 0 7px 23px -8px #9c6efc;
}

.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: #212E3D;
    border-color: #212E3D;
    color: #fff;
    box-shadow: 0 7px 23px -8px #212E3D;
}

.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: #212E3D;
}

.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: #212E3D;
    background-color: #212E3D;
    box-shadow: 0 7px 23px -8px #212E3D;
}

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

.dropdown-divider {
    border-color: #292a2c;
}

.list-group-item {
    background-color: #292a2c;
    border: 1px solid rgba(0, 0, 0, .125);
}

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

.list-group-item-action {
    color: rgba(225, 235, 245, .87);
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: rgba(225, 235, 245, .87);
    background-color: #364963;
}

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

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

.toast-header,
.toast {
    background: #292a2c;
}

.modal-content {
    background: #1e1f21;
}

.page-link {
    background: #292a2c;
    border-color: #292a2c;
}

.page-link:hover,
.page-link:focus {
    color: #0090ffab;
    background: #292a2c;
    border-color: #292a2c;
    opacity: 0.8;
}

.page-item.disabled .page-link {
    color: #0090ffab;
    opacity: 0.6;
    background: #292a2c;
    border-color: #292a2c;
}

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

label {
    color: white;
}

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

.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.form-select,
.input-group-text {
    color: rgba(225, 235, 245, .87);
    background: #363636;
    border-color: #363636;
}

.form-control:disabled {
    background: #363636;
}

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

.nav-link.disabled,
.nav-tabs .nav-link.disabled {
    color: rgba(225, 235, 245, .87);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #363636;
    color: #0090ffab;
}

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

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

.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: #6bcac2;
    --bs-table-striped-bg: #6bcac2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #6bcac2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #6bcac2;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #6bcac2;
}

.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: #9c6efc;
    --bs-table-striped-bg: #9c6efc;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #9c6efc;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #9c6efc;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: #9c6efc;
}

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

.table-dark th {
    background-color: #292a2c;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-striped-bg: #292a2c;
    color: rgba(225, 235, 245, .87);
}

.table-hover>tbody>tr:hover {
    background: #363636;
    color: rgba(225, 235, 245, .87);
}

table.dataTable tfoot th,
table.dataTable thead th {
    color: rgba(225, 235, 245, .87);
}

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

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

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

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

.blockUI.blockOverlay {
    background: #1e1f21 !important;
    border-radius: 30px;
}

.loader {
    background: #292a2c;
}

.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: #0090ffab;
    border-color: #0090ffab;
    color: #fff;
}

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

.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: #9c6efc;
    border-color: #9c6efc;
    color: #fff;
}

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

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

.fc .fc-daygrid-day.fc-day-today {
    background-color: #292a2c;
}

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

@media (max-width: 1200px) {
    .profile-name h3 {
        color: rgba(225, 235, 245, .87) !important;
    }
}

@media (max-width: 1200px) {

    .profile-header .profile-header-menu ul li a.active,
    .profile-header .profile-header-menu ul li a:hover {
        color: rgba(225, 235, 245, .87);
    }
}

select.form-control {
    color: white;
}

select.form-control:focus {
    color: whitesmoke;
}

option {
    color: white;
}

a.selected-teacher {
    background-color: #363636;
}

.email-list::-webkit-scrollbar,
.teacher-schedule-programs::-webkit-scrollbar {
    width: 3px;
    margin-left: 3px;
}

.email-list::-webkit-scrollbar-track,
.teacher-schedule-programs::-webkit-scrollbar-track {
    background-color: #1e1f21;
    border-radius: 100px;
}

.email-list::-webkit-scrollbar-thumb,
.teacher-schedule-programs::-webkit-scrollbar-thumb {
    background-color: #292a2c;
    border-radius: 100px;
}

@media (min-width:992px) {
    body::-webkit-scrollbar {
        width: 15px;
    }

    body::-webkit-scrollbar-track {
        background-color: #1e1f21;
        border-radius: 100px;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #292a2c;
        border-radius: 100px;
    }

    .gradebook-scroll-area::-webkit-scrollbar-track {
        background-color: #1e1f21 !important;
        border-radius: 100px
    }

    .gradebook-scroll-area::-webkit-scrollbar-thumb {
        background-color: #292a2c !important;
        border-radius: 100px
    }
}

@media (max-width:992px) {
    body::-webkit-scrollbar {
        width: 0px
    }
}

.teacher-author h3 {
    color: white;
}

.scroll-effect {
    position: absolute;
    z-index: 5000;
    right: 50px;
    pointer-events: none;
    bottom: 70px;
    height: 100px;
    width: calc(100% - 10%);
    background: linear-gradient(180deg, transparent, #1e1f21);
}

.border-bottom {
    border-bottom: 1px solid #1d2836 !important
}

.teacher-schedule-programs .program-item {
    border-bottom: 1px solid #1d2836 !important;
    width: 100%;
}

.teacher-info .teacher-author span.teacher-author-address {
    display: block;
    line-height: 25px;
    font-size: 1.3rem;
    color: white;
}

div.teacher-text.teacher-schedule-programs button {
    color: white;
}

.fc-event-title.fc-sticky {
    color: white;
}

.gradebook-scroll-area {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

.password-control {
    color: white;
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

.btn:disabled {
    color: #aeb4bd;
}

.authent-logo {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.badge.bg-primary {
    background-color: #5e73ff96 !important;
    color: white !important;
}

.badge.bg-success {
    background-color: #6bcac296 !important;
    color: white !important;
}

.badge.bg-warning {
    background-color: #f1ac1c96 !important;
    color: white !important;
}

.badge.bg-info {
    background-color: #8c5bff96 !important;
    color: white !important;
}

.badge.bg-danger {
    background-color: #ff7a9096 !important;
    color: white !important;
}

.badge.bg-secondary {
    background-color: #5557638f !important;
    color: white !important;
}

code {
    color: white !important;
}

.more-group-link {
    text-decoration: underline dotted !important;
    color: #dddddd !important;
}

.dropify-wrapper {
    color: #c0d5e0 !important;
    background-color: #363636 !important;
    border: 2px solid #141414 !important;
}

.dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, #141414 25%, transparent 25%, transparent 50%, #141414 50%, #141414 75%, transparent 75%, transparent) !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #cad5c9 !important;
}

.select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    background-color: #363636 !important;
    border: 1px solid #363636 !important;
    border-radius: 4px !important;
    color: #bdcccc !important;
    font-size: 16px !important;
    outline: 0 !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #c7c8cc transparent transparent;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #bdcccc !important;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: #26354a !important;
    border: 1px solid #26354a !important;
}

.table-row-danger {
    --bs-table-striped-bg: #ee6e83ab !important;
    background-color: #ee6e83ab !important;
    color: #c3ceda !important;
}

.table-row-danger td {
    color: white;
    border-color: #ee6e83ab !important;
}

.table-row-danger a {
    color: #c3ceda !important;
    text-decoration: dotted;
}

textarea {
    color: #c3ceda !important;
}

ul.messenger-dialog li.sender {
    background: linear-gradient(52deg, rgb(27 35 48) 0%, rgb(21 29 40) 47%, rgb(31 43 60) 100%);
}

.mail-answer {
    background-color: #1e1f21;
}

ul.messenger-dialog li.recipient {
    background: linear-gradient(52deg, rgb(0 52 92) 0%, rgb(0 77 137) 100%);
}

td {
    color: #c3ceda !important;
}

.accordion-item {
    color: #c3ceda !important;
    background-color: #1e1f21 !important;
    border: var(--bs-accordion-border-width) solid #1e1f21 !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

.accordion-button,
.accordion-button:not(.collapsed) {
    border-radius: 15px !important;
}

.text-black {
    color: #c3ceda !important;
}

i {
    color: #c3ceda !important;
}

.list-group-item {
    background-color: #1e1f21 !important;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #c3ceda !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c3ceda !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c3ceda !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c3ceda !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #c3ceda !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #c3ceda !important;
}

li.list-group-item {
    color: #c3ceda !important;
}

.list-group[role="tablist"] a {
    background-color: #292a2c !important;
}

a.list-group-item.active {
    background-color: #0090ff !important;
}

.alert-card {
    background-color: #1e1f21;
}

/* Toast-уведомления */
.toast-notification {
    background: #1e1f21;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.toast-title {
    color: rgba(225, 235, 245, .87);
}

.toast-description {
    color: rgba(225, 235, 245, .57);
}

.toast-close {
    color: rgba(225, 235, 245, .4);
}

.toast-close:hover {
    background: #363636;
    color: rgba(225, 235, 245, .87);
}

/* Dropdown уведомлений */
.notif-drop-menu {
    background: #1e1f21;
    border: 1px solid #414141;
}

.notif-item {
    border-bottom-color: #414141;
}

.notif-item:hover {
    background: #292a2c;
}

.notif-item.unread {
    background: #253345;
}

.notif-item.unread:hover {
    background: #2f3f57;
}

.notif-item .notif-title {
    color: rgba(225, 235, 245, .87);
}

.notif-item .notif-desc {
    color: rgba(225, 235, 245, .57);
}

.notif-item .notif-time {
    color: rgba(225, 235, 245, .4);
}

.notif-empty {
    color: rgba(225, 235, 245, .57);
}

.notif-footer {
    background: #1e1f21 !important;
    border-top-color: #414141 !important;
    border-radius: 0 0 15px 15px;
    color: rgba(225, 235, 245, .57) !important;
}

.notif-footer-note {
    color: rgba(225, 235, 245, .4);
}

/* Messenger - Dark Theme */
.msg-date-divider span {
    background: #363636;
    color: #adb5bd;
}

.msg-in .msg-author {
    color: #adb5bd;
}

.msg-out .msg-author {
    color: #5cb3ff;
}

.msg-in .msg-bubble {
    background: #292a2c;
}

.msg-out .msg-bubble {
    background: rgba(0, 144, 255, 0.15);
}

.msg-time {
    color: #6c757d;
}

.msg-attachment {
    background: rgba(255,255,255,0.05);
}

.msg-attachment:hover {
    background: rgba(255,255,255,0.1);
}
/* ========================================
   Global Search - Dark Theme
   ======================================== */
.global-search-dropdown {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: var(--bs-card-color);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

.search-input-wrapper {
    background: #141414;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.search-input-wrapper .form-control {
    background: var(--bs-card-color);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e4e6ef;
}

.search-input-wrapper .form-control::placeholder {
    color: #6c757d;
}

.search-clear-btn {
    color: #a1a5b7;
}

.search-clear-btn:hover {
    color: #e4e6ef;
}

.search-message {
    color: #a1a5b7;
}

.search-category-title {
    color: #a1a5b7;
}

.search-category:not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

.search-suggestion-item:hover,
.search-suggestion-item.active {
    background-color: rgba(255, 255, 255, 0.05);
}

.search-item-title {
    color: #e4e6ef;
}

.search-item-description {
    color: #a1a5b7;
}

.search-item-avatar {
    background: #2d2d3f;
}

.search-show-all {
    border-top-color: rgba(255, 255, 255, 0.05);
}

.search-hint {
    background: #141414;
    border-top-color: rgba(255, 255, 255, 0.05);
}

.search-hint kbd {
    background: var(--bs-card-color);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e4e6ef;
}

.search-item-icon svg {
    color: #a1a5b7;
}