:root {
    --bg-dark: #0A181B;
    --bg: #152022;
    --fg: #F0F6F6;
    --accent: #1FBABF;
    --muted: #A8ACAC;
    --border: #223133;
    --secondary: #72797A;
    --link: #F0F6F6;
    --black: #000000;
    --shadow: #383838;
    --gray-light: #869791;
    --gray-pale: #D6D6D6;
    --status-success: #9bbf1d;
    --note-toolbar-bg: #909090;
    --course-inactive: #4A4848;
    --lesson-fav: #EDAD35;
    --cool-gray-light: #CDCDCD;
    --cool-gray-pale: #EFEFEF;
}
/* region *****GENERAL***** */
body.dark-theme {
    background: var(--bg-dark);
    color: var(--fg);
}
.dark-theme hr {
    border: 1px solid var(--border);
}
.dark-theme .span {
    color: var(--fg);
}
.dark-theme .footer {
    background: var(--bg);
    border-top: 1px solid var(--bg);
    color: var(--secondary);
    height: 51px;
}
.dark-theme .footer a{
    color: var(--link)!important;
}
.dark-theme .bg-fg {
    background: var(--border)!important;
}
.dark-theme .text-primary {
    color: var(--fg)!important;
}
.dark-theme .text-dark {
    color: var(--fg)!important;
}
.dark-theme .bg-gray-darker {
    background-color: var(--border);
}
.dark-theme .main-panel .content-wrapper {
    background: var(--bg-dark);
}
.dark-theme .border-bottom{
    border-bottom: 1px solid var(--bg-dark) !important;
}
.dark-theme .bg-light{
    background-color: var(--bg)!important;
    border-top: none!important;
}
.dark-theme .gray-background,
.dark-theme .bg-gray {
    background: var(--bg);
}
.dark-theme .breadcrumb .breadcrumb-item{
    color: var(--link);
}
.dark-theme .text-muted{
    color: var(--muted)!important;
}
.dark-theme .profile-name{
    color: var(--muted);
}
.dark-theme .dropdown-toggle::after {
    color: var(--fg);
}
.dark-theme .bootstrap-select.btn-group>.dropdown-toggle{
    background: var(--bg);
    border: none;
}
/* endregion END GENERAL */
/* region *****LINKS***** */
.dark-theme a {
    color: var(--fg);
}
.dark-theme a:hover {
    color: var(--fg);
    text-decoration: none;
}
.dark-theme a.text-dark:hover,
.dark-theme a.text-dark:focus {
    color: var(--fg)!important;
}
/* endregion END LINKS */
/* region *****NAVBAR***** */
.dark-theme .dark-theme .navbar.default-layout .navbar-brand-wrapper .navbar-brand{
    background: var(--shadow);
}
.dark-theme .navbar.default-layout .navbar-brand-wrapper {
    background: var(--bg) ;
}
.dark-theme .nav-item .nav-profile {
    background: var(--shadow);
}
.dark-theme .nav-item.nav-item-contact{
    background: var(--bg);
}
.dark-theme .nav-item.hover-open .collapse{
    background: var(--border);
}
/* endregion END NAVBAR */
/* region *****NAV-PILLS***** */
.dark-theme .nav-pills .nav-item .nav-link,
.dark-theme .nav-tabs .nav-item .nav-link {
    color: var(--link);
}
.dark-theme .nav-pills .nav-item .nav-link,
.dark-theme .nav-tabs .nav-item .nav-link:hover {
    color: var(--fg)!important;
    border: none;
    margin-bottom: 2px;
}
.dark-theme .nav-tabs.tab-solid .nav-item .nav-link:hover {
    margin: 0;
}
.dark-theme .nav-pills .nav-item .nav-link.active,
.dark-theme .nav-tabs .nav-item .nav-link.active {
    color: var(--fg);
}
/* endregion END NAV-PILLS */
/* region *****NAV-TABS***** */
.dark-theme .nav-tabs.tab-solid{
    border: none;
}
.dark-theme .nav-tabs {
    border-bottom: 1px solid var(--border);
}
.dark-theme .nav-tabs .nav-item {
    margin-bottom: -2px;
}
.dark-theme .nav-tabs .nav-link.active,
.dark-theme .nav-tabs .nav-item.show .nav-link {
    background: var(--border);
    border: none;
}
/* endregion END NAV-TABS */
/* region *****SIDEBAR***** */
.dark-theme .sidebar {
    background: var(--bg);
}
.dark-theme .sidebar .nav{
    background: var(--bg);
}
.dark-theme .sidebar .nav.sub-menu{
    background: var(--bg-dark);
}
.dark-theme .sidebar-user-image img {
    background: var(--border);
}
.dark-theme .sidebar .nav .nav-item.hover-open .collapse {
    background: var(--bg-dark)!important;
}
.dark-theme .sidebar .nav.sub-menu .nav-item .nav-link{
    background: var(--bg-dark);
    color: var(--fg);
}
.dark-theme .sidebar .nav.sub-menu .nav-item .nav-link.active{
    background: var(--bg-dark)!important;
    border-top: 1px solid var(--bg-dark);
}
.dark-theme .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
    background: var(--bg-dark);
}
.dark-theme .sidebar .nav .nav-item .nav-link .menu-icon .mdi::before {
    color: var(--link);
}
.dark-theme .sidebar .nav .nav-item .nav-link .menu-title{
    color: var(--muted)!important;
}
.dark-theme .sidebar .nav .nav-item .nav-link .menu-title.active{
    color: var(--fg)!important;
}
.dark-theme .sidebar .nav .nav-item .nav-link i.menu-arrow::before{
    color: var(--link);
}
.dark-theme .sidebar .nav .nav-item .nav-link[aria-expanded="true"]{
    background: var(--bg-dark);
}
.dark-theme .sidebar .nav .nav-item .nav-link[aria-expanded="true"].collapsing{
    background: var(--bg-dark);
    border-top: 1px solid var(--bg-dark);
}
.dark-theme .sidebar .nav .nav-item .nav-link:last-child {
    border-top: 1px solid var(--bg-dark);
}
.dark-theme .sidebar .nav .nav-item.nav-profile .nav-link {
    background: var(--bg);
}
.dark-theme .sidebar .nav .nav-item.nav-item-contact .nav-link {
    background: var(--bg-dark);
}
.dark-theme #right-sidebar {
    background: var(--border);
}
@media (min-width: 992px) {
    .dark-theme .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        background: var(--border);
        color: var(--link);
    }
    .dark-theme .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .dark-theme .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing{
        color: var(--link)!important;
        background: var(--border)!important;
    }
    .dark-theme .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link{
        color: var(--link);
        background: var(--bg-dark);

    }
    .dark-theme .sidebar .nav .nav-item .nav-link .menu-icon {
        color: var(--muted);
    }
}
.dark-theme .sidebar .nav .nav-item.hover-open > .nav-link .menu-title{
    background: var(--bg-dark) !important;
}
.dark-theme .accordion .card .card-header a{
    box-shadow: none;
    font-weight: 300;
    color: var(--cool-gray-light)!important;
}

.dark-theme .accordion .card {
    box-shadow: none;
}

.dark-theme .accordion.basic-accordion .card .card-header a[aria-expanded="false"]:before{
    color: var(--cool-gray-light);
}
.dark-theme .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link[data-toggle=collapse] .menu-title{
    background: var(--bg-dark);
}
/* endregion SIDEBAR */
/* region *****CATALOG***** */
.dark-theme .pagination-footer .btn-group {
    border: 0 solid #dee2e6;
}
.dark-theme .pagination-footer .float-right .pagination .page-item.disabled .page-link{
    background: var(--bg-dark);
    border: none;
}
/* endregion CATALOG */
/* region *****SPINNER***** */

.dark-theme #pleaseWaitDialog .modal-dialog .modal-content .modal-body{
    background: transparent!important;
}

/* endregion SPINNER */
/* region *****MODAL***** */
.dark-theme .modal .modal-dialog .modal-content .modal-header{
    background: var(--bg);
    border: none;
}
.dark-theme .modal .modal-dialog .modal-content .modal-body {
    color: var(--link);
    background: var(--border)!important;
}
.dark-theme #classroomUsersModal .modal-body,
.dark-theme #areaCoursesModal .modal-body,
.dark-theme #companyUsersModal .modal-body,
.dark-theme #itemFormModal .modal-body
{
    background: var(--bg-dark) !important;
}
.dark-theme .modal-header .close{
    color: var(--fg);
}
.dark-theme .modal .modal-dialog .modal-content .modal-footer{
    background: var(--bg);
    border: none;
}
.dark-theme .modal-content {
    border: none;
    border-radius: 6px;
}
.dark-theme #announcementsModal .modal-content {
    background: var(--border);
    border-radius: 6px;
}
/* endregion END MODAL */
/* region *****SWAL***** */
.dark-theme .swal-overlay{
    background-color: rgba(0,0,0,0.7);
}
.dark-theme .swal-overlay--show-modal .swal-modal{
    background: var(--border);
    color: var(--fg);
}
.dark-theme .swal-title{
    color: var(--fg);
}
.dark-theme .swal-text{
    color: var(--fg);
}
.dark-theme .swal-icon--success:after,
.dark-theme .swal-icon--success:before{
    background: var(--border);
}
.dark-theme .swal-icon--success__hide-corners{
    background: var(--border);
}
/* endregion END SWAL */
/* region *****NOTE-EDITOR***** */
.dark-theme .note-editor.note-frame .note-editing-area .note-editable {
    background-color: var(--bg-dark);
    color: var(--fg);
    border-radius: 24px;
}
.dark-theme .note-editor.note-frame {
    border: 1px solid var(--bg);
}
.dark-theme .note-editor.note-frame .note-statusbar .note-resizebar {
    background: var(--secondary);
    border-radius: 0px 0px 3px 3px;
}
.dark-theme .note-editor.note-frame.card {
    background-color: var(--bg-dark);
}
.dark-theme .note-editor.note-frame .note-status-output{
    height: auto;
    border-top: 0px solid var(--border);
}

.dark-theme .note-editor.note-frame .note-statusbar{
    border-top: 1px solid var(--border);
}

/* endregion END NOTE-EDITOR */
/* region *****CARD***** */
.dark-theme .card {
    background: transparent;    
}
.dark-theme #coursePillsContainer .card {
    -webkit-box-shadow: 0 0 8px 6px rgb(0 0 0 / 20%);
    box-shadow: 0 0 8px 6px rgb(0 0 0 / 20%);
    border-radius: 25px 25px 0px 0px;
}
.dark-theme .card .card-header {
    background: var(--border);
    color: var(--fg);
}
.dark-theme .card-title {
    color: var(--fg);
}
.dark-theme .card-footer-toolbar {
    background: var(--border)
}
.dark-theme #carousel-card .card-body {
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 16px;
}
.dark-theme .card-body {
    background: var(--bg)!important;
    color: var(--fg);
    border: none;
    border-radius: 20px 20px 0px 0px;
}

.dark-theme .accordion.basic-accordion .card-body {
    background: var(--bg)!important;
    color: var(--fg);
    border: 3px solid var(--border);
}
.dark-theme .card-footer {
    background: var(--border);
    color: var(--fg);
    border: none;
}
.dark-theme .card-body .row:first-child {
    padding-top: 15px;
}
.dark-theme .card .note-toolbar.card-header {
    background: var(--note-toolbar-bg);
}
.dark-theme .course-catalog-card-body .item-pill .card-body{
    background: var(--border)!important;
    border-radius: 8px;
    overflow: hidden;
}
.course-catalog-card-body .item-pill {
    border-radius: 10px;
}
/* endregion END CARD */
/* region *****ACCORDION***** */
.dark-theme .accordion .card-body .row:first-child {
    padding-top: 0;
}
.dark-theme .accordion .card .card-header a{
    background: var(--border);
    color: var(--cool-gray-pale)
}
.dark-theme .accordion .card {
    background: var(--border);
    border: none;
}
.dark-theme .accordion .card .card-header a .card-icon{
    color: var(--cool-gray-pale);
}

.dark-theme .accordion.basic-accordion .card .card-header a[aria-expanded="true"] {
    background: var(--border);
}

.dark-theme .tagsinput{
    border-color: var(--border);
    border-radius: 3px;
    background: var(--bg-dark);
    
}
/* endregion END ACCORDION */
/* region *****TABLE***** */
.dark-theme .table.table-bordered thead,
.dark-theme .jsgrid .table-bordered.jsgrid-table thead {
    border: 1px solid var(--border);
    background: var(--border);
}

.dark-theme .modal-body .table.table-bordered td,
.dark-theme .modal-body .jsgrid .table-bordered.jsgrid-table td {
    border: 1px solid var(--border);
    background: var(--bg);
}

.dark-theme .modal-body .table.table-bordered thead,
.dark-theme .modal-body .jsgrid .table-bordered.jsgrid-table thead {
    border: 1px solid var(--border);
    background: var(--bg-dark);
}
.dark-theme .table thead th,
.dark-theme .jsgrid .jsgrid-table thead th {
    border-bottom-color: var(--border);
}
.dark-theme .table th,
.dark-theme .jsgrid .jsgrid-table th,
.dark-theme .table td,
.dark-theme .jsgrid .jsgrid-table td {
    border-top: 1px solid var(--border);
}
.dark-theme .table-bordered th,
.dark-theme .table-bordered td{
    border: 1px solid var(--border);
}
.dark-theme .table-bordered tr:hover{
    border: 1px solid var(--border);
    border-color: var(--shadow);
}
.dark-theme .table-hover tbody tr:hover{
    background-color: var(--secondary);
}
.dark-theme .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu{
    background: var(--shadow);
    border-radius: 5px;
}
.dark-theme .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu a:hover{
    color: var(--shadow);
}
/* endregion END TABLE */
/* region *****BOOTSTRAP-TABLE***** */
.dark-theme .bootstrap-table .fixed-table-toolbar .columns-right{
    border: none;
}
.dark-theme .bootstrap-table .fixed-table-toolbar .columns-right .btn-group{
    border: none;
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{
    background-color: var(--shadow);
    border: none;
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{
    background-color: var(--shadow);
}
.dark-theme .bootstrap-table .fixed-table-pagination>.pagination ul.pagination a {
    border: 1px solid var(--border);
}
.dark-theme .bootstrap-table .fixed-table-pagination>.pagination ul.pagination a:hover {
    border: 1px solid var(--border);
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar {
    background: var(--bg-dark);
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb {
    background: var(--bg);
    border: 2px solid var(--bg-dark);
}
.dark-theme .bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group {
    border: none;
}
.dark-theme .bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group .dropdown-menu {
    background: var(--border);
    border: none;
}
.dark-theme .btn-secondary{
    background: var(--border)!important;
}
.dark-theme .btn.btn-outline-secondary:hover{
    background: var(--bg)!important;
}
.dark-theme .row-muted{
    background-color: var(--bg-dark);
}
/* endregion END BOOTSTRAP-TABLE */
/* region *****DROPIFY***** */
.dark-theme .dropify-wrapper {
    background-color: var(--bg-dark);
    color: var(--fg);
    border: 2px dashed var(--link);
}
.dark-theme .dropify-wrapper .dropify-preview {
    background: var(--bg-dark);
}
.dark-theme .dropify-wrapper .dropify-message p {
    color: var(--link);
}
.dark-theme .dropify-wrapper .dropify-message span.file-icon:before {
    color: var(--link);
}
.dark-theme .dropify-wrapper .dropify-preview .dropify-render img {
    background-color: transparent;
}
.dark-theme .dropify-wrapper:hover {
    background-image: linear-gradient(135deg, var(--border) 25%, transparent 25%, transparent 50%, var(--border) 50%, var(--border) 75%, transparent 75%, transparent);
}
.dark-theme .dropify-wrapper .dropify-preview .dropify-infos {
    background: rgba(82, 82, 82, 0.9);
}
.dark-theme .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
    color: var(--fg);
}
.dark-theme .dropify-wrapper.has-preview .dropify-clear:hover {
    color: var(--fg);
}
.dark-theme .dropify-wrapper.has-preview .dropify-clear {
    border-radius: 6px;
}
/* endregion END DROPIFY */
/* region *****COURSE-PILL***** */
.dark-theme .course-pill {
    background: var(--border);
    border-radius: 8px;
}
.dark-theme .course-pill .course-pill-body .course-pill-details {
    color: var(--muted);
}
.dark-theme .course-pill .course-pill-title .course-pill-title-title {
    color: var(--fg);
}
.dark-theme .course-pill .course-pill-footer .course-pill-footer-date-message {
    color: var(--muted);
}
.dark-theme .accordion .card .card-header a{
    border: none;
}

.dark-theme .accordion.basic-accordion .card .card-header a[aria-expanded="true"]{
    border: none;
}

.dark-theme .accordion .card {
    border-radius: 3px;
}

.dark-theme .pagination-footer {
    background: var(--bg);
}

/* endregion END COURSE-PILL */
/* region *****BUTTON***** */
.dark-theme .btn-outline-dark {
    color: var(--accent);
    border-color: var(--accent);
}
.dark-theme .btn-outline-dark:hover {
    color: var(--fg);
    background-color: var(--accent);
}
.dark-theme .btn-outline-dark:focus {
    color: var(--fg);
    background-color: var(--accent);
}
.dark-theme .btn-outline-dark:active {
    color: var(--fg);
    background-color: var(--accent);
}
.dark-theme .btn-dark {
    color: var(--fg);
    background-color: var(--accent);
}
.dark-theme .btn-dark:hover {
    color: var(--accent);
    border-color: var(--accent);
    background-color: transparent;
}
.dark-theme .btn-dark:focus {
    color: var(--accent);
    border-color: var(--accent);
}
.dark-theme .btn-dark:active {
    color: var(--accent);
    border-color: var(--accent);
}
/* endregion BUTTON */
/* region *****BOOTSTRAP-SELECT***** */
.dark-theme .bootstrap-select.btn-group .dropdown-menu{
    background: var(--bg);
    border: 1px solid var(--bg-dark);
    color: var(--fg);

}
.dark-theme .bootstrap-select .dropdown-toggle:focus{
    outline: none!important;
}
.dark-theme .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: var(--muted);
}
.dark-theme .dropdown-item:hover {
    background: var(--border);
}
/* endregion END BOOTSTRAP-SELECT */
/* region *****PAGE***** */
.dark-theme .page-link,
.dark-theme .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.dark-theme .jsgrid .jsgrid-pager .jsgrid-pager-page a{
    background-color: var(--border);
    color: var(--fg);
    border: none;
}
.dark-theme .page-item .page-link{
    color: var(--fg);
}
/* endregion END PAGE */
/* region *****FORM***** */
.dark-theme label {
    color: var(--muted);
}
.dark-theme .input-group-append {
    border-radius: 20px;
}
.dark-theme .btn-group.bootstrap-select.form-control {
    border: none;
    border-radius: 10px;
}
.dark-theme .form-control{
    border: none;
    color: var(--fg);
    background: var(--bg-dark);
}
.dark-theme input[type=text].form-control{
    background: var(--bg-dark);
    border: none;
    color: var(--fg);
}
.dark-theme input[type=number].form-control{
    background: var(--bg-dark);
    border: none;
    color: var(--fg);
}

.dark-theme #teachingTimeInputHoursInput{
    border-right: 3px solid var(--border);
}
.dark-theme #teachingTimeInputMinutesInput{
    border-right: 3px solid var(--border);
}
.dark-theme .form-control:focus{
    background: var(--bg-dark);
    border: none;
    color: var(--fg);
}
.dark-theme .input-group-append .input-group-text,
.dark-theme .input-group-prepend .input-group-text,
.dark-theme .asColorPicker-trigger .input-group-text{
    background: var(--bg);
    border: none;
    color: var(--fg);

}
/* endregion END FORM */
/* region *****OWL***** */
.dark-theme .owl-theme .owl-dots .owl-dot span {
    background: var(--gray-light);
}
.dark-theme .owl-theme .owl-dots .owl-dot.active span,
.dark-theme .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--gray-pale);
}
/* endregion END OWL */
/* region *****MDI***** */
.dark-theme .mdi .mdi::before {
    color: var(--fg);
}
.dark-theme .mdi-clipboard-text-outline:before {
    color: var(--fg);
}
/* endregion END MDI */
/* region *****SETTINGS***** */
.dark-theme .settings-panel .settings-heading {
    color: var(--fg);
}
.dark-theme .settings-panel.open {
    box-shadow: -10px 0 24px 6px rgba(0,0,0,0.4);
}
.dark-theme .settings-panel .settings-close{
    color: var(--fg);
}
/* endregion END SETTINGS */
/* region *****QUIZ***** */
.dark-theme .quiz-survey-single-answer-pill {
    background: var(--border);
    border: 0 solid var(--border);
}
.dark-theme .quiz-drag-pill {
    background: var(--border);
    border: none;
}
.dark-theme .final-quiz-screen .result-percentage .c100 {
    background-color: var(--border);
}

.dark-theme .final-quiz-screen .result-percentage .c100 .text-success {
    color: var(--status-success);
}

.dark-theme .final-quiz-screen .result-percentage .c100::after {
    background-color: var(--shadow);
}
.dark-theme .singleAnswerPill {
    background: var(--border);
}
.dark-theme .survey-wrapper {
    background-color: var(--border);
}
.dark-theme .answerContainer .singleAnswerPill {
    background: var(--border);
}
.dark-theme .question-pill {
    background: var(--border);
}
/* endregion END QUIZ */
/* region *****CHAT/FORUM***** */
.dark-theme .chat-message {
    background: var(--bg);
}
.dark-theme .chat-box.disabled {
    background: var(--border)!important;
}
.dark-theme .row.forum .border {
    border: 1px solid var(--shadow)!important;
}
.dark-theme #forumForumsContent{
    background: var(--shadow);
    border-bottom: 1px solid var(--border);
}
.dark-theme .hr-text:after{
    color: var(--bg-dark);
    border-radius: 3px;
}
.dark-theme .chat-users-container,
.dark-theme .chat-box{
    background: var(--bg-dark) !important;
    padding: 1rem;
}
/* endregion END CHAT/FORUM */
/* region *****HOME-CALENDAR***** */
.dark-theme .home-calendar .fc-head,
.dark-theme .home-calendar .fc-header-toolbar{
    background: var(--shadow);
}
.dark-theme .home-calendar .fc-body{
    background: var(--border) !important;
}

/* region *****DATEPICKER***** */

.dark-theme .datepicker.dropdown-menu {
    background: var(--border);
    color: var(--fg);
    border: 1px solid var(--fg);
}
.dark-theme .datepicker.dropdown-menu td.disabled.day{
    background: var(--border)!important;
    color: var(--border)!important;
}
.dark-theme .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch {
    background: var(--border);
    color: var(--fg);
}
.dark-theme .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next {
    background: var(--border);
    color: var(--fg);
}
.dark-theme .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev {
    background: var(--border);
    color: var(--fg);
}

/* endregion END DATEPICKER */

/* endregion END HOME-CALENDAR */
/* region *****HOME-WIDGET***** */
.dark-theme .widget-loader-container{
    background-color: var(--shadow);
}
.dark-theme .dashboard-announcements-pill-card .card.not-announcements-message{
    background-color: var(--shadow)!important;
}
/* endregion END HOME-WIDGET */
/* region *****NOTIFICATION***** */
.dark-theme .platform-bell-notification-container .platform-bell-notification-title,
.dark-theme .platform-bell-notification-container .preview-thumbnail {
    color: var(--fg) !important;
}
.dark-theme .platform-bell-notification-container .border-bottom {
    border-bottom: 1px solid var(--border) !important;
}
.dark-theme .platform-bell-notification-container .header-bell-notification{
    color: var(--fg);
}
.dark-theme .platform-bell-notification-container .dropdown-item:hover {
    background-color: var(--bg);
}
.dark-theme .platform-bell-notification-container [data-platformbellnotificationdate]{
    color: var(--fg);
}
.dark-theme #platformBellNotificationContainer{
    background: var(--border);
    border-radius: 5px;
    box-shadow: 0 0 8px 1px rgb(255 255 255 / 15%);
}

/* endregion END NOTIFICATION */
/* region *****LESSON***** */
.dark-theme .lesson-pill ,
.dark-theme .lesson-pill-grid{
    background: var(--border);
    color: var(--fg);
    border: 1px solid var(--border)!important;
}
.dark-theme .lesson-pill-grid .lesson-pill-grid-progress-number{
    color: var(--fg);
    background: var(--border);
}
.dark-theme .lesson-pill-grid .lesson-pill-grid-progress-number.bg-primary{
    color: var(--fg);
}
.dark-theme .lesson-pill.bg-primary{
    color: var(--fg);
}
.dark-theme .accordion .lesson a.lesson-title{
    background: var(--border)!important;
    color: var(--fg)!important;
}
.dark-theme #lessonsDiv [data-lessonvisible="false"]{
    background: var(--course-inactive)!important;
}
.dark-theme .lesson-percentage-radial-progress .inset{
    background: var(--border);
}
.dark-theme .accordion .card:not(:first-of-type):not(:last-of-type){
    border-radius: 5px;
}
.dark-theme .favorite-lesson i{
    color: var(--fg);
}
.dark-theme .favorite-lesson i.active{
    color: var(--lesson-fav);
}
.dark-theme .lesson-pill-list-image{
    background: var(--bg-dark)!important;
}
/* endregion END LESSON */
/* region DASHBOARD WIDGETS */
.dark-theme  #chartjs-tooltip {
    color: var(--black) !important;
}
/* endregion */
.dark-theme ::-webkit-scrollbar {
    background: var(--bg);
}
.dark-theme ::-webkit-scrollbar-thumb {
    background: var(--border);
    border-color: var(--bg)!important;
}
.dark-theme #minimumPermanencyTimeInCourseHoursInput {
    border-right: 2px solid var(--shadow);
}
.dark-theme #minimumPermanencyTimeInCourseMinutesInput {
    border-right: 2px solid var(--shadow);
}
.dark-theme #minimumPermanencyTimeHoursInput {
    border-right: 2px solid var(--shadow);
}
.dark-theme #minimumPermanencyTimeMinutesInput {
    border-right: 2px solid var(--shadow);
}
.dark-theme .bootstrap-datetimepicker-widget {
    background: var(--border);
    color: var(--fg);
}
.dark-theme .page-list .dropdown-menu {
    background: var(--border);
}