@charset "UTF-8";
.bg-gray-50 {
  background-color: #1A231F !important;
  color: #F5F6F8 !important;
}

.bg-gray-100 {
  background-color: #27342F !important;
  color: #F5F6F8 !important;
}

.bg-gray-200 {
  background-color: #4A625B !important;
  color: #F5F6F8 !important;
}

.bg-gray-300 {
  background-color: #647E76 !important;
  color: #F5F6F8 !important;
}

.bg-gray-400 {
  background-color: #86A097 !important;
  color: #F5F6F8 !important;
}

.bg-gray-500 {
  background-color: #A9BFB7 !important;
  color: #1A231F !important;
}

.bg-gray-600 {
  background-color: #C2D3CD !important;
  color: #1A231F !important;
}

.bg-gray-700 {
  background-color: #D6E2DD !important;
  color: #1A231F !important;
}

.bg-gray-800 {
  background-color: #E9F0EC !important;
  color: #1A231F !important;
}

.bg-gray-900 {
  background-color: #F5F6F8 !important;
  color: #1A231F !important;
}

body.dark-mode {
  background-color: #0F0F0F !important;
}
body.dark-mode * {
  scrollbar-width: thin;
  scrollbar-color: #229F62 #0E1C19 !important;
}
body.dark-mode ::-webkit-scrollbar-track {
  background-color: #1a2e2a !important;
}
body.dark-mode .dark-mode-logo {
  display: block;
}
body.dark-mode .light-mode-logo {
  display: none;
}
body.dark-mode label:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode a:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .section-title:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .blog-grid-title:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .text-dark-blue:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning),
body.dark-mode #about .mt-30:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .text-gray:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .text-dark:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .post-show *:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning),
body.dark-mode .xs-panel-nav .sidebar-toggler:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode #collapseBtn svg:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode table th:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode table td:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning),
body.dark-mode .menu-category li:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode li.cursor-pointer.user-select-none.d-flex.xs-categories-toggle:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning),
body.dark-mode .stat-number:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .section .section-header h1:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .clockpicker-tick:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning),
body.dark-mode svg.feather.feather-more-vertical:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning),
body.dark-mode .navbar-cart-total *:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning), body.dark-mode .swal2-title:not(.text-success):not(.text-info):not(.text-danger):not(.text-warning) {
  color: #F0F0F0 !important;
}
body.dark-mode .text-light, body.dark-mode .text-white {
  color: #E9F0EC !important;
}
body.dark-mode .text-muted {
  color: #86A097 !important;
}
body.dark-mode .text-gray-200 {
  color: #D6E2DD !important;
}
body.dark-mode .text-gray-300 {
  color: #C2D3CD !important;
}
body.dark-mode .text-gray-400 {
  color: #A9BFB7 !important;
}
body.dark-mode .text-gray-500 {
  color: #86A097 !important;
}
body.dark-mode .text-gray-600 {
  color: #647E76 !important;
}
body.dark-mode .text-secondary {
  color: #A9BFB7 !important;
}
body.dark-mode .text-danger {
  color: #f63c3c !important;
}
body.dark-mode .card-title, body.dark-mode .text-dark, body.dark-mode .home-organizations-title,
body.dark-mode .sidebar-user-stat-item strong, body.dark-mode .skill-result-title {
  color: #229F62 !important;
}
body.dark-mode *:not(.border-danger):not(.border-success):not(.border-main):not(.border-primary):not(.border-light):not(.border-warning):not(.option-label):not(.swal2-success-ring) {
  border-color: rgba(82, 108, 94, 0.5) !important;
}
body.dark-mode .border-danger {
  color: #000;
}
body.dark-mode .border-light {
  border-color: #647E76 !important;
}
body.dark-mode .card, body.dark-mode .login-container, body.dark-mode .social-login, body.dark-mode .stats-item,
body.dark-mode .section-title-container, body.dark-mode .feature-slider-body, body.dark-mode .webinar-card,
body.dark-mode .product-card, body.dark-mode .blog-grid-card, body.dark-mode .empty-cart-container,
body.dark-mode .panel-sidebar, body.dark-mode .dashboard-stats, body.dark-mode .panel-section-card,
body.dark-mode .activities-container, body.dark-mode .navbar .navbar-toggle-content,
body.dark-mode .nav-tabs, body.dark-mode .cat-dropdown-menu, body.dark-mode .sub-menu,
body.dark-mode .swal2-popup.swal2-modal, body.dark-mode .clockpicker-popover .popover-content,
body.dark-mode .clockpicker-plate, body.dark-mode .drp-calendar, body.dark-mode .daterangepicker .calendar-table,
body.dark-mode .daterangepicker .calendar-time, body.dark-mode .daterangepicker .drp-buttons, body.dark-mode .bg-white {
  background-color: #0E1C19 !important;
  color: #F0F0F0 !important;
}
body.dark-mode .card a, body.dark-mode .card span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .login-container a, body.dark-mode .login-container span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .social-login a, body.dark-mode .social-login span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .stats-item a, body.dark-mode .stats-item span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .section-title-container a,
body.dark-mode .section-title-container span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .feature-slider-body a, body.dark-mode .feature-slider-body span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .webinar-card a, body.dark-mode .webinar-card span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .product-card a,
body.dark-mode .product-card span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .blog-grid-card a, body.dark-mode .blog-grid-card span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .empty-cart-container a, body.dark-mode .empty-cart-container span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .panel-sidebar a,
body.dark-mode .panel-sidebar span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .dashboard-stats a, body.dark-mode .dashboard-stats span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .panel-section-card a, body.dark-mode .panel-section-card span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .activities-container a,
body.dark-mode .activities-container span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .navbar .navbar-toggle-content a, body.dark-mode .navbar .navbar-toggle-content span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .nav-tabs a,
body.dark-mode .nav-tabs span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .cat-dropdown-menu a, body.dark-mode .cat-dropdown-menu span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .sub-menu a, body.dark-mode .sub-menu span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .swal2-popup.swal2-modal a,
body.dark-mode .swal2-popup.swal2-modal span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .clockpicker-popover .popover-content a, body.dark-mode .clockpicker-popover .popover-content span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .clockpicker-plate a,
body.dark-mode .clockpicker-plate span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .drp-calendar a, body.dark-mode .drp-calendar span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .daterangepicker .calendar-table a, body.dark-mode .daterangepicker .calendar-table span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info),
body.dark-mode .daterangepicker .calendar-time a,
body.dark-mode .daterangepicker .calendar-time span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .daterangepicker .drp-buttons a, body.dark-mode .daterangepicker .drp-buttons span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info), body.dark-mode .bg-white a, body.dark-mode .bg-white span:not(.text-danger):not(.text-success):not(.text-main):not(.text-primary):not(.text-light):not(.text-warning):not(.text-info) {
  color: #F0F0F0 !important;
}
body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode .select2-selection,
body.dark-mode .custom-control-label::after, body.dark-mode .subscribe-plan,
body.dark-mode .reward-program-section .row, body.dark-mode .shadow-effect,
body.dark-mode .home-organizations-card, body.dark-mode .custom-pagination,
body.dark-mode .search-input, body.dark-mode .bg-info-light, body.dark-mode .badge-circle-gray300,
body.dark-mode .instructor-discount-card, body.dark-mode .custom-dropdown-body,
body.dark-mode .dropdown-menu, body.dark-mode .trending-card .item-count,
body.dark-mode .section-icon, body.dark-mode .bg-gray200, body.dark-mode .bg-gray300,
body.dark-mode .checkbox601, body.dark-mode .xs-panel-nav, body.dark-mode .bootstrap-tagsinput,
body.dark-mode .charge-account-radio input[type=radio]:checked + label,
body.dark-mode .course-extra-card {
  background-color: #1a2e2a !important;
  color: #F0F0F0 !important;
}
body.dark-mode .bg-light, body.dark-mode .selected-row {
  background-color: #1a2e2a !important;
  color: #F0F0F0 !important;
}
body.dark-mode .conversation-box {
  background-color: transparent !important;
}
body.dark-mode .content-tab {
  background-color: #0F0F0F !important;
  color: #F0F0F0 !important;
}
body.dark-mode #navbar, body.dark-mode .learning-page .learning-content {
  background-color: #0E1C19 !important;
}
body.dark-mode .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-light):not(.btn-warning):not(.btn-main) {
  background-color: #0E1C19 !important;
  color: #F0F0F0 !important;
}
body.dark-mode .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-light):not(.btn-warning):not(.btn-main):hover, body.dark-mode .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-light):not(.btn-warning):not(.btn-main):focus, body.dark-mode .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-light):not(.btn-warning):not(.btn-main):active {
  background-color: #0E1C19 !important;
  color: #F0F0F0 !important;
}
body.dark-mode .btn-light {
  background-color: #4A625B !important;
  color: #D6E2DD !important;
  border-color: #647E76 !important;
}
body.dark-mode .btn-light:hover {
  background-color: #647E76 !important;
  color: #E9F0EC !important;
}
body.dark-mode .pagination .page-item:not(.active) .page-link {
  background-color: #0E1C19 !important;
  color: #F0F0F0 !important;
}
body.dark-mode .dropdown-menu {
  background-color: #1a2e2a !important;
}
body.dark-mode .dropdown-menu a, body.dark-mode .dropdown-menu button {
  color: #F0F0F0 !important;
}
body.dark-mode .dropdown-menu a:hover, body.dark-mode .dropdown-menu button:hover {
  background-color: #275447 !important;
}
body.dark-mode .navbar-auth-user-dropdown-item:hover {
  background-color: #0E1C19 !important;
}
body.dark-mode table tr:hover {
  background-color: #275447 !important;
}
body.dark-mode .daterangepicker td.available:hover, body.dark-mode .daterangepicker th.available:hover {
  background-color: #229F62 !important;
}
body.dark-mode .daterangepicker .off {
  background-color: rgba(82, 108, 94, 0.5) !important;
}
body.dark-mode img.cat-dropdown-menu-icon {
  filter: brightness(0) invert(1);
}
body.dark-mode .nav-tabs i svg {
  fill: #F0F0F0 !important;
}
body.dark-mode input:focus, body.dark-mode select:focus, body.dark-mode textarea:focus, body.dark-mode .select2-selection:focus {
  border-color: #229F62 !important;
  box-shadow: 0 0 0 2px rgba(34, 159, 98, 0.2) !important;
}
body.dark-mode .stats-item .icon {
  background-color: rgba(15, 15, 15, 0.8) !important;
}
body.dark-mode .stats-item .stat-title {
  color: #F0F0F0;
}
body.dark-mode .stats-container .stats-item:hover,
body.dark-mode .chapter-icon.chapter-content-icon {
  background-color: #229F62 !important;
}
body.dark-mode .stats-container .stats-item:hover .home-statistics-card-icon::before,
body.dark-mode .chapter-icon.chapter-content-icon .home-statistics-card-icon::before {
  background-color: #2e8f60 !important;
}
body.dark-mode .stats-container .stats-item:hover .stat-number,
body.dark-mode .chapter-icon.chapter-content-icon .stat-number {
  border-color: #F0F0F0 !important;
}
body.dark-mode .reward-program-section .row {
  border-radius: 20px;
}
body.dark-mode .learning-page .learning-page-tabs .tab-item.active, body.dark-mode .learning-page .learning-page-tabs .certificate-item.active {
  background-color: #1a2e2a !important;
}
body.dark-mode .pick-a-time .meeting-type-reserve.disabled label {
  background-color: #0E1C19 !important;
}
body.dark-mode .badge-light {
  background-color: #4A625B !important;
  color: #D6E2DD !important;
}
body.dark-mode .course-description * {
  color: #b0b0b0 !important;
}
body.dark-mode .card:hover, body.dark-mode .webinar-card:hover, body.dark-mode .product-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}
body.dark-mode ::placeholder {
  color: #86A097 !important;
  opacity: 1;
}
body.dark-mode :-ms-input-placeholder {
  color: #86A097 !important;
}
body.dark-mode ::-ms-input-placeholder {
  color: #86A097 !important;
}

body.dark-mode {
  /* العنوان وأزرار التنقل */
  /* خلفية جدول الأيام */
  /* الأيام المفتوحة */
  /* اليوم المحدد */
  /* الأيام المقفولة */
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area {
  background-color: #0E1C19;
  color: #F0F0F0;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-navigator .pwt-btn {
  background-color: #1a2e2a !important;
  color: #F0F0F0 !important;
  border: none !important;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-navigator .pwt-btn:hover {
  background-color: #229F62 !important;
  color: #fff;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-navigator .datepicker-title {
  color: #F0F0F0;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-day-view {
  background-color: #0E1C19;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td span {
  color: #fff !important;
  background-color: transparent;
  border-radius: 6px;
  transition: all 0.3s;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td span:hover {
  background-color: #229F62;
  color: #fff !important;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td.selected span {
  background-color: #229F62;
  color: #fff !important;
  font-weight: bold;
}
body.dark-mode .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td.disabled span {
  color: #647E76 !important;
  background-color: #1a2e2a;
  cursor: not-allowed;
  opacity: 0.6;
}
body.dark-mode .header div {
  color: #F0F0F0 !important;
}

/*# sourceMappingURL=dark.css.map */