@font-face {
    font-family: 'PT Sans';
    src: url('fonts/pt_sans/pts55f_w.eot');
    src: local('PT Sans'), url('fonts/pt_sans/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTS55F_W.woff') format('woff'), url('fonts/pt_sans/PTS55F_W.ttf') format('truetype'), url('fonts/pt_sans/PTS55F_W.svg#PTSans-Regular') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    src: url('fonts/pt_sans/pts56f_w.eot');
    src: local('PT Sans Italic'), url('fonts/pt_sans/PTS56F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTS56F_W.woff') format('woff'), url('fonts/pt_sans/PTS56F_W.ttf') format('truetype'), url('fonts/pt_sans/PTS56F_W.svg#PTSans-Italic') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/pt_sans/pts75f_w.eot');
    font-style: normal;
    font-weight: bold;
    src: local('PT Sans Bold'), url('fonts/pt_sans/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTS75F_W.woff') format('woff'), url('fonts/pt_sans/PTS75F_W.ttf') format('truetype'), url('fonts/pt_sans/PTS75F_W.svg#PTSans-Bold') format('svg');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: bold;
    src: url('fonts/pt_sans/pts76f_w.eot');
    src: local('PT Sans Bold Italic'), url('fonts/pt_sans/PTS76F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTS76F_W.woff') format('woff'), url('fonts/pt_sans/PTS76F_W.ttf') format('truetype'), url('fonts/pt_sans/PTS76F_W.svg#PTSans-BoldItalic') format('svg');
}

@font-face {
    font-family: 'PT Sans Caption';
    src: url('fonts/pt_sans/ptc55f_w.eot');
    src: local('PT Sans Caption'), url('fonts/pt_sans/PTC55F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTC55F_W.woff') format('woff'), url('fonts/pt_sans/PTC55F_W.ttf') format('truetype'), url('fonts/pt_sans/PTC55F_W.svg#PTSans-Caption') format('svg');
}

@font-face {
    font-family: 'PT Sans Caption';
    font-weight: bold;
    src: url('fonts/pt_sans/ptc75f_w.eot');
    src: local('PT Sans Caption Bold'), url('fonts/pt_sans/PTC75F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTC75F_W.woff') format('woff'), url('fonts/pt_sans/PTC75F_W.ttf') format('truetype'), url('fonts/pt_sans/PTC75F_W.svg#PTSans-CaptionBold') format('svg');
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('fonts/pt_sans/ptn57f_w.eot');
    src: local('PT Sans Narrow'), url('fonts/pt_sans/PTN57F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTN57F_W.woff') format('woff'), url('fonts/pt_sans/PTN57F_W.ttf') format('truetype'), url('fonts/pt_sans/PTN57F_W.svg#PTSans-Narrow') format('svg');
}

@font-face {
    font-family: 'PT Sans Narrow';
    font-weight: bold;
    src: url('fonts/pt_sans/ptn77f_w.eot');
    src: local('PT Sans Narrow Bold'), url('fonts/pt_sans/PTN77F_W.eot?#iefix') format('embedded-opentype'), url('fonts/pt_sans/PTN77F_W.woff') format('woff'), url('fonts/pt_sans/PTN77F_W.ttf') format('truetype'), url('fonts/pt_sans/PTN77F_W.svg#PTSans-NarrowBold') format('svg');
}

@font-face {
    font-family: "Noto Sans";
    src: url("fonts/noto_sans/noto-sans.eot"); /* IE9 Compat Modes */
    src: url("fonts/noto_sans/noto-sans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/noto_sans/noto-sans.otf") format("opentype"), /* Open Type Font */
    url("fonts/noto_sans/noto-sans.svg") format("svg"), /* Legacy iOS */
    url("fonts/noto_sans/noto-sans.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/noto_sans/noto-sans.woff") format("woff"), /* Modern Browsers */
    url("fonts/noto_sans/noto-sans.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Noto Sans";
    src: url("fonts/noto_sans/noto-sans-bold.eot"); /* IE9 Compat Modes */
    src: url("fonts/noto_sans/noto-sans-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/noto_sans/noto-sans-bold.otf") format("opentype"), /* Open Type Font */
    url("fonts/noto_sans/noto-sans-bold.svg") format("svg"), /* Legacy iOS */
    url("fonts/noto_sans/noto-sans-bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/noto_sans/noto-sans-bold.woff") format("woff"), /* Modern Browsers */
    url("fonts/noto_sans/noto-sans-bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Noto Sans Italic";
    src: url("fonts/noto_sans/noto-sans-italic.eot"); /* IE9 Compat Modes */
    src: url("fonts/noto_sans/noto-sans-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/noto_sans/noto-sans-italic.otf") format("opentype"), /* Open Type Font */
    url("fonts/noto_sans/noto-sans-italic.svg") format("svg"), /* Legacy iOS */
    url("fonts/noto_sans/noto-sans-italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/noto_sans/noto-sans-italic.woff") format("woff"), /* Modern Browsers */
    url("fonts/noto_sans/noto-sans-italic.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Noto Sans";
    src: url("fonts/noto_sans/noto-sans-bold-italic.eot"); /* IE9 Compat Modes */
    src: url("fonts/noto_sans/noto-sans-bold-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/noto_sans/noto-sans-bold-italic.otf") format("opentype"), /* Open Type Font */
    url("fonts/noto_sans/noto-sans-bold-italic.svg") format("svg"), /* Legacy iOS */
    url("fonts/noto_sans/noto-sans-bold-italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/noto_sans/noto-sans-bold-italic.woff") format("woff"), /* Modern Browsers */
    url("fonts/noto_sans/noto-sans-bold-italic.woff2") format("woff2"); /* Modern Browsers */
    font-weight: bold;
    font-style: italic;
}

:root {
    --bs-border-color: rgb(225, 232, 237);
    --bs-link-color-rgb: 30,136,229;
    --bs-secondary: #489cff;
}

.card {
    --bs-card-spacer-y: 20px;
    --bs-card-spacer-x: 20px;
}

body {
    font-family: 'Noto Sans', 'sans-serif' !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans Caption', 'sans-serif';
}

b, strong {
    font-weight: bold;
}

.page-wrapper {
    position: relative;
    padding-bottom: 60px;
}

.footer {
    bottom: 0;
    color: #67757c;
    left: 0px;
    padding: 17px 15px;
    position: absolute;
    right: 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    background: #ffffff;
}

.btn {
    text-transform: none;
}

.topbar {
    z-index: 101;
}

.topbar .top-navbar {
    min-height: 50px;
}

.topbar .top-navbar .navbar-header {
    line-height: 45px;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
    line-height: 50px;
}

[data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-header .navbar-brand b {
    line-height: 51px;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    line-height: 35px;
}

[data-sidebartype="mini-sidebar"] .nav-small-cap {
    height: 32px;
}

.notify {
    top: -20px;
}

.card-actions {
    float: right;
}

.form-group {
    margin-bottom: 1rem!important;
}

.topbar .top-navbar .navbar-header {
    text-align: left;
    padding: 0 9px;
    background-color: #272c33;
}

.topbar .top-navbar .navbar-header .navbar-brand {
    margin-left: 13px;
}

[data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-header .navbar-brand {
    margin-left: 0;
}

[data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    width: 48px;
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav > li > a {
    padding: 15px;
    min-height: 51px;
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav>li>ul {
    left: 55px;
    top: 51px;
    width: 205px;
}

@media (min-width: 768px) {
    [data-sidebartype="mini-sidebar"].fix-sidebar .left-sidebar {
        position: fixed;
        z-index: 100;
    }
}

.card-no-border .left-sidebar,
.card-no-border .sidebar-nav {
    background: transparent;
}

.card-no-border .left-sidebar {
    background-color: #272c33;
}

.new-year-background .left-sidebar {
    background-image: url('../images/background/new-year.png');
    background-position: center;
    background-size: cover;
}

.new-year-background .navbar-header {
    background-image: url('../images/background/new-year-logo.png');
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
}

.victory-80-background .left-sidebar {
    background-image: url('../images/background/victory-80.png');
    background-position: right bottom;
    background-size: 75%;
    background-repeat: no-repeat;
}

.victory-80-background .navbar-header {
    background-image: url('../images/background/victory-80-logo.png');
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
}

.swal2-actions {
    flex-wrap: nowrap;
}

.sidebar-nav > li > ul {
    margin-bottom: 20px;
}

.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a {
    background: #1e88e5 !important;
}

.btn.disabled,
.btn:disabled {
    opacity: .33;
}

.btn-success,
.btn-success.disabled {
    background: #1e88e5;
    border: 1px solid #1e88e5;
    -webkit-box-shadow: 0 2px 2px 0 rgba(30, 136, 229, 0.14), 0 3px 1px -2px rgba(30, 136, 229, 0.2), 0 1px 5px 0 rgba(30, 136, 229, 0.12);
    box-shadow: 0 2px 2px 0 rgba(30, 136, 229, 0.14), 0 3px 1px -2px rgba(30, 136, 229, 0.2), 0 1px 5px 0 rgba(30, 136, 229, 0.12);
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover,
.btn-success.disabled:hover,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background: #1e88e5;
    border: 1px solid #1e88e5;
}

.btn-success:not(:disabled):not(.disabled):hover,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, .5);
}

.btn.btn-outline-success {
    border-color: #1e88e5;
    color: #1e88e5;
    -webkit-box-shadow: 0 2px 2px 0 rgba(30, 136, 229, 0.14), 0 3px 1px -2px rgba(30, 136, 229, 0.2), 0 1px 5px 0 rgba(30, 136, 229, 0.12);
    box-shadow: 0 2px 2px 0 rgba(30, 136, 229, 0.14), 0 3px 1px -2px rgba(30, 136, 229, 0.2), 0 1px 5px 0 rgba(30, 136, 229, 0.12);
}

.btn.show {
    background-color: #1e88e5;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, .5);
}

.btn-outline-success.focus,
.btn-outline-success:focus,
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle
{
    background: #1e88e5;
    border: 1px solid #1e88e5;
    color: #fff;
}

.btn-group .btn-outline-success {
    color: #1e88e5 !important;
}

.btn-group .btn-outline-success.active,
.btn-group .btn-outline-success:active,
.btn-group .btn-outline-success:focus,
.btn-group .btn-outline-success:hover {
    color: #fff !important;
    background-color: #1e88e5 !important;
    border-color: #1e88e5 !important;
}

.btn-group .btn.active,
.btn-group .btn:focus,
.btn-group .btn:hover {
    color: #fff !important;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-group .btn.btn-outline-dark.active,
.btn-group .btn.btn-outline-dark:focus,
.btn-group .btn.btn-outline-dark:hover {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-xs {
    padding: .25rem .5rem;
    font-size: 10px;
}

.btn-xs.btn-circle {
    width: 25px;
    height: 25px;
    padding: 0;
    line-height: 25px;
}

.search-box .app-search input {
    padding: 15px 40px 15px 20px;
    height: 55px;
}

.search-box .app-search .srh-btn {
    top: 18px;
}

.container-fluid {
    padding: 0 15px 25px 15px;
}

.page-titles {
    padding: 10px 15px;
    margin: 0 -15px 15px;
}

.card {
    margin-bottom: 15px;
}

#year-selector-button {
    text-align: left;
    padding-left: 40px;
    position: relative;
    min-height: 37px;
}

#year-selector-button::before {
    content: "\F0ED";
    font: normal normal normal 24px/1 "Material Design Icons";
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -11px;
}

#year-selector-button.no-icon::before {
    content: none;
}

#year-selector-button.no-icon i {
    font-size: 24px;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -17px;
}

#year-selector-button.no-values {
    padding-left: 26px;
}

#year-selector {
    text-align: right;
}

#year-selector-button.no-icon i.fa-table {
    margin-top: -13px;
}

#loginform img,
.topbar .top-navbar .navbar-header .navbar-brand img {
    height: 53px;
}

#loginform .text-center hr {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

#loginform .alert ul {
    list-style: none;
    padding: 0;
}

.login-register .login-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
}

.login-register .login-box {
    z-index: 10;
}

.table .action-column {
    width: 50px;
    padding: .25rem;
}

.table.table-sm .action-column {
    width: 30px;
}

.table .menu-column {
    width: 50px;
    padding: .25rem;
}

.table.table-sm .menu-column {
    width: 30px;
}

.table .menu-column .dropdown-toggle::after {
    content: none;
}

.table .checkbox-column {
    width: 42px;
    text-align: center;
}

.table th.checkbox-column [type="checkbox"] + label {
    margin-top: 30px !important;
}

.table .checkbox-column [type=checkbox]+label {
    padding-left: 18px;
}

.table .action-column-big {
    width: 250px;
}

.table .index-column {
    white-space: nowrap;
}

.table .lesson-column {
    text-align: center;
    width: 130px;
}

.table .lesson-summary-column {
    text-align: center;
    width: 130px;
    font-weight: bold;
}

.table .serial-column,
.table .index-column {
    width: 10px;
    text-align: center;
}

.table .picture-column {
    width: 50px;
    padding: .25rem;
}

.table .picture-column .round {
    width: 40px;
    height: 40px;
}

.table .flow-column {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}

.table .mark-column {
    text-align: center;
}

.table th.mark-column {
    text-align: inherit;
}

.table th.mark-column .delete-type-button {
    float: right;
}

.table tbody td.mark-column a {
    color: #99abb4;
    margin-left: 10px;
}

.table th {
    position: relative;
}

.table th a[data-sort]::after {
    content: "\f0dc";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    cursor: pointer;
    color: rgba(50, 50, 50, 0.5);
    position: absolute;
    right: .15rem;
}

.table th a[data-sort].asc::after {
    content: "\f0de";
    color: rgb(50, 50, 50);
}

.table th a[data-sort].desc::after {
    content: "\f0dd";
    color: rgb(50, 50, 50);
}

.table + .row .summary {
    line-height: 38px;
    display: flex;
}

.table + .row .summary label {
    white-space: nowrap;
}

.left-sidebar #sidebarnav {
    margin-bottom: 50px;
}

.sidebar-footer {
    background: #181c22;

    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    width: 260px;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}

[data-sidebartype="mini-sidebar"] .sidebar-footer {
    display: none;
}

.sidebar-footer button,
.sidebar-footer a {
    background: none;
    border: none;
    outline: none;
    color: #455a64;
    padding: 15px;
    width: 33.333337%;
    float: left;
    text-align: center;
    font-size: 18px;
}

.sidebar-footer button:hover, .sidebar-footer button:focus {
    color: #1e88e5 !important;
}

.custom-control {
    padding-left: 0;
}

.custom-control > .invalid-feedback,
.file-input ~ .invalid-feedback {
    display: block;
}

.form-group [aria-invalid="true"] ~ .invalid-feedback,
.form-group .is-invalid ~ .invalid-feedback {
    display: block;
}

.dropify-wrapper .dropify-message p {
    text-align: center;
    font-size: 24px;
}

.dropify-preview .dropify-filename-inner {
    content: "123";
}

.sidebar-nav {
    padding: 10px;
    border-top: 1px solid rgba(234, 239, 244, 0.3);
}

.sidebar-nav ul li a {
    white-space: normal;
    padding: 6px 35px 6px 15px;
    line-height: 1.4;
}

.sidebar-nav ul li ul li a {
    padding: 7px 35px 7px 10px;
}

.sidebar-nav ul li ul li a:hover,
.sidebar-nav ul li ul li a:focus,
.sidebar-nav ul li ul li a:active {
    color: #fff;
}

.sidebar-nav ul li a i {
    text-align: center;
}

.sidebar-nav ul li a i::before {
    width: 20px;
    display: inline-block;
}

.sidebar-nav ul .sidebar-item .sidebar-link,
.nav-small-cap {
    color: #eaeff4 !important;
    white-space: normal;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    line-height: 20px;
    padding: 10px 16px;
}

.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
    white-space: normal;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active:hover,
.sidebar-nav ul .sidebar-item .sidebar-link.active:focus,
.sidebar-nav ul .sidebar-item .sidebar-link.active:active {
    color: #eaeff4 !important;
}

.sidebar-nav ul .sidebar-item .sidebar-link + ul {
    margin-top: 10px;
}

.error-body h1 {
    font-size: 210px;
    font-weight: 900;
    line-height: 210px;
}

header.topbar .dark-logo {
    height: 53px;
}

header.topbar .brand-logo {
    background: #272c33;
    padding-left: 22px;
}

[data-sidebartype="mini-sidebar"] header.topbar .brand-logo {
    padding-left: 10px;
}


[data-sidebartype="mini-sidebar"] header.topbar .logo-text {
    display: none;
}

[data-layout="vertical"] body[data-sidebartype="mini-sidebar"] .logo-img {
    width: auto;
}

header.topbar {
    padding-left: 0;
}

.lds-ripple {
    width: auto;
    height: 53px;
}

.page-titles .btn {
    white-space: nowrap;
}

.tab-content .tab-pane > h4:first-child {
    margin-top: 0;
}

.vtabs {
    width: 100%;
}

.btn-lg.btn-circle {
    font-size: 27px;
    padding: 6px 11px;
}

.btn-link {
    text-decoration: none;
}

.page-titles .text-end > a + a {
    margin-left: 10px;
}

[type=radio] + label.with-input {
    height: 32px;
    line-height: 32px;
}

[type=radio] + label.with-input::before {
    top: 5px;
}

.select2-container .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 16px;
}

.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-dropdown {
    border: 1px solid #bcc9d4;
    --bs-border-color: #bcc9d4;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.select2-selection {
    position: relative;
}

#profiling-grid {
    font-size: 85%;
}

#profiling-grid td,
#profiling-grid th {
    padding: .25rem;
}

#profiling-grid tbody td {
    word-wrap: break-word;
    word-break: break-all;
}

.dropdown-item i {
    width: 16px;
    text-align: center;
    margin-right: 4px;
}

.chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
    padding: 10px 20px;
}

.chat-left-inner .form-material .spinner-border {
    position: absolute;
    right: 8px;
    top: 14px;
}

#sidebarnav a > .label {
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

.chatonline li a .label {
    float: right;
}

.chatonline .empty {
    font-size: 85%;
    text-align: center;
    padding: 50px 20px;
}

.chat-right-aside > .spinner-border {
    position: absolute;
    left: calc(50% + 125px);
    top: 50%;
    margin-left: -1rem;
    margin-top: -1rem;
}

.chat-list li .chat-content .box {
    position: relative;
}

.chat-container .chat-list .btn-delete {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 85%;
    background-color: rgb(248, 40, 90);
    border-radius: 50%;
    color: #fff !important;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chat-application .chat-user.active {
    background-color: rgb(240, 240, 240);
}

.chat-application .errors-list .alert {
    border-radius: 0;
    padding: 5px 20px;
}

.chat-application .app-chat {
    overflow-y: auto;
}

.chat-box .chat-box-inner {
    max-height: initial;
    overflow-y: auto;
}

.chat-box .chat-box-inner .waiting {
    opacity: .5;
}

.chat-list li .chat-content .text {
    word-break: break-word;
}

.chat-application .dialogs li a > div {
    width: 90%;
}

.chat-application .justify-content-end .message-item[data-read] {
    position: relative;
    padding-right: 20px !important;
}

.chat-application .justify-content-end .message-item[data-read]::after {
    position: absolute;
    right: 2px;
    bottom: 2px;
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 24px;
    line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
}

.chat-application .justify-content-end .message-item[data-read="0"]::after {
    content: "\F12C";
    color: var(--bs-secondary-color) !important;
}

.chat-application .justify-content-end .message-item[data-read="1"]::after {
    content: "\F12D";
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important;
}

.chatui-header {
    padding: 10px 20px;
}

.chatui-input .chatui-add-file {
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 10;
    font-size: 18px;
}

.chatui-input .chatui-add-file i {
    margin-top: -6px;
}

.chatui-file-uploader input[type="file"] {
    display: none;
}

.chatui-file-uploader .files {
    padding: 5px 10px;
    border-bottom: 1px solid #eeeeee;
}

.chatui-file-uploader .files .file {
    display: inline-block;
    max-width: 300px;
    min-width: 150px;
    position: relative;
    line-height: initial;
    padding: 0 30px 0 30px;
    overflow: hidden;
    height: 30px;
    margin-right: 20px;
    font-size: 85%;
}

.chatui-file-uploader .files .file:last-child {
    margin-right: 0;
}

.chatui-file-uploader .files .file .fi,
.chatui-file-uploader .files .file .fa.fa-file {
    position: absolute;
    left: 0;
    top: 6px;
}

.chatui-file-uploader .files .file .progress {
    margin: 0;
    height: 8px;
    margin-top: 2px;
}

.chatui-file-uploader .files .file .remove {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 5px;
    display: block;
}

.chatui-file-uploader .files .file .name {
    max-height: 18px;
    overflow: hidden;
}

.chatui-file-uploader .files .file .description {
    font-size: 10px;
}

.chat-left-inner .search .fa-plus {
    display: none;
}

.chat-left-inner .search.add .fa-plus {
    display: block;
}

.app-chat .search .fa-plus {
    display: none;
}

.app-chat .search.add .fa-plus {
    display: inline;
}

@media (max-width: 992px) {
    .chat-not-selected {
        display: none;
    }

    .chat-application > .d-flex:last-child > .w-30 {
        width: 100% !important;
        min-height: 400px;
    }

    .chat-application > .d-flex:last-child > .w-70 {
        width: 100% !important;
    }

    .chat-application .chat-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: none;
        background-color: #fff;
    }

    .chat-application .chat-container.active {
        display: block;
    }
}

#users-modal .img-circle {
    width: 40px;
    height: 40px;
    float: left;
}

#users-modal .people-group-item {
    overflow: hidden;
    display: block;
}

#users-modal .people-group-item-heading {
    margin-left: 50px;
    line-height: 32px;
    margin-top: 6px;
}

.user-profile {
    background-size: cover !important;
}

.user-profile .profile-text {
    padding: 0;
}

.user-profile .profile-text > a {
    white-space: normal;
}

.btn + .test-result {
    padding: 2px 20px;
    margin-top: 5px;
    margin-left: 142px;
}

.btn + .test-result pre {
    line-height: 1;
}

.topbar .dropdown form button {
    border: none;
    outline: none;
    background: transparent;
    padding: 9px 15px;
    display: block;
    color: #67757c;
    width: 100%;
    text-align: left;
}

.topbar .dropdown form button:hover,
.topbar .dropdown form button:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

dropdown:hover,
dropdown:focus,
dropdown:active {
    background: #f2f4f8;
    color: #009efb;
    text-decoration: none;
}

#branding {
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    width: 100%;
}

#branding-footer {
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

#branding .container,
#branding-footer .container {
    padding: 10px;
    color: #fff;
    text-align: center;
    max-width: 100%;
}

#branding .logo {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    background: center no-repeat;
    background-size: contain;
}

#branding .name {
    float: left;
    line-height: 1.2;
    font-size: 40px;
    font-weight: bold;
    padding: 6px 0;
}

#branding .center-block {
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.card-body > .row > .col-3 > .row > .col-3 > .btn-circle,
.card-body > .row > .col-3 > .row > .col-2 > .btn-circle,
.card-body > .row > .col-9 > .row > .col-3 > .btn-group {
    margin-top: -5px;
}

.card-body > .row > .col-3 > .row > .col-3 > .btn-circle > .fa.fa-plus,
.card-body > .row > .col-3 > .row > .col-2 > .btn-circle > .fa.fa-plus {
    position: relative;
    top: -2px;
}

.input-group-text.bg-outline-info {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}

.input-group-text.bg-outline-info i {
    color: #1e88e5;
}

.treeview .expand-icon {
    position: relative;
    top: 2px;
}

.treeview span.icon {
    width: 12px !important;
    display: inline-block;
    margin-right: 6px !important;
    font-size: 1.5rem;
}

.treeview span.icon.glyphicon {
    display: none;
}

.node-icon {
    margin-right: 2px;
}

.treeview span.node-icon {
    display: none;
}

.treeview .list-group-item a {
    word-wrap: break-word;
    word-break: break-word;
    width: 100%;
}

.treeview .list-group-item a .badge {
    margin-top: 2px;
}

[data-pjax-container] + .text-end > .btn,
[data-pjax-container] + .text-end > .btn-group {
    /*margin-top: 20px;*/
}

.sidebar-nav ul li.active > a {
    color: #fff;
    font-weight: bold;
}

#tab-main {
    position: relative;
}

#tab-main .form-group.row {
    margin-bottom: 0;
}

.edit-field + .spinner-border {
    position: absolute;
    margin-top: -4px;
    margin-left: 8px;
}

.form-group.row > label > .edit-field + .spinner-border {
    right: auto;
}

.btn + .spinner-border,
.btn-group + .spinner-border {
    position: absolute;
    margin-top: 3px;
    margin-left: 8px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;

    min-width: 340px;
    max-width: none;
}

.clockpicker-popover {
    max-width: 276px;
}

.clockpicker-plate {
    margin: 0 auto;
}

.col-3 > .card > .card-body > .nav,
.col-3 > [data-pjax-container] > .card > .card-body > .nav,
.col-3 > div > .card > .card-body > .nav {
    margin: -15px -20px;
}

.col-3 > .card > .card-body > .nav + .nav,
.col-3 > div > .card > .card-body > .nav + .nav {
    margin-top: 10px;
}

.col-3 > .card > .card-body > p:first-child,
.col-3 > div > .card > .card-body > p:first-child {
    margin-top: 0;
}

.col-3 > .card > .card-body > p,
.col-3 > div > .card > .card-body > p {
    margin: 10px -5px 0;
}

.col-3 > .card > .card-body > .nav a.disabled,
.col-3 > div > .card > .card-body > .nav a.disabled {
    opacity: 0.5;
}

.col-3 > .card > .card-body > hr,
.col-3 > [data-pjax-container] > .card > .card-body > hr,
.col-3 > div > .card > .card-body > hr {
    margin: 25px -30px;
}

.col-3 > .card > .card-body > .nav[hidden] + hr,
.col-3 > div > .card > .card-body > .nav[hidden] + hr {
    display: none;
}

.col-3 > [data-pjax-container] > .card > .card-body .list-group,
.col-3 > .card > .card-body .list-group {
    margin: -20px;
}

.col-3 > .card > .card-body .list-group.mt-4 {
    margin-top: 20px;
}

.col-3 > [data-pjax-container] > .card > .card-body .list-group + hr,
.col-3 > .card > .card-body .list-group + hr {
    margin-top: 21px;
    border-color: rgba(0,0,0,.125)
}

.col-3 > [data-pjax-container] > .card > .card-body .list-group > .list-group-item,
.col-3 > .card > .card-body .list-group > .list-group-item {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.table-vertical-align tbody td {
    vertical-align: middle;
}

.table-vertical-align tbody td > input[type="checkbox"] + label,
.table-vertical-align thead th > input[type="checkbox"] + label,
.table-vertical-align tbody td > input[type="radio"] + label,
.table-vertical-align thead th > input[type="radio"] + label {
    height: 16px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.list-group-item a {
    color: inherit;
}

.list-group-item:not(.node-disabled):hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.list-group-item.active {
    background-color: #03a9f3;
    color: #fff;
}

.card .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card .list-group .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card .list-group .list-group-item.active h5 {
    color: #fff !important;
}

.card .list-group .list-group-item.active:hover,
.card .list-group .list-group-item.active:focus,
.card .list-group .list-group-item.active:active {
    background-color: #03a9f3;
}

body > .datepicker {
    z-index: 2000 !important;
}

.input-datepicker .datepicker.datepicker-inline {
    padding: 0;
}

.table {
    --bs-table-color: rgb(58,71,82);
}

.card-footer {
    background-color: rgba(0,0,0,.03);
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
}

.card-header {
    background-color: transparent;
}

.card > .card-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid var(--bs-border-color);
}

.card > .card-header:has(.nav.nav-tabs),
.card > form > .card-header:has(.nav.nav-tabs),
.card > .card-body > .row > .col-9 > .card-header:has(.nav.nav-tabs),
.card > .card-body > [data-pjax-container] > .row > .col-9 > .card-header:has(.nav.nav-tabs) {
    padding-left: 15px;
    padding-right: 15px;
}

.card > .card-body > .row > .col-9 > .card-header .nav.nav-tabs,
.card > .card-body > [data-pjax-container] > .row > .col-9 > .card-header .nav.nav-tabs {
    margin-bottom: 0;
}

.nav.nav-tabs {
    gap: 10px;
}

.nav.nav-pills .nav-link.active .badge.text-bg-primary,
.nav.nav-tabs .nav-link.active .badge.text-bg-primary {
    background-color: #fff !important;
    color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important;
}

.nav.nav-tabs > .nav-item.dropdown {
    margin-left: auto;
}

.col-3 + .col-9 > .card-header {
    padding: 0 0 20px;
}

.body-wrapper > .container-fluid > .card > .nav.nav-tabs {
    margin: var(--bs-card-spacer-y) var(--bs-card-spacer-x) var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.tab-pane > .card-footer,
.tab-pane > div > .card-footer {
    overflow: hidden;
}

.tab-pane > .card-footer > .status,
.tab-pane > div > .card-footer > .status,
.card-footer > .btn + .status {
    margin-left: 10px;
    padding-top: 7px;
}

.tab-pane > .card-footer > .status .spinner-border,
.tab-pane > div > .card-footer > .status .spinner-border,
.card-footer > .btn + .status .spinner-border {
    margin-top: -4px;
}

.nested-table .td-level-2 {
    padding-left: 30px;
}

.nested-table .td-level-3 {
    padding-left: 60px;
}

.nested-table .td-level-4 {
    padding-left: 90px;
}

.nested-table td.no-padding {
    padding-left: 5px;
}

.nested-table .td-level-expandable {
    position: relative;
    background-clip: padding-box;
}

.nested-table .td-level-expandable.td-level-1 {
    padding-left: 60px;
}

.nested-table .td-level-expandable.td-level-1 > .expand {
    position: absolute;
    left: 4px;
}

.nested-table .td-level-expandable.td-level-2 {
    padding-left: 80px;
}

.nested-table .td-level-expandable.td-level-2 > .expand {
    position: absolute;
    left: 25px;
}

.nested-table .td-level-expandable.td-level-3 {
    padding-left: 105px;
}

.nested-table .td-level-expandable.td-level-3 > .expand {
    position: absolute;
    left: 50px;
}

.nested-table .td-level-expandable.td-level-4 {
    padding-left: 120px;
}

.nested-table .td-level-expandable.td-level-4 > .expand {
    position: absolute;
    left: 75px;
}

.nested-table {
    border-color: rgba(36, 141, 193, 0.5);
    width: calc(100% - 1px);
}

.nested-table tr.tr-level-1 > td {
    background-color: rgba(36, 141, 193, 0.2);
}

.nested-table tr.tr-level-2 > td {
    background-color: rgba(36, 141, 193, 0.12);
}

.nested-table tr.tr-level-3 > td {
    background-color: rgba(36, 141, 193, 0.05);
}

.nested-table tr.tr-level-4 > td {
    background-color: rgba(36, 141, 193, 0);
}

.nested-table tr.tr-level-1 > td.indent {
    padding-left: .75rem;
}

.nested-table tr.tr-level-2 > td.indent {
    padding-left: 1.5rem;
}

.nested-table tr.tr-level-3 > td.indent {
    padding-left: 2.25rem;
}

.nested-table tr.tr-level-4 > td.indent {
    padding-left: 3rem;
}

.nested-table tbody {
    border: 3px solid rgba(36, 141, 193, 0.5);
}

.nested-table tbody td input[type=text],
.nested-table tbody td input[type=number],
.nested-table tbody td textarea,
.nested-table tbody td select {
    min-width: 50px;
}

.nested-table tbody tr.tr-level-1 {
    border-top: 3px solid rgba(36, 141, 193, 0.5);
}

.nested-table tbody td.td-level-3,
.nested-table tbody td.summary-column {
    position: relative;
}

.nested-table tbody td.td-level-3 > .expand {
    position: absolute;
    left: 4px;
}

.nested-table tbody td > ul {
    padding-left: 10px;
}

.nested-table th a {
    font-size: 70%;
    font-weight: normal;
    border-bottom: 1px dashed #1BBAE1;
    cursor: pointer;
}

.nested-table th a:hover {
    text-decoration: none;
}

table thead.tableFloatingHeaderOriginal {
    z-index: 40 !important;
}

table thead.tableFloatingHeaderOriginal th {
    background-color: #fff;
}

.modal-footer .btn.float-left + .btn:not(.float-left) {
    margin-left: auto;
}

table tbody td a + .spinner-border {
    margin-left: 5px;
    position: absolute;
    margin-top: -5px;
}

.input-group-text label {
    margin: 0 !important;
    height: 23px !important;
}

.invalid-feedback.show {
    display: block;
}

.year-block {
    margin: -1rem 0;
}

.year-selector,
.params-selector {
    display: inline-block;
    margin: 0.5rem 0 0.5rem 1rem;
}

.year-selector .name,
.params-selector .name {
    display: inline-block;
    margin-right: 20px;
}

.params-selector .form-control {
    display: inline-block;
    width: 200px;
}

.tab-pane .params-selector {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    display: inline-flex;
}

.tab-pane .params-selector .form-control {
    width: auto;
    min-height: 37px;
    height: 37px;
}

.tab-pane .params-selector .name {
    margin-right: 10px;
    line-height: 37px;
}

.table-condensed tr th,
.table-condensed tr td {
    padding: 3px;
    font-size: 80%;
    min-width: 20px;
}

.year-grid thead tr th {
    text-align: center;
    font-size: 14px;
    padding: .25rem;
}

.year-grid thead tr:last-child th {
    padding-left: 2px;
    padding-right: 2px;
}

.year-grid > tbody > tr > td {
    height: 35px;
}

.year-grid tbody tr td,
.year-grid tfoot tr td {
    text-align: center;
}

.year-grid tbody tr td.ui-selected,
.year-grid tbody tr td.ui-selecting {
    background-color: #F5F5F5;
}

.year-grid tbody tr td.with-table {
    padding: 0;
    height: 40px;
    max-width: 60px;
}

.year-grid tbody tr td.with-table table {
    background: none !important;
}

.year-grid tbody tr td table {
    width: 100%;
    height: 100%;
}

.year-grid tbody tr td table tr {
    height: 50%;
}

.year-grid tbody tr td table td {
    border: 1px solid #EAEDF1;
    padding: 0 3px;
    min-width: 15px;
    height: 17px;
}

.year-grid tbody tr td table tr:first-child td {
    border-top: none;
}

.year-grid tbody tr td table tr:last-child td {
    border-bottom: none;
}

.year-grid tbody tr td table tr td:first-child {
    border-left: none;
}

.year-grid tbody tr td table tr td:last-child {
    border-right: none;
}

.year-grid tbody {
    cursor: default;
}
.year-grid tbody tr td.semester-border-start {
    border-left: 2px solid #AAD178 !important;
}

.year-grid tbody tr td.semester-border-end {
    border-right: 2px solid #AAD178 !important;
}

.year-grid tbody tr td.disabled {
    color: transparent;
}

.year-grid tbody tr td.disabled,
.year-grid tbody tr td[data-empty="1"] {
    background-color: rgba(241, 244, 248, 0.8) !important;
}

.year-grid tbody tr td[data-course="1"] {
    background-color: rgba(163, 213, 95, 0.15);
}

.year-grid tbody tr td[data-course="2"] {
    background-color: rgba(225, 231, 35, 0.15);
}

.year-grid tbody tr td[data-course="3"] {
    background-color: rgba(255, 69, 57, 0.1);
}

.year-grid tbody tr td[data-course="4"] {
    background-color: rgba(255, 191, 61, 0.15);
}

.year-grid tbody tr td[data-course="5"] {
    background-color: rgba(101, 178, 233, 0.15);
}

.year-grid tbody tr td[data-course="6"] {
    background-color: rgba(217, 60, 180, 0.15);
}

.year-grid tbody tr td[data-course="7"] {
    background-color: rgba(177, 80, 197, 0.15);
}

#disciplines-grid thead th[data-type="0"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="0"] .date-column,
.year-grid tbody tr[data-type="0"] td,
.year-grid tbody tr td[data-type="0"] {
    background-color: rgba(163, 213, 95, 0.3);
    border-color: rgba(163, 213, 95, 0.01);
}

#disciplines-grid thead th[data-type="1"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="1"] .date-column,
.year-grid tbody tr[data-type="1"] td,
.year-grid tbody tr td[data-type="1"] {
    background-color: rgba(255, 69, 57, 0.2);
    border-color: rgba(255, 69, 57, 0.01);
}

#disciplines-grid thead th[data-type="2"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="2"] .date-column,
.year-grid tbody tr[data-type="2"] td,
.year-grid tbody tr td[data-type="2"] {
    background-color: rgba(101, 178, 233, 0.2);
    border-color: rgba(101, 178, 233, 0.01);
}

#disciplines-grid thead th[data-type="3"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="3"] .date-column,
.year-grid tbody tr[data-type="3"] td,
.year-grid tbody tr td[data-type="3"] {
    background-color: rgba(225, 231, 35, 0.3);
    border-color: rgba(225, 231, 35, 0.01);
}

#disciplines-grid thead th[data-type="4"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="4"] .date-column,
.year-grid tbody tr[data-type="4"] td,
.year-grid tbody tr td[data-type="4"] {
    background-color: rgba(101, 178, 233, 0.2);
    border-color: rgba(101, 178, 233, 0.01);
}

#disciplines-grid thead th[data-type="5"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="5"] .date-column,
.year-grid tbody tr[data-type="5"] td,
.year-grid tbody tr td[data-type="5"] {
    background-color: rgba(92, 24, 19, 0.4);
    border-color: rgba(92, 24, 19, 0.01);
}

#disciplines-grid thead th[data-type="6"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="6"] .date-column,
.year-grid tbody tr[data-type="6"] td,
.year-grid tbody tr td[data-type="6"] {
    background-color: rgba(92, 24, 19, 0.4);
    border-color: rgba(92, 24, 19, 0.01);
}

#disciplines-grid thead th[data-type="7"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="7"] .date-column,
.year-grid tbody tr[data-type="7"] td,
.year-grid tbody tr td[data-type="7"] {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.01);
}

#disciplines-grid thead th[data-type="8"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="8"] .date-column,
.year-grid tbody tr[data-type="8"] td,
.year-grid tbody tr td[data-type="8"] {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.01);
}

#disciplines-grid thead th[data-type="9"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="9"] .date-column,
.year-grid tbody tr[data-type="9"] td,
.year-grid tbody tr td[data-type="9"] {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.01);
}

#disciplines-grid thead th[data-type="10"],
#lessons-pjax .grid-view .schedule-table  tr[data-learning-schedule-type="10"] .date-column,
.year-grid tbody tr[data-type="10"] td,
.year-grid tbody tr td[data-type="10"] {
    background-color: rgba(69, 93, 151, 0.3);
    border-color: rgba(69, 93, 151, 0.1);
}

.year-grid tbody tr td.with-table {
    border-color: transparent;
}

#learning-schedule-grid tbody td {
    border: none;
}

#learning-schedule-grid > tbody td:hover {
    position: relative;
}

#learning-schedule-grid > tbody > tr > td:hover {
    position: relative;
}

#learning-schedule-grid > tbody > tr > td:hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

#semester-form-table tbody tr[data-course="1"] td,
.semesters-grid tbody tr td[data-course="1"] {
    background-color: rgba(163, 213, 95, 0.3);
}

#semester-form-table tbody tr[data-course="2"] td,
.semesters-grid tbody tr td[data-course="2"] {
    background-color: rgba(225, 231, 35, 0.3);
}

#semester-form-table tbody tr[data-course="3"] td,
.semesters-grid tbody tr td[data-course="3"] {
    background-color: rgba(255, 69, 57, 0.2);
}

#semester-form-table tbody tr[data-course="4"] td,
.semesters-grid tbody tr td[data-course="4"] {
    background-color: rgba(255, 191, 61, 0.3);
}
#semester-form-table tbody tr[data-course="5"] td,
.semesters-grid tbody tr td[data-course="5"] {
    background-color: rgba(101, 178, 233, 0.2);
}

#semester-form-table tbody tr[data-course="6"] td,
.semesters-grid tbody tr td[data-course="6"] {
    background-color: rgba(217, 60, 180, 0.15);
}

#semester-form-table tbody tr[data-course="7"] td,
.semesters-grid tbody tr td[data-course="7"] {
    background-color: rgba(177, 80, 197, 0.3);
}

.table-auto-width {
    width: auto;
}

#semester-form-table th:not(:first-child),
#semester-form-table td:not(:first-child) {
    text-align: center;
}

#semester-form-table td.td-round {
    position: relative;
}

#semester-form-table td.td-round::after {
    content: 'Не требуется';
    color: #677d94;
    width: 100%;
    left: 0;
    top: 15px;
    position: absolute;
}

#semester-form-table td.td-round .result-label {
    background: #fff;
    position: relative;
    z-index: 10;
}

#semester-form-table td .select-select2 {
    text-align: left;
    position: relative;
    z-index: 10;
}

.select-select2 ~ input[type=checkbox] {
    margin-top: 10px;
    margin-left: 10px;
}

#semester-form-table tfoot tr td {
    background: none;
}

#semester-form-table h4,
#semester-form-table label {
    margin: 0;
    padding: 0;
    line-height: 37px;
}

#semester-form-table tr td:first-child label {
    text-align: right;
    display: block;
}

#semester-form-table tr th,
#semester-form-table tr td {
    padding: .75rem .25rem;
    font-size: 85%;
}

#semester-form-table .relative-week {
    display: flex;
    flex-direction: row;
}

#semester-form-table .relative-week .item {
    width: 33.33333333%;
    display: flex;
    flex-direction: row;
    padding: 0 5px;
}

#semester-form-table .relative-week .item label {
    width: 20px;
}

#semester-form-table .relative-week .item select {
    width: 80px;
    width: calc(100% - 20px);
}

@media (max-width: 1600px) {
    #semester-form-table .relative-week {
        flex-direction: column;
    }

    #semester-form-table .relative-week .item {
        width: 100%;
    }

    #semester-form-table .relative-week .item + .item {
        margin-top: 5px;
    }
}

.color-sample[data-course="1"] {
    background-color: rgba(163, 213, 95, 0.3);
    border-color: rgba(163, 213, 95, 0.5);
}

.color-sample[data-course="2"] {
    background-color: rgba(225, 231, 35, 0.3);
    border-color: rgba(225, 231, 35, 0.5);
}

.color-sample[data-course="3"] {
    background-color: rgba(255, 69, 57, 0.2);
    border-color: rgba(255, 69, 57, 0.4);
}

.color-sample[data-course="4"] {
    background-color: rgba(255, 191, 61, 0.3);
    border-color: rgba(255, 191, 61, 0.5);
}

.color-sample[data-course="5"] {
    background-color: rgba(101, 178, 233, 0.2);
    border-color: rgba(101, 178, 233, 0.4);
}

.color-sample[data-course="6"] {
    background-color: rgba(217, 60, 180, 0.15);
    border-color: rgba(217, 60, 180, 0.3);
}

.color-sample[data-course="7"] {
    background-color: rgba(177, 80, 197, 0.3);
    border-color: rgba(177, 80, 197, 0.5);
}

.tr-color-1 {
    background-color: rgba(163, 213, 95, 0.15);
}

.tr-color-2 {
    background-color: rgba(225, 231, 35, 0.15);
}

.tr-color-3 {
    background-color: rgba(255, 69, 57, 0.1);
}

.tr-color-4 {
    background-color: rgba(255, 191, 61, 0.15);
}

.tr-color-5 {
    background-color: rgba(101, 178, 233, 0.15);
}

.tr-color-6 {
    background-color: rgba(217, 60, 180, 0.15);
}

.tr-color-7 {
    background-color: rgba(177, 80, 197, 0.15);
}

.semesters-grid tbody tr td {
    position: relative;
}

.semesters-grid thead tr:last-child th {
    border-bottom: 2px solid #AAD178;
    padding-left: 2px;
    padding-right: 2px;
}

.semesters-grid tbody tr td:not(:first-child) {
    border-top: 2px solid #AAD178;
    border-bottom: 2px solid #AAD178;
}

.semesters-grid tbody tr td:last-child,
.semesters-grid tbody tr td:first-child {
    border-right: 2px solid #AAD178;
}

.semesters-grid tbody tr td .semester-divider-end,
.semesters-grid tbody tr td .semester-divider-start {
    background: url("../images/other/table-divider.png") repeat-y center;
    position: absolute;
    left: 75%;
    top: 0;
    width: 50%;
    height: 100%;
    min-width: 2px;
    z-index: 10;
}

.semesters-grid tbody tr td .semester-divider-start {
    left: -25%;
}

.semesters-grid tbody tr td .semester-divider-start.d-1 {
    left: -25%;
}

.semesters-grid tbody tr td .semester-divider-start.d-2 {
    left: -8.33333333%;
}

.semesters-grid tbody tr td .semester-divider-start.d-3 {
    left: 8.33333333%;
}

.semesters-grid tbody tr td .semester-divider-start.d-4 {
    left: 25%;
}

.semesters-grid tbody tr td .semester-divider-start.d-5 {
    left: 41.66666667%;
}

.semesters-grid tbody tr td .semester-divider-start.d-6 {
    left: 58.33333333%;
}

.semesters-grid tbody tr td .semester-divider-end.d-1 {
    left: -8.33333333%;
}

.semesters-grid tbody tr td .semester-divider-end.d-2 {
    left: 8.33333333%;
}

.semesters-grid tbody tr td .semester-divider-end.d-3 {
    left: 25%;
}

.semesters-grid tbody tr td .semester-divider-end.d-4 {
    left: 41.66666667%;
}

.semesters-grid tbody tr td .semester-divider-end.d-5 {
    left: 58.33333333%;
}

.semesters-grid tbody tr td .semester-divider-end.d-6 {
    left: 75%;
}

.semesters-grid tbody tr td.active {
    border-top: 2px solid #AAD178;
    border-bottom: 2px solid #AAD178;
}

.semesters-grid tbody tr td.active[data-drag-year="1"] {
    background-color: rgba(170, 209, 120, 0.8);
}

.semesters-grid tbody tr td.active[data-drag-year="2"] {
    background-color: rgba(225, 231, 35, 0.7);
}

.semesters-grid tbody tr td.active[data-drag-year="3"] {
    background-color: rgba(255, 69, 57, 0.7);
}

.semesters-grid tbody tr td.active[data-drag-year="4"] {
    background-color: rgba(255, 191, 61, 0.8);
}

.semesters-grid tbody tr td.active[data-drag-year="5"] {
    background-color: rgba(101, 178, 233, 0.7);
}

.semesters-grid tbody tr td.active[data-drag-year="6"] {
    background-color: rgba(217, 60, 180, 0.7);
}

.semesters-grid tbody tr td.active[data-drag-year="7"] {
    background-color: rgba(177, 80, 197, 0.7);
}

.year-grid thead th {
    border: 1px solid #f3f1f1;
}

.year-grid thead tr th.border-left,
.year-grid tfoot tr td.border-left,
.year-grid tbody tr td.border-left {
    border-left: 2px solid #d1d1d1 !important;
}

.year-grid thead tr th.border-right,
.year-grid tfoot tr td.border-right,
.year-grid tbody tr td.border-right {
    border-right: 2px solid #d1d1d1 !important;
}

.btn.btn-first-bold span {
    font-size: 120%;
    height: 25px;
    width: 25px;
    margin-right: 8px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
}

.btn.btn-first-bold span i {
    margin-top: -3px;
}

.btn.btn-first-bold.btn-sm {
    padding: 5px;
}

.btn.btn-first-bold.btn-sm span {
    font-size: 100%;
    height: 20px;
    width: 20px;
    margin-right: 0;
}

#learning-schedule-summary-grid tbody tr td:first-child {
    text-align: left;
}

#learning-schedule-summary-grid tbody tr td:first-child span {
    font-size: 15.36px;
    height: 25px;
    width: 25px;
    margin-right: 8px;
    border: 1px solid #394263;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
}

#learning-schedule-summary-grid tfoot td:first-child {
    text-align: left;
    padding-left: 37px;
}

#sample-plan-grid thead tr th[data-course],
#hours-grid thead tr th[data-course],
.table-vcenter thead tr th {
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#sample-plan-grid tbody tr td .discipline_name {
    display: block;
}

#sample-plan-grid tbody tr td .discipline_name ~ .practice_type {
    font-size: 80%;
    margin-left: 15px;
}

#sample-plan-grid tbody tr td .discipline_name ~ .planned-credits {
    display: inline;
}

#sample-plan-grid tbody tr td .discipline_name ~ .planned-credits .auto {
    margin-top: -4px;
    margin-left: 5px;
}

#sample-plan-grid tbody tr td .discipline_name ~ .hours,
#sample-plan-grid tbody tr td .discipline_name ~ .credit,
#sample-plan-grid tbody tr td .discipline_name ~ .planned-credits,
#sample-plan-grid tbody tr td .discipline_name ~ .practice-hours,
#sample-plan-grid tbody tr td .discipline_name ~ .hours-detailed,
#sample-plan-grid tbody tr td .discipline_name ~ .hours-classrooms {
    color: #677d94;
    font-size: 80%;
    margin-left: 15px;
}

#sample-plan-grid tbody tr td .discipline_name ~ .planned-credits {
    margin-left: 0;
}

#sample-plan-grid tbody tr td .discipline_name ~ .hours-detailed {
    margin-left: 25px;
    min-width: 200px;
}

#sample-plan-grid tbody tr td .discipline_name ~ .hours,
#sample-plan-grid tbody tr td .discipline_name ~ .credit {
    margin-bottom: 5px;
    display: inline;
}

#sample-plan-grid tbody tr td .discipline_name ~ .params,
#sample-plan-grid tbody tr td .discipline_name ~ .info {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1;
    font-size: 80%;
}

#sample-plan-grid tbody tr td .discipline_name ~ .credit .form {
    border-bottom: 1px dashed #337ab7;
}

#sample-plan-grid tbody tr td .discipline_name ~ .credit .form:hover,
#sample-plan-grid tbody tr td .discipline_name ~ .credit .form:focus {
    text-decoration: none;
    border-bottom: 1px dashed #1bbae1;
}

#sample-plan-grid tbody tr td .discipline_name ~ .credit .form + .static {
    display: none;
}

#sample-plan-grid tbody tr td .discipline_name ~ .credit i {
    margin-left: 4px;
    margin-top: -3px;
}

#sample-plan-grid thead tr th .hours,
#sample-plan-grid thead tr th .credit,
#sample-plan-grid thead tr th .hours-detailed,
#sample-plan-grid thead tr th .year-hours-detailed,
#hours-grid thead tr th .hours,
#hours-grid thead tr th .credit,
#hours-grid thead tr th .hours-detailed,
#hours-grid thead tr th .year-hours-detailed,
#disciplines-grid thead tr th .summary,
#disciplines-grid thead tr th .start-date {
    color: #677d94;
    font-size: 80%;
    font-weight: normal;
}

#disciplines-grid thead tr th.text-danger .summary {
    color: inherit;
}

#disciplines-grid thead tr th .start-date {
    font-size: 90%;
    margin-bottom: 5px;
}

#sample-plan-grid thead tr th .hours,
#hours-grid thead tr th .hours {
    margin-bottom: 5px;
}

#sample-plan-grid thead tr th .credit {
    margin-left: 5px;
    margin-bottom: 5px;
}

#sample-plan-grid tbody tr td:nth-child(3) .help-block {
    margin-top: 0;
    margin-left: 7px;
}

#sample-plan-grid tbody tr.discipline-group {
    border-top: 2px solid rgba(170, 209, 120, 0.3);
}

#sample-plan-grid tbody tr.discipline-group > td {
    background-color: rgba(223, 240, 216, 0.5);
}

#sample-plan-grid tbody tr.discipline-group .discipline_name ~ .hours,
#sample-plan-grid tbody tr.discipline-group .discipline_name ~ .credit,
#sample-plan-grid tbody tr.discipline-group .discipline_name ~ .hours-detailed {
    display: none;
}

#sample-plan-grid .mode-credits .add-item-row,
#sample-plan-grid .mode-hours .add-item-row {
    display: none;
}

.workload-column {
    min-width: 100px;
    vertical-align: top !important;
    font-size: 85%;
}

tr.practice .workload-column {
    vertical-align: middle !important;
}

#sample-plan-grid tr.practice .hours-detailed,
#sample-plan-grid tr.exams .hours-detailed {
    display: none;
}

.workload-column .item-container {
    overflow: hidden;
    max-width: 110px;
    margin: 0 auto;
}

#sample-plan-grid thead tr th[data-course].workload-column {
    padding-left: 4px;
    padding-right: 4px;
}

#sample-plan-grid thead tr th[data-course].workload-column .hours {
    display: none;
}

.workload-column .item {
    float: left;
    width: 50%;
    line-height: 1;
    text-align: center;
    margin-bottom: 4px;
}

.workload-column .item.transparent .name,
.workload-column .item.transparent .count,
.workload-column .self-training.transparent,
.workload-column .summary.transparent,
.workload-column .all-summary.transparent,
.workload-column .item-container.transparent .control-hint,
.workload-column .item-container.transparent .control-form {
    opacity: 0.4;
}

.workload-column .item.practice-item {
    width: 100%;
    float: none;
    text-align: left;
    margin-bottom: 0;
}

.editable-table .workload-column .item .count,
.editable-table .workload-column .self-training,
.editable-table .workload-column .control-form {
    display: inline-block;
    cursor: pointer;
    border-bottom: dashed 1px #0088cc;
}

.editable-table [data-summary] .workload-column .item .count,
.editable-table [data-summary] .workload-column .self-training,
.editable-table [data-summary] .workload-column .control-form {
    cursor: default;
    border-bottom: none;
}

.editable-table [data-summary] .workload-column .control-hint,
.editable-table [data-summary] .workload-column .control-form {
    display: block;
}

.workload-column .item.practice-item .name {
    float: left;
    width: 70%;
}

.workload-column .item.practice-item .count {
    float: right;
    text-align: center;
    width: 30%;
    margin-top: -1px;
}

.workload-column .summary,
.workload-column .all-summary {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
    padding-top: 3px;
}

.workload-column .self-training {
    float: left;
    text-align: center;
    width: 34%;
}

.workload-column .item .name {
    font-size: 80%;
}

.workload-column .item .count {
    font-weight: bold;
}

.workload-column .control-hint {
    float: left;
    width: 33%;
    margin-top: 4px;
}

.workload-column .control-form {
    float: left;
    width: 67%;
    margin-top: 4px;
    font-size: 80%;
    padding-top: 2px;
}

.workload-column .control-form ul {
    padding-left: 4px;
    margin: 0;
    list-style-type: none;
}

.workload-column .control-form div[data-class-type] {
    display: inline;
}

.workload-column .popover-content {
    padding: 0 9px;
}

.workload-column .form-group {
    border-bottom: none;
    padding-top: 5px;
}

.credit-summary {
    margin: -38px -13px 7px;
    padding: 5px;
    text-align: center;
}

.credit-summary.ok {
    background-color: rgba(0, 175, 67, 0.33);
    color: #fff;
}

.credit-summary.error {
    background-color: #e74c3c;
    color: #fff;
}

#hours-panel .credit-summary,
#hours-grid .credit-summary {
    display: none;
}

.planned-credits-mode .workload-column {
    padding-top: 38px;
}

.code-column {
    width: 150px;
}

@media (min-width: 1280px) {
    .code-column {
        width: 200px;
    }
}

.competencies-column {
    width: 150px;
}

.department-column {
    width: 200px;
}

.summary-column {
    width: 300px;
    vertical-align: top !important;
}

.btn-group label.btn-secondary.active,
.btn-group label.btn-secondary.disabled.active,
.btn-group label.btn-secondary.disabled:focus,
.btn-group label.btn-secondary:hover,
.btn-group label.btn-secondary:focus {
    color: #fff !important;
}

#sample-plan-grid table {
    table-layout: fixed;
}

#sample-plan-grid th {
    position: static;
}

#sample-plan-grid .action-column {
    width: 142px;
    max-width: 142px;
}

#sample-plan-grid .department-column {
    max-width: 250px;
    width: 250px;
}

#sample-plan-grid .mode-disciplines .summary-column,
#sample-plan-grid .mode-disciplines .planned-credits-column,
#sample-plan-grid .mode-disciplines .workload-column {
    display: none;
}

#sample-plan-grid .mode-credits .action-column,
#sample-plan-grid .mode-credits .code-column,
#sample-plan-grid .mode-credits .discipline-column,
#sample-plan-grid .mode-credits .competencies-column,
#sample-plan-grid .mode-credits .department-column,
#sample-plan-grid .mode-credits .workload-column {
    display: none;
}

#sample-plan-grid .mode-hours .action-column,
#sample-plan-grid .mode-hours .code-column,
#sample-plan-grid .mode-hours .discipline-column,
#sample-plan-grid .mode-hours .competencies-column,
#sample-plan-grid .mode-hours .department-column,
#sample-plan-grid .mode-hours .planned-credits-column {
    display: none;
}

.planned-credits-column {
    text-align: center;
}

.planned-credits-column input[type="text"] {
    text-align: center;
}

.not-set {
    color: #99abb4 !important;
}

.file-item-short {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    color: #394263;
    margin: 10px;
}

table td .file-item-short {
    float: left;
    width: 48%;
    display: block;
}

.file-item-short:hover,
.file-item-short:focus,
.file-item-short:active {
    text-decoration: none;
    color: inherit;
}

.file-item-short .file-item-image {
    float: left;
}

.file-item-short .file-item-image .fa,
.file-item-short .file-item-image .fi {
    line-height: 1;
}

.file-item-short .file-item-info {
    margin-left: 50px;
    color: #777;
    font-size: 12px;
    padding: 5px 0;
}

.file-item-short .file-item-name {
    color: #394263;
    font-weight: bold;
    font-size: 16px;
    word-break: break-word;
}

.file-item-short .file-item-size {
    display: inline-block;
}

#topics-summary-grid thead th,
#topics-summary-grid tbody tr td,
#topics-summary-grid tfoot tr td {
    text-align: center;
}

#topics-summary-grid tbody tr .code-column {
    text-align: left;
}

#topics-summary-grid tfoot tr .code-column {
    text-align: right;
    font-weight: bolder;
}

#topics-summary-grid tbody td span.current,
#topics-summary-grid tfoot td span.current {
    font-weight: bold;
}

#topics-grid .hours-column {
    width: 100px;
    max-width: 100px;
}

#topics-grid tr[data-level="0"] {
    border-top: 3px solid rgba(36, 141, 193, 0.5);
}

.sequence-table .link-row {
    border-top: 2px solid #e67e22;
    border-left: 2px solid #e67e22;
    border-right: 2px solid #e67e22;
}

.sequence-table .link-row + .link-row {
    border-top: 1px solid #ddd;
}

.sequence-table .link-end {
    border-bottom: 2px solid #e67e22;
    border-left: 2px solid #e67e22;
    border-right: 2px solid #e67e22;
}

.sequence-table .link-row td,
.sequence-table .link-end td {
    background-color: rgba(230, 126, 34, 0.05);
}

.sequence-table td.code-column,
.sequence-table td.hours-column,
.sequence-table td.join-column {
    text-align: center;
}

.sequence-table .code-column {
    width: 50px;
}

.sequence-table .hours-column,
.sequence-table .join-column {
    width: 70px;
}

.sequence-table .class-type-column,
.sequence-table .comments-column {
    width: 200px;
}

.card > .card-body > .nav.nav-pills .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(44, 171, 227);;
    border-radius: 0;
}

.card .nav.nav-pills .nav-link.active {
    color: #fff;
}

.nav .nav-item .nav-link .spinner-border {
    position: absolute;
    margin-left: 8px;
    width: 1.5rem;
    height: 1.5rem;
}

.wp-count + .spinner-border {
    margin-top: -5px;
    position: absolute;
    margin-left: 5px;
}

.input-group-append .spinner-border {
    position: absolute;
    margin-left: -37px;
    margin-top: 2px;
}

.form-group.row > label {
    position: relative;
}

.form-group.row > label > .spinner-border {
    position: absolute;
    right: 0;
    top: 2px;
}

.card-footer {
    overflow: hidden;
}

.btn-group + .status {
    position: absolute;
    margin-top: 4px;
    margin-left: 10px;
}

#load-calc-params-main-year-grid tr.disabled,
#load-calc-params-study-summary-grid tr.disabled,
#load-calc-params-study-groups-grid tr.disabled,
#load-calc-params-study-norms-grid tr.disabled {
    opacity: 0.33;
}

.wizard-content {
    margin: -1.25rem;
}

.wizard-content .wizard>.actions>ul {
    float: none;
    display: flex;
    justify-content: flex-end;
}

.nav-photos {
    padding: 0;
    margin: -20px;
}

.nav-photos .item {
    padding: 10px 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.nav-photos .item img {
    width: 52px;
    height: 52px;
    border-radius: 4px;
    border: 2px solid #c0c0c0;
    margin: -5px 10px -5px -10px;
}

.nav-photos .item .name {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    color: #1e88e5;
    word-break: break-word;
}

.nav-photos .item .hours {
    font-size: 12px;
}

.nav-photos .item .history {
    font-size: 12px;
    line-height: 1.14;
}

.nav-photos .item .actions {
    margin-left: auto;
}

.nav-photos .item.empty img {
    opacity: 0.33;
}

#documents-data-form table .value-column {
    width: 110px;
}

#documents-data-form table .value-column .form-control,
#documents-data-form table .mark-column .form-control {
    min-width: 60px;
}

#documents-data-form table .form-control {
    padding-left: 8px;
    padding-right: 8px;
}

#documents-data-form table .mark-column {
    width: 150px;
}

#document-preview {
    background: no-repeat left top;
    position: relative;
    overflow: hidden;
}

.document-field {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: -1px 0 1px 0;
    background: rgba(255, 255, 255, 0.5);
    font-family: "Times New Roman", serif;
    overflow: hidden;
    cursor: pointer;
}

.document-field:hover,
.document-field.active {
    border-color: rgb(0, 61, 115);
    background: rgba(0, 61, 115, 0.33);
}

.document-field[data-type="qr_code"] svg {
    width: 100%;
    height: 100%;
}

.document-section {
    min-height: 20px;
    margin: -1px 0 1px 0;
    background: rgba(122, 164, 221, 0.2);
    font-family: "Times New Roman", serif;
    overflow: hidden;
    cursor: pointer;
}

.document-section:hover,
.document-section.active {
    background: rgba(122, 164, 221, 0.4);
}

.document-section > .document-field {
    position: static;
    float: left;
    margin: -1px -2px 1px -1px;
    min-height: 10px;
}

.document-field[data-font-borders="1"] table {
    border-collapse: collapse;
    width: calc(100% - 1px) !important;
}

.document-field[data-font-borders="1"] table td {
    border: 1px solid #000;
}

.document-page {
    border: 1px solid #000000;
    background-repeat: no-repeat;
}

.document-page + .document-page {
    border-top: none;
}

.document-page .content {
    overflow: hidden;
    height: 100%;
}

.card .flex-column .nav-link > .spinner-border {
    position: absolute;
    right: 10px;
    margin-top: -4px;
}

.card .flex-column .nav-link > .spinner-border-sm {
    margin-top: 4px;
}

#rights .tab-content ul {
    list-style: none;
    padding: 0;
    columns: 2;
}

.lesson-mark {
    color: #ccc;
}

.lesson-mark + .lesson-mark:before {
    content: "/";
    color: #ccc;
    margin-right: 3px;
}

.lesson-mark + .lesson-mark {
    margin-left: 3px;
}

.lesson-mark:last-child {
    color: #333;
}

.lesson-mark.debt,
.lesson-mark.skip {
    color: #a94442;
}

.marks + .add-mark,
.marks + .add-mark + .add-document,
.marks + a,
.marks + a ~ a {
    margin-left: 10px;
}

.col-9 .form-check {
    /*padding-left: 0;*/
}

a.edit-field {
    cursor: pointer;
    border-bottom: dashed 1px #1bbae1;
}

a.edit-field:hover,
a.edit-field:focus {
    text-decoration: none;
}

.table-block.table td,
.table-block.table th {
    border-color: #ddd;
}

.table-block tbody tr {
    /*border-left: 3px solid #ced1d5;*/
    /*border-right: 3px solid #ced1d5;*/
}

.table-block tbody tr.start-row,
.table-block tbody tr:first-child {
    border-top: 3px solid #2cc76c;
}

.table-block tbody tr:last-child {
    /*border-bottom: 3px solid #ced1d5;*/
}

.table tr.transparent td {
    color: rgba(57, 66, 99, 0.4);
}

.table .lesson-info {
    font-size: 80%;
}

.table .lesson-info + .lesson-info {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eaedf1;
}

.table .lesson-info .row {
    margin-left: -5px;
    margin-right: -5px;
}

.table .lesson-info .row + .row {
    margin-top: 5px;
}

.table .lesson-info .row .col-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.table .lesson-info .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px;
    word-break: break-word;
}

.table .lesson-info .col-xs-6:last-child {
    text-align: right;
}

.table tr.transparent .busy-column {
    color: rgba(57, 66, 99, 1);
}

.table .busy-column {
    border-left: 3px solid #ccc;
}

.table th.date-column {
    width: 45px;
}

.table td.date-column,
.table tr.transparent td.date-column {
    color: rgba(57, 66, 99, 1);
    font-weight: bold;
    font-size: 125%;
    position: relative;
    overflow: hidden;
}

.table .date-column .vertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    left: -18px;
    margin-top: -25%;
    white-space: nowrap;
    text-align: center;
    width: 80px;
}

.schedule-table .day-start td {
    border-top: 3px solid #2cc76c;
}

.schedule-table .day-start:first-child td {
    border-top: inherit;
}

.schedule-table .btn {
    padding: 2px 8px;
}

.schedule-table td.time-column {
    text-align: center;
    white-space: nowrap;
    line-height: 1.1;
    padding-top: .5rem;
    padding-bottom: .5rem;
    height: 48px;
}

.schedule-table td.time-column small {
    white-space: normal;
    word-break: break-word;
}

.schedule-table td {
    height: 12px;
}

.schedule-table .action-column .btn-group {
    width: 100%;
}

.card .card-header .card-title .card-actions a {
    margin-left: 10px;
}

.card .card-header .card-actions .spinner-border {
    position: absolute;
    margin-top: -5px;
    margin-left: -30px;
}

.card-actions a {
    cursor: pointer;
    color: #67757c;
    opacity: 0.7;
    padding-left: 7px;
    font-size: 13px;
}

.col-form-label > .spinner-border {
    position: absolute;
    margin-top: -4px;
    margin-left: 10px;
}

.table td > input + label {
    margin: 0;
}

#load-groups-grid .year-column {
    width: 150px;
}

.chart {
    width: 150px;
    height: 150px;
}

.sl-item .comments .sl-item {
    margin-left: 60px;
}

.datepicker {
    padding: 10px 20px;
}

.form-control {
    border: var(--bs-border-width) solid #bcc9d4;
}

select.form-control,
select.form-select {
    --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display:block;
    width:100%;
    padding:8px 38px 8px 16px;
    font-size:.9375rem;
    font-weight:400;
    line-height:1.5;
    color:#768b9e;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#fff;
    background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:12px 12px;
    border:var(--bs-border-width) solid #bcc9d4;
    border-radius:5px;
    box-shadow:unset;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.input-group.list-search .list-search-clear {
    border-top-right-radius: 8px;
}

.input-group.list-search + select[multiple] {
    margin-bottom: 10px;
}

.float-right {
    float: right;
}

@media (prefers-reduced-motion:reduce) {
    select.form-control {
        transition:none
    }
}

select.form-control:focus {
    border-color:#3a4752;
    outline:0;
    box-shadow:unset,0 0 0 .25rem rgba(27,132,255,.25)
}

select.form-control[multiple],
select.form-control[size]:not([size="1"]) {
    padding-right:16px;
    background-image:none
}

select.form-control:disabled {
    background-color:var(--bs-secondary-bg)
}

select.form-control:-moz-focusring {
    color:transparent;
    text-shadow: 0 0 0 #768b9e;
}

.form-control.datepicker {
    padding: 6px 12px;
}

#loginform .form-control.datepicker {
    padding: 8px 16px;
    border-radius: 8px;
}

.mailbox .message-center a .mail-contnet .mail-desc,
.mailbox .message-center a .mail-contnet .time {
    white-space: normal;
    line-height: 1.2;
}

.timeline {
    padding-top: 0;
}

.timeline.timeline-left:before {
    left: 20px;
    top: 20px;
}

.timeline.timeline-left > li > .timeline-badge {
    left: 20px;
}

.timeline.timeline-left > li > .timeline-panel {
    float: right;
    width: 90%;
}

.timeline.timeline-left > li > .timeline-panel:before {
    right: auto;
    left: -8px;
    top: 32px;
    border-right-width: 8px;
    border-left-width: 0;
}

.timeline.timeline-left > li > .timeline-panel:after {
    right: auto;
    left: -7px;
    top: 33px;
    border-right-width: 7px;
    border-left-width: 0;
}

.timeline .timeline-panel .timeline-actions {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1;
}

.timeline .timeline-panel .timeline-actions .btn-group .btn {
    border-color: rgba(120, 130, 140, 0.13);
}

.timeline .timeline-panel .timeline-actions .btn-group .btn:first-child {
    border-top-left-radius: 0;
}

.timeline .timeline-panel .timeline-actions .btn-group .btn:last-child {
    border-bottom-right-radius: 0;
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav > li:hover > a {
    border-bottom-right-radius: 0;
    color: #fff !important;
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav > li > a {
    margin-right: -10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[data-sidebartype="mini-sidebar"] #sidebarnav > li ul.in {
    display: none;
}
[data-sidebartype="mini-sidebar"] #sidebarnav:hover > li ul.in {
    display: inherit;
}

[data-sidebartype="mini-sidebar"] #sidebarnav > li.active:has(ul li.active) > .sidebar-link {
    background-color: var(--bs-secondary);
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav > li > ul {
    width: 255px;
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav > li > a {
    max-height: 51px;
    transition: none;
}

[data-sidebartype="mini-sidebar"] .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
    display: inline-block;
}

#sidebarnav .active > ul.collapse {
    display: block;
}

#sidebarnav {
    padding: 0;
}

#sidebarnav .nav-small-cap {
    padding-left: 15px;
    padding-right: 15px;
}

.ms-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background: none;
}

#quotas-table.grid-view {
    overflow: unset;
}

.left-sidebar .scroll-sidebar {
    overflow-y: unset;
}

.grid-view {
    overflow-x: auto;
    overflow-y: paged-y;
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .grid-view {
            overflow: auto;
        }
    }
}

.grid-view .grid-settings {
    position: absolute;
    z-index: 14;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    border: 1px solid #bcc9d4;
    border-radius: 0 0 5px 0;
    display: inline-block;
    color: #99abb4;
    background-color: #f1f5f9;
}

.grid-settings + .table thead th {
    min-height: 68px;
    height: 68px;
}

.grid-view thead .filters input.form-control {
    min-width: 50px;
}

.progress {
    height: 2.5rem;
    font-size: 16px;
}

.alert > ul {
    margin-bottom: 0;
}

.alert > .btn-close {
    float: right;
}

#global-save-button {
    position: relative;
    transition: color 0.5s;
}

#global-save-button .spinner-border {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 24px;
    top: 9px;
}

[data-sidebartype="mini-sidebar"] .sidebar-footer {
    display: block;
    width: 60px;
}

[data-sidebartype="mini-sidebar"] .sidebar-footer #global-save-button .spinner-border {
    right: -13px;
}

.sidebar-footer a:focus {
    color: #455a64 !important;
}

.sidebar-footer a.text-success {
    color: #26c6da !important;
}

.sidebar-footer a.text-danger {
    color: #fc4b6c !important;
}

.modal-footer {
    flex-wrap: wrap;
}

#import-from-wp {
    width: 100%;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

#import-from-wp .table {
    margin-bottom: 0;
}

#import-from-wp .table tr td:first-child {
    padding-left: 0;
    padding-right: 0;
    width: 32px;
}

#import-from-wp .table tr td:first-child a {
    width: 38px;
}

#import-from-wp .table tr td {
    border: none;
}

#topics-grid textarea {
    display: block;
}

@media (max-width: 1299px) {
    header.topbar {
        background: #272c33 !important;
    }

    .input-datepicker .datepicker.datepicker-inline td,
    .input-datepicker .datepicker.datepicker-inline th {
        min-width: 14px;
        padding: 5px 6px;
        width: 14px;
    }
}

@media (max-width: 991px) {
    header.topbar .brand-logo {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    header.topbar .dark-logo {
        height: 38px;
    }
}

@media (max-width: 1024px) {
    .table .action-column .btn-group {
        flex-direction: column;
    }

    .table .action-column .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(.dropdown-toggle) {
        border-radius: 0;
    }

    .table .action-column .btn-group > .btn:not(:first-child) {
        margin-left: 0;
    }

    .table textarea.form-control,
    .table input.form-control,
    .table select.form-control {
        padding: .175rem .375rem;
    }

    .table th,
    .table td {
        padding: .375rem;
    }

    #documents-data-form table .mark-column,
    #documents-data-form table .value-column {
        width: 90px;
    }
}

#control-form-modal table .hours-column {
    width: 100px;
}

#control-form-modal table .classroom-column {
    width: 100px;
    text-align: center;
}

.grid-view > .row {
    margin-left: 0;
    margin-right: 0;
}

.grid-view > .row > .col-6 {
    padding-left: 0;
    padding-right: 0;
}

.ui-front {
    z-index: 1100;
}

.ui-menu {
    font-size: 1rem;
}

.swal2-popup .swal2-styled.swal2-custom {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em;
    display: block;
    width: 100%;
}

.swal2-popup .swal2-styled.swal2-custom + .swal2-custom {
    margin-top: 10px;
}

.swal-form {
    font-size: 1rem;
    text-align: left;
}

.note-toolbar {
    z-index: 10;
}

ul.list-style-none.search-listing li {
    border-bottom: 0;
}

ul.list-style-none.search-listing li a {
    display: inline;
}

ul.list-style-none.search-listing li p {
    margin-bottom: 0;
}

ul.list-style-none.search-listing li + li {
    border-top: 1px solid rgba(120, 130, 140, 0.13)
}

.nav-pills .collapse.show > .nav-link {
    color: #1e88e5;
    background-color: inherit;
    padding-left: 2rem;
}

.nav-pills > .nav-item > .nav-link {
    color: rgb(0, 0, 0);
}

.nav-pills > .nav-item > .nav-link.active {
    color: #fff;
}

.import-table tbody tr td {
    width: 250px;
    min-width: 250px;
}

.import-table tbody tr td.serial-column {
    width: 10px;
    min-width: inherit;
}

.import-table tbody tr td.checkbox-column {
    width: 42px;
    min-width: inherit;
}

.widgets-grid .grid-stack-item {
    cursor: move;
}

.widgets-grid .grid-stack-item .grid-stack-item-content {
    border-color: #d7dfe3;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    height: 60px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 16px;
}

.widgets-grid .grid-stack-container {
    margin: 10px 0 20px;
    padding: 10px 0;
    background-color: rgba(206, 217, 231, 0.25);
    position: relative;
}

.widgets-grid .grid-stack-headers {
    display: flex;
    flex-direction: row;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.widgets-grid .grid-stack-headers [class^="col-"] {
    padding: 0;
}

.widgets-grid .widgets-row {
    position: relative;
}

.widgets-grid .grid-stack-headers .item {
    border-right: 1px solid rgba(206, 217, 231, 0.5);
    height: 100%;
}

.widgets-grid .grid-stack-headers [class^="col-"]:last-child {
    display: none;
}

.widgets-grid .widgets-row[data-id="-1"] .grid-stack > .grid-stack-item[data-gs-x="0"] {
    left: 0;
    width: 100%;
}

.card .card-subtitle.mb-0 {
    margin-bottom: 0;
}

.antiplagiat-check-message .scores,
.file-item-info .scores {
    display: inline;
}

.file-item-info .scores .item,
.antiplagiat-check-message .scores .item {
    display: inline-block;
    margin-right: 10px;
}

.file-item-info .scores .item + .item::before,
.antiplagiat-check-message .scores .item + .item::before {
    content: '|';
    margin-right: 10px;
    color: rgba(127, 127, 127, 0.5);
}

.file-item-info .scores .item {
    margin-right: 4px;
}

.file-item-info .scores .item + .item::before {
    margin-right: 4px;
}

.file-item-short .file-item-image .fa-image {
    font-size: 2.7rem;
    margin-top: 5px;
}

#places-table .value-column {
    width: 100px;
    text-align: center;
}

#places-table tfoot td {
    font-weight: bold;
    background-color: #f3f1f1;
    border-top: 2px solid #cbcaca;
}

#places-table .border-left-success {
    border-left: 3px solid #4a8b2c !important;
}

#places-table tfoot td.table-success {
    background-color: #9fd9b4;
    border-top: 2px solid #9fd9b4;
}

#places-table thead th.table-success {
    border: 1px solid #9fd9b4;
}

#places-table .table-success {
    border-color: #9fd9b4;
}

#places-table tfoot td.table-danger {
    background-color: #eba3b1;
    border-top: 2px solid #eba3b1;
}

#places-table thead th.table-danger {
    border: 1px solid #eba3b1;
}

#places-table .table-danger {
    border-color: #eba3b1;
}

#places-table tbody tr.start-row {
    border-top: 2px solid #ced1d5;
    background-color: rgba(206, 209, 213, 0.15);
    font-weight: bold;
}

#places-table tbody tr.start-row .table-success {
    border-top: 2px solid #9fd9b4;
}

.news-item + .news-item {
    margin-top: 20px;
}

.editable-input .btn-group {
    flex-wrap: wrap;
}

.login-register {
    position: relative;
    height: auto;
    width: auto;
    min-height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-register .login-box {
    margin: 20px auto 200px;
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.login-register .login-box .card {
    width: 100%;
}

.login-register .btn-block {
    margin-bottom: 1px;
    width: calc(100% - 2px);
}

.table tbody td > [type=radio]:not(:checked)+label,
.table tbody td > [type=radio]:checked+label {
    height: 17px;
}

.pagesize-selector {
    width: 80px;
}

.pagesize-selector + .spinner-border {
    position: absolute;
    margin-top: 4px;
}

.sortable-list select.form-control {
    height: 400px;
    display: block;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
}

.list-search .form-control {
    border-bottom-left-radius: 0;
}

.list-search .list-search-clear {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.list-search + select.form-control {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}

/*.sortable-list .sortable-add,*/
.sortable-list .sortable-up {
    border-top-left-radius: 0;
}

/*.sortable-list .sortable-add,*/
.sortable-list .sortable-delete {
    border-top-right-radius: 0;
}


.m-t--5 {
    margin-top: -5px;
}

#plan-summary-table {
    position: fixed;
    bottom: 0;
    left: 276px;
    right: 36px;
    z-index: 10;
    background-color: #fff;
    line-height: 1.27;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
}

[data-sidebartype="mini-sidebar"] #plan-summary-table {
    left: 96px;
}

#plan-summary-table table {
    margin-bottom: 0;
    border: 3px solid #ffa400;
    border-bottom: none;
    background-color: rgba(255, 164, 0, 0.1);
}

#plan-summary-table td {
    padding: 0 .25rem;
    font-size: 80%;
}

#plan-summary-table td[data-course] {
    text-align: center;
}

#plan-summary-table td.indent {
    padding-left: 18px;
}

#plan-summary-table td.indent span {
    font-weight: bold;
}

#plan-summary-table .group i {
    width: 11px;
    text-align: center;
}

#plan-summary-table .table tr.group {
    font-weight: bold;
    border-top: 2px solid rgba(255, 164, 0, 0.2);
}

#plan-summary-table .group td {
    background-color: rgba(255, 164, 0, 0.2);
}

#plan-summary-table .group a {
    display: block;
    color: inherit;
}

#plan-summary-table-show {
    position: absolute;
    right: 20px;
    top: -37px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -3px 10px 3px rgba(0, 0, 0, 0.1);
}

#widget-list .contact-box .contact-widget > a {
    padding: 10px 20px;
}

#widget-list .contact-box .contact-widget > a.active {
    border-left: 4px solid #1e88e5;
    background: rgba(30, 136, 229, 0.05);
    padding-left: 16px;
}

.card > .card-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    z-index: 20;
}

.card > .card-overlay .spinner-border {
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
    color: #fff;
}

.stylish-table.no-hover tbody tr:hover {
    border-left: 4px solid #ffffff;
}

.stylish-table.table-sm .round {
    width: 36px;
    height: 36px;
    line-height: 38px;
}

#old-browser {
    padding: 5px;
    background-color: rgb(253, 242, 171);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}

.form-group.form-submit-block {
    position: relative;
    bottom: -35px;
    margin: -20px;
    padding: .75rem 30px;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}

.form-control-plaintext {
    color: inherit;
}

.vtabs .tab-content.p-t-0 {
    padding-top: 0;
}

.table .tfoot-dark td {
    color: #fff;
    background-color: #343a40;
    border-color:#454d55
}

.table .tfoot-light td {
    color: #495057;
    background-color: #e9ecef;
    border-color:#bcc9d4
}

.switch > label {
    margin-top: 10px;
}

.wizard-content .wizard > .actions {
    margin-top: 1rem;
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}

.wizard-content .wizard > .actions > ul > li > a {
    font-size: 14px;
}

.norms-grid tbody tr td:first-child {
    padding-left: 2rem;
}

.norms-grid h4 {
    margin: 0;
    margin-left: -1.25rem;
}

.label {
    font-size: 80%;
    line-height: 14px;
    padding: 4px 10px;
}

.card-header .label {
    font-size: 14px;
}

.modal-footer .btn-group>.btn:not(:first-child) {
    margin-left: -1px !important;
}

.table thead .filters {
    background-color: #eceff1;
}

#lessons .list-group-item-text {
    line-height: 1.2;
}

.line-height-12 {
    line-height: 1.2 !important;
}

.btn-outline-success .spinner-border {
    border-color: #1e88e5;
    border-right-color: transparent;
}

.btn-outline-success:hover .spinner-border {
    border-color: #fff;
    border-right-color: transparent;
}

.swal2-container {
    z-index: 1080;
}

.card .card-search .input-group-text,
.card .card-search .form-control {
    border-radius: 0;
}

#certificate-status .spinner-border {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 10px;
}

#certificates {
    max-height: 400px;
    overflow-y: auto;
    margin: 0 -20px;
}

#certificate-current .item,
#certificates .item {
    display: flex;
}

#certificates .item {
    cursor: pointer;
    padding: 10px 20px;
}

#certificates .item:hover {
    background-color: rgba(30, 136, 229, 0.2);
}

#certificate-current .item > i,
#certificates .item > i {
    font-size: 2rem;
    margin-right: 10px;
}

.floating-card-column.active {
    position: fixed;
    z-index: 10;
    top: 60px;
    bottom: 20px;
    right: 21px;
    background-color: #fff;
}

.floating-card-column.active .card-scrollable {
    height: 100%;
}

.floating-card-column.active .card-scrollable .card-body {
    overflow-y: scroll;
}

.floating-card-column.scrollable {
    overflow-y: scroll;
}

.date-range-filter {
    min-width: 136px;
}

.date-range-filter .input-group:first-child .form-control {
    border-bottom-right-radius: 0;
}

.date-range-filter .input-group:first-child .input-group-text {
    border-bottom-left-radius: 0;
}

.date-range-filter .input-group:last-child .form-control {
    border-top-right-radius: 0;
}

.date-range-filter .input-group:last-child .input-group-text {
    border-top-left-radius: 0;
}

.date-range-filter .input-group-text {
    width: 36px;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.no-menu .page-wrapper {
    margin-left: 0;
}

.no-menu .footer {
    left: 0;
}

.no-menu .topbar .top-navbar .navbar-header {
    background-color: transparent;
}

.nav.customtab > .nav-item.dropdown {
    margin-left: auto;
}

.nav.customtab > .nav-item.dropdown .dropdown-toggle::after {
    content: none;
}

.nav.customtab > .nav-item.dropdown .dropdown-toggle {
    padding: 12px 20px 7px;
}

.nav.customtab > .nav-item.dropdown .dropdown-toggle i {
    font-size: 1.5rem;
}

.nav.customtab > .nav-item.dropdown .dropdown-menu {
    margin-top: 1px;
}

.nav.nav-tabs + .tab-content.pt-3 > .tab-pane > .card-body {
    padding-top: 0;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.mw-parser-output .thumb {
    display: flex;
    justify-content: center;
}

.mw-parser-output .thumb .thumbinner {
    margin: 5px;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
}

.mw-parser-output .thumb .thumbcaption {
    border-top: 1px solid #ccc;
    padding: 2px 5px;
    text-align: center;
}

.mw-parser-output .wikitable {
    background-color: #f8f9fa;
    color: #202122;
}

.mw-parser-output .wikitable tr th {
    background-color: #eaecf0;
    text-align: center;
}

.mw-parser-output .wikitable tr th,
.mw-parser-output .wikitable tr td {
    border: 1px solid #a2a9b1;
    padding: 0.2em 0.4em;
}

.mw-parser-output h1,
.mw-parser-output h2 {
    border-bottom: 1px solid #a2a9b1;
}

.mw-parser-output h1 {
    font-size: 28px;
}

.mw-parser-output h2 {
    font-size: 24px;
}

.mw-parser-output h3 {
    font-size: 22px;
}

.mw-parser-output .toc ul {
    list-style: none;
}

.mw-parser-output .toc > ul {
    padding-left: 0;
}

.mw-parser-output .toc .tocnumber {
    color: #333;
    margin-right: 5px;
}

.modal-header .modal-header-statistics {
    margin: -1rem 0;
    padding: .25rem .5rem;
    background-color: rgba(30, 136, 229, 0.25);
    border-left: 1px solid rgba(30, 136, 229, 0.5);
    border-right: 1px solid rgba(30, 136, 229, 0.5);
    text-align: center;
}

.modal-header .modal-header-statistics-block {
    margin-right: 20px;
    display: flex;
}

.modal-header .modal-header-statistics-block .modal-header-statistics {
    background-color: rgba(252, 75, 108, 0.25);
    border-left: 1px solid rgba(252, 75, 108, 0.5);
    border-right: 1px solid rgba(252, 75, 108, 0.5);
}

.modal-header .modal-title + .modal-header-statistics-block,
.modal-header .modal-title + .modal-header-statistics {
    margin-left: auto;
}

.modal-header .modal-header-statistics + .close {
    margin-left: 10px;
}

.w-25px {
    width: 25px;
    text-align: center;
    align-content: center;
}

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

.form-control.is-valid, .was-validated .form-control:valid {
    appearance: none;
}

#loginform .pass-group {
    position: relative;
}

#loginform .pass-group .toggle-password {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.table-with-bottom-margin {
    margin-bottom: 60px;
}

input[type=checkbox],
input[type=radio] {
    border-radius: .25em;
    --bs-form-check-bg: #fff;
    flex-shrink: 0;
    width: 1.313em;
    height: 1.313em;
    margin-top: .0935em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #bcc9d4;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

input[type=checkbox]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

input[type=checkbox][disabled] {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    opacity: .5;
}

input[type=checkbox][disabled]:checked {
    opacity: .5;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    margin-left: 5px;
}

.checkbox-column input[type="checkbox"] + label {
    display: none;
}

input[type=radio] {
    border-radius: 50%;
}

input[type=radio]:checked {
    --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-group > .btn.first-child {
    border-top-left-radius: var(--bs-btn-border-radius) !important;
    border-bottom-left-radius: var(--bs-btn-border-radius) !important;
}

.btn-group > .btn.last-child {
    border-top-right-radius: var(--bs-btn-border-radius) !important;
    border-bottom-right-radius: var(--bs-btn-border-radius) !important;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
    padding-right: 30px;
}

body .select2-container--classic .select2-selection--single .select2-selection__arrow,
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 15px;
}

@media (max-width: 767px) {
    .chat-main-box .chat-left-aside {
        width: 100%;
        position: static;
        min-height: 420px;
    }

    .chat-main-box .chat-right-aside .dialog {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 10;
        display: flex;
        flex-direction: column;
    }

    .chat-main-box .chat-main-header .row > div {
        max-width: 100%;
        flex: 0 0 0;
    }

    .chat-main-box .chat-main-header .row > .col-3 {
        margin-left: auto;
        margin-top: -6px;
    }

    .chat-main-box .chat-main-header .block-options {
        display: flex;
        gap: 10px;
    }

    .chat-main-box .chat-main-header .p-20 {
        padding: 20px 20px 10px;
    }

    .chat-main-box .chat-right-aside .dialog .card-body .row > div {
        max-width: 100%;
        flex: 0 0 0;
    }

    .chat-main-box .chat-right-aside .dialog .card-body .row > .col-8 {
        flex-grow: 1;
    }

    .chat-main-box .chat-right-aside .dialog .card-body .row > .col-4 {
        width: 142px;
        display: flex;
    }

    .chat-main-box .chat-right-aside .dialog .card-body .row > .col-4 .btn-circle {
        padding: 14px 15px;
        font-size: 18px;
        border: none;
        box-shadow: none;
    }

    .chat-main-box .chat-right-aside .dialog .card-body .row .chatui-add-file {
        padding: .75rem;
    }
}

@media (max-width: 480px) {
    .page-titles .btn.btn-lg {
        font-size: 0;
    }

    .page-titles .btn.btn-lg i {
        font-size: 1.25rem;
    }
}

#widget-advertisements .row.gx-9 .row.mt-4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 0fr));
    gap: 16px;
}

#settings h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    padding: 12px 0;
    position: relative;
    display: inline-block;
    letter-spacing: -0.5px;
}

.file-drop-target {
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.file-drop-target-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 3px dashed #fff;
    margin: 50px;
    display: flex;
    flex-direction: column;
    color: #fff;
    gap: 20px;
    font-size: 48px;
    justify-content: center;
    align-items: center;
}

.file-drop-target-content i {
    font-size: 96px;
}

.columns-2 {
    columns: 2;
}