.upload-course-item-block .add-new-tag { margin: 12px 0 0 0;}
.upload-course-item-block .add-new-tag .btnbox { display: flex; flex-wrap:wrap; margin: 15px 0 15px 0;}
.upload-course-item-block .add-new-tag .btnbox .addnewtag {
    border: solid 1px var(--light-contrast-20);
    background: none;
    color: var(--light-contrast-40);
    height: 24px;
    padding: 0 14px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-course-item-block .add-new-tag .btnbox .submitnewtag {
    border: solid 1px var(--theme-color);
    background: var(--theme-color);
    color: #FFFFFF;
    height: 24px;
    padding: 0 14px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ranking-item .user-img-wrap { width:66px; height:66px;}
.ranking-item .user-img-wrap img { width:100%; height:100%; min-width:1px; min-height:1px; display:block; object-fit:cover;}

/*=====================================================*/
/*============ Theme Color Variables Start ============*/
/*=====================================================*/

/*============ Home Page Start ============*/
body { background: var(--baselightbg);}
.bg-page { background-color: var(--page-bg);}
.bg-white { background: var(--bs-white-rgb) !important;}
.bg-light { background: var(--bs-light-rgb) !important;}
.text-white { color: var(--white-color) !important;}
.text-black { color: var(--light-contrast-100) !important;}
#mainNav { border-color: var(--dark-contrast-20);}
#librariesDropdown { color: var(--dark-color) !important;}
#mainNav .navbar-nav .dropdown-menu a { color: var(--dark-color);}
.navbar .dropdown-menu .dropdown-toggle::after { color: var(--dark-color);}
#mainNav .navbar-nav .dropdown-menu a:hover,
.navbar .dropdown-menu .dropdown-toggle:hover::after,
#mainNav .navbar-nav .dropdown-menu a:focus { color: var(--dark-color);}
.header-nav-left-side:before { background-color: var(--dark-contrast-20);}
.header-nav-left-side form { border-color: var(--dark-contrast-30);}
.header-nav-left-side form .form-control { color: var(--white-color);}
.header-nav-left-side form .form-control::-webkit-input-placeholder { color:rgba(255,255,255,0.6); opacity:1;}
.header-nav-left-side form .form-control::-moz-placeholder { color:rgba(255,255,255,0.6); opacity:1;}
.header-nav-left-side form .form-control:-ms-input-placeholder { color:rgba(255,255,255,0.6); opacity:1;}
.header-nav-left-side form .form-control:-moz-placeholder { color:rgba(255,255,255,0.6); opacity:1;}
.header-nav-right-side .message-user-item-left h6 { color: var(--dark-color);}
.header-nav-right-side .message-user-item-left p { color: var(--dark-color);}
.header-nav-right-side .message-user-item-left .color-gray { color: rgba(0,0,0,0.70);}
.search-bar-suggestion-box { color: var(--dark-color);}
.search-bar-suggestion-box .search-bar-result-item a,
.search-bar-suggestion-box .search-bar-result-item.no-search-result-found { color: var(--dark-color);}
.menu-round-btn > a { color: var(--theme-color)!important;}
#mainNav .navbar-nav .nav-item.menu-sign-in-btn .nav-link { color: var(--theme-color) !important; background-color: var(--white-color); border-color: var(--white-color);}
#mainNav .navbar-nav .nav-item.menu-sign-in-btn .nav-link:hover { color: var(--white-color) !important; background-color: var(--theme-color); border-color: var(--white-color);}
#mainNav .navbar-nav .nav-item .menu-notification-tab-list { background-color: rgba(0,0,0,0.07) !important;}
#mainNav .navbar-nav .nav-item .menu-notification-tab-list .nav-item { flex: 1 1 auto;}
#mainNav .navbar-nav .nav-item .menu-notification-tab-list .nav-link { width: 100%; color: var(--dark-color) !important; justify-content: center; text-align: center;}
#mainNav .navbar-nav .nav-item .menu-notification-tab-list .nav-link.active { color: var(--dark-color) !important; background-color: var(--white-color) !important;}
#mainNav .navbar-nav .nav-item.menu-notification-btn .no-notification-found-box { color: rgba(0,0,0,0.70);}
#mainNav .navbar-nav .nav-item.menu-notification-btn .no-notification-found-box p { color: rgba(0,0,0,0.70);}
.come-for-learn-text span:after { background-color: #FFFFFF;}
.hero-btns .theme-btn { color: var(--theme-color) !important; background-color: var(--white-color); border-color: var(--white-color);}
.hero-btns .theme-btn:hover { color: var(--white-color) !important; background-color: var(--theme-color); border-color: var(--white-color);}
.single-feature-item { background-color: var(--baselightbg); box-shadow: 0 6px 21px var(--light-contrast-10);}
.course-tab-nav-wrap .nav-tabs .nav-item.show .nav-link,
.course-tab-nav-wrap .nav-tabs .nav-link.active { color: var(--theme-color)!important;}
.course-slider-items .owl-nav button { color: #000000 !important;}
.course-slider-items .owl-nav button:hover { color: var(--theme-color) !important;}
.top-categories-area .section-btn .theme-btn { color: var(--theme-color) !important; background-color: var(--white-color); border-color: var(--white-color);}
.top-categories-area .section-btn .theme-btn:hover { color: var(--white-color) !important; background-color: var(--theme-color); border-color: var(--white-color);}
.card { background: var(--baselightbg); border-color: var(--light-contrast-10);}
.top-instructor-content-wrap .search-instructor-item,
.organization-single-tab-area .search-instructor-item { box-shadow: 0 6px 21px var(--light-contrast-10);}
.instructor-designation { color: var(--gray-color2);}
.testimonial-top-content { border-color: var(--dark-contrast-20);}
.testimonial-content h6 { color: var(--dark-contrast-60);}
.testimonial-content p { color: var(--dark-contrast-100);}
.testimonial-bottom-content p { color: var(--dark-contrast-60);}
.testimonial-bottom-content .rating-list li { color: var(--dark-contrast-100);}
.testimonial-bottom-content .star-full .iconify { color: var(--dark-contrast-100);}
.achievement-area { border-color: var(--light-contrast-10);}
.accordion-item { background: var(--baselightbg);}
.accordion-button { background-color: var(--light-contrast-5);}
.home-page-faq-area .accordion-button:not(.collapsed) { color: var(--theme-color); background-color: var(--light-contrast-5);}
.accordion-collapse { box-shadow: 0 4px 7px var(--light-contrast-10);}
.accordion-body { background: var(--baselightbg);}
.footer-contact-info ul li .iconify { color: var(--white-color);}
.copyright-wrapper { border-color: var(--dark-contrast-20);}
/*============ Home Page End ============*/

/*============ About Page Start ============*/
.page-banner-header .breadcrumb-item,
.page-banner-header .breadcrumb-item a { color: rgba(255,255,255,0.8);}
.page-banner-header .breadcrumb-item.active { color: var(--white-color);}
.page-banner-header .breadcrumb-item a:hover { color: var(--white-color);}
.page-banner-header .breadcrumb-item + .breadcrumb-item:before { color: rgba(255,255,255,0.8);}
.container-timeline { border-color: var(--light-contrast-10);}
.container-timeline .history-year:before { background-color: var(--light-contrast-10);}
.container-timeline .history-year:after { background-color: var(--light-contrast-10);}
.container-timeline .history-content { background-color: var(--bs-white-rgb);}
/*============ About Page End ============*/

/*============ Courses Page Start ============*/
.courses-filter-bar { border-color: var(--light-contrast-10);}
.search-tag-list { background-color: var(--light-contrast-10);}
.filter-box { border-color: var(--light-contrast-10);}
.filter-box .form-select { color: var(--body-font-color);}
.sidebar-filter-btn,
.filter-bar-search-box { color: var(--body-font-color); border-color: var(--light-contrast-10);}
.courses-sidebar-area { border-color: var(--light-contrast-10);}
.courses-sidebar-area.bg-light { background:none !important;}
.courses-sidebar-area .accordion-item { background: none; border-color: var(--light-contrast-10); border-radius:0;}
.courses-sidebar-area .accordion-button { color: var(--body-font-color); background: none;}
.courses-sidebar-area .accordion-button:not(.collapsed) { border-color: var(--light-contrast-10);}
.courses-sidebar-area .accordion-body { background: none;}
.ui-slider-horizontal { background: var(--light-contrast-10);}
.price-range-field { color: var(--light-contrast-100);}
/*============ Courses Page End ============*/

/*============ Courses Detail Page Start ============*/
.course-single-banner-content .rating-list li { color: var(--dark-contrast-60);}
.course-single-banner-content .rating-list li.star-full .iconify { color: var(--dark-contrast-100);}
.course-details-tab-nav-wrap { border-color: var(--light-contrast-10);}
.course-details-tab-nav-wrap .tab-nav-list.nav-tabs .nav-link { background: none !important;}
.review-tab-count-box { background: var(--baselightbg);}
.rating-list li { color: var(--light-contrast-20);}
.barra { background: var(--light-contrast-10);}
.meet-instructor-top-title { background: var(--light-contrast-5) !important;}
.meet-your-instructor-right { border-color: var(--light-contrast-10);}
.course-info-box-wishlist-btns .theme-btn { border-color: var(--light-contrast-20);}
/*============ Courses Detail Page End ============*/

/*============ About Instructor Page Start ============*/
.instructor-details-left-inner-box { border-color: var(--light-contrast-10);}
.instructor-details-area .instructor-info-box { border-color: var(--light-contrast-10);}
.follower-item { border-color: var(--light-contrast-10);}
.instructor-social ul li a svg { color: var(--light-contrast-30);}
/*============ About Instructor Page End ============*/

/*============ Contact Page Start ============*/
.contact-form-area { border-color: var(--light-contrast-10);}
.contact-form-area .form-control,
.contact-form-area .form-select { color: var(--light-contrast-100); background-color: transparent;}
.contact-form-area .form-control:focus,
.contact-form-area .form-select:focus { color: var(--light-contrast-100); border-color: var(--theme-color);}
/*============ Contact Page End ============*/

/*============ Validate Certificate Page Start ============*/
.certificate-check-form .form-control { color: var(--light-contrast-100); background-color: transparent;}
.certificate-check-form .form-control:focus { color: var(--light-contrast-100); border-color: var(--theme-color);}
/*============ Validate Certificate Page End ============*/

/*============ Instructor Page Start ============*/
.instructor-dashboard-two-part-join { border-color: var(--light-contrast-10);}
.instructor-profile-left-part-wrap { border-color: var(--light-contrast-10);}
.instructor-profile-left-part ul li a { color: var(--light-contrast-80);}
.instructor-profile-left-part ul li a.active { color: var(--light-contrast-100); background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.instructor-profile-left-part ul li .toggle-account-menu { color: var(--light-contrast-80);}
.instructor-profile-left-part ul li.current-menu-item.has-open a { color: var(--light-contrast-100); background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.instructor-profile-left-part ul li.current-menu-item.has-open .toggle-account-menu { color: var(--light-contrast-100);}
.instructor-profile-left-part ul li.menu-has-children.has-open .account-sub-menu { border-color: var(--light-contrast-10);}
.instructor-profile-left-part ul li.menu-has-children .account-sub-menu li a { color: var(--light-contrast-80);}
.instructor-profile-left-part ul li.menu-has-children .account-sub-menu li a::before { background-color: var(--light-contrast-10);}
.instructor-profile-left-part ul li.menu-has-children.current-menu-item.has-open a.active { color: var(--light-contrast-100); background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.instructor-my-courses-title { border-color: var(--light-contrast-10);}
.instructor-dashboard-top-part-item { border-color: var(--light-contrast-10); box-shadow: 0 2px var(--light-contrast-10);}
.recently-added-courses-box { border-color: var(--light-contrast-10); box-shadow: 0 2px var(--light-contrast-10);}
.recently-added-courses-title a { border-color: var(--light-contrast-10);}
.recently-added-course-item { border-color: var(--light-contrast-10);}
.recently-added-course-item-right button { background-color: var(--light-contrast-5);}
.your-rank-title { background-color: var(--light-contrast-5);}
.ranking-item-right:after { background-color: var(--light-contrast-10);}
.instructor-dashboard-chart-box { border-color: var(--light-contrast-10); box-shadow: 0 2px var(--light-contrast-10);}
#progressbar { color: var(--light-contrast-30); border-color: var(--light-contrast-10); box-shadow: 0 2px var(--light-contrast-10);}
#progressbar li:before { color: var(--baselightbg); background: var(--baselightbg);}
#progressbar li:after { background: var(--light-contrast-10);}
#progressbar .active { color: var(--light-contrast-100);}
#progressbar li.active:before,
#progressbar li.active:after { color: var(--white-color);}
#msform .upload-course-step-item { background: none;}
#msform .upload-course-step-item form { margin: 0;}
#msform .upload-course-step-item form .stepper-action-btns { padding: 0;}
.upload-course-item-block { border-color: var(--light-contrast-10); box-shadow: 0 2px var(--light-contrast-10);}
.upload-course-item-block .label-text-title { color: var(--light-contrast-80);}
.upload-course-item-block span.tooltip-show-btn { color: var(--white-color); background: var(--light-contrast-30);}
.upload-course-item-block .accordion .accordion-item .accordion-button { border-color: var(--light-contrast-10);}
.video-upload-final-item .accordion-button:not(.collapsed) { background-color: var(--dark-color);}
.video-upload-done-phase-action-btns { color: var(--light-contrast-100); background: var(--baselightbg);}
.video-upload-final-item .common-upload-video-btn { background-color: var(--light-contrast-10); border-color: var(--light-contrast-5);}
.upload-course-video-edit-btn { color: var(--light-contrast-100);}
.form-control,
.form-select { color: var(--light-contrast-100); background-color: transparent;}
.form-control:focus,
.form-select:focus { color: var(--light-contrast-100); background-color: transparent; border-color: var(--theme-color);}
.form-select option,
.form-control option { color: var(--dark-color);}
.form-control:disabled,
.form-select:disabled { background-color: var(--light-contrast-5);}
.select2-container--default .select2-selection--multiple { background-color: transparent !important;}
.upload-course-overview-step-item .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--theme-color);}
.select2-dropdown { border-color: var(--light-contrast-10) !important;}
.select2-dropdown .select2-results__option { color: var(--dark-color) !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: var(--white-color) !important; background-color: var(--theme-color) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: var(--light-contrast-100) !important; background-color: var(--light-contrast-5) !important; border-color: var(--light-contrast-10) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--light-contrast-50) !important;}
.form-text { color: var(--light-contrast-60);}
.upload-img-box { background-color: var(--light-contrast-5) !important; border-color: var(--light-contrast-20) !important;}
.upload-img-box .upload-img-box-icon { color: var(--light-contrast-60);}
.upload-img-box .upload-img-box-icon p { color: var(--light-contrast-60);}
.upload-video-introduction-box { background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.upload-introduction-title-box { background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.common-upload-lesson-btn,
.common-upload-video-btn { background-color: var(--light-contrast-10); border-color: var(--light-contrast-5);}
.stepper-action-btns .theme-button3,
.show-last-phase-back-btn { color: var(--light-contrast-100); background-color: var(--baselightbg); border-color: var(--light-contrast-10);}
.add-more-section-btn { border-color: var(--light-contrast-5);}
.main-upload-video-processing-item { border-color: var(--light-contrast-10);}
.instructor-my-course-item { border-color: var(--light-contrast-10) !important;}
.instructor-courses-info-duration-wrap { background-color: transparent; border-color: var(--light-contrast-10);}
.instructor-courses-info-duration-wrap ul li { color: var(--light-contrast-100);}
.instructor-my-course-btns .instructor-course-btn:nth-child(2) { color: var(--light-contrast-100) !important; background:linear-gradient(180deg,rgba(0,0,0,0.0),var(--light-contrast-5)); border-color: var(--light-contrast-10);}
.instructor-my-course-btns .instructor-course-btn:nth-child(2):hover { color: var(--light-contrast-100) !important; background:linear-gradient(180deg,var(--light-contrast-5),rgba(0,0,0,0.0));}
.instructor-my-course-btns .instructor-course-btn:nth-child(3) { color: var(--light-contrast-100) !important; background-color: var(--baselightbg); border-color: var(--light-contrast-10);}
.instructor-my-course-btns .instructor-course-btn:nth-child(3):hover { color: var(--light-contrast-100) !important; background-color: var(--light-contrast-5);}
.create-assignment-upload-files { background-color: transparent; border-color: var(--light-contrast-10); box-shadow: 0 2px var(--light-contrast-10);}
.instructor-my-course-item .course-tag.badge.bg-white { color: var(--light-contrast-100);}
.empty-data { border-color: var(--light-contrast-10);}
.all-student-filter-dropdown-btn { color: var(--light-contrast-100) !important; border-color: var(--light-contrast-20);}
.instructor-all-student-page .dropdown-menu { background-color: var(--baselightbg); border-color: var(--light-contrast-10);}
.instructor-quiz-list-page table { border-color: var(--light-contrast-10);}
.instructor-quiz-list-page .create-new-quiz-btn { color: var(--theme-color); background-color: var(--white-color);}
.instructor-quiz-list-page .create-new-quiz-btn:hover { color: var(--white-color); background-color: var(--theme-color);}
.instructor-quiz-list-page .dropdown-menu { border-color: var(--light-contrast-5); background-color: var(--bs-white-rgb);}
.instructor-quiz-list-page .dropdown li a:hover,
.instructor-quiz-list-page .dropdown li a:focus { color: var(--body-font-color); background-color: var(--light-contrast-5);}
.table { color: var(--body-font-color); border-color: var(--light-contrast-10);}
table tr:hover { background-color: var(--light-contrast-5);}
.assignment-nav-tabs { border-color: var(--light-contrast-10);}
.assignment-nav-tabs .nav-item.show .nav-link,
.assignment-nav-tabs .nav-link.active { color: var(--light-contrast-100); background-color: transparent;}
.border-1 { border-color: var(--light-contrast-10);}
.discussion-comment-block { border-color: var(--light-contrast-10);}
.instructor-disscussion-page-leftside .search-message-box.input-group { background-color: var(--light-contrast-5);}
.search-message-box .input-group-text { color: var(--light-contrast-100);}
.instructor-disscussion-page-leftside .search-message-box input { background-color: transparent !important;}
#instructor-request-datatable.table { color: var(--light-contrast-100);}
.selectize-input { color: var(--light-contrast-100) !important; background-color: transparent !important; border-color: var(--light-contrast-10) !important; box-shadow:none !important;}
.selectize-input.focus { border-color: var(--theme-color) !important;}
.selectize-dropdown,
.selectize-dropdown.form-control { border-color: var(--light-contrast-10) !important;}
.selectize-dropdown .optgroup-header,
.selectize-dropdown .option { color: var(--dark-color) !important;}
/*============ Instructor Page End ============*/

/*============ Support Ticket Page Start ============*/
.support-tickets-page .accordion-button:not(.collapsed),
.support-tickets-page .accordion-button { color: var(--light-contrast-100) !important; background-color: var(--baselightbg);}
.instructor-ticket-content-wrap,
.ticket-details-box { border-color: var(--light-contrast-10);}
.ticket-reply-item.ticket-reply-item-student { background-color: var(--light-contrast-5);}
.ticket-info-bottom-box { border-color: var(--light-contrast-10);}
/*============ Support Ticket Page End ============*/

/*============ Blog Page Start ============*/
.blog-sidebar-search-box button { color: var(--light-contrast-60);}
.blog-sidebar-tags li a { color: var(--light-contrast-60); background-color: var(--light-contrast-5);}
.blog-sidebar-tags li a:hover { color: var(--white-color); background-color: var(--theme-color);}
/*============ Blog Page End ============*/

/*============ Student Profile Page Start ============*/
.blank-page-banner-header .blank-page-banner-wrap { background-color: transparent;}
.blank-page-banner-wrap .page-banner-content .page-banner-heading { color: var(--white-color);}
.blank-page-banner-wrap .page-banner-content .page-banner-heading > img { display: inline-flex;}
.blank-page-banner-wrap .page-banner-content .course-watch-banner-items li { color: var(--white-color);}
.blank-page-banner-wrap .page-banner-content .course-watch-banner-items li .iconify { color: var(--white-color);}
.student-profile-page { padding-top: 110px;}
.student-profile-left-part { border-color: var(--light-contrast-10);}
.student-profile-left-part ul li a { color: var(--light-contrast-80);}
.student-profile-left-part ul li a:hover,
.student-profile-left-part ul li a.active { color: var(--light-contrast-100); background-color: var(--light-contrast-5);}
.student-profile-right-part { border-color: var(--light-contrast-10);}
/*============ Student Profile Page End ============*/

/*============ My Learning Page Start ============*/
.course-single-details-area.course-watch-page-area { padding-top: 80px;}
.course-watch-right-side { background-color: var(--bs-white-rgb); border-color: var(--light-contrast-10);}
.course-watch-right-side .accordion-header { border-color: var(--light-contrast-10);}
.course-watch-right-side .accordion-header .accordion-button:not(.collapsed) { background-color: transparent;}
.course-watch-right-side .accordion-body { background-color: transparent !important; border-color: var(--light-contrast-10) !important;}
.watch-course-tab-inside-top-heading { border-color: var(--light-contrast-10);}
.course-watch-assignment-content-right { border-color: var(--light-contrast-10);}
.course-watch-assignment-top-text { border-color: var(--light-contrast-10);}
.discussion-top-block { border-color: var(--light-contrast-10);}
.start-conversation-btn-wrap { background-color: transparent; border-color: var(--light-contrast-10);}
.start-conversation-btn-wrap button { color: var(--white-color) !important; background-color: var(--theme-color) !important; border-color: var(--theme-color) !important;}
.discussion-righ-wrap .editor-text-wrapper textarea { color: var(--light-contrast-100); background: none; min-height: 140px; padding: 12px 15px; border: 1px solid #CED4DA; border-radius: 4px;}
.discussion-righ-wrap .editor-text-wrapper textarea:focus { border-color: var(--theme-color);}
.course-watch-leatherboard-area { border: none !important;}
.merit-list-leatherboard .leatherboard-item,
.student-own-leatherboard .leatherboard-item { color: rgba(0,0,0,0.70);}
.merit-list-leatherboard .leatherboard-item .color-heading,
.student-own-leatherboard .leatherboard-item .color-heading { color: rgba(0,0,0,0.70);}
.customer-review-part .customer-review-item { border-color: var(--light-contrast-10);}
.customer-review-part .customer-review-item:last-child { border-top: 1px solid var(--light-contrast-10);}
/*============ My Learning Page End ============*/

/*============ Wishlist Page Start ============*/
.wishlist-page-area { padding-top: 110px;}
/*============ Wishlist Page End ============*/

/*============ Cart Page Start ============*/
.cart-page-left-part,
.order-summary-box { border-color: var(--light-contrast-10);}
.order-summary-box .cart-order-summary-item-box { border-color: var(--border-color)!important;}
/*============ Cart Page End ============*/

/*============ Wallet Page Start ============*/
.affiliate-dashboard-item { background-color: var(--light-contrast-5);}
.pagination .page-link { background-color: transparent; border-color: var(--light-contrast-5);}
div.dt-button-info { background-color: var(--baselightbg) !important; border-color: var(--light-contrast-10) !important; z-index: 10000 !important;}
div.dt-button-info h2 { color: var(--light-contrast-100) !important; background-color: var(--light-contrast-5) !important; border-color: var(--light-contrast-10) !important;}
/*============ Wallet Page End ============*/

/*============ All Modal Start ============*/
.modal .modal-content { color: rgba(0,0,0,0.70); background-color: #FFFFFF;}
.modal .modal-content h1,
.modal .modal-content h2,
.modal .modal-content h3,
.modal .modal-content h4,
.modal .modal-content h5,
.modal .modal-content h6 { color: #000000;}
.modal .modal-content p { color: rgba(0,0,0,0.70);}
.modal .modal-content .color-heading { color: #000000;}
.modal .modal-content .label-text-title { color: #000000;}
.modal .modal-content .form-control,
.modal .modal-content .form-select { color: #000000; background-color: transparent; border-color: rgba(0,0,0,0.1);}
.modal .modal-content .form-control:focus,
.modal .modal-content .form-select:focus { border-color: var(--theme-color);}
.modal .modal-content .form-control:disabled,
.modal .modal-content .form-select:disabled { background-color: rgba(0,0,0,0.05);}
.modal .modal-header .modal-title { color: #000000;}
.modal .modal-body .create-assignment-upload-files { background-color: #FAFAFA; border-color: #EDEDED; box-shadow: 0 2px #EDEDED;}
.modal .modal-body .create-assignment-upload-files .form-control,
.modal .modal-body .create-assignment-upload-files .form-select { color: #000000; background-color: #FFFFFF; border-color: rgba(0,0,0,0.1);}
.modal .modal-body .create-assignment-upload-files a { color: var(--theme-color);}
.modal .modal-body .share-course-list li a { color: #000000; border-color: #000000;}
.modal .modal-body .share-course-list li a:hover { color: var(--theme-color); border-color: var(--theme-color);}
.modal.viewMeetingLinkModal .modal-body label { color: #000000;}
.modal.viewMeetingLinkModal .modal-body .form-control,
.modal.viewMeetingLinkModal .modal-body .form-select { color: #000000 !important; background-color: transparent; border-color: rgba(0,0,0,0.1) !important;}
.modal.viewMeetingLinkModal .modal-body .form-control:focus,
.modal.viewMeetingLinkModal .modal-body .form-select:focus { border-color: var(--theme-color) !important;}
.modal.viewMeetingLinkModal .modal-body .form-control:disabled,
.modal.viewMeetingLinkModal .modal-body .form-select:disabled { background-color: rgba(0,0,0,0.05);}
.modal.edit_modal .modal-body .label-text-title { color: #000000;}
.modal.edit_modal .modal-body .form-control,
.modal.edit_modal .modal-body .form-select { color: #000000; background-color: transparent; border-color: rgba(0,0,0,0.1);}
.modal.edit_modal .modal-body .form-control:focus,
.modal.edit_modal .modal-body .form-select:focus { border-color: var(--theme-color);}
.modal.edit_modal .modal-body .form-control:disabled,
.modal.edit_modal .modal-body .form-select:disabled { background-color: rgba(0,0,0,0.05);}
.modal .modal-body .add-slot-daywise-wrap .color-heading { color: #000000;}
.modal .modal-body .add-slot-daywise-wrap .label-text-title { color: #000000;}
.modal .modal-body .add-slot-daywise-wrap .form-control,
.modal .modal-body .add-slot-daywise-wrap .form-select { color: #000000; background-color: transparent; border-color: rgba(0,0,0,0.1);}
.modal .modal-body .add-slot-daywise-wrap .form-control:focus,
.modal .modal-body .add-slot-daywise-wrap .form-select:focus { border-color: var(--theme-color);}
.modal .modal-body .add-slot-daywise-wrap .form-control:disabled,
.modal .modal-body .add-slot-daywise-wrap .form-select:disabled { background-color: rgba(0,0,0,0.05);}
.modal.venoBoxTypeModal .modal-body h1,
.modal.venoBoxTypeModal .modal-body h2,
.modal.venoBoxTypeModal .modal-body h3,
.modal.venoBoxTypeModal .modal-body h4,
.modal.venoBoxTypeModal .modal-body h5,
.modal.venoBoxTypeModal .modal-body h6,
.modal.venoBoxTypeModal .modal-body p { color: rgba(0,0,0,0.70);}
.modal#consultationBookingModal .modal-content .color-heading { color: #000000;}
.modal#consultationBookingModal .modal-content .form-control,
.modal#consultationBookingModal .modal-content .form-select { color: #000000; background-color: transparent; border-color: rgba(0,0,0,0.1);}
.modal#consultationBookingModal .modal-content .form-control:focus,
.modal#consultationBookingModal .modal-content .form-select:focus { border-color: var(--theme-color);}
.modal#consultationBookingModal .modal-content .form-control:disabled,
.modal#consultationBookingModal .modal-content .form-select:disabled { background-color: rgba(0,0,0,0.05);}
.modal#consultationBookingModal .modal-content .book-schedule-calendar-wrap .iconify { color: rgba(0,0,0,0.70);}
.modal#writeReviewModal .modal-body .color-heading { color: #000000;}
.modal#writeReviewModal .modal-body .form-control,
.modal#writeReviewModal .modal-body .form-select { color: #000000; background-color: transparent; border-color: rgba(0,0,0,0.1);}
.modal#writeReviewModal .modal-body .form-control:focus,
.modal#writeReviewModal .modal-body .form-select:focus { border-color: var(--theme-color);}
.modal#writeReviewModal .modal-body .form-control:disabled,
.modal#writeReviewModal .modal-body .form-select:disabled { background-color: rgba(0,0,0,0.05);}
.modal .modal-footer .theme-button3,
.modal .modal-footer .modal-back-btn,
.modal .modal-footer .default-back-btn { color: rgba(0,0,0,0.70) !important; background-color: transparent !important; border-color: rgba(0,0,0,0.1) !important;}
.modal .modal-footer .theme-button3:hover,
.modal .modal-footer .modal-back-btn:hover,
.modal .modal-footer .default-back-btn:hover { color: var(--theme-color) !important; background-color: transparent !important; border-color: var(--theme-color) !important;}
/*============ All Modal End ============*/

/*============ Note Editor Start ============*/
.note-editor.note-frame { color: var(--body-font-color); border-color: var(--light-contrast-10) !important;}
.note-editor .note-toolbar { background-color: rgba(var(--light-contrast), 0.02) !important; border-color: var(--light-contrast-10) !important;}
.note-editor .note-toolbar .note-btn { color: var(--light-contrast-100); background-color: transparent; border-color: var(--light-contrast-10);}
.note-editor .note-toolbar .note-btn.active,
.note-editor .note-toolbar .note-btn.focus,
.note-editor .note-toolbar .note-btn:active,
.note-editor .note-toolbar .note-btn:focus,
.note-editor .note-toolbar .note-btn:hover { color: var(--light-contrast-100); background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.note-editor .note-toolbar .note-dropdown-menu { color: var(--body-font-color); background-color: var(--bs-white-rgb); border-color: var(--light-contrast-5);}
.note-editor .note-toolbar .note-dropdown-menu .note-dropdown-item { color: var(--body-font-color);}
.note-editor .note-toolbar .note-dropdown-menu .note-dropdown-item:hover { color: var(--body-font-color); background-color: var(--light-contrast-5);}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title { border-color: var(--light-contrast-5) !important;}
.note-editor .note-toolbar .note-dropdown-menu .btn-light { color: var(--light-contrast-100); background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.note-editor .note-toolbar .note-dropdown-menu .btn-light:hover { color: var(--light-contrast-100); background-color: var(--light-contrast-5) !important; border-color: var(--light-contrast-10);}
.note-editor .note-popover { color: var(--body-font-color); background-color: var(--bs-white-rgb); border-color: var(--light-contrast-10);}
.note-editor .note-popover.bottom .note-popover-arrow { border-bottom-color: var(--light-contrast-10);}
.note-editor .note-popover.bottom .note-popover-arrow:after { border-bottom-color: var(--bs-white-rgb);}
.note-editor .note-popover .popover-content .note-btn { color: var(--light-contrast-100); background-color: transparent; border-color: var(--light-contrast-10);}
.note-editor .note-popover .popover-content .note-btn.active,
.note-editor .note-popover .popover-content .note-btn.focus,
.note-editor .note-popover .popover-content .note-btn:active,
.note-editor .note-popover .popover-content .note-btn:focus,
.note-editor .note-popover .popover-content .note-btn:hover { color: var(--light-contrast-100); background-color: var(--light-contrast-5); border-color: var(--light-contrast-10);}
.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar { background-color: rgba(var(--light-contrast), 0.02) !important; border-color: var(--light-contrast-10) !important;}
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { border-color: var(--light-contrast-20) !important;}
.note-editor .note-editing-area .note-editable table { color: var(--light-contrast-70); border-color: var(--light-contrast-10);}
.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th { border-color: var(--light-contrast-10) !important;}
.note-modal .note-modal-content { background-color: #FFFFFF; border: none;}
.note-modal .note-modal-header { border: none; border-bottom: 1px solid rgba(0,0,0,0.1);}
.note-modal .note-modal-header .note-modal-title { color: #000000;}
.note-modal .note-modal-header .close { color: #000000; opacity:1;}
.note-modal .note-modal-body { color: rgba(0,0,0,0.70);}
.note-modal .note-modal-body .form-group .note-form-label { color: #000000; font-weight: 500; line-height: normal; margin: 0 0 10px 0; padding: 0;}
.note-modal .note-modal-body .form-group .note-input { color: #000000; background-color: #FFFFFF; border-color: rgba(0,0,0,0.1); padding: 0 12px;}
.note-modal .note-modal-body .form-group .note-input:focus { border-color: var(--theme-color);}
.note-modal .note-modal-body .form-group input[type="file"].note-input { height: 49px; border-radius: 4px; padding: 10px 10px;}
.note-modal .note-modal-body .checkbox { line-height: 1; margin: 0 0 10px 0; padding: 0;}
.note-modal .note-modal-body .checkbox label { color: rgba(0,0,0,0.70); font-weight: 400; line-height: normal; margin: 0; padding: 0;}
.note-modal .note-modal-body .checkbox input[type="checkbox"] { margin: 0 8px 0 0;}
.note-modal .note-modal-footer { border-top: 1px solid rgba(0,0,0,0.1); padding-top: 25px !important;}
.note-modal .note-modal-footer .note-btn { color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color); border-radius: 4px;}
.note-modal .note-modal-footer .note-btn:hover { color: var(--theme-color); background-color: var(--white-color); border-color: var(--theme-color);}
.note-modal .note-modal-footer p { color: rgba(0,0,0,0.70);}
.note-modal .note-modal-footer a { color: var(--theme-color);}
/*============ Note Editor End ============*/

/*============ All Button Start ============*/
.quiz-back-btn,
.default-back-btn { color: var(--light-contrast-100); background-color: var(--baselightbg); border-color: var(--light-contrast-10);}
.quiz-back-btn:hover,
.default-back-btn:hover { color: var(--theme-color); background-color: transparent; border-color: var(--theme-color);}
.instructor-create-new-quiz-page .quiz-back-btn { color: var(--light-contrast-100); background-color: var(--baselightbg); border-color: var(--light-contrast-10);}
.instructor-create-new-quiz-page .quiz-back-btn:hover { color: var(--theme-color); background-color: transparent; border-color: var(--theme-color);}
.stepper-action-btns .theme-button3:hover,
.show-last-phase-back-btn:hover { background-color: transparent;}
/*============ All Button End ============*/

/*===================================================*/
/*============ Theme Color Variables End ============*/
/*===================================================*/