:root {
    /* Colors */
    --primary: #007BFFFF;
    --success: #47c363;
    --info: #3abaf4;
    --warning: #ffa426;
    --danger: #fc544b;
    --darklight: #212d46;
    --darklight2: #283448;
    --dark: #1e293b;
    --white: #FFFFFF;
    --borderColor: rgb(255 255 255 / 0.1);
    --borderColor2: rgb(255 255 255 / 0.05);
}

.dark body {
    background-color: var(--darklight2);
    color: var(--white);
}

.dark .main-sidebar {
    background-color: var(--dark);
    transition: unset;
}

.dark .navbar {
    background-color: var(--darklight);
    border-color: var(--borderColor);
}

.dark-light {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .hidden {
    display: none;
}

:is(:where(.dark) .dark\:hidden) {
    display: none;
}

:is(:where(.dark) .dark\:inline-block) {
    display: inline-block;
} */


/* :is(:where(.dark) .dark\:inline-block.hidden) {
    display: none;
} */

html:not(.dark) .light-icon-theme {
    display: none !important;
}

.dark-icon-theme {
    display: block !important;
}

.dark .dark-icon-theme {
    display: none !important;
}

.dark .navbar-brand img {
    filter: brightness(0) invert(1);
}

.dark .btn {
    color: var(--white);
}

.dark .navbar .nav-item .nav-link {
    color: var(--white);
}

.dark .menu-category>ul>li {
    background-color: var(--darklight);
    color: var(--white);
    border: 1px solid var(--borderColor);
}
.dark .menu-category>ul>li:hover {
    background-color: var(--dark);
}

.dark .panel-sidebar {
    background-color: var(--dark);
}

.dark .panel-sidebar .user-info .user-name {
    color: var(--white);
}

.dark .section-title {
    color: var(--white);
}

.dark .panel-sidebar .sidebar-user-stats .sidebar-user-stat-item strong {
    color: var(--white);
}

.dark .panel-sidebar .sidebar-menu .sidenav-item.sidenav-item-active>a,
.dark .panel-sidebar .sidebar-menu .sidenav-item.sidenav-item-active>a * {
    color: var(--white);
}

.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon svg,
.dark .text-dark-blue {
    color: var(--white) !important;
    fill: var(--white);
}

.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon .cls-1,
.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon .cls-3 {
    fill: var(--white);
}

.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon.assign-fill svg,
.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon.assign-fill svg * {
    fill: var(--white);
}

.dark .bg-white {
    background-color: var(--dark) !important;
}

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

.dark .dashboard-stats {
    background-color: var(--dark) !important;
}

.dark .dashboard-stats:hover {
    background-color: var(--darklight) !important;
}

.dark text {
    color: var(--white);
    fill: var(--white);
}

.dark .menu-category>ul>li .cat-dropdown-menu, .dark .dropdown-menu {
    background-color: var(--darklight2);
    box-shadow: unset;
    border: 1px solid var(--darklight);
    color: var(--white);
}

.dark .menu-category>ul>li .cat-dropdown-menu:after {
    background-color: var(--darklight2);
}

.dark .menu-category>ul>li a {
    color: var(--white);
}

.dark .menu-category>ul>li .cat-dropdown-menu .cat-dropdown-menu-icon {
    filter: brightness(0) invert(1);
}

.dark .menu-category>ul>li .cat-dropdown-menu>li .sub-menu {
    background-color: var(--darklight2);
}

.dark .menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a {
    color: var(--white);
}

.dark .dropdown-menu:after {
    border-bottom: 10px solid var(--darklight2);
}

.dark .dropdown-menu.user-profile-dropdown .dropdown-item img {
    filter: brightness(0) invert(1);
}
.dark .dropdown-item:focus, .dark .dropdown-item:hover {
    background-color: var(--darklight);
    color: var(--white);
}

.panel-sidebar .sidebar-menu.without-bottom-image {
    height: calc(100% - 240px);
}

.dark .activities-container {
    background-color: var(--dark);
}

.dark .btn-primary {
    border-color: var(--primary);
    box-shadow: none;
}

.dark .btn-light:not(:disabled):not(.disabled).active, .dark .btn-light:not(:disabled):not(.disabled):active, .dark .show>.btn-light.dropdown-toggle {
    background-color: var(--darklight);
}

.dark .btn-primary:active,
.dark .btn-primary:focus,
.dark .btn-primary:hover,
.dark .btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.dark .panel-section-card {
    background-color: var(--dark);
}

.dark .input-label {
    color: var(--white);
}

.dark .form-control {
    background-color: transparent;
    border-color: var(--borderColor);
    color: var(--white);
}

.dark .input-group-text {
    border-color: var(--borderColor) !important;
}

.dark .daterangepicker,
.dark .daterangepicker .calendar-table {
    background-color: var(--darklight);
}

.dark .daterangepicker .calendar-table .next span,
.dark .daterangepicker .calendar-table .prev span {
    border-color: var(--white);
}

.dark .daterangepicker td.off,
.dark .daterangepicker td.off.end-date,
.dark .daterangepicker td.off.in-range,
.dark .daterangepicker td.off.start-date {
    background-color: var(--dark);
}

.dark tbody tr:hover {
    background-color: unset !important;
}

.dark .daterangepicker td.available:hover,
.dark .daterangepicker th.available:hover {
    background-color: var(--darklight2);
}

.dark select option,
.dark select optgroup {
    background-color: var(--dark);
}

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

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

.dark .select2-container--default .select2-selection--single {
    background-color: var(--dark);
    border-color: var(--borderColor);
    color: var(--white);
    display: flex;
    align-items: center;
}

.dark .select2-container--default .select2-selection--single::placeholder,
.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--white);
}

.dark .select2-container .select2-selection--single .select2-selection__clear {
    color: var(--white);
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: initial !important;
}

.dark .select2-dropdown {
    background-color: var(--dark);
    border-color: var(--borderColor) !important;
}

.dark .not-verified-alert {
    background-color: var(--info);
}

.dark .select2-container--default .select2-selection--multiple {
    background-color: var(--darklight2);
    border-color: var(--borderColor);
}

.dark .border-top {
    border-color: var(--borderColor) !important;
}

.dark .select2-container .select2-selection {
    border-color: var(--borderColor) !important;
    color: var(--white);
}

.dark .select2-container--default .select2-search--inline .select2-search__field {
    color: var(--white);
}

.dark .charge-account-radio label {
    background-color: var(--dark);
}

.dark .charge-account-radio label:hover {
    box-shadow: unset;
}

.dark .panel-shadow {
    background-color: var(--dark);
}

.dark .btn-border-white {
    background-color: var(--darklight);
    border-color: var(--darklight);
}

.dark .section-title.after-line:after {
    background-color: var(--borderColor);
}

.dark .webinar-progress .progress-item .progress-icon.active img,
.dark .webinar-progress .progress-item .progress-icon:hover img {
    filter: brightness(0) invert(1);
}

.dark .swal2-popup {
    background-color: var(--dark);
}

.dark .swal2-popup .close-swl {
    color: var(--white);
}

.dark .checkbox-button label {
    background-color: var(--dark);
    color: var(--white);
    border-color: var(--borderColor);
}

.dark .webinar-progress .progress-item .progress-icon {
    background-color: var(--darklight2);
}

.dark .webinar-progress .progress-item .progress-icon img {
    filter: brightness(0) invert(1);
}

.dark input[type="date"]::-webkit-calendar-picker-indicator {
    color: var(--white);
}

.dark input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.border-saprator {
    height: 53px;
    width: 1px;
    background-color: #ececec;
    margin-left: 15px;
    margin-right: 15px;
}

.dark .border-saprator {
    background-color: var(--borderColor);
}

.dark .border-bottom, .dark .border-left {
    border-color: var(--borderColor) !important;
}

.dark .top-navbar .navbar-user .user-name {
    color: var(--white);
}
.stats-container .stats-item {
    border: 1px solid transparent;
    width: 100%;
    padding: 25px;
}

.dark .stats-container .stats-item {
    background-color: var(--darklight);
    box-shadow: none;
    border-color: var(--borderColor);
}

.dark .stats-container .stats-item .stat-number, .dark .stats-container .stats-item .stat-title {
    color: var(--white);
}

.webinar-card {
    border: 1px solid transparent;
}

.dark .webinar-card {
    background-color: var(--darklight);
    box-shadow: none;
    border-color: var(--borderColor);
}

.dark a {
    color: var(--white);
}

.dark .webinar-card .webinar-icon {
    color: var(--white);
}

.dark .webinar-card .date-published, .dark .webinar-card .duration {
    color: var(--white);
}

.dark .webinar-card .webinar-card-body .webinar-price-box .real {
    color: var(--white);
}

.webinar-card .image-box .webinar-notify {
    border: 1px solid transparent;
}

.dark .webinar-card .image-box .webinar-notify {
    border-color: var(--white);
    background-color: var(--darklight);
}

.dark .webinar-card .image-box .webinar-notify:hover {
    background-color: var(--info);
    border-color: var(--info);
}

.dark .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--borderColor) !important;
}

.dark .user-inline-avatar .user-name:hover {
    color: var(--primary);
}

.dark .trending-card .item-count {
    background-color: var(--dark);
    box-shadow: none;
}

.dark .trending-card h3 {
    color: var(--white);
}

.dark .shadow-effect {
    background-color: var(--darklight);
    box-shadow: none;
}

.dark .customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background-color: var(--borderColor) !important;
}

.dark .customers-testimonials.owl-carousel .owl-dots .owl-dot.active span {
    background-color: var(--primary) !important;
}

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

.dark .border {
    border-color: var(--borderColor) !important;
}

.dark .home-organizations-card {
    background-color: var(--darklight);
    box-shadow: none;
}

.dark .home-organizations-card .home-organizations-title {
    color: var(--white);
}

.home-organizations-card .home-organizations-badge {
    border: 1px solid transparent;
}

.dark .home-organizations-card .home-organizations-badge {
    background-color: var(--darklight);
    color: var(--white);
    border-color: var(--borderColor);
}

.dark .home-video-mask {
    border-color: var(--borderColor);
    background-color: var(--darklight);
}
.dark .home-video-container .home-video-play-button {
    background-color: var(--primary);
}
.dark .home-video-container .home-video-play-button:after, .dark .home-video-container .home-video-play-button:before {
    background-color: var(--primary);
}

.dark .reward-program-section {
    background-color: var(--darklight);
}

.dark .nav-tabs {
    border-color: var(--borderColor);
}

.dark .bg-gray200 {
    background-color: var(--darklight) !important;
    color: var(--white) !important;
}

.dark .js-refresh-captcha svg {
    color: var(--white);
}

.dark .bg-white .btn-border-white {
    border-color: var(--borderColor);
}

.dark .user-profile-info .following-status {
    border-color: var(--borderColor);
}
.dark .text-gray {
    color: var(--white) !important;
}

.dark .custom-control-label:before {
    background-color: var(--darklight) !important;
}

.dark .checkbox-button.primary-selected input[type=checkbox]:checked+label, .dark .checkbox-button.primary-selected input[type=radio]:checked+label {
    color: var(--white) !important;
}

.dark .wizard-custom-radio label {
    border-color: var(--borderColor);
}

.dark .instructor-finder .instructor-finder-card .instructor-finder-card-right-side {
    border-color: var(--borderColor);
}

.dark .btn-gray300, .dark .btn-gray300:hover {
    background-color: var(--darklight);
    border-color: var(--borderColor);
    color: var(--white);
}

.dark .wizard-custom-checkbox label {
    border-color: var(--borderColor);
}

.dark .watch-ads {
    color: var(--white);
}

.dark .login-container {
    border-color: var(--borderColor);
}

.dark a.text-secondary:focus, .dark a.text-secondary:hover {
    color: var(--primary) !important;
}
.badge-circle-gray300 {
    border: 1px solid transparent;
}
.dark .badge-circle-gray300 {
    background-color: var(--darklight);
    border-color: var(--borderColor);
}

.four_tab_section .tab_reg a { 
    border: 1px solid transparent;
}

.dark .four_tab_section .tab_reg a {
    background-color: transparent;
    box-shadow: none;
    border-color: var(--borderColor);
    color: var(--white);
}

.dark .four_tab_section .tab_reg a.active, .dark .four_tab_section .tab_reg a:hover {
    background-color: var(--darklight);
    border-color: var(--darklight);
}

.dark .four_tab_section .login-card {
    background-color: var(--darklight);
}

.dark .four_tab_section .login-card .select2-container--default .select2-selection--single {
    background-color: var(--darklight);
}

.dark .cart-banner {
    background-color: var(--dark);
}

.dark .post-show p, .dark .post-show span {
    color: var(--white) !important;
}

.dark .home-sections .section-hint {
    color: var(--white);
}

.dark .bg-secondary {
    background-color: var(--dark) !important;
}

.dark .footer .border-blue {
    border-color: var(--borderColor);
}

.dark .input-group-text {
    background-color: var(--darklight) !important;
}

.dark .login-card .select2-container--default .select2-selection--single {
    background-color: var(--darklight2);
}

.dark .contact-items {
    background-color: var(--darklight);
    box-shadow: none;
}

.dark button#refreshCaptcha svg {
    color: var(--white);
}

.dark .custom-pagination {
    background-color: var(--dark);
    border-color: var(--borderColor);
}

.dark .custom-pagination li.disabled {
    color: var(--borderColor);
    border-color: var(--borderColor2) !important;
}

.dark .custom-pagination li {
    border-color: var(--white);
}

.dark .custom-pagination li a {
    color: var(--white);
}

.dark .custom-pagination li:hover {
    border-color: var(--primary);
}

.dark .shadow-sm {
    background-color: var(--darklight);
    box-shadow: none !important;
}

.dark .course-cover-container .cover-content:after, .dark .site-top-banner:after {
    background-color: var(--dark);
    opacity: .8;
}

.dark .course-description, .dark .course-description p {
    color: var(--white) !important;
    background-color: transparent !important;
}

.dark .accordion-row .panel-collapse {
    border-color: var(--borderColor);
}

.dark .chapter-icon.chapter-content-icon {
    background-color: var(--darklight);
}

.dark .bg-info-light {
    background-color: var(--darklight);
}

.dark a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: var(--darklight2) !important;
}

.dark .swal2-content {
    color: var(--white);
}

.dark .search-top-banner .top-search-categories-form .search-input {
    box-shadow: none;
    border: 1px solid var(--borderColor);
}

.dark .search-top-banner .top-search-categories-form .search-input input::placeholder {
    color: var(--white);
}

.dark .search-top-banner .top-search-categories-form .course-count-badge {
    background-color: var(--darklight);
}

.dark .user-profile-avatar {
    border: 1px solid var(--borderColor) !important;
}

.dark .inline-reservation-calender .datepicker-plot-area .datepicker-day-view {
    background-color: var(--darklight);
}

.dark .inline-reservation-calender .datepicker-plot-area {
    border-color: var(--borderColor);
}

.dark .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
    color: var(--white);
}

.dark .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td.disabled span {
    background-color: var(--darklight);
}

.dark .pick-a-time .available-times input[type=checkbox]:hover+label, .dark .pick-a-time .available-times input[type=radio]:hover+label, .dark .pick-a-time .meeting-type-reserve input[type=checkbox]:hover+label, .dark .pick-a-time .meeting-type-reserve input[type=radio]:hover+label {
    background-color: var(--primary);
}

.dark .datepicker-plot-area .datepicker-day-view .table-days td.today span {
    background-color: var(--dark);
    border: 1px solid var(--borderColor);
}

.dark .category-filter-title {
    color: var(--white);
}

.dark .bg-gray300 {
    background-color: var(--darklight) !important;
    border-color: var(--borderColor);
}

.dark a.bg-gray300:focus, .dark a.bg-gray300:hover, .dark button.bg-gray300:focus, .dark button.bg-gray300:hover {
    background-color: var(--darklight2) !important;
}

.dark .card {
    background-color: var(--dark);
    border-color: var(--borderColor) !important;
}

.dark .btn-light {
    background-color: var(--darklight2);
}

.dark .table-bordered, .table-bordered td, .table-bordered th {
    /* border-color: var(--borderColor); */
    border-color: #707070;
    color: #1e293b;
}

.dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
    background-color: var(--darklight);
    border-color: var(--darklight);
}

.dark .modal-content {
    background-color: var(--darklight);
}

.dark .modal-header, .dark .modal-footer {
    border-color: var(--borderColor);
}

.dark .close {
    color: var(--white);
}

.dark .pick-a-time .meeting-type-reserve label {
    border-color: var(--borderColor);
}

.dark .cls-2 {
    fill: var(--white);
}
.dark .panel-sidebar .sidebar-menu .sidenav-item.sidenav-item-active>a .cls-2 {
    fill: var(--primary);
}

.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon.sidenav-notification-icon .cls-1 {
    stroke: var(--white);
}

.dark .forum-stat-section .forum-stat-icon {
    background-color: #445b8b;
    border-radius: 100%;
}

.dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon.assign-strock svg, .dark .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon.assign-strock svg * {
    stroke: var(--white);
}


.dark .navbar-shopping-cart .navbar-cart-box .navbar-cart-info h4, .dark .navbar-shopping-cart .navbar-cart-total .total-text {
    color: var(--white);
}

.dark .social-login {
    background-color: var(--dark);
    border-color: var(--borderColor);
}

.dark .social-login:hover {
    background-color: var(--darkLight2);
}

.dark .signup-plan {
    background-color: var(--dark);
    border-color: var(--borderColor);
}

.dark .signup-plan h1 {
    color: var(--white) !important;
}

.dark .subscribe-plan .plan-feature li {
    color: var(--white);
}

.dark .charge-account-radio input[type=radio]:checked+label {
    background-color: var(--darklight);
    box-shadow: none;    
}

.dark .custom-upload-input-group .custom-upload-input {
    background-color: var(--darkLight2);
    border-color: var(--borderColor);
}

.dark .custom-upload-input-group .custom-upload-icon {
    border-color: var(--borderColor);
}

.dark .course-description span, .dark .course-description p span {
    background-color: var(--darkLight) !important;
    color: var(--white) !important;
}


.dark .table {
    color: var(--white);
}

.dark .table thead th {
    border-color: var(--borderColor);
}


.dark .navbar-light .navbar-toggler {
    color: var(--white);
    border-color: var(--borderColor);
    background-color: var(--dark);
}
.dark .navbar-light .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}

@media (max-width: 991px) {
    .navbar .navbar-order:first-child {
        order: 1;
        width: unset;
        max-width: unset;
    }
    .navbar .navbar-order:nth-child(2) {
        order: 3;
    }
    .dark-light {
        order: 2;
        margin-left: auto;
        margin-right: 15px;
    }

    .dark-light+.border-saprator {
        display: none;
    }

    .nav-icons-or-start-live {
        display: none;
    }
    .navbar-brand img {
        max-width: 160px !important;
    }

    .dark .navbar .navbar-toggle-content {
        background-color: var(--darklight);
    }

    .dark button#navbarClose {
        color: var(--white);
    }

    .dark .menu-category>ul>li {
        padding: 10px 15px;
    }

    .border-saprator {
        margin-left: 5px;
        margin-right: 5px;
    }
    .top-navbar .flex-lg-row {
        flex-direction: row !important;
    }
    .top-navbar .xs-w-100 {
        width: unset;
    }
}