/* Dark Theme */

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

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

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, 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: 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: #2B3B52;
}

.select2-search { 
    background-color: #2B3B52; 
}

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

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

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

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

.dropdown-menu {
    background: #212D3D;
}

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

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

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

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

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

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

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

.progress {
    background: #2c3d54;
}

.tr-card-icon {
    background: #2c3d54!important;
}

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

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

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

.post-comments .post-comm {
    background: #2D3D54;
}

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

.alert-secondary {
    background-color: #7e8299ab;
    border-color: #7e8299ab;
    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: #212D3D;
    border-color: #212D3D;
    color: #fff;
}

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

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

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

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

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

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

.alert-dark.outline-alert {
    background-color: #253347;
    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: #7e8299ab;
    border-color: #7e8299ab;
    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: #7e8299ab;
    border-color: #7e8299ab;
    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: #3e5370;
}

.dropdown-divider {
    border-color: #3e5370;
}

.list-group-item {
    background-color: #2D3D54;
    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: #253347;
}

.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: #2D3D54;
}

.modal-content {
    background: #253347;
}

.page-link {
    background: #2D3D54;
    border-color: #212D3D;
}

.page-link:hover,
.page-link:focus {
    color: #0090ffab;
    background: #2D3D54;
    border-color: #212D3D;
    opacity: 0.8;
}

.page-item.disabled .page-link {
    color: #0090ffab;
    opacity: 0.6;
    background: #2D3D54;
    border-color: #212D3D;
}

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

label {
    color: white;
}

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

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

.form-control:disabled {
    background: #1d2837;
}

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

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

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

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

.table-dark th {
    background-color: #222E3D;
}

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

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

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

tr.group {
    background: #2B3B52!important;
}

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

.fc table,
.fc table tr,
.fc table th,
.fc table td {
    color: white;
    border-color: #2F4059!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;
}

.loader {
    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: #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: #222E3D;
    border-color: #222E3D;
    padding: 3px;
    border-radius: 15px;
}

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

.fc .fc-daygrid-day.fc-day-today {
    background-color: #222E3D;
}

.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: #2b3b52;
}

.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: #1c2736;
    border-radius: 100px;
}

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

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

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

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

    .gradebook-scroll-area::-webkit-scrollbar-track {
        background-color: #1c2736!important;
        border-radius: 100px
    }
    
    .gradebook-scroll-area::-webkit-scrollbar-thumb {
        background-color: #131b26!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, #253347);
}

.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: #2b3b52!important;
    border: 2px solid #202b3b!important;
}

.dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, #202b3b 25%, transparent 25%, transparent 50%, #202b3b 50%, #202b3b 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: #2b3b52!important;
    border: 1px solid #2b3b52!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: #253347;
}

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: #253347!important;
    border: var(--bs-accordion-border-width) solid #253347!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: #253347!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: #2D3D54!important;
}

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