@charset "UTF-8";

:root {
  --dark-bg: #10131a;
  --dark-surface: #171b24;
  --dark-surface-2: #1f2531;
  --dark-surface-3: #262d3b;
  --dark-border: #31394a;
  --dark-border-soft: #252b38;
  --dark-text: #e8ecf4;
  --dark-text-soft: #c1c8d4;
  --dark-muted: #8993a4;
  --dark-primary: #7c8cff;
  --dark-primary-soft: rgba(124, 140, 255, .16);
  --dark-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  --cert-accent: #e8b923;
  --cert-accent-soft: #f6e27a;
  --cert-ink: #ffe28a;
  --cert-ink-muted: #d8c07a;
  --cert-badge-bg: linear-gradient(135deg, rgba(232, 185, 35, .24) 0%, rgba(232, 185, 35, .14) 100%);
  --cert-badge-border: rgba(232, 185, 35, .42);
  --cert-badge-color: #ffe28a;
  --cert-badge-icon: #f6e27a;
  --cert-card-bg: linear-gradient(180deg, rgba(232, 185, 35, .16) 0%, rgba(232, 185, 35, .08) 100%);
  --cert-card-border: #8a6f24;
  --cert-card-color: #f6e27a;
  --cert-card-muted: #d8c07a;
  --cert-seal-bg: linear-gradient(145deg, #ffe28a 0%, #c99200 100%);
  --cert-seal-color: #3f2f00;
  --cert-seal-border: rgba(23, 27, 36, .7);
  --cert-seal-shadow: 0 4px 14px rgba(0, 0, 0, .4);
  --cert-hero-badge-bg: rgba(255, 210, 122, .16);
  --cert-hero-badge-border: rgba(255, 210, 122, .38);
  --cert-hero-badge-color: #fff0c2;
  --cert-hero-badge-icon: #ffd27a;
  --course-hero-tag-bg: rgba(255, 210, 122, .14);
  --course-hero-tag-border: rgba(255, 210, 122, .38);
  --course-hero-tag-color: #fff0c2;
  --course-hero-tag-hover-bg: rgba(255, 210, 122, .24);
  --course-hero-tag-hover-border: rgba(255, 210, 122, .52);
  --course-hero-tag-hover-color: #fff;
  --course-card-tag-bg: rgba(124, 140, 255, .14);
  --course-card-tag-border: rgba(124, 140, 255, .28);
  --course-card-tag-color: #aeb8ff;
  --course-card-tag-hover-bg: rgba(124, 140, 255, .22);
  --course-card-tag-hover-border: rgba(124, 140, 255, .4);
  --course-card-tag-hover-color: #c8d0ff;
}

html,
body {
  background-color: var(--dark-bg) !important;
  color: var(--dark-text-soft);
}

body.auth-page-style-light,
body.auth-page-style-light .section {
  background: transparent !important;
}

body.auth-page-style-light .auth-light-card {
  background: #fff !important;
  color: #34395e !important;
  border-color: rgba(255, 255, 255, .7) !important;
}

body.auth-page-style-light .auth-light-card :is(h1, h2, h3, h4, h5, h6, label) {
  color: #34395e !important;
}

body.auth-page-style-light .auth-light-card .text-muted,
body.auth-page-style-light .auth-light-card small {
  color: #8b95a7 !important;
}

body.auth-page-style-light .auth-light-card :is(input, select, textarea) {
  background: #fff !important;
  border-color: #e4e6ef !important;
  color: #34395e !important;
}

.login-style-card {
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface-2) !important;
}

.login-style-card:has(input:checked) {
  border-color: var(--dark-primary) !important;
  background: rgba(124, 140, 255, .12) !important;
}

body,
p,
ul:not(.list-unstyled),
ol,
label,
small,
.table,
.media-title,
.section .section-lead,
.card .card-body p {
  color: var(--dark-text-soft);
}

h1,
h2,
h3,
h4,
h5,
h6,
.text-dark,
.text-dark-all *,
.section .section-header h1,
.section .section-title,
.card .card-header h4,
.card.card-statistic-1 .card-body,
.card.card-statistic-2 .card-body,
.card.card-large-icons .card-body h4,
.main-sidebar .sidebar-brand a,
.dropdown-menu .dropdown-title,
.table th {
  color: var(--dark-text) !important;
}

a,
.text-primary,
.text-primary-all *,
.text-primary-all *:before,
.text-primary-all *:after {
  color: var(--dark-primary) !important;
}

a:hover {
  color: #a8b3ff !important;
}

.text-muted,
.section .section-header .section-header-breadcrumb .breadcrumb-item,
.card .card-stats .card-stats-item .card-stats-item-label,
.card.card-statistic-1 .card-header h4,
.card.card-statistic-2 .card-header h4,
.dropdown-list .dropdown-item .time,
.dropdown-list .dropdown-item .dropdown-item-desc p,
.main-footer,
.main-sidebar .sidebar-menu li.menu-header,
.main-sidebar .sidebar-user .sidebar-user-details .user-role {
  color: var(--dark-muted) !important;
}

.shadow,
.card,
.section .section-header,
.dropdown-menu,
.modal-content,
.popover,
.navbar .form-inline .search-result,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
  box-shadow: var(--dark-shadow) !important;
}

.main-content,
body.layout-2 .main-content,
body.layout-3 .main-content {
  background-color: var(--dark-bg);
}

.bg-light,
.badge.badge-light,
.btn-light,
.btn-light.disabled,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
  background-color: var(--dark-surface-3) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

.bg-white,
.badge.badge-white,
.text-white.bg-light {
  background-color: var(--dark-surface) !important;
  color: var(--dark-text) !important;
}

.border,
.border-top,
.border-right,
.border-bottom,
.border-left,
.dropdown-divider,
hr {
  border-color: var(--dark-border) !important;
}

/* Forms */
.form-control,
.input-group-text,
.custom-select,
.custom-file-label,
.custom-file-label:after,
.form-control[type="color"],
select.form-control:not([size]):not([multiple]),
select,
textarea,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
.note-editor.note-frame .note-editing-area .note-editable {
  background-color: var(--dark-surface-2) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.form-control:focus,
.input-group-text:focus,
.custom-select:focus,
.custom-file-label:focus,
select:focus,
textarea:focus,
input:focus {
  background-color: #222938 !important;
  border-color: var(--dark-primary) !important;
  color: var(--dark-text) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: #727d90 !important;
}

.custom-control-label:before {
  background-color: var(--dark-surface-2);
  border-color: var(--dark-border);
}

.custom-switch .custom-control-label:after {
  background-color: var(--dark-muted);
}

.custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
}

/* Cards and panels */
.card,
.card .card-header,
.card .card-body,
.card .card-footer,
.card .navbar,
.section .section-header,
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.modal-part,
.accordion .accordion-header,
.accordion .accordion-body,
.popover,
.jumbotron,
.list-group-item,
.media,
.hero,
.invoice,
.activities .activity:before {
  background-color: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
  color: var(--dark-text-soft);
}

.card,
.modal-content,
.dropdown-menu,
.popover,
.list-group-item {
  border-color: var(--dark-border-soft) !important;
}

.card .card-footer,
.modal-footer,
.card .card-header,
.table td,
.table:not(.table-bordered) th,
.table.table-bordered td,
.table.table-bordered th,
.nav-tabs,
.nav-tabs .nav-item .nav-link,
.breadcrumb,
.main-footer {
  border-color: var(--dark-border-soft) !important;
}

.card.card-statistic-1,
.card.card-statistic-2,
.card.card-large-icons,
.card .card-stats .card-stats-items,
.card .card-stats .card-stats-item {
  background-color: var(--dark-surface) !important;
}

.card.card-progress:after,
.modal-progress .modal-content:after {
  background-color: rgba(16, 19, 26, .82);
}

/* Tables */
.table,
.table td,
.table th {
  color: var(--dark-text-soft) !important;
  border-color: var(--dark-border-soft) !important;
}

.table thead th,
.table:not(.table-sm) thead th,
.table-hover tbody tr:hover,
table tr:hover,
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even),
.table-active,
.table-active > th,
.table-active > td {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #1b202b !important;
}

/* Student exam cards */
.exam-student-page .exam-hero {
  background: linear-gradient(135deg, #24324a 0%, #1a2231 100%) !important;
  color: var(--dark-text) !important;
}

.exam-student-page .search-panel,
.exam-student-page .exam-card {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
  box-shadow: var(--dark-shadow) !important;
}

.exam-student-page .exam-card-header {
  background: linear-gradient(135deg, #1a2231 0%, #20283a 100%) !important;
  border-bottom-color: var(--dark-border-soft) !important;
}

.exam-student-page .meta-row,
.exam-student-page .text-muted,
.exam-student-page .small,
.exam-student-page .exam-card-body {
  color: var(--dark-text-soft) !important;
}

.exam-student-page .badge.badge-light {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

.exam-student-page .exam-card-icon {
  color: #9db9ff !important;
  background: #263550 !important;
}

.exam-student-page .exam-date-item,
.exam-student-page .exam-lesson-badge {
  color: var(--dark-text-soft) !important;
  background: var(--dark-surface-2) !important;
  border-color: var(--dark-border-soft) !important;
}

.exam-student-page .exam-card-footer {
  border-top-color: var(--dark-border-soft) !important;
}

.exam-student-page .exam-result-summary {
  background: var(--dark-surface-2) !important;
  border-color: var(--dark-border-soft) !important;
}

.exam-student-page .exam-result-summary.is-finished {
  color: #75d6af !important;
}

.exam-student-page .exam-result-summary.is-progress {
  color: #f0c875 !important;
}

.exam-student-page .exam-card-code,
.exam-student-page .exam-date-item span,
.exam-student-page .exam-section-label {
  color: var(--dark-muted) !important;
}

.exam-student-page .exam-start-modal .modal-content,
.exam-student-page .exam-start-modal .modal-body,
.exam-student-page .exam-start-modal .modal-footer {
  color: var(--dark-text) !important;
  background: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
}

.exam-student-page .exam-start-modal .modal-header {
  color: var(--dark-text) !important;
  background: linear-gradient(135deg, #1a2231 0%, #20283a 100%) !important;
  border-bottom-color: var(--dark-border-soft) !important;
}

.exam-student-page .exam-start-modal-icon {
  color: #9db9ff !important;
  background: #263550 !important;
}

.exam-student-page .exam-start-text {
  color: var(--dark-text-soft) !important;
}

.exam-results-manager .exam-results-toolbar {
  color: var(--dark-text) !important;
  background: linear-gradient(135deg, #1a2231 0%, #20283a 100%) !important;
  border-bottom-color: var(--dark-border-soft) !important;
}

.exam-correction-progress {
  color: var(--dark-text) !important;
  background: var(--dark-surface-2) !important;
  border-color: var(--dark-border-soft) !important;
}

.exam-setting-option {
  color: var(--dark-text) !important;
  background: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
}

.exam-setting-option:hover,
.exam-setting-option:has(input:checked) {
  background: var(--dark-surface-2) !important;
  border-color: #5277b8 !important;
}

.exam-setting-text strong {
  color: var(--dark-text) !important;
}

.exam-setting-text small {
  color: var(--dark-muted) !important;
}

.exam-setting-icon {
  color: #9db9ff !important;
  background: #263550 !important;
}

/* Administration report center */
.report-page {
  --report-ink: var(--dark-text);
  --report-muted: var(--dark-muted);
}

.report-page .report-hero {
  background: linear-gradient(135deg, #35438f, #503a91) !important;
  box-shadow: var(--dark-shadow) !important;
}

.report-page .report-hero h1,
.report-page .report-hero p,
.report-page .report-kicker,
.report-page .report-hero > i {
  color: #fff !important;
}

.report-page .report-hero p {
  opacity: .78;
}

.report-page .report-stat {
  color: var(--dark-text-soft) !important;
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface) !important;
  box-shadow: var(--dark-shadow) !important;
}

.report-page .report-stat small {
  color: var(--dark-muted) !important;
}

.report-page .report-stat strong {
  color: var(--dark-text) !important;
}

.report-page .report-stat-primary > span { color:#aeb8ff !important; background:rgba(103,119,239,.18) !important; }
.report-page .report-stat-success > span { color:#75d6af !important; background:rgba(32,169,121,.16) !important; }
.report-page .report-stat-info > span { color:#72d5dc !important; background:rgba(22,143,153,.17) !important; }
.report-page .report-stat-warning > span { color:#f0c875 !important; background:rgba(196,132,19,.17) !important; }
.report-page .report-stat-danger > span { color:#ff9eaa !important; background:rgba(220,53,69,.16) !important; }

.report-page .report-chart-card,
.report-page .report-chart-card .card-header,
.report-page .report-chart-card .card-body,
.report-page .report-table-head {
  color: var(--dark-text) !important;
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface) !important;
}

.report-page .report-user-agent {
  color: var(--dark-text-soft) !important;
}

/* Student course details */
.student-course-page {
  --course-ink: var(--dark-text);
  --course-muted: var(--dark-muted);
  --course-line: var(--dark-border-soft);
  --course-surface: var(--dark-surface);
  --course-soft: var(--dark-surface-2);
}

.student-course-summary,
.student-course-sections,
.student-course-section {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
  box-shadow: var(--dark-shadow) !important;
}

.student-course-summary-icon,
.student-course-total {
  color: #81cbd0 !important;
  background: rgba(35, 138, 141, .18) !important;
}

.student-course-section-toggle,
.student-course-section-number,
.student-course-section-arrow,
.student-course-empty span {
  color: var(--dark-text) !important;
  background: var(--dark-surface-2) !important;
  border-color: var(--dark-border-soft) !important;
}

.student-course-section.is-open .student-course-section-toggle {
  background: rgba(35, 138, 141, .13) !important;
}

.student-course-section.is-exam,
.student-course-section.is-exam .student-course-section-toggle,
.student-course-exam-block {
  color: var(--dark-text-soft) !important;
  background: #29251d !important;
  border-color: #5a4930 !important;
}

.student-course-section.is-exam .student-course-section-type-icon {
  color: #f1bd63 !important;
  background: #3b3020 !important;
  border-color: #5a4930 !important;
}

.student-course-section-status.is-done {
  color: #79d5ac !important;
  background: rgba(52, 180, 126, .14) !important;
}

.student-course-exam-result {
  color: #79d5ac !important;
  background: rgba(52, 180, 126, .12) !important;
  border-color: rgba(52, 180, 126, .3) !important;
}

.student-course-text {
  color: var(--dark-text-soft) !important;
  background: var(--dark-surface-2) !important;
  border-color: var(--dark-border-soft) !important;
}

/* Student course cards */
.course-card {
  color: var(--dark-text-soft) !important;
  background: var(--dark-surface) !important;
  border: 1px solid var(--dark-border-soft);
  box-shadow: var(--dark-shadow) !important;
}

.course-card-body,
.course-card .catalog-media {
  background: var(--dark-surface) !important;
}

.course-card .course-title {
  color: #fff !important;
}

.course-card .course-meta-item,
.course-card .badge-light {
  color: var(--dark-text-soft) !important;
  background: var(--dark-surface-2) !important;
  border-color: var(--dark-border-soft) !important;
}

.course-card .course-progress-bar {
  background: var(--dark-surface-3) !important;
}

.course-card .course-progress-label,
.course-card .course-progress-count,
.course-card .text-muted {
  color: var(--dark-muted) !important;
}

.table-links,
.table-links a {
  color: var(--dark-muted) !important;
}

.table-responsive,
.table-responsive table {
  background-color: transparent !important;
}

/* Navbar */
.navbar,
.navbar-bg {
  background-color: #182033 !important;
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-text,
.navbar .active .nav-link {
  color: #f4f6fb !important;
}

.navbar .nav-link:hover {
  color: #ffffff !important;
}

.navbar .form-inline .form-control,
.navbar .form-inline .btn {
  background-color: rgba(255, 255, 255, .12) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

.navbar .form-inline .search-result,
.navbar .dropdown-menu {
  background-color: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
}

.navbar .form-inline .search-result:before {
  border-bottom-color: var(--dark-surface) !important;
}

.navbar .form-inline .search-result .search-header,
.navbar .form-inline .search-result .search-item,
.navbar .form-inline .search-result .search-item a {
  color: var(--dark-text-soft) !important;
}

/* Sidebar */
.main-sidebar,
body.layout-2 .main-sidebar,
body.sidebar-mini .main-sidebar:after {
  background-color: var(--dark-surface) !important;
  box-shadow: var(--dark-shadow) !important;
}

.main-sidebar .sidebar-menu li a,
body.layout-2 .main-sidebar .sidebar-menu li a,
.main-sidebar .sidebar-menu li ul.dropdown-menu li a,
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a,
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
  color: var(--dark-text-soft) !important;
}

.main-sidebar .sidebar-menu li a i,
body.layout-2 .main-sidebar .sidebar-menu li a i,
.main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
  color: var(--dark-muted) !important;
}

.main-sidebar .sidebar-menu li a:hover,
.main-sidebar .sidebar-menu li.active > a,
.main-sidebar .sidebar-menu li.active a,
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a,
body.layout-2 .main-sidebar .sidebar-menu li a:hover,
body.layout-2 .main-sidebar .sidebar-menu li.active a,
body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a,
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a:focus {
  background-color: var(--dark-primary-soft) !important;
  color: #ffffff !important;
}

.main-sidebar .sidebar-menu li.active a i,
.main-sidebar .sidebar-menu li a:hover i,
body.layout-2 .main-sidebar .sidebar-menu li.active a i,
body.layout-2 .main-sidebar .sidebar-menu li a:hover i {
  color: #ffffff !important;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu,
body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu {
  background-color: #151922 !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu .dropdown-title {
  background-color: var(--dark-surface) !important;
  color: var(--dark-text-soft) !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a:hover,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a:focus,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text) !important;
}

.main-sidebar .sidebar-user,
.main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
  border-color: var(--dark-border-soft) !important;
}

/* Dropdowns and menus */
.dropdown-menu,
.dropdown-list .dropdown-list-content,
.dropdown-list .dropdown-footer,
.dropdown-list .dropdown-header,
.dropdown-list .dropdown-item,
a.dropdown-item,
.dropdown-list .dropdown-item.dropdown-item-unread,
.dropdown-flag .dropdown-item {
  background-color: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
  color: var(--dark-text-soft) !important;
}

.dropdown-menu a,
a.dropdown-item,
.dropdown-list .dropdown-item .dropdown-item-desc,
.dropdown-list .dropdown-item .dropdown-item-desc b,
.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b,
.dropdown-list .dropdown-item:active .dropdown-item-desc b {
  color: var(--dark-text-soft) !important;
}

.dropdown-menu a:hover,
a.dropdown-item:hover,
a.dropdown-item:focus,
a.dropdown-item:active,
a.dropdown-item.active,
.dropdown-list .dropdown-item:focus,
.dropdown-list .dropdown-item:hover,
.dropdown-flag .dropdown-item.active {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text) !important;
}

.dropdown-divider {
  border-top-color: var(--dark-border-soft) !important;
}

/* Navs, tabs, pagination */
.nav-tabs .nav-item .nav-link,
.nav-pills .nav-item .nav-link,
.nav .nav-item .nav-link,
.breadcrumb,
.breadcrumb-item,
.page-link,
.pagination .page-item .page-link {
  background-color: var(--dark-surface) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border-soft) !important;
}

#translation-editor .pagination {
  background: transparent !important;
}

#translation-editor .pagination .page-item:not(.active):not(.disabled) .page-link {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text) !important;
}

.nav-tabs .nav-item .nav-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-item .nav-link.active,
.nav .nav-link[data-toggle="tab"].active,
.nav .nav-link[data-bs-toggle="tab"].active {
  background: linear-gradient(135deg, var(--dark-primary), #5869e8) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(76, 91, 210, .4), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.nav-tabs .nav-item .nav-link,
.nav-pills .nav-item .nav-link,
.nav .nav-link[data-toggle="tab"],
.nav .nav-link[data-bs-toggle="tab"] {
  position: relative;
  border-radius: 8px;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.nav-tabs .nav-item .nav-link.active::after,
.nav-pills .nav-item .nav-link.active::after,
.nav .nav-link[data-toggle="tab"].active::after,
.nav .nav-link[data-bs-toggle="tab"].active::after {
  content: "";
  position: absolute;
  right: 18%;
  bottom: -4px;
  left: 18%;
  height: 3px;
  border-radius: 3px;
  background-color: #aeb8ff;
  box-shadow: 0 0 8px rgba(174, 184, 255, .75);
}

.page-item.active .page-link,
.pagination .page-item.active .page-link {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
  color: #ffffff !important;
}

.page-link:hover,
.nav-tabs .nav-item .nav-link:hover,
.nav-pills .nav-item .nav-link:hover {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text) !important;
}

.page-item.disabled .page-link,
.pagination .page-item.disabled .page-link {
  background-color: var(--dark-surface) !important;
  color: var(--dark-muted) !important;
  border-color: var(--dark-border-soft) !important;
}

/* Buttons and badges */
.btn-secondary,
.btn-secondary.disabled,
.btn-outline-secondary,
.badge.badge-secondary {
  background-color: var(--dark-surface-3) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.btn-dark,
.btn-dark.disabled,
.badge.badge-dark {
  background-color: #0d1016 !important;
  border-color: #0d1016 !important;
  color: #ffffff !important;
}

.btn-outline-dark,
.btn-outline-light,
.btn-outline-secondary {
  color: var(--dark-text-soft) !important;
  border-color: var(--dark-border) !important;
}

.btn-outline-dark:hover,
.btn-outline-light:hover,
.btn-outline-secondary:hover {
  background-color: var(--dark-surface-3) !important;
  color: var(--dark-text) !important;
}

.badge.badge-white,
.badge.badge-light {
  color: var(--dark-text) !important;
}

.btn .badge.badge-transparent {
  background-color: rgba(255, 255, 255, .12) !important;
}

/* Alerts */
.alert.alert-light,
.alert.alert-secondary {
  background-color: var(--dark-surface-2) !important;
  color: var(--dark-text-soft) !important;
}

.alert code {
  background-color: rgba(0, 0, 0, .22) !important;
  color: var(--dark-text) !important;
}

/* Bootstrap helpers */
.list-group-item-action:hover,
.list-group-item-action:focus,
.media:hover,
.bg-whitesmoke,
.bg-gray,
.bg-light,
.progress,
.progress-bar.bg-light {
  background-color: var(--dark-surface-2) !important;
}

.close,
.modal-header .close {
  color: var(--dark-text) !important;
  text-shadow: none !important;
  opacity: .85;
}

.close:hover {
  color: #ffffff !important;
}

pre,
code,
kbd,
.blockquote,
blockquote,
.alert code {
  background-color: #111722 !important;
  color: #dbe4ff !important;
  border-color: var(--dark-border) !important;
}

/* Layout 2 and 3 */
body.layout-2 .main-wrapper,
body.layout-3 .main-wrapper,
body.layout-3 .navbar,
body.layout-3 .navbar.navbar-secondary {
  background-color: var(--dark-bg) !important;
}

body.layout-3 .navbar.navbar-secondary,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu {
  border-color: var(--dark-border-soft) !important;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link {
  color: var(--dark-text-soft) !important;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:hover,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus {
  background-color: var(--dark-primary-soft) !important;
  color: #ffffff !important;
}

/* Plugins */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field {
  background-color: var(--dark-surface-2) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-results__option {
  color: var(--dark-text-soft) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--dark-primary) !important;
  color: #ffffff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--dark-surface-3) !important;
  border-color: var(--dark-border) !important;
}

.note-editor.note-frame,
.note-editor.note-airframe,
.note-toolbar,
.note-statusbar,
.note-popover .popover-content,
.note-editor .note-editing-area,
.note-editor .note-editable,
.note-editor .note-codable,
.note-modal-content,
.note-dropdown-menu {
  background-color: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.note-btn,
.note-dropdown-item,
.note-color-btn {
  background-color: var(--dark-surface-2) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-soft) !important;
}

.note-btn:hover,
.note-dropdown-item:hover {
  background-color: var(--dark-surface-3) !important;
  color: var(--dark-text) !important;
}

.bootstrap-tagsinput,
.tagsinput,
.tt-menu,
.tt-dropdown-menu,
.ui-widget-content,
.ui-datepicker,
.datepicker-plot-area,
.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
  background-color: var(--dark-surface-2) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
  background-color: var(--dark-surface-3) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
  color: #ffffff !important;
}

/* Datepickers: Persian and Gregorian */
.datepicker-container,
.datepicker-plot-area,
.ui-datepicker {
  background: var(--dark-surface-2) !important;
  border: 1px solid var(--dark-border) !important;
  box-shadow: var(--dark-shadow) !important;
}

.datepicker-plot-area .datepicker-navigator,
.datepicker-plot-area .datepicker-toolbox,
.datepicker-plot-area .datepicker-time-view,
.ui-datepicker .ui-datepicker-header {
  background: var(--dark-surface-3) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .toolbox .pwt-btn-today,
.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell,
.datepicker-plot-area .datepicker-time-view input,
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker th {
  color: var(--dark-text-soft) !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td span,
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item,
.ui-datepicker td a,
.ui-datepicker td span {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--dark-text-soft) !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover,
.ui-datepicker td a:hover {
  background: var(--dark-primary-soft) !important;
  color: var(--dark-text) !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-day-view .table-days td.today span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected,
.ui-datepicker td .ui-state-active,
.ui-datepicker td.ui-datepicker-today a {
  background: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
  color: #fff !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,
.datepicker-plot-area .datepicker-day-view .table-days td.other-month span,
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-priority-secondary {
  color: var(--dark-muted) !important;
  opacity: .55 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  background: var(--dark-surface) !important;
  border: 1px solid var(--dark-border) !important;
  color: var(--dark-text) !important;
}

/* Misc page components */
.activities .activity .activity-detail,
.pricing,
.empty-state,
.chat-box .chat-content,
.chat-box .chat-form,
.tickets .ticket-content,
.profile-widget,
.wizard-steps .wizard-step,
.summary,
.article,
.product-item,
.product-details,
.gallery .gallery-item,
.weather ul li,
.settingSidebar,
.choose-theme li,
.project-widget,
.todo-list li,
.user-item,
.statistic-details,
.browser,
.browser .browser-bar,
.browser .browser-body,
.browser .browser-tab,
.browser .browser-code {
  background-color: var(--dark-surface) !important;
  border-color: var(--dark-border-soft) !important;
  color: var(--dark-text-soft) !important;
}

.activities .activity .activity-detail:before {
  border-right-color: var(--dark-surface) !important;
}

.user-progress .media-title,
.user-details .user-name,
.product-item .product-name,
.article .article-title,
.tickets .ticket-content .ticket-title,
.profile-widget .profile-widget-name,
.weather .weather-icon,
.statistic-details .detail-value,
.summary .summary-info h4 {
  color: var(--dark-text) !important;
}

.page-error .page-inner,
.page-error .page-search .form-control,
.page-error .page-search .btn {
  background-color: var(--dark-surface) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

.form-group .control-label, .form-group > label{
    color: var(--dark-text-soft);
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--dark-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--dark-surface-3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3a4355;
}

.btn{
    box-shadow: none;
}

.btn-primary{
    color:#fff !important;
    background:#35506e;
    border-color:#35506e;
}

.btn-secondary{
    color:#fff !important;
    background:#4a4f57;
    border-color:#4a4f57;
}

.btn-success{
    color:#fff !important;
    background:#45604c;
    border-color:#45604c;
}

.btn-danger{
    color:#fff !important;
    background:#6b4747;
    border-color:#6b4747;
}

.btn-warning{
    color:#fff !important;
    background:#73634a;
    border-color:#73634a;
}

.btn-info{
    color:#fff !important;
    background:#44606a;
    border-color:#44606a;
}

.btn-light{
    color:#fff !important;
    background:#555b63;
    border-color:#555b63;
}

.btn-dark{
    color:#fff !important;
    background:#2d3137;
    border-color:#2d3137;
}


.alert-primary{
    color:#fff !important;
    background-color:#34495e !important;
    border-color:#42576c !important;
}

.alert-secondary{
    color:#fff !important;
    background-color:#4b5057 !important;
    border-color:#5b6068 !important;
}

.alert-success{
    color:#fff !important;
    background-color:#3f5d47 !important;
    border-color:#4b6b54 !important;
}

.alert-danger{
    color:#fff !important;
    background-color:#664545 !important;
    border-color:#755252 !important;
}

.alert-warning{
    color:#fff !important;
    background-color:#6c6043 !important;
    border-color:#7b6d4d !important;
}

.alert-info{
    color:#fff !important;
    background-color:#3d5c65 !important;
    border-color:#4a6b75 !important;
}

.alert-light{
    color:#fff !important;
    background-color:#444950 !important;
    border-color:#545961 !important;
}

.alert-dark{
    color:#fff !important;
    background-color:#23272d !important;
    border-color:#353a41 !important;
}

.alert-primary hr,
.alert-secondary hr,
.alert-success hr,
.alert-danger hr,
.alert-warning hr,
.alert-info hr,
.alert-light hr,
.alert-dark hr{
    border-top-color:rgba(255,255,255,.15) !important;
}

.alert-primary a,
.alert-secondary a,
.alert-success a,
.alert-danger a,
.alert-warning a,
.alert-info a,
.alert-light a,
.alert-dark a{
    color:#fff !important;
    font-weight:600;
}

.badge-primary{
    color:#fff !important;
    background-color:#35506e !important;
}

.badge-secondary{
    color:#fff !important;
    background-color:#4a4f57 !important;
}

.badge-success{
    color:#fff !important;
    background-color:#45604c !important;
}

.badge-danger{
    color:#fff !important;
    background-color:#6b4747 !important;
}

.badge-warning{
    color:#fff !important;
    background-color:#73634a !important;
}

.badge-info{
    color:#fff !important;
    background-color:#44606a !important;
}

.badge-light{
    color:#fff !important;
    background-color:#555b63 !important;
}

.badge-dark{
    color:#fff !important;
    background-color:#2d3137 !important;
}


/** CkEditor **/
:root{
    --ck-color-base-background:#26292e;
    --ck-color-base-foreground:#30343a;
    --ck-color-base-border:#42474f;
    --ck-color-base-text:#e8e8e8;

    --ck-color-text:#e8e8e8;

    --ck-color-toolbar-background:#30343a;
    --ck-color-toolbar-border:#42474f;

    --ck-color-panel-background:#30343a;
    --ck-color-panel-border:#42474f;

    --ck-color-dropdown-panel-background:#30343a;
    --ck-color-dropdown-panel-border:#42474f;

    --ck-color-list-background:#30343a;
    --ck-color-list-button-hover-background:#40454d;
    --ck-color-list-button-on-background:#4a5058;
    --ck-color-list-button-on-background-focus:#4a5058;
    --ck-color-list-button-on-text:#fff;

    --ck-color-button-default-hover-background:#40454d;
    --ck-color-button-default-active-background:#4a5058;
    --ck-color-button-on-background:#4a5058;
    --ck-color-button-on-hover-background:#555b64;
    --ck-color-button-on-active-background:#555b64;
    --ck-color-button-on-color:#fff;

    --ck-color-input-background:#26292e;
    --ck-color-input-border:#42474f;
    --ck-color-input-text:#fff;

    --ck-color-tooltip-background:#202327;
    --ck-color-tooltip-text:#fff;

    --ck-color-engine-placeholder-text:#8b9199;
}



/**  Custom Css **/
.modal.modal-custom .modal-header{
    background-color: #3d4863;
    color: #ffffff;
}

.modal.modal-custom .modal-header button{
    color: #ffffff;
}

.question-box{
    background-color: #2a2d33;
    border-color: rgba(255,255,255,.12);
}

.question-box .header{
    border-bottom-color: rgba(255,255,255,.12);
}

.question-box .footer{
    border-top-color: rgba(255,255,255,.12);
}

/** Student Dashboard **/
.student-dashboard {
    --soft-border: var(--dark-border-soft);
    --soft-bg: var(--dark-surface-2);
}

.student-dashboard .welcome-band {
    background: linear-gradient(135deg, #34415f 0%, #274f63 100%) !important;
    box-shadow: var(--dark-shadow);
}

.student-dashboard .metric-card,
.student-dashboard .exam-item,
.student-dashboard .teacher-message,
.student-dashboard .progress-chart-wrap {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    color: var(--dark-text-soft) !important;
}

.student-dashboard .metric-card h4,
.student-dashboard .exam-item h6,
.student-dashboard .teacher-message strong,
.student-dashboard .card h4,
.student-dashboard .card h5 {
    color: var(--dark-text) !important;
}

.student-dashboard .exam-date {
    background: var(--dark-surface-2) !important;
    color: var(--dark-primary) !important;
}

.student-dashboard .progress-chart-wrap {
    background: linear-gradient(180deg, var(--dark-surface) 0%, #151a24 100%) !important;
}

.student-dashboard .score-pill {
    background: rgba(71, 195, 99, .14) !important;
    color: #7ee39b !important;
}

.student-dashboard .muted-label {
    color: var(--dark-muted) !important;
}

/** Admin Dashboard **/
.admin-dashboard {
    --admin-border: var(--dark-border-soft) !important;
    --admin-muted: var(--dark-muted) !important;
}

.admin-dashboard .summary-card,
.admin-dashboard .notice-item {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    color: var(--dark-text-soft) !important;
}

.admin-dashboard .summary-card:after {
    background: rgba(95, 119, 255, .14) !important;
}

.admin-dashboard .summary-card h3,
.admin-dashboard .notice-item strong,
.admin-dashboard .card h4 {
    color: var(--dark-text) !important;
}

.admin-dashboard .notice-body {
    color: var(--dark-text-soft) !important;
}

.admin-dashboard .summary-label,
.admin-dashboard .notice-meta,
.admin-dashboard .empty-state {
    color: var(--dark-muted) !important;
}

/** Panel Footer **/
.panel-content-footer {
    border-top-color: var(--dark-border-soft) !important;
    background: #202630 !important;
    color: var(--dark-text-soft) !important;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, .22) !important;
}

.panel-content-footer span + span:before {
    color: var(--dark-muted) !important;
}

/** Notifications **/
.notification-dropdown .dropdown-title,
.notification-dropdown .dropdown-footer {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    color: var(--dark-text) !important;
}

.notification-dropdown .dropdown-item {
    border-color: var(--dark-border-soft) !important;
}

.notification-dropdown .dropdown-item:hover {
    background: var(--dark-surface-2) !important;
}

/* Notification pages */
.notify-page-header {
    color: var(--dark-text);
}

.notify-page-title {
    color: var(--dark-text) !important;
}

.notify-list-card,
.notify-message-item,
.notify-modal .modal-content {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    box-shadow: var(--dark-shadow) !important;
    color: var(--dark-text-soft) !important;
}

.notify-message-item.unread {
    background: var(--dark-surface-2) !important;
}

.notify-modal .modal-header,
.notify-modal .modal-body {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    color: var(--dark-text-soft) !important;
}

.notify-modal .form-control,
.notify-modal .custom-select {
    background-color: var(--dark-surface-2) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

.notify-modal .form-control:focus,
.notify-modal .custom-select:focus {
    background-color: #222938 !important;
    border-color: var(--dark-primary) !important;
    color: var(--dark-text) !important;
}

.student-grade-card,
.student-teachers-card {
    color: var(--dark-text-soft) !important;
    border-color: var(--dark-border-soft) !important;
    background: var(--dark-surface) !important;
    box-shadow: var(--dark-shadow) !important;
}

.student-grade-card strong,
.student-teachers-heading strong,
.student-teacher-chip strong {
    color: var(--dark-text) !important;
}

.student-grade-card span,
.student-teachers-heading span,
.student-teacher-chip small,
.student-summary-empty {
    color: var(--dark-muted) !important;
}

.student-teacher-chip {
    border-color: var(--dark-border-soft) !important;
    background: var(--dark-surface-2) !important;
}

/** Management Dashboard **/
.admin-dashboard {
    --dash-ink: var(--dark-text) !important;
    --dash-muted: var(--dark-muted) !important;
    --dash-line: var(--dark-border-soft) !important;
}

.admin-dashboard .dash-hero {
    background: linear-gradient(125deg, #151c2a 0%, #202d47 58%, #18565d 130%) !important;
    border: 1px solid var(--dark-border-soft) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28) !important;
}

.admin-dashboard .metric-card,
.admin-dashboard .panel {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    box-shadow: var(--dark-shadow) !important;
}

.admin-dashboard .metric-card:hover {
    box-shadow: 0 18px 34px rgba(0, 0, 0, .3) !important;
}

.admin-dashboard .metric-value,
.admin-dashboard .metric-label,
.admin-dashboard .panel-head h4,
.admin-dashboard .ticket-row strong,
.admin-dashboard .sale-row strong {
    color: var(--dark-text) !important;
}

.admin-dashboard .subtle,
.admin-dashboard .empty-mini,
.admin-dashboard .small.text-muted {
    color: var(--dark-muted) !important;
}

.admin-dashboard .quick-link,
.admin-dashboard .service-pill {
    color: var(--dark-text) !important;
    background: var(--dark-surface-2) !important;
    border-color: var(--dark-border-soft) !important;
}

.admin-dashboard .quick-link:hover {
    color: #9aacff !important;
    background: #30394c !important;
    border-color: #53658c !important;
}

.admin-dashboard .quick-link i {
    color: #9aacff !important;
    background: rgba(80, 108, 240, .2) !important;
}

.admin-dashboard .ticket-row,
.admin-dashboard .sale-row {
    border-color: var(--dark-border-soft) !important;
}

.admin-dashboard .sale-row-amount {
    color: #5fd4a4 !important;
}

.admin-dashboard .ticket-row a,
.admin-dashboard .panel-head a {
    color: #91a6ff !important;
}

.admin-dashboard .ticket-row a:hover,
.admin-dashboard .panel-head a:hover {
    color: #b7c3ff !important;
}

.admin-dashboard .health-track {
    background: #343e51 !important;
}

.admin-dashboard .service-state {
    color: #ff9f96 !important;
    background: rgba(198, 83, 73, .2) !important;
}

.admin-dashboard .service-state.on {
    color: #72d9c1 !important;
    background: rgba(32, 164, 134, .2) !important;
}

.admin-dashboard .btn-outline-primary {
    color: #91a6ff !important;
    border-color: #6579d8 !important;
}

.admin-dashboard .btn-outline-primary:hover {
    color: #fff !important;
    background: #506cf0 !important;
}

.admin-dashboard .dashboard-screen-options-toggle {
    background: rgba(30, 36, 48, .92) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #aeb8c8 !important;
}

.admin-dashboard .dashboard-screen-options-toggle:hover,
.admin-dashboard .dashboard-screen-options-toggle[aria-expanded="true"] {
    border-color: rgba(103, 119, 239, .45) !important;
    color: #91a6ff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .28) !important;
}

.admin-dashboard .dashboard-screen-options-panel {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important;
}

.admin-dashboard .dashboard-screen-options-title {
    color: var(--dark-text) !important;
}

.admin-dashboard .dashboard-screen-options-hint,
.admin-dashboard .dashboard-screen-options-item {
    color: #9da8bb !important;
}

.admin-dashboard .dashboard-widget-handle,
.admin-dashboard .dashboard-widget-dismiss {
    background: rgba(22, 28, 38, .92) !important;
    color: #8b97ab !important;
}

.admin-dashboard .dashboard-widget-handle:hover {
    color: #91a6ff !important;
    background: rgba(80, 108, 240, .18) !important;
}

.admin-dashboard .dashboard-widget-dismiss:hover {
    color: #f08a9a !important;
    background: rgba(215, 91, 117, .18) !important;
}

.admin-dashboard .dashboard-widget-placeholder {
    border-color: rgba(103, 119, 239, .35) !important;
    background: rgba(80, 108, 240, .08) !important;
}

.dashboard-slider {
    border-color: var(--dark-border) !important;
    background: var(--dark-surface) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22) !important;
}

.student-dashboard .dashboard-slider {
    border-color: rgba(103, 119, 239, .24) !important;
}

.notify-modal .message-box {
    background-color: var(--dark-surface-2) !important;
    color: var(--dark-text) !important;
}

.badge-soft {
    background: var(--dark-primary-soft) !important;
    color: var(--dark-primary) !important;
}

/* Student products and blog catalogs */
.student-catalog-page .student-catalog-header p,
.student-catalog-page .catalog-excerpt {
  color: var(--dark-muted) !important;
}

.student-catalog-page .catalog-card {
  color: var(--dark-text-soft) !important;
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface) !important;
  box-shadow: var(--dark-shadow) !important;
}

.student-catalog-page .catalog-card:hover {
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .34) !important;
}

.student-catalog-page .catalog-media {
  background: linear-gradient(135deg, #29324c 0%, #203d38 100%) !important;
}

.student-catalog-page .catalog-title {
  color: var(--dark-text) !important;
}

.student-catalog-page .catalog-footer {
  border-color: var(--dark-border-soft) !important;
}

.student-catalog-page .catalog-date,
.student-catalog-page .catalog-action,
.student-catalog-page .catalog-placeholder {
  color: var(--dark-primary) !important;
}

.student-catalog-page .catalog-price {
  color: #7ee39b !important;
}

.student-catalog-page .catalog-price del,
.student-catalog-page .catalog-empty i {
  color: var(--dark-muted) !important;
}

.student-catalog-page .catalog-card-purchased {
  border-color: rgba(71, 195, 99, .45) !important;
}

.student-catalog-page .catalog-badge-purchased {
  background: rgba(47, 158, 68, .95) !important;
}

.student-catalog-page .catalog-action-purchased {
  color: #7ee39b !important;
}

.student-catalog-page .catalog-promo-badge {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .35) !important;
}

.student-catalog-page .catalog-search-input {
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface) !important;
  box-shadow: var(--dark-shadow) !important;
}

.student-catalog-page .catalog-search-input .form-control {
  background: transparent !important;
  color: var(--dark-text) !important;
}

.student-catalog-page .catalog-search-input .input-group-append .btn-light {
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface-2) !important;
  color: var(--dark-text-soft) !important;
}

.student-catalog-page .catalog-list-tabs {
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface-2) !important;
}

.student-catalog-page .catalog-list-tab {
  color: var(--dark-text-soft) !important;
}

.student-catalog-page .catalog-list-tab:hover {
  color: var(--dark-text) !important;
}

.student-catalog-page .catalog-list-tab.is-active {
  color: #fff !important;
  background: var(--dark-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .28) !important;
}

.student-catalog-page .catalog-tag-filter-label {
  color: var(--dark-muted) !important;
}

.student-catalog-page .catalog-tag-filter-chip,
.student-catalog-page .catalog-tag-filter-chip:hover,
.student-catalog-page .catalog-tag-filter-chip:focus {
  color: var(--course-card-tag-color) !important;
  background: var(--course-card-tag-bg) !important;
  border-color: var(--course-card-tag-border) !important;
}

.student-catalog-page .catalog-tag-filter-chip:hover,
.student-catalog-page .catalog-tag-filter-chip:focus {
  color: var(--course-card-tag-hover-color) !important;
  background: var(--course-card-tag-hover-bg) !important;
  border-color: var(--course-card-tag-hover-border) !important;
}

/* Student product and blog details */
.excel-export-option {
  color: var(--dark-text-soft) !important;
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface-2) !important;
}

.excel-export-option:has(input:checked) {
  color: var(--dark-text) !important;
  border-color: var(--dark-primary) !important;
  background: rgba(124, 140, 255, .12) !important;
}

.excel-export-option .custom-control-label strong {
  color: var(--dark-text) !important;
}

.excel-export-option .custom-control-label small {
  color: var(--dark-muted) !important;
}

.student-product-page,
.student-blog-page {
  --student-detail-ink: var(--dark-text);
  --student-detail-muted: var(--dark-muted);
  --student-detail-line: var(--dark-border-soft);
  --student-detail-soft: var(--dark-surface-2);
}

.student-product-hero,
.student-product-description,
.student-blog-page,
.student-product-item {
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface) !important;
  box-shadow: var(--dark-shadow) !important;
}

.student-product-cover {
  background: linear-gradient(135deg, #29324c 0%, #203d38 100%) !important;
}

.student-product-summary h1,
.student-blog-header h1,
.student-product-description h2,
.student-product-content-head h2,
.student-product-item h3,
.student-product-description,
.student-blog-body {
  color: var(--dark-text) !important;
}

.student-product-summary > p,
.student-product-item p,
.student-product-item-type,
.student-product-item-meta,
.student-product-price small,
.student-product-price del {
  color: var(--dark-muted) !important;
}

.student-product-price,
.student-product-item .student-product-item-count {
  border-color: var(--dark-border-soft) !important;
}

.student-product-tags span,
.student-product-lessons span,
.student-product-item-count,
.student-product-item-icon {
  color: #9eabff !important;
  background: rgba(124, 140, 255, .16) !important;
}

.student-product-exam .student-product-item-icon {
  color: #75d5c2 !important;
  background: rgba(42, 157, 143, .16) !important;
}

.student-related-blogs {
  border-color: var(--dark-border-soft) !important;
  background: var(--dark-surface) !important;
  box-shadow: var(--dark-shadow) !important;
}

.student-related-blogs-head h2,
.student-related-blog-card,
.student-blog-body :is(h2, h3, h4) {
  color: var(--dark-text) !important;
}

.student-related-blogs-head small,
.student-related-blog-info small,
.student-related-blogs-empty {
  color: var(--dark-muted) !important;
}

.student-related-blogs-head > span,
.student-related-blog-cover {
  color: #9eabff !important;
  background: var(--dark-surface-2) !important;
}

.student-related-blog-card,
.student-related-blogs-empty {
  border-color: var(--dark-border-soft) !important;
}

.student-related-blog-card:hover,
.student-related-blog-card:focus {
  color: #9eabff !important;
}

/* Support pages */
.notify-list-card,
.notify-message-item {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
    color: var(--dark-text-soft) !important;
    box-shadow: var(--dark-shadow) !important;
}

.notify-message-item.unread {
    background: var(--dark-surface-2) !important;
}

.notify-page-title {
    color: var(--dark-text) !important;
}

.notify-page-header .text-muted,
.notify-list-card .text-muted {
    color: var(--dark-muted) !important;
}

.notify-modal .modal-content {
    background: var(--dark-surface) !important;
    color: var(--dark-text-soft) !important;
}

.notify-modal .modal-header,
.notify-modal .modal-body {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border-soft) !important;
}

.notify-modal .form-control,
.notify-modal .custom-select {
    background-color: var(--dark-surface-2) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

.notify-modal .form-control:focus,
.notify-modal .custom-select:focus {
    background-color: #222938 !important;
    border-color: var(--dark-primary) !important;
    color: var(--dark-text) !important;
}


.exam-navs .nav-item small{
    color: #222938 !important;
}

/* Course editor tabs */
.course-editor-page .course-editor-navs {
    background-color: var(--dark-surface) !important;
    border: 1px solid var(--dark-border-soft);
    border-radius: 10px;
    padding: 5px !important;
    gap: 4px;
}

.course-editor-page .course-editor-navs .nav-link {
    position: relative;
    border: 1px solid transparent !important;
    border-radius: 8px;
    color: var(--dark-muted) !important;
    background-color: transparent !important;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.course-editor-page .course-editor-navs .nav-link:hover:not(.active):not(.disabled) {
    color: var(--dark-text) !important;
    background-color: var(--dark-surface-2) !important;
}

.course-editor-page .course-editor-navs .nav-link.active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--dark-primary), #5869e8) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    box-shadow: 0 6px 16px rgba(76, 91, 210, .38), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.course-editor-page .course-editor-navs .nav-link.active::after {
    content: "";
    position: absolute;
    right: 18%;
    bottom: -6px;
    left: 18%;
    height: 3px;
    border-radius: 3px;
    background-color: #aeb8ff;
    box-shadow: 0 0 8px rgba(174, 184, 255, .75);
}

.course-editor-page .course-editor-navs .nav-link.disabled {
    color: #596274 !important;
    opacity: .55;
}

.btn-shadow{
    background-color: var(--dark-text) !important;
}

/* Course certificate tab */
.course-certificate-panel .certificate-warning-text {
    color: #f0c674 !important;
}

.course-certificate-panel .certificate-enable-title,
.course-certificate-panel .certificate-field-card h6 {
    color: var(--dark-text) !important;
}

.certificate-info-alert,
.certificate-enable-box,
.course-certificate-panel .certificate-canvas-card,
.course-certificate-panel .certificate-field-card {
    background: var(--dark-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-soft) !important;
}

.course-certificate-panel .certificate-canvas-head {
    background: var(--dark-surface-2) !important;
    border-bottom-color: var(--dark-border-soft) !important;
}

.certificate-canvas-wrap {
    background-color: var(--dark-surface-2) !important;
}

.certificate-marker {
    background: var(--dark-surface-3) !important;
    color: var(--dark-text) !important;
    box-shadow: var(--dark-shadow) !important;
}

.certificate-marker.is-name {
    border-color: var(--dark-primary) !important;
    color: var(--dark-primary) !important;
}

.certificate-marker.is-national {
    border-color: #5ec8f5 !important;
    color: #5ec8f5 !important;
}

.student-course-certificate-card {
    border-color: var(--cert-card-border) !important;
    background: var(--cert-card-bg) !important;
    color: var(--cert-card-color) !important;
}

.student-course-certificate-card .text-muted,
.student-course-certificate-card .certificate-muted {
    color: var(--cert-card-muted) !important;
}

.course-card-cert-seal {
    border-color: var(--cert-seal-border) !important;
    background: var(--cert-seal-bg) !important;
    color: var(--cert-seal-color) !important;
    box-shadow: var(--cert-seal-shadow) !important;
}

.course-card-media {
    background: linear-gradient(135deg, #232836 0%, #1c2230 100%) !important;
}

.course-card-media-placeholder {
    color: #9aa4ff !important;
}

.course-meta-certificate {
    background: var(--cert-badge-bg) !important;
    color: var(--cert-badge-color) !important;
    border-color: var(--cert-badge-border) !important;
}

.course-meta-certificate i {
    color: var(--cert-badge-icon) !important;
}

.course-certificate-badge {
    background: var(--cert-badge-bg) !important;
    color: var(--cert-badge-color) !important;
    border-color: var(--cert-badge-border) !important;
}

.course-certificate-badge i {
    color: var(--cert-badge-icon) !important;
}

.student-course-meta .course-certificate-badge {
    background: var(--cert-hero-badge-bg) !important;
    color: var(--cert-hero-badge-color) !important;
    border-color: var(--cert-hero-badge-border) !important;
}

.student-course-meta .course-certificate-badge i {
    color: var(--cert-hero-badge-icon) !important;
}

.student-course-tag,
.student-course-tag:hover,
.student-course-tag:focus {
    color: var(--course-hero-tag-color) !important;
    background: var(--course-hero-tag-bg) !important;
    border-color: var(--course-hero-tag-border) !important;
}

/* Student product prerequisites */
.student-product-prerequisites {
    background: linear-gradient(145deg, #252a36, #202530) !important;
    border-color: #4d4632 !important;
    color: var(--dark-text) !important;
    box-shadow: var(--dark-shadow) !important;
}

.student-product-prerequisite-text,
.student-product-prerequisite-text :is(p, li, h1, h2, h3, h4, h5, h6, strong) {
    color: var(--dark-text-soft) !important;
}

.student-product-prerequisite-card,
.student-product-prerequisite-card:hover,
.student-product-prerequisite-card:focus {
    background: var(--dark-surface-2) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

.student-product-prerequisite-card:hover,
.student-product-prerequisite-card:focus {
    border-color: #8f7b42 !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .24) !important;
}

.student-product-prerequisite-cover {
    background: #3c3728 !important;
    color: #e6c65f !important;
}

.student-product-prerequisite-info small {
    color: #dfc66f !important;
}

.student-product-prerequisite-info span {
    color: var(--dark-text-muted) !important;
}

.student-course-tag:hover,
.student-course-tag:focus {
    color: var(--course-hero-tag-hover-color) !important;
    background: var(--course-hero-tag-hover-bg) !important;
    border-color: var(--course-hero-tag-hover-border) !important;
}

.course-card-tag,
.course-card-tag:hover,
.course-card-tag:focus {
    color: var(--course-card-tag-color) !important;
    background: var(--course-card-tag-bg) !important;
    border-color: var(--course-card-tag-border) !important;
}

.course-card-tag:hover,
.course-card-tag:focus {
    color: var(--course-card-tag-hover-color) !important;
    background: var(--course-card-tag-hover-bg) !important;
    border-color: var(--course-card-tag-hover-border) !important;
}