/**
 * Author: Elisa Gutiérrez
 * Date: 11/10/2022
 */
/* region *****GENERAL***** */
body.dark-theme {
    background: #2C2C2C;
    color: #DBDBDB;
}
.dark-theme hr {
    border: 1px solid #696969;
}
.dark-theme .span {
    color: #FBFBFB;
}
.dark-theme .footer {
    background: #383838;
    border-top: 1px solid #383838;
    color: #999999;
    height: 51px;
}
.dark-theme .footer a{
    color: #DBDBDB!important;
}
.dark-theme .bg-white {
    background: #383838!important;
}
.dark-theme .text-primary {
    color: #FBFBFB!important;
}
.dark-theme .text-dark {
    color: #FBFBFB!important;
}
.dark-theme .bg-gray-darker {
    background-color: #999
}
.dark-theme .main-panel .content-wrapper {
    background: #2C2C2C;
}
.dark-theme .border-bottom{
    border-bottom: 1px solid #696969 !important;
}
.dark-theme .bg-light{
    background-color: #383838!important;
    border-top: none!important;
}
.dark-theme .gray-background,
.dark-theme .bg-gray {
    background: #999999;
}
.dark-theme .breadcrumb .breadcrumb-item{
    color: #DBDBDB;
}
.dark-theme .text-muted{
    color: #BDBDBD!important;
}
.dark-theme .profile-name{
    color: #BDBDBD;
}
.dark-theme .dropdown-toggle::after {
    color: #383838;
}
.dark-theme .bootstrap-select.btn-group>.dropdown-toggle{
    background: #505050;
    border: none;
}
/* endregion END GENERAL */
/* region *****LINKS***** */
.dark-theme a {
    color: #FBFBFB;
}
.dark-theme a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.dark-theme a.text-dark:hover,
.dark-theme a.text-dark:focus {
    color: #FFFFFF!important;
}
/* endregion END LINKS */
/* region *****NAVBAR***** */
.dark-theme .dark-theme .navbar.default-layout .navbar-brand-wrapper .navbar-brand{
    background: #383838;
}
.dark-theme .navbar.default-layout .navbar-brand-wrapper {
    background: #383838;
}
.dark-theme .nav-item .nav-profile {
    background: #383838;
}
.dark-theme .nav-item.nav-item-contact{
    background: #2C2C2C;
}
.dark-theme .nav-item.hover-open .collapse{
    background: #696969;
}
/* endregion END NAVBAR */
/* region *****NAV-PILLS***** */
.dark-theme .nav-pills .nav-item .nav-link,
.dark-theme .nav-tabs .nav-item .nav-link {
    color: #DBDBDB;
}
.dark-theme .nav-pills .nav-item .nav-link,
.dark-theme .nav-tabs .nav-item .nav-link:hover {
    color: #FBFBFB!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: #FBFBFB;
}
/* endregion END NAV-PILLS */
/* region *****NAV-TABS***** */
.dark-theme .nav-tabs.tab-solid{
    border: none;
}
.dark-theme .nav-tabs {
    border-bottom: 1px solid #505050;
}
.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: #505050;
    border: none;
}
/* endregion END NAV-TABS */
/* region *****SIDEBAR***** */
.dark-theme .sidebar {
    background: #383838;
}
.dark-theme .sidebar .nav{
    background: #383838;
    border-top: 1px solid #696969;
}
.dark-theme .sidebar .nav.sub-menu{
    background: #696969;
}
.dark-theme .sidebar-user-image img {
    background: #696969;
}
.dark-theme .sidebar .nav .nav-item .collapse.show {
    background: #696969;
}
.dark-theme .sidebar .nav.sub-menu .nav-item .nav-link{
    background: #696969;
    color: #BDBDBD;
}
.dark-theme .sidebar .nav.sub-menu .nav-item .nav-link.active{
    background: #696969!important;
}
.dark-theme .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link {
    background: #696969;
}
.dark-theme .sidebar .nav .nav-item .nav-link .menu-icon .mdi::before {
    color: #DBDBDB;
}
.dark-theme .sidebar .nav .nav-item .nav-link .menu-title{
    color: #BDBDBD!important;
}
.dark-theme .sidebar .nav .nav-item .nav-link .menu-title.active{
    color: #FBFBFB!important;
}
.dark-theme .sidebar .nav .nav-item .nav-link i.menu-arrow::before{
    color: #DBDBDB;
}
.dark-theme .sidebar .nav .nav-item .nav-link[aria-expanded="true"]{
    background: #696969;
}
.dark-theme .sidebar .nav .nav-item .nav-link[aria-expanded="true"].collapsing{
    background: #696969;
}
.dark-theme .sidebar .nav .nav-item .nav-link {
    border-top: 1px solid #383838;
}
.dark-theme .sidebar .nav .nav-item .nav-link:last-child {
    border-top: 1px solid #696969;
}
.dark-theme #right-sidebar {
    background: #383838;
}
@media (min-width: 992px) {
    .dark-theme .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        background: #696969;
        color: #DBDBDB;
    }
    .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: #DBDBDB!important;
        background: #696969!important;
    }
    .dark-theme .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link{
        color: #DBDBDB;
    }
    .dark-theme .sidebar .nav .nav-item .nav-link .menu-icon {
        color: #BDBDBD;
    }
}

.dark-theme .accordion .card .card-header a{
    box-shadow: none;
    font-weight: 300;
    color: #CDCDCD!important;
}

.dark-theme .accordion .card {
    box-shadow: none;
}

.dark-theme .accordion.basic-accordion .card .card-header a[aria-expanded="false"]:before{
    color: #CDCDCD;
}
/* 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: #505050;
    border: none;
}
/* endregion CATALOG */
/* region *****MODAL***** */
.dark-theme .modal .modal-dialog .modal-content .modal-header{
    background: #505050;
    border: none;
}
.dark-theme .modal .modal-dialog .modal-content .modal-body {
    color: #FBFBFB;
}
.dark-theme .modal-header .close{
    color: #BDBDBD;
}
.dark-theme .modal .modal-dialog .modal-content .modal-footer{
    background: #505050;
    border: none;
}
.dark-theme .modal-content {
    border: none;
    border-radius: 6px;
}
.dark-theme #announcementsModal .modal-content {
    background: #383838;
    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: #505050;
    color: #FBFBFB;
}
.dark-theme .swal-title{
    color: #FBFBFB;
}
.dark-theme .swal-text{
    color: #FBFBFB;
}
.dark-theme .swal-icon--success:after,
.dark-theme .swal-icon--success:before{
    background: #505050;
}
.dark-theme .swal-icon--success__hide-corners{
    background: #505050;
}
/* endregion END SWAL */
/* region *****NOTE-EDITOR***** */
.dark-theme .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #505050;
    color: #FBFBFB;
}
.dark-theme .note-editor.note-frame {
    border: 1px solid #909090;
}
.dark-theme .note-editor.note-frame .note-statusbar .note-resizebar {
    background: #999999;
}
.dark-theme .note-editor.note-frame.card {
    background-color: #909090;
}
/* endregion END NOTE-EDITOR */
/* region *****CARD***** */
.dark-theme .card {
    -webkit-box-shadow: 0 0 8px 6px rgb(0 0 0 / 20%);
    box-shadow: 0 0 8px 6px rgb(0 0 0 / 20%);
}
.dark-theme .card .card-header {
    background: #696969;
    color: #FBFBFB;
}
.dark-theme .card-title {
    color: #FBFBFB;
}
.dark-theme .card-footer-toolbar {
    background: #383838
}
.dark-theme .card-body {
    background: #383838!important;
    color: #FBFBFB;
    border: none;
}
.dark-theme .card-footer {
    background: #696969;
    color: #FBFBFB;
    border: none;
}
.dark-theme .card-body .row:first-child {
    padding-top: 15px;
}
.dark-theme .card .note-toolbar.card-header {
    background: #909090;
}
/* endregion END CARD */
/* region *****ACCORDION***** */
.dark-theme .accordion .card-body .row:first-child {
    padding-top: 0;
}
.dark-theme .accordion .card .card-header a{
    background: #505050;
    color: #EFEFEF
}
.dark-theme .accordion .card {
    background: #696969;
    border: none;
}
.dark-theme .accordion .card .card-header a .card-icon{
    color: #EFEFEF;
}

.dark-theme .accordion.basic-accordion .card .card-header a[aria-expanded="true"] {
    background: #444444;
}
/* endregion END ACCORDION */
/* region *****TABLE***** */
.dark-theme .table.table-bordered thead,
.dark-theme .jsgrid .table-bordered.jsgrid-table thead {
    border: 1px solid #696969;
    background: #696969;
}
.dark-theme .table thead th,
.dark-theme .jsgrid .jsgrid-table thead th {
    border-bottom-color: #696969;
}
.dark-theme .table th,
.dark-theme .jsgrid .jsgrid-table th,
.dark-theme .table td,
.dark-theme .jsgrid .jsgrid-table td {
    border-top: 1px solid #696969;
}
.dark-theme .table-bordered th,
.dark-theme .table-bordered td{
    border: 1px solid #505050;
}
.dark-theme .table-bordered tr:hover{
    border: 1px solid #505050;
    border-color: #383838;
}
.dark-theme .table-hover tbody tr:hover{
    background-color: #505050;
}
.dark-theme .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu{
    background: #383838;
    border-radius: 5px;
}
.dark-theme .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu a:hover{
    color: #383838;
}
/* 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: #383838;
    border: none;
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{
    background-color: #383838;
}
.dark-theme .bootstrap-table .fixed-table-pagination>.pagination ul.pagination a {
    border: 1px solid #505050;
}
.dark-theme .bootstrap-table .fixed-table-pagination>.pagination ul.pagination a:hover {
    border: 1px solid #505050;
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar {
    background: #383838;
}
.dark-theme .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb {
    background: #505050;
    border: 2px solid #383838;
}
.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: #696969;
    border: none;
}
/* endregion END BOOTSTRAP-TABLE */
/* region *****DROPIFY***** */
.dark-theme .dropify-wrapper {
    background-color: #505050;
    color: #FBFBFB;
    border: 2px dashed #DBDBDB;
}
.dark-theme .dropify-wrapper .dropify-preview {
    background: #505050;
}
.dark-theme .dropify-wrapper .dropify-message p {
    color: #DBDBDB;
}
.dark-theme .dropify-wrapper .dropify-message span.file-icon:before {
    color: #DBDBDB;
}
.dark-theme .dropify-wrapper .dropify-preview .dropify-render img {
    background-color: transparent;
}
.dark-theme .dropify-wrapper:hover {
    background-image: linear-gradient(135deg, #434343 25%, transparent 25%, transparent 50%, #434343 50%, #434343 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: #FFFFFF;
}
.dark-theme .dropify-wrapper.has-preview .dropify-clear:hover {
    color: #FBFBFB;
}
.dark-theme .dropify-wrapper.has-preview .dropify-clear {
    border-radius: 6px;
}
/* endregion END DROPIFY */
/* region *****COURSE-PILL***** */
.dark-theme .course-pill {
    background: #444444;
}
.dark-theme .course-pill .course-pill-body .course-pill-details {
    color: #BDBDBD;
}
.dark-theme .course-pill .course-pill-title .course-pill-title-title {
    color: #FBFBFB;
}
.dark-theme .course-pill .course-pill-footer .course-pill-footer-date-message {
    color: #BDBDBD;
}
.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: 5px;
}

.dark-theme .pagination-footer {
    background: #383838;
}

/* endregion END COURSE-PILL */
/* region *****BUTTON***** */
.dark-theme .btn-outline-dark {
    color: #2EBECC;
    border-color: #2EBECC;
}
.dark-theme .btn-outline-dark:hover {
    color: #FBFBFB;
    background-color: #2EBECC;
}
.dark-theme .btn-outline-dark:focus {
    color: #FBFBFB;
    background-color: #2EBECC;
}
.dark-theme .btn-outline-dark:active {
    color: #FBFBFB;
    background-color: #2EBECC;
}
.dark-theme .btn-dark {
    color: #FBFBFB;
    background-color: #2EBECC;
}
.dark-theme .btn-dark:hover {
    color: #2EBECC;
    border-color: #2EBECC;
    background-color: transparent;
}
.dark-theme .btn-dark:focus {
    color: #2EBECC;
    border-color: #2EBECC;
}
.dark-theme .btn-dark:active {
    color: #2EBECC;
    border-color: #2EBECC;
}
/* endregion BUTTON */
/* region *****BOOTSTRAP-SELECT***** */
.dark-theme .bootstrap-select.btn-group .dropdown-menu{
    background: #696969;
    border: none;
}
.dark-theme .bootstrap-select .dropdown-toggle:focus{
    outline: none!important;
}
.dark-theme .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #BDBDBD;
}
.dark-theme .dropdown-item:hover {
    background: #505050;
}
/* 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: #505050;
    color: #FBFBFB;
    border: none;
}
.dark-theme .page-item .page-link{
    color: #FBFBFB;
}
/* endregion END PAGE */
/* region *****FORM***** */
.dark-theme label {
    color: #BDBDBD;
}
.dark-theme .input-group-append {
    border-radius: 1 3px 3px 0;
}
.dark-theme .btn-group.bootstrap-select.form-control {
    border: none;
}
.dark-theme .form-control{
    background: #505050!important;
    border: none;
    color: #FBFBFB;
}
.dark-theme .form-control:focus{
    background: #505050;
    border: none;
    color: #FBFBFB;
}
.dark-theme .input-group-append .input-group-text,
.dark-theme .input-group-prepend .input-group-text,
.dark-theme .asColorPicker-trigger .input-group-text{
    background: #696969;
    border: none;
}
/* endregion END FORM */
/* region *****OWL***** */
.dark-theme .owl-theme .owl-dots .owl-dot span {
    background: #869791;
}
.dark-theme .owl-theme .owl-dots .owl-dot.active span,
.dark-theme .owl-theme .owl-dots .owl-dot:hover span {
    background: #D6D6D6;
}
/* endregion END OWL */
/* region *****MDI***** */
.dark-theme .mdi .mdi::before {
    color: #FBFBFB;
}
.dark-theme .mdi-clipboard-text-outline:before {
    color: #FBFBFB;
}
/* endregion END MDI */
/* region *****SETTINGS***** */
.dark-theme .settings-panel .settings-heading {
    color: #FBFBFB;
}
.dark-theme .settings-panel.open {
    box-shadow: -10px 0 24px 6px rgba(0,0,0,0.4);
}
.dark-theme .settings-panel .settings-close{
    color: #FBFBFB;
}
/* endregion END SETTINGS */
/* region *****QUIZ***** */
.dark-theme .quiz-survey-single-answer-pill {
    background: #505050;
    border: 0 solid #696969;
}
.dark-theme .quiz-drag-pill {
    background: #505050;
    border: none;
}
.dark-theme .final-quiz-screen .result-percentage .c100 {
    background-color: #696969;
}

.dark-theme .final-quiz-screen .result-percentage .c100 .text-success {
    color: #9bbf1d;
}

.dark-theme .final-quiz-screen .result-percentage .c100::after {
    background-color: #383838;
}
.dark-theme .singleAnswerPill {
    background: #505050;
}
.dark-theme .survey-wrapper {
    background-color: #696969;
}
.dark-theme .answerContainer .singleAnswerPill {
    background: #696969;
}
.dark-theme .question-pill {
    background: #505050;
}
/* endregion END QUIZ */
/* region *****CHAT/FORUM***** */
.dark-theme .chat-message {
    background: #505050;
}
.dark-theme .chat-box.disabled {
    background: #696969!important;
}
.dark-theme .row.forum .border {
    border: 1px solid #383838!important;
}
.dark-theme #forumForumsContent{
    background: #383838;
    border-bottom: 1px solid #696969;
}
/* endregion END CHAT/FORUM */
/* region *****HOME-CALENDAR***** */
.dark-theme .home-calendar .fc-head,
.dark-theme .home-calendar .fc-header-toolbar{
    background: #383838;
}
.dark-theme .home-calendar .fc-body{
    background: #696969 !important;
}
/* endregion END HOME-CALENDAR */
/* region *****HOME-WIDGET***** */
.dark-theme .widget-loader-container{
    background-color: #383838;
}
.dark-theme .dashboard-announcements-pill-card .card.not-announcements-message{
    background-color: #383838!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: #FFFFFF !important;
}
.dark-theme .platform-bell-notification-container .border-bottom {
    border-bottom: 1px solid #696969 !important;
}
.dark-theme .platform-bell-notification-container .header-bell-notification{
    color: #FFFFFF;
}
.dark-theme .platform-bell-notification-container .dropdown-item:hover {
    background-color: #383838;
}
.dark-theme .platform-bell-notification-container [data-platformbellnotificationdate]{
    color: #FFFFFF;
}
.dark-theme #platformBellNotificationContainer{
    background: #505050;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px rgb(255 255 255 / 40%);
}

/* endregion END NOTIFICATION */
/* region *****LESSON***** */
.dark-theme .lesson-pill ,
.dark-theme .lesson-pill-grid{
    background: #696969;
    color: #FFFFFF;
    border: 1px solid #696969!important;
}
.dark-theme .lesson-pill-grid .lesson-pill-grid-progress-number{
    color: #FBFBFB;
    background: #696969;
}
.dark-theme .lesson-pill-grid .lesson-pill-grid-progress-number.bg-primary{
    color: #FFFFFF;
}
.dark-theme .lesson-pill.bg-primary{
    color: #FBFBFB;
}
.dark-theme .accordion .lesson a.lesson-title{
    background: #696969!important;
    color: #FFFFFF!important;
}
.dark-theme #lessonsDiv [data-lessonvisible="false"]{
    background: #4A4848!important;
}
.dark-theme .lesson-percentage-radial-progress .inset{
    background: #696969;
}
.dark-theme .accordion .card:not(:first-of-type):not(:last-of-type){
    border-radius: 5px;
}
.dark-theme .favorite-lesson i{
    color: #FFFFFF;
}
.dark-theme .favorite-lesson i.active{
    color: #EDAD35;
}
/* endregion END LESSON */
/* region DASHBOARD WIDGETS */
.dark-theme  #chartjs-tooltip {
    color: #000000 !important;
}
/* endregion */
.dark-theme ::-webkit-scrollbar {
    background: #2C2C2C;
}
.dark-theme ::-webkit-scrollbar-thumb {
    background: #505050;
    border-color: #2C2C2C!important;
}
.dark-theme #minimumPermanencyTimeInCourseHoursInput {
    border-right: 2px solid #383838;
}
.dark-theme #minimumPermanencyTimeInCourseMinutesInput {
    border-right: 2px solid #383838;
}
.dark-theme #minimumPermanencyTimeHoursInput {
    border-right: 2px solid #383838;
}
.dark-theme #minimumPermanencyTimeMinutesInput {
    border-right: 2px solid #383838;
}

.bootstrap-datetimepicker-widget {
    background: #505050;
    color: white;
}

.page-list .dropdown-menu {
    background: #696969;
}