/*
    Theme Styles: Light Mode
*/

:root, :root.light, :root .light {
    --SchoolMgt-shadow-color: #AAA;
    --SchoolMgt-badge-bg-color: #e3e6ed;
    --SchoolMgt-badge-bg-border-color: #cbd0dd;
    --SchoolMgt-badge-text-color: #000;
    --SchoolMgt-chart-bg-color: #FFF;
    --SchoolMgt-table-header-bg-color: #FFF;
    --SchoolMgt-table-row-disabled-bg-color: #AAA;
    --SchoolMgt-table-row-disabled-text-color: inherit;
    --phoenix-navbar-top-bg-color: #302c51;
    --phoenix-navbar-vertical-bg-color: #a3ecc1;
    --phoenix-theme-control-toggle-color: #a3ecc1;
    --phoenix-theme-control-toggle-hover-color: #009BA7;
}

/*
    Theme Styles: Dark Mode
*/
.dark {
    --SchoolMgt-shadow-color: #000;
    --SchoolMgt-badge-bg-color: #000;
    --SchoolMgt-badge-bg-border-color: #cbd0dd;
    --SchoolMgt-badge-text-color: #FFF;
    --SchoolMgt-chart-bg-color: #111;
    --SchoolMgt-table-header-bg-color: #222;
    --SchoolMgt-table-row-disabled-bg-color: #333;
    --SchoolMgt-table-row-disabled-text-color: #000;
    --phoenix-navbar-top-bg-color: #141824;
    --phoenix-navbar-vertical-bg-color: #262a36;
    --phoenix-theme-control-toggle-color: unset;
    --phoenix-theme-control-toggle-hover-color: unset;
}

/*
    General
*/

.content {
    font-size: 14px;
}

.footer {
    font-size: 12px;
    padding-left: calc(var(--phoenix-navbar-vertical-width) + 2.5rem);
}
/*
    NavBars
*/
.navbar-nav-top > .nav-item > a:hover {
    background-color: var(--phoenix-navbar-vertical-bg-color) !important;
}

.navbar-vertical a:hover {
    background-color: var(--phoenix-navbar-top-bg-color) !important;
    color: var(--phoenix-navbar-vertical-bg-color) !important;
}

#navbarTopCollapse .nav-item.active > a {
    background-color: var(--phoenix-navbar-vertical-bg-color) !important;
}

#navbarTopCollapse .dropdown-menu {
    margin-top: 0px !important;
}

.move-container #menu-available-modules .dropdown-menu.show {
    border: none !important;
    padding-left: 20px;
}

a#navbarDropdownUser:not(.show) img {
    background-color: var(--phoenix-theme-control-toggle-color) !important;
    color: rgba(var(--phoenix-dark-rgb), var(--phoenix-text-opacity)) !important;
}

a#navbarDropdownUser.show img, a#navbarDropdownUser:hover img {
    background-color: var(--phoenix-theme-control-toggle-bg) !important;
}

[aria-labelledby="navbarDropdownUser"] a.nav-link:hover {
    background-color: var(--phoenix-navbar-vertical-bg-color) !important;
}

#user-avator-div img {
    /*border: 1px solid #2269b7 !important;*/
    background-color: #e5effb !important;
}

.navbar-brand .logo-text {
    color: var(--phoenix-navbar-vertical-bg-color);
}
/*
   Controls
*/
.card {
    margin-bottom: 20px;
}

.error-message, .field-validation-error, label.error {
    color: crimson;
    font-style: italic;
    font-size: 14px;
}

span.field-validation-error {
    display: block;
}

.form-group {
    margin-bottom: 10px;
}

    .form-group > label {
        display: block !important;
    }

.form-control.input-validation-error, .dropdown.error > .btn {
    border-color: crimson;
}

label.error {
    text-transform: unset !important;
    font-weight: unset !important;
}

.form-control:disabled {
    background-color: rgba(var(--phoenix-gray-100-rgb), 0.7) !important;
    opacity: 1;
}

/*
    Dialogs
*/

#systemDialog .dialog-message {
    overflow: auto;
    max-height: 300px !important;
}

.dialog-icon-container {
    width: 30px;
    display: inline-block;
    height: 50px;
}

.dialog-message {
    font-size: 14px !important;
    margin-top: 10px;
}
/*
    Module Home Page
*/
.module-home-panel > div:first-of-type {
    border-right: 1px solid #86A3C3;
}

.module-home-panel hr {
    background-color: #86A3C3;
}

.module-home-panel .title {
    font-size: 22px;
    font-weight: 500;
}

.module-home-panel .sub-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.module-home-panel .info {
    font-size: 16px;
}

/*
    Margins
*/
.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

/*
    Choices
*/
.choices .choices__inner, .choices .choices__list--dropdown .choices__item--selectable, .choices .choices__input--cloned {
    font-size: 0.8rem !important;
    font-weight: 600;
}

.choices .choices__input {
    padding: 5px !important;
}

.choices__list {
    z-index: 1002;
}
/*
    Tables
*/
.table th, .table td {
    padding: 5px !important;
}

.table-header-fixed > thead > tr {
    white-space: nowrap;
    background-color: var(--SchoolMgt-table-header-bg-color);
    border-color: var(--phoenix-table-border-color);
}

.vertical-align-middle, tr.vertical-align-middle td, tr.vertical-align-middle th {
    vertical-align: middle !important;
}

.table-numbered, .table-numbered-second-column {
    counter-reset: rowNo;
}

    .table-numbered > tbody > tr:not(.ignore), .table-numbered-second-column > tbody > tr:not(.ignore) {
        counter-increment: rowNo;
    }

        .table-numbered > tbody > tr:not(.ignore) > td:first-of-type::before,
        .table-numbered-second-column > tbody > tr:not(.ignore) > td:nth-of-type(2)::before {
            content: counter(rowNo) '.';
        }

/*
    Watched collection
*/
.watched-collection {
}

/*
    Template manager
*/
.tm-add-row {
}

.tm-hide {
    display: none;
}

.tm-info-window {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    border: 1px solid #CCC;
    padding: 10px 0px;
    font-weight: bold;
    background-color: #bf82a5;
    font-style: italic;
}


/*
    Display
*/
.display-none {
    display: none;
}

.no-wrap {
    white-space: nowrap;
}

/*
    Text
*/
.italic-text {
    font-style: italic;
}

.upper-case-text {
    text-transform: uppercase;
}

.lower-case-text {
    text-transform: lowercase;
}

.capitalize-text {
    text-transform: capitalize;
}
/*
    Positions
*/
.position-relative {
    position: relative;
}

/*
    Tabs
*/
.SchoolMgt-tab-container .tab-pane.show {
    padding: 20px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.SchoolMgt-tab-container .nav .nav-item:not(:last-of-type) {
    margin-right: 2px;
}

.SchoolMgt-tab-container .nav button:not(.active) {
    background-color: #a7c0b9;
    color: #333 !important;
}

    .SchoolMgt-tab-container .nav button:not(.active):hover {
        background-color: #91afd0;
    }

/*
    Bootstrap-select
    -----------------
*/
.bootstrap-select:not(.bs-container) {
    width: 100% !important;
}

.display-inline .bootstrap-select:not(.bs-container) {
    min-width: 200px;
}

.bootstrap-select:not(.full-width):not(.bs-container) {
    max-width: 280px !important;
}

.bootstrap-select.position-field:not(.bs-container) {
    max-width: 100px !important;
}

.bootstrap-select.project-combo:not(.bs-container) {
    width: 300px !important;
}

.bootstrap-select .btn {
    border: 1px solid;
    box-shadow: none;
    border-color: var(--phoenix-input-border-color);
}

.bootstrap-select .dropdown-menu.open, .dropdown-menu.show {
    z-index: 1002;
}

.bootstrap-select input.form-control {
    max-width: unset !important;
}

/*
    Datepicker
*/
.flatpickr-day {
    line-height: 32px !important;
    font-weight: bold;
}

    .flatpickr-day.selected, .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.today):hover {
        border-radius: 4px !important;
    }

    .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.today):hover {
        background-color: #DDD !important;
    }

.dayContainer > .flatpickr-day:nth-child(7n):not(.nextMonthDay):not(.prevMonthDay):not(.flatpickr-disabled):not(.selected),
.dayContainer > .flatpickr-day:nth-child(7n-1):not(.nextMonthDay):not(.prevMonthDay):not(.flatpickr-disabled):not(.selected) {
    color: var(--phoenix-flatpickr-weekend-days-color);
}

.flatpickr-months {
    height: 30px;
}

    .flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
        padding-top: 8px;
    }

/*
    Tiny MCE
*/
.tox.tox-tinymce.tox-fullscreen {
    /*height: 90% !important;
    width: 90% !important;
    margin-left: 20px;*/
    background-color: #EEE !important;
}