/* :root {
    --background_color: #0F0F10;
    --background_color_header: #222126;
    --background_color_custom_header: #151721;
    --background_color_blue_header: #151721;
    --background_color_hover: #1a1a1a;
    --background_color_header_search: #000000;
    --background_color_card: #1B1A1E;
    --background_color_footer: #36353B;
    --background_color_active_page: #007bff;
    --text_color: #ffffff;
    --text_color_menu: #36A9E5;
    --text_color_sub: #BABABA;
    --text_color_collapse: #368CB9;
    --text_color_ratting: #2eb1ff;
    --text_color_1: #9F9F9F;
    --text_color_active_dropdown_option: #ff7200;
    --border_color: #707070;
    --border_color2: #3F3E41;
    --other_color1: #A8A8A8;
    --other_color2: #E0E0E0;
    --other_color3: #38393A;
    --other_color4: #101010;
    --text-color-lightblue: #029af5 !important;
} */
.web-dark-mode {
    --tw-bg-opacity: 1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity)) !important;
    color: #ffffff;
}

body.web-dark-mode {
    --tw-bg-opacity: 1;
    --background_color:rgb(17 24 39 / var(--tw-bg-opacity));
    --background_color_header: #121113 !important;
    --background_color_custom_header: #121113 !important;
    --background_color_blue_header: #121113 !important;
    --background_color_hover: #1a1a1a;
    --background_color_header_search: #000000;
    --background_color_card: #1B1A1E;
    --background_color_footer: #36353B;
    --background_color_active_page: #007bff;
    --text_color: #ffffff;
    --text_color_menu: #36A9E5;
    --text_color_sub: #BABABA;
    --text_color_collapse: #368CB9;
    --text_color_ratting: #2eb1ff;
    --text_color_1: #9F9F9F;
    --text_color_active_dropdown_option: #ff7200;
    --border_color: #707070;
    --border_color2: #3F3E41;
    --other_color1: #A8A8A8;
    --other_color2: #E0E0E0;
    --other_color3: #38393A;
    --other_color4: #101010;
    --text-color-lightblue: #029af5 !important;

    /* CK editor */
    --ck-border-radius: 4px !important;
    --ck-font-size-base: 14px !important;
    --ck-custom-background: #4a494b !important;
    --ck-custom-foreground: #2d2d2f !important;
    --ck-custom-border: #393839 !important;
    --ck-custom-white: #fff !important;
    --ck-color-base-foreground: var(--ck-custom-background) !important;
    --ck-color-focus-border: #47a4f5 !important;
    --ck-color-text: #fafafa !important;
    --ck-color-shadow-drop: rgba(0, 0, 0, 0.2) !important;
    --ck-color-shadow-inner: rgba(0, 0, 0, 0.1) !important;
    --ck-color-button-default-background: var(--ck-custom-background) !important;
    --ck-color-button-default-hover-background: #383839 !important;
    --ck-color-button-default-active-background: #333234 !important;
    --ck-color-button-default-active-shadow: #3b393c !important;
    --ck-color-button-default-disabled-background: var(--ck-custom-background) !important;
    --ck-color-button-on-background: var(--ck-custom-foreground) !important;
    --ck-color-button-on-hover-background: #28272a !important;
    --ck-color-button-on-active-background: #232225 !important;
    --ck-color-button-on-active-shadow: #2f2f32 !important;
    --ck-color-button-on-disabled-background: var(--ck-custom-foreground) !important;
    --ck-color-button-action-background: #1abc9c !important;
    --ck-color-button-action-hover-background: #17ab8d !important;
    --ck-color-button-action-active-background: #16a286 !important;
    --ck-color-button-action-active-shadow: #16987e !important;
    --ck-color-button-action-disabled-background: #1abc9c !important;
    --ck-color-button-action-text: var(--ck-custom-white) !important;
    --ck-color-button-save: #00eb00 !important;
    --ck-color-button-cancel: #ff571f !important;
    --ck-color-dropdown-panel-background: var(--ck-custom-background) !important;
    --ck-color-dropdown-panel-border: var(--ck-custom-foreground) !important;
    --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background) !important;
    --ck-color-split-button-hover-border: var(--ck-custom-foreground) !important;
    --ck-color-input-background: var(--ck-custom-background) !important;
    --ck-color-input-border: #6c6a71 !important;
    --ck-color-input-text: #fafafa !important;
    --ck-color-input-disabled-background: #343338 !important;
    --ck-color-input-disabled-border: #5f5e64 !important;
    --ck-color-input-disabled-text: #c7c7c7 !important;
    --ck-color-labeled-field-label-background: var(--ck-custom-background) !important;
    --ck-color-list-background: var(--ck-custom-background) !important;
    --ck-color-list-button-hover-background: var(--ck-custom-foreground) !important;
    --ck-color-list-button-on-background: #198cf0 !important;
    --ck-color-list-button-on-text: var(--ck-custom-white) !important;
    --ck-color-panel-background: var(--ck-custom-background) !important;
    --ck-color-panel-border: var(--ck-custom-border) !important;
    --ck-color-toolbar-background: var(--ck-custom-background) !important;
    --ck-color-toolbar-border: var(--ck-custom-border) !important;
    --ck-color-tooltip-background: #222126 !important;
    --ck-color-tooltip-text: #ededed !important;
    --ck-color-image-caption-background: #f7f7f7 !important;
    --ck-color-image-caption-text: #333 !important;
    --ck-color-widget-blurred-border: #dedede !important;
    --ck-color-widget-hover-border: #ffd15c !important;
    --ck-color-widget-editable-focus-background: var(--ck-custom-white) !important;
    --ck-color-link-default: #80eaff !important;
}

/* CK Editor */
.web-dark-mode .ck.ck-editor__main {
    color: #222126 !important;  
}

.web-dark-mode body {
    color: var(--text_color) !important;
    background-color: var(--background_color) !important;
}

.web-dark-mode .premium-container {
    background-color: #252228 !important;
}

.web-dark-mode .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--text_color) !important;
}

.web-dark-mode .custom-header {
    background-color: #121113 !important;
}

/* .web-dark-mode header {
    background-color: var(--background_color_header) !important;
} */

.web-dark-mode header a {
    /* color: var(--text_color) !important; */
}

.web-dark-mode .fa:not(.checked, .web-dark-mode .star_checked,
    .web-dark-mode .star_checked_export,
    .web-dark-mode .fa-info-circle,
    .web-dark-mode .fa-times-circle-o,
    .web-dark-mode .fa-check-circle-o,
    .web-dark-mode .premier-badge i.fa-check,
    .fa.fa-calendar),
.web-dark-mode .fas,
.web-dark-mode .fab {
    color: var(--text_color) ;
}

.web-dark-mode .checked {
    color: var(--text_color_ratting) !important;
}

.web-dark-mode .navbar-expand-lg .dropdown-content {
    background-color: var(--background_color) !important;
}

.web-dark-mode .navbar-expand-lg .dropdown-item {
    color: var(--text_color) !important;
}
.web-dark-mode .navbar-expand-lg .dropdown-item.tools_bg_gradient {
    color:#000 !important;
}
.web-dark-mode .navbar-expand-lg .dropdown-item span {
    color: var(--text_color) !important;
}

.web-dark-mode .navbar-expand-lg .dropdown-item .tools_bg_gradient {
    color: #000 !important;
}

.web-dark-mode .popular-services {
    background-color: var(--background_color) !important;
}

.web-dark-mode .heading,
.web-dark-mode .text-header {
    color: var(--text_color) !important;
}

.web-dark-mode .custom-text-header span:first-child {
    color: var(--text_color) !important;
}

.web-dark-mode .get-project {
    background-color: var(--background_color) !important;
}

.web-dark-mode .total-price p {
    color: var(--other_color1) !important;
}

.web-dark-mode .total-price span {
    color: var(--other_color2) !important;
}

.web-dark-mode .custom-text-header span {
    color: #fff !important;
}

.web-dark-mode #custom-seller-menu {
    background-color: #252228 !important;
}

.web-dark-mode #custom-seller-menu ul.main-navigation>li {
    background-color: var(--background_color) !important;
    border: 0.4px solid var(--border_color) !important;
    background: var(--border_color) !important;
}

.web-dark-mode #custom-seller-menu ul.main-navigation>li>a {
    border-bottom: 0.4px solid var(--border_color) !important;
}

.web-dark-mode #custom-seller-menu ul.main-navigation>li,
.web-dark-mode #custom-seller-menu ul.main-navigation+ul {
    background-color: var(--background_color) !important;
    border: 0.4px solid var(--border_color) !important;
}

.web-dark-mode .dark_mode_switch_div span>b {
    color: var(--text_color) !important;
}

.web-dark-mode .read_notification_box {
    background-color: var(--other_color3) !important;
}

/* .web-dark-mode .header_message_list_div li {
    border-bottom: 1px solid var(--border_color) !important;
} */

.web-dark-mode .main-header {
    /* border-top: 1px solid var(--border_color) !important; */
    border-top: 0px !important;
}

@media (min-width: 767px) {
    .web-dark-mode .stick-header {
        background-color: var(--background_color_header_search) !important;
    }
}

.web-dark-mode .main-header .navbar-expand-lg .dropdown-item {
    /* border-bottom: 1px solid var(--border_color) !important; */
}

.web-dark-mode .dropdown-menu:not(.datepicker) {
    color: var(--text_color) !important;
}

.web-dark-mode .navbar-expand-lg .dropdown-item:hover {
    color: var(--text_color) !important;
    background: var(--background_color_hover) !important;
}

.web-dark-mode .header-search .form-control {
    background-color: var(--background_color_header_search) !important;
    border: 1px solid var(--background_color_header_search) !important;
    color: var(--text_color) !important;
}

.web-dark-mode .header-search .search-by {
    background-color: var(--background_color_header_search) !important;
    color: var(--text_color) !important;
}

.web-dark-mode .popular-item {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .we-offer,
.web-dark-mode .experts-item {
    background: var(--background_color) !important;
}

.web-dark-mode .offer-title,
.web-dark-mode .offer-desc {
    color: var(--text_color) !important;
}

.web-dark-mode .experts-sec,
.web-dark-mode .our-partner {
    background: var(--background_color_header) !important;
}

.web-dark-mode .experts-sec .row {
    padding-top: 20px !important;
}

.web-dark-mode .seller {
    color: var(--other_color1) !important;
}

/* .star-ratings-sprite {
	background: url('../../../frontend/assets/img/dark_mode_gray_star.svg');
}
.star-ratings-sprite-rating {
	background: url('../../../frontend/assets/img/dark_mode_yellow_star.svg');
} */
.web-dark-mode .review span {
    color: var(--text_color_ratting) !important;
}

.web-dark-mode #menu_text_id {
    color: var(--text_color_menu) !important;
}

.web-dark-mode .footer {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .footer .cus-social {
    padding: 5px 0px 0px 0px;
    color: var(--text_color) !important;
}

@media (max-width: 992px) {
    .web-dark-mode .navbar-toggler-icon {
        background-color: var(--background_color_active_page) !important;
    }
}

.web-dark-mode .home-slick-slider .slick-dots li.slick-active button:before {
    color: var(--background_color_active_page) !important;
}

.web-dark-mode .home-slick-slider .slick-dots li button:before {
    color: var(--text_color) !important;
}

/* service detail page */
.web-dark-mode .sub-header {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .nav-tabs .nav-item.show .nav-link,
.web-dark-mode .nav-tabs .nav-link {
    color: var(--text_color) !important;
}

.web-dark-mode .product-detail-header .nav-tabs .nav-item.show .nav-link,
.web-dark-mode .nav-tabs .nav-link.active {
    background-color: var(--background_color) !important;
    border: 0px;
}

.web-dark-mode .product-detail-header .nav-tabs {
    border-bottom: 0px;
}

.web-dark-mode #accordionEx__2>.card {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .product-block .card-header a {
    color: var(--text_color) !important;
}

.web-dark-mode .product-block .card-header .collapsed .packagetitle {
    color: var(--text_color_collapse) !important;
}

.web-dark-mode #accordionEx__2,
.web-dark-mode .user-detail {
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode #accordionEx__2 .card .card-body {
    color: var(--text_color_sub) !important;
}

.web-dark-mode .product-block .card-header .collapsed .packageprice {
    color: var(--text_color) !important;
}

.web-dark-mode #accordionEx__2 .active_card {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode #accordionEx__2 .card .card-header {
    border-bottom: 1px solid var(--border_color2) !important;
}

.web-dark-mode .desktop-pricing-section .user-detail {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .user-detail .detail-point {
    border-top: 0px;
}

.web-dark-mode .general-info .general-info-table .fas,
.web-dark-mode .general-info .general-info-table .fa {
    color: var(--text_color_1) !important;
}

.web-dark-mode .general-info .general-info-table .general-info-title {
    color: var(--text_color_1) !important;
}

.web-dark-mode .cus-order .custom-order-btn-mail,
.web-dark-mode .cus-order .custom-order-btn {
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .cus-order .custom-order-btn {
    color: var(--text_color) !important;
}

.web-dark-mode .product-slider {
    border: 0px !important;
}

.web-dark-mode .custom-bottom-border {
    border-bottom: 0px !important;
}

.web-dark-mode .custom-detail-service-title h5 {
    color: var(--text_color) !important;
}

.web-dark-mode #reviewlist h4 {
    border-bottom: 0px !important;
    color: var(--text_color) !important;
}

.web-dark-mode #reviewlist .New,
.web-dark-mode .cus-ratting-box {
    background-color: var(--background_color_header) !important;
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .package_name {
    color: var(--text_color) !important;
}

.web-dark-mode .review-item:not(:last-child) {
    border-bottom: 1px solid var(--border_color2) !important;
}

.web-dark-mode .cus-grey {
    color: var(--text_color_1) !important;
}

.web-dark-mode .get_review_by_count_link {
    color: var(--text_color) !important;
}

.web-dark-mode .get_review_by_count_link:hover {
    color: #AA38F8 !important;
    cursor: pointer;
}

.web-dark-mode .progress .progress_color {
    background-color: var(--text_color_ratting) !important;
}

.web-dark-mode .rating_middle_hover_effect {
    border: 1px solid var(--text_color_ratting) !important;
}

.web-dark-mode .all_review_section {
    background-color: var(--background_color_header) !important;
    border-top: 1px solid var(--border_color2) !important;
    border-left: 1px solid var(--border_color2) !important;
    border-right: 1px solid var(--border_color2) !important;
}

.web-dark-mode .review-block {
    background-color: var(--background_color_header) !important;
    border-top: 0px;
    border-bottom: 1px solid var(--border_color2) !important;
    border-left: 1px solid var(--border_color2) !important;
    border-right: 1px solid var(--border_color2) !important;
}

.web-dark-mode .div_border_bottom {
    border-bottom: 1px solid var(--border_color2) !important;
    width: 100%;
}

.web-dark-mode .comment-list .empty_review_div {
    border: 1px solid var(--border_color) !important;
}

/* order list page */
.web-dark-mode .block-section,
.web-dark-mode .sponsored-section,
.web-dark-mode .custom-order-section {
    background: var(--background_color) !important;
}

.web-dark-mode .block-section .cus-container-two {
    background: var(--background_color_header) !important;
}

.web-dark-mode .read_order {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .custom .order-no-default {
    color: var(--text_color) !important;
}

.web-dark-mode .manage-sale-tabel .manage-sale-head {
    color: var(--text_color_1) !important;
}

.web-dark-mode .page-link {
    /* background-color: var(--background_color_footer) !important; */
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .page-item.active .page-link {
    color: var(--text_color) !important;
    /* background-color: var(--background_color_active_page) !important;
    border-color: var(--background_color_active_page) !important; */
}

.web-dark-mode .page-link,
.web-dark-mode .disabled .page-link {
    background-color: transparent !important;
}

.web-dark-mode .page-item:hover {
    background-color: #AA38F8;
}

page-item disabled .web-dark-mode table.manage-sale-tabel tr:first-child td {
    border-bottom: 1px solid var(--border_color) !important;
}

/* service list page */
.web-dark-mode .transactions-table .cus-filter,
.service-item {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .package-detail p {
    color: var(--text_color) !important;
}

.web-dark-mode .transactions-table .transactions-heading {
    color: var(--text_color) !important;
}

.web-dark-mode .transactions-table .cus-filter {
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .category_submit {
    background-color: var(--background_color) !important;
    color: var(--text_color2) !important;
}

.web-dark-mode .modal .modal-content {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .modal-header {
    border-bottom: 1px solid var(--border_color2) !important;
}

.web-dark-mode .form-control {
    background-color: var(--background_color_footer) !important;
    color: var(--text_color) !important;
    /* border: 1px solid var(--border_color2) !important; */
}

.web-dark-mode .m-purple-bg {
    background: var(--background_color_blue_header) !important;
}

.web-dark-mode .transactions-header {
    background: var(--background_color_blue_header) !important;
}

.web-dark-mode .m-card-img-bottom:after {
    border-top: 20px solid var(--background_color_blue_header);
}

.web-dark-mode .filter-header {
    box-shadow: inset 0 5px 13px -5px var(--background_color) !important;
}

/* coupon page */
.web-dark-mode .custom-block-section {
    background: var(--background_color_header) !important;
    ;
}

.web-dark-mode #btncoupan {
    margin-bottom: 20px !important;
}

/* job pages */
.web-dark-mode .dropzone,
.web-dark-mode .bootstrap-tagsinput {
    background-color: var(--background_color_footer) !important;
    color: var(--text_color) !important;
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .bootstrap-tagsinput .tag {
    background: var(--background_color_active_page) !important;
}

.web-dark-mode input,
.web-dark-mode textarea,
.web-dark-mode select {
    color: var(--text_color) !important;
}

.web-dark-mode input:-webkit-autofill,
.web-dark-mode input:-webkit-autofill:hover,
.web-dark-mode input:-webkit-autofill:focus,
.web-dark-mode input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--background_color_footer) inset !important;
    -webkit-text-fill-color: var(--text_color) !important;
}

.web-dark-mode .view-invoice-btn {
    background-color: var(--background_color_footer) !important;
}

/* .cke_inner,.cke_top, .cke_bottom {
    background: var(--background_color_footer) !important;
}
.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    color: var(--text_color) !important;
} */
.web-dark-mode .m-brdr-btm {
    border-bottom: 1px solid var(--border_color2) !important;
}

.web-dark-mode .m-bg-gray {
    background-color: #0f0f1000 !important;
    border: 1px solid var(--border_color2) !important;
    /* background-color: var(--background_color_footer) !important; */
}

.web-dark-mode .sidetop-lay-round {
    background-color: var(--background_color_header) !important;
    box-shadow: 0px 6px 7px 2px var(--background_color_header);
}

.web-dark-mode .jobTitle {
    color: var(--text_color) !important;
}

.web-dark-mode .m-bid-listing {
    border: 2px solid var(--border_color2) !important;
}

.web-dark-mode .m-job-listing {
    border: 1px solid var(--border_color2) !important;
    background-color: #252228 !important;
}

.web-dark-mode .no_bottom_border {
    border-bottom: 0px !important;
}

.web-dark-mode .m-bg-lblue {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .m-nav-design li.nav-item a.nav-link.active {
    border: 1px solid #08d6c1;
    color: #007bff !important;
}

.web-dark-mode .m-color-gray {
    color: var(--text_color_1) !important;
}

.web-dark-mode .m-btn-attch {
    background: var(--background_color) !important;
    color: var(--text_color_1) !important;
}

.web-dark-mode .m-btn-attch .fas {
    color: var(--text_color_1) !important;
}

.web-dark-mode .m-btn-attch:hover,
.web-dark-mode .m-btn-attch .fas:hover {
    color: #0056b3 !important;
}

.web-dark-mode .close:not(:disabled):not(.disabled):focus,
.web-dark-mode .close:not(:disabled):not(.disabled):hover {
    color: var(--text_color_1) !important;
}

.web-dark-mode .close {
    color: var(--text_color) !important;
}

.web-dark-mode .profile-header {
    background: var(--background_color_blue_header) !important;
}

.web-dark-mode .m-checkbox.time-bg {
    background: var(--background_color) !important;
}

.web-dark-mode .popover {
    background-color: var(--background_color_custom_header) !important;
    border: 1px solid var(--border_color) !important;
}

.web-dark-mode .popover-body {
    color: var(--text_color) !important;
}

/* earning page */
.web-dark-mode .cus-box-block {
    background: var(--background_color_header) !important;
}

.web-dark-mode .project-title {
    color: var(--text_color) !important;
}

.web-dark-mode .cus-box-block .project-block-detail,
.web-dark-mode .cus-bg-radius {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .get-project-note {
    background: var(--background_color) !important;
}

.web-dark-mode .cus-border-rad table.manage-sale-tabel tr td {
    color: var(--text_color) !important;
}

.web-dark-mode .greytext {
    color: var(--text_color) !important;
}

.web-dark-mode .cus-border-rad table thead {
    background: var(--background_color_card) !important;
}

.web-dark-mode .cus-border-rad {
    background: var(--background_color_header) !important;
}

.web-dark-mode .cus-border-rad .project-number,
.web-dark-mode .cus-bgpd .project-number {
    color: var(--text_color) !important;
}

.web-dark-mode table.manage-sale-tabel tr:not(:last-child) td {
    border-bottom: 1px solid var(--border_color2) !important;
}

.web-dark-mode .cus-bgpd {
    background: var(--background_color_header) !important;
}

/* setting page */
.web-dark-mode .profile-header-new {
    background: var(--background_color_blue_header) !important;
}

.web-dark-mode .first-row,
.web-dark-mode .second-row {
    background: var(--background_color_header) !important;
}

.web-dark-mode .user-profile-tab .popular-tab-item {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .user-profile-tab .popular-tab-item {
    box-shadow: 0px -5px 20px var(--background_color);
}

.web-dark-mode .append-row .newrow {
    background: var(--background_color_header) !important;
}

.web-dark-mode .append-row h6 {
    color: var(--text_color) !important;
}

.web-dark-mode .user-profile-tab .nav-tabs {
    border-bottom: 1px solid var(--border_color) !important;
}

.web-dark-mode .popular-tab-icon .nav-tabs .nav-link.active {
    border-bottom: 1px solid #AA38F8 !important;
}

/* background for setting input */
.web-dark-mode .select2-container--default .select2-selection--multiple {
    background-color: var(--background_color_footer) !important;
    color: var(--text_color) !important;
    border: 1px solid var(--border_color2) !important;
}

/* premium user */
.web-dark-mode .bcmseller h4,
.web-dark-mode .bcmseller h5,
.web-dark-mode .bcmseller p {
    color: var(--text_color) !important;
}

.web-dark-mode .process-pay {
    margin-bottom: 20px !important;
}

/* my profile */
.web-dark-mode .custom .custom-profile-text span {
    color: var(--text_color) !important;
}

.web-dark-mode .custom .custom-sidebar-header,
.web-dark-mode .color_for_dark_mode {
    color: var(--text_color_1) !important;
}

.web-dark-mode .cus-show-entry {
    background: var(--background_color_footer) !important;
    color: var(--text_color) !important;
}

/* general changes */
.web-dark-mode .global-light-text {
    color: var(--text_color) !important;
}

.web-dark-mode .cus-sort-by .dropdown-toggle span {
    color: var(--text_color) !important;
}

.web-dark-mode .cus-sort-by .dropdown-menu.show {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .black-friday-promo-page .sale-text-announcement .black-friday-offers ul.dropdown-menu {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .cus-sort-by .dropdown-menu a:not(.theme-color) {
    color: var(--text_color) !important;
}

/* .web-dark-mode .theme-color {
    color: var(--text_color_active_dropdown_option) !important;
} */

.web-dark-mode .search-block .filter-box {
    background: var(--background_color_header) !important;
}

.web-dark-mode .price-box .input-group-addon {
    background-color: var(--background_color_header) !important;
    border: 1px solid var(--border_color) !important;
}

.web-dark-mode .dropdown-menu:not(.datepicker) {
    background: var(--background_color_header_search) !important;
}

.web-dark-mode .price-filter button[type=submit] {
    background-color: var(--background_color_header) !important;
    border: 1px solid var(--border_color) !important;
}

.web-dark-mode .select2-dropdown {
    background-color: var(--background_color_header) !important;
    border: 1px solid var(--border_color) !important;
}

.web-dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--background_color_footer) !important;
    border: 1px solid var(--border_color) !important;
}

/* datepicker */
.web-dark-mode .ui-widget-header {
    background-color: var(--background_color) !important;
    color: var(--text_color) !important;
}

/* .ui-widget-content {
    background-color: var(--background_color) !important;
    color: var(--text_color) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color: var(--background_color_header) !important;
    color: var(--text_color) !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: var(--background_color) !important;
    color: var(--text_color) !important;
} */
.web-dark-mode .datepicker-days table thead tr:nth-child(2) {
    background-color: var(--background_color) !important;
    color: var(--text_color) !important;
}

.web-dark-mode #edit_frm_sub_user .send-request-buttom {
    margin-bottom: 20px !important;
}

.web-dark-mode select {
    background-color: var(--background_color) !important;
}

.web-dark-mode .messaging.chat-screen {
    background: var(--background_color_header) !important;
}

.web-dark-mode .popular-services .cus-arrow-left {
    background-color: var(--background_color) !important;
}

.web-dark-mode .cus-arrow-left {
    background-color: var(--background_color) !important;
    text-align: center;
}

.web-dark-mode .cus-arrow-left img {
    width: 10px;
    /* margin-top: -4px; */
}

.web-dark-mode .cus-arrow-right img {
    width: 10px;
    /* margin-top: -4px; */
}

.web-dark-mode .popular-services .cus-arrow-left img {
    width: 15px;
    padding-left: 5px;
}

.web-dark-mode .popular-services .cus-arrow-right {
    background-color: var(--background_color) !important;
}

.web-dark-mode .cus-arrow-right {
    text-align: center;
    background-color: var(--background_color) !important;
}

.web-dark-mode .popular-services .cus-arrow-right img {
    width: 15px;
    padding-right: 5px;
}

.web-dark-mode .dark_mode_card_bg {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .faq_que_div {
    background-color: var(--background_color_header) !important;
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .header-search ul li:hover {
    background: var(--background_color_hover) !important;
}

.web-dark-mode .experts-sec .cus-arrow-left {
    background-color: var(--background_color) !important;
}

.web-dark-mode .experts-sec .cus-arrow-left img {
    width: 15px;
    padding-left: 5px;
}

.web-dark-mode .experts-sec .cus-arrow-right {
    background-color: var(--background_color) !important;
}

.web-dark-mode .experts-sec .cus-arrow-right img {
    width: 15px;
    padding-right: 5px;
}

.web-dark-mode .home-slick-slider .custom-slider-block {
    background: var(--background_color) !important;
}

.web-dark-mode header.masthead h1,
.web-dark-mode header.masthead p {
    color: var(--text_color) !important;
}

.web-dark-mode .comment .text-body {
    color: var(--text_color) !important;
}

.web-dark-mode .comment .timestamp {
    color: var(--text_color_1) !important;
}

.web-dark-mode .comment-wrap .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 15px !important;
}

.web-dark-mode #frmMessage .update-profile-btn {
    padding-right: 15px;
    padding-bottom: 15px;
}

.web-dark-mode .custom .custom-title-complete-order {
    color: var(--text_color) !important;
}

/* .br-theme-css-stars .br-widget a.br-selected:after {
    color: var(--text_color_ratting) !important;
} */
.web-dark-mode .service-req h3 {
    color: var(--text_color) !important;
}

/* deposit page */
.web-dark-mode .project-block {
    background: var(--background_color_header) !important;
}

.web-dark-mode .withdraw-box .transactions-heading span {
    color: var(--text_color) !important;
}

/* order detail page */
.web-dark-mode .order-detail-new {
    background: var(--background_color_blue_header) !important;
}

.web-dark-mode hr:not(.custom_hr) {
    border-top: 1px solid var(--border_color) !important;
}

.web-dark-mode .custom .custom-reply-text {
    color: var(--text_color) !important;
}

.web-dark-mode #svg-star-sky,
.web-dark-mode .user-review #svg-star-sky {
    fill: var(--text_color_ratting) !important;
}

.web-dark-mode .chat-comment p {
    color: var(--text_color_1) !important;
}

.web-dark-mode .custompopup h4,
.web-dark-mode #customorder h4 {
    color: var(--text_color) !important;
}

.web-dark-mode .form-box-item {
    background-color: var(--background_color_footer) !important;
    border: 1px solid var(--border_color) !important;
}

.web-dark-mode #submit_my_question .custom-footer {
    background-color: var(--background_color_header) !important;
    border-top: 1px solid var(--border_color) !important;
}

.web-dark-mode .payment-radio {
    color: var(--text_color) !important;
}

.web-dark-mode #accordionEx .card {
    background-color: var(--background_color_header) !important;
    border: 1px solid var(--border_color) !important;
}

.web-dark-mode #accordionEx .card .card-header {
    border-bottom: 1px solid var(--border_color2) !important;
}

.web-dark-mode .popular-tab-icon a {
    color: #fff !important;
}

/* service add/edit page */
.web-dark-mode .create-new-service,
.web-dark-mode .update-account {
    padding-bottom: 10px !important;
}

.web-dark-mode .faq_card_main {
    background-color: var(--background_color_footer) !important;
}

/* boost service page */
.web-dark-mode .boost_page .card {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .pricing .card-title,
.web-dark-mode .pricing .card-price {
    color: var(--text_color) !important;
}

/* cart page */
.web-dark-mode .summary_div,
.web-dark-mode .checkout_div {
    background-color: var(--background_color_header) !important;
    color: var(--text_color) !important;
}

.web-dark-mode .text-cu-dgrey,
.web-dark-mode .cus-slider-cs h4.text-header,
.web-dark-mode .cus-slider-cs .product-description {
    color: var(--text_color_1) !important;
}

.web-dark-mode .cart-item-block .text-title {
    color: var(--text_color_1) !important;
}

.web-dark-mode .cart_page .bg-f5f5:not(.dark_mode_light_blue) {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .dark_mode_light_blue {
    background-color: #87c8ed !important;
}

.web-dark-mode .dark_mode_light_blue span {
    color: var(--text_color) !important;
}

.web-dark-mode .cus-remove-cart .fa-trash {
    color: #55b9f2 !important;
}

.web-dark-mode .cart_page .card {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .product-quantity .fa {
    color: var(--text_color) !important;
}

.web-dark-mode .product-quantity .bg-dada,
.web-dark-mode .bg-dada {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .cart-item-block .white-bg {
    background-color: var(--background_color) !important;
    border: 1px solid var(--border_color) !important;
    color: var(--text_color) !important;
}


/* promos */
.web-dark-mode .promot-service {
    background: var(--background_color_header) !important;
    border-top: 1px solid var(--border_color) !important;
}

.web-dark-mode .promot-service h4 {
    color: var(--text_color) !important;
}

.web-dark-mode .promot-service p {
    color: var(--text_color_1) !important;
}

.web-dark-mode .promot-service .copycode-promo {
    border: 2px dashed var(--border_color);
    background: var(--background_color) !important;
}

/* custom order */
.web-dark-mode .payment-table,
.web-dark-mode .payment-table .manage-sale-head {
    color: var(--text_color) !important;
}

/* export review */
.web-dark-mode .review-modal-pop .close_left {
    color: var(--text_color) !important;
    /* opacity: 0; */
}

.web-dark-mode .review-modal-pop .download_msg {
    color: var(--text_color) !important;
}

.web-dark-mode .star_checked {
    color: var(--text_color_ratting) !important;
}

.web-dark-mode .custom_hr {
    border-top: 4px solid var(--text_color_ratting) !important;
}

.web-dark-mode .lp-footer {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .home-page-search .search-by {
    background-color: var(--background_color_header_search) !important;
    color: var(--text_color) !important;
}

.web-dark-mode .home-page-search ul li:hover {
    background: var(--background_color_hover) !important;
}

.web-dark-mode .home-page-search a {
    color: var(--text_color) !important;
}

/* earning report page */
.web-dark-mode #reportrange {
    background: var(--background_color_footer) !important;
    color: var(--text_color) !important;
}

.web-dark-mode .daterangepicker {
    background-color: var(--background_color_footer) !important;
    color: var(--text_color) !important;
}

.web-dark-mode .daterangepicker .ranges li:hover {
    background-color: var(--background_color_hover) !important;
}

.web-dark-mode .daterangepicker .calendar-table {
    background-color: var(--background_color_footer) !important;
}

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

/* new landing page */
.web-dark-mode .landing_pg {
    background-color: var(--background_color);
}

.web-dark-mode .lp_gray_bg {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .landing_pg .font_color_1,
.web-dark-mode .landing_pg_footer .font_color_1 {
    color: var(--text_color) !important;
}

.web-dark-mode .landing_pg_footer .search-form {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .landing_pg_footer .search-form button {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .landing_pg_footer .search-form .searchtext {
    border: none !important;
    border-right: 2px solid #dbdcde !important;
}

.web-dark-mode .landing_pg_footer .box_sub_text {
    color: var(--text_color_sub) !important;
}

/* new service box */
.web-dark-mode .new_service_box {
    background-color: #252228 !important;
}

.web-dark-mode .new_service_box .new_service_box_title {
    color: #FFFFFF !important;
}

.web-dark-mode .new_service_box .new_service_box_rating {
    color: var(--text_color) !important;
}

.web-dark-mode .new_service_box .new_service_box_username {
    color: var(--text_color_sub) !important;
}

.web-dark-mode .new_service_box .new_service_box_price {
    color: var(--text_color) !important;
}

.web-dark-mode .new_service_box .new_service_box_startingAt {
    color: var(--text_color) !important;
}

/* testimonial */
.web-dark-mode .testimonial-item .description_text {
    color: var(--text_color_sub) !important;
}

/* separate landing page */
.web-dark-mode .lp-feature2,
.web-dark-mode .lp-feature4 {
    background-color: var(--background_color_footer) !important;
}

/* new footer */
.web-dark-mode .footer_section ul {
    color: var(--text_color) !important;
}

.web-dark-mode .footer_copyright_color,
.web-dark-mode .footer_copyright_color a {
    color: var(--text_color) !important;
}

.web-dark-mode .footer_copyright_color .global-dark-text {
    color: var(--text_color) !important;
}

/* new home page */
.web-dark-mode .text-color-2 {
    color: var(--text_color) !important;
}

.web-dark-mode .text-color-31 {
    color: var(--text_color) !important;
}

.web-dark-mode .notification_div:hover .notification_class p{
    color: #212529 !important;
}

.web-dark-mode .text-color-6 {
    color: var(--text_color_1) !important;
}

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

.web-dark-mode .gmsd_actions {
    background-color: transparent !important;
}

.web-dark-mode .dashboard_setting_page {
    background-color: var(--background_color) !important;
}

.web-dark-mode .profile-sidebar {
    color: var(--text_color) !important;
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .pm-share-profile {
    filter: invert(1) !important;
}

.web-dark-mode .premium-container .aff_link_browser {
    border: 1px solid #ced4da !important;
    border-right: 0px !important;
}

.web-dark-mode .premium-container .input-group {
    background-color: transparent !important;
}

.web-dark-mode .fa-info-circle {
    color: var(--text_color_menu) !important;
}

.web-dark-mode .modal-header-border-none {
    border: none !important;
}

.web-dark-mode .search-icon-btn {
    background-color: #404040 !important;
}

.web-dark-mode header span {
    /* color: #ffffff !important; */
    /* color: #000 !important; */
}

/* .web-dark-mode .navbar-collapse {
    background-color: var(--background_color_header_search) !important;
} */

/* manage tags */
.web-dark-mode #add_tag_div .card {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .header-menu-item .bg-blue-hover .dropdown-toggle .blue-icon {
    filter: invert(94%) sepia(100%) saturate(24%) hue-rotate(74deg) brightness(106%) contrast(107%);
}

.web-dark-mode .bgsearch-grey,
.web-dark-mode .bgsearch-grey .bg-light-gray-f0f2,
.web-dark-mode .bgsearch-grey .search-by {
    background-color: #46494A !important;
}

/* .header_search_parent_div{
    border: 1px solid #E5E5E6;
} */

.web-dark-mode .bgsearch-white .form-control {
    border: none !important;
    background-color: #FFFFFF !important;
    color: #595959 !important;
}

/* .bgsearch-white .search-by{ */
.web-dark-mode .bgsearch-white .search-icon-btn .fa-search,
.web-dark-mode .bgsearch-white .search-by,
.web-dark-mode .bgsearch-white .close-icon .fa-times {
    color: #595959 !important;
}

.web-dark-mode .bgsearch-white .search-by  {
    background-color: #FFFFFF !important;
}

.web-dark-mode .bgsearch-grey .search-icon-btn .fa-search {
    color: var(--text-color-lightblue) !important;
}

.web-dark-mode .bgsearch-grey .form-control {
    background-color: #46494A !important;
    border: 1px solid #46494A !important;
    color: var(--text_color) !important;
}

.web-dark-mode .dropdown-menu .text-color-1 {
    color: var(--text-color-lightblue) !important;
}

.web-dark-mode .m-menu-icon {
    filter: invert(46%) sepia(68%) saturate(3255%) hue-rotate(176deg) brightness(101%) contrast(98%);
}

.web-dark-mode .cust-ellipsis-fa {
    color: var(--border_color) !important;
}

.web-dark-mode .hover-bg-dark-grey-f2:hover {
    background-color: var(--text_color_sub) !important;
}

.web-dark-mode .cus-dropdown-content {
    border: 1px solid var(--border_color);
}

.web-dark-mode .cus-dropdown-content .dropdown-item:hover {
    color: var(--other_color3) !important;
}

/* Order page CSS */
.web-dark-mode #status_form_Search select:focus option {
    color: var(--text_color_1) !important;
}

/* END Order page CSS */

/* Order view btn */
.web-dark-mode .view-order-detail-btn:hover {
    color: var(--other_color2) !important;
}

.web-dark-mode .view-order-detail-btn:after {
    background-color: var(--other_color2);
}

/* Order view btn */
/* Cart Add ons Text Color */
.web-dark-mode .bg-dark-white .extras-text-color {
    color: var(--other_color2) !important;
}

/* END Cart Text Color */

/* CKEditor hyperlink input */
.web-dark-mode .cke_reset_all .cke_dialog_body input {
    color: #000000 !important;
}

.web-dark-mode .cke_reset_all .cke_dialog_body .cke_dialog_ui_input_select option {
    color: #ffffff !important;
}

/* END CKEditor hyperlink input */

/* Card dark mode */
.web-dark-mode .card.card-bark-mode {
    background-color: transparent !important;
}

/* END Card dark mode */

/* Switch toggle css */
.web-dark-mode .switch-label:before {
    color: var(--other_color3) !important;
}

/* Switch toggle css */
.web-dark-mode .m-taginput-bg .bootstrap-tagsinput .tag {
    color: white !important;
}

.web-dark-mode .table {
    color: var(--text_color) !important;
}

.web-dark-mode .table.table-hover tr:hover {
    color: var(--text_color) !important;
}

.web-dark-mode .remove-tra-history,
.web-dark-mode .delete-bundle-offer,
.web-dark-mode .dark-to-white-img {
    filter: invert(1);
}

.web-dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #959595 !important;
}


/*******************************Course page dark mode******************************************/
.web-dark-mode .course_bg-light-primary-blue {
    background-color: #959595 !important;
}

.web-dark-mode .bg-light-gray-f0 {
    background-color: #959595 !important;
}

.web-dark-mode .course_sticky-position {
    background-color: var(--background_color) !important;
}

.web-dark-mode .course_bg-white {
    background-color: var(--background_color) !important;
}

.web-dark-mode .course_text-black {
    color: var(--text_color) !important;
}

.web-dark-mode .course_text-color-4 {
    color: var(--text_color) !important;
}

.web-dark-mode .course_what-you-learn-tikmark>.text-color-1 {
    color: #AA38F8 !important;

}

.web-dark-mode .course_text-color-1 {
    color: var(--other_color3) !important;
}

.web-dark-mode .text-color-2[data-toggle="collapse"]::before,
.web-dark-mode .text-color-2[data-toggle="collapse"]::after {
    color: var(--text_color) !important;
}

.web-dark-mode .active-content-media {
    background-color: #006177 !important;
}

.web-dark-mode .hover-content-bg:hover {
    background-color: #006177 !important;
}

.web-dark-mode .view-aricle-screen.fullscreen {
    background-color: transparent !important;
}

.web-dark-mode .category-title {
    color: #fbfbff;
    font-size: 20px;
}

.web-dark-mode .category-decription {
    color: #f7f8fb;
    font-size: 18px;
}

@media (min-width: 767px) {
    .web-dark-mode .sticky-filter-header {
        /* position: sticky;
        top: 115px; */
        z-index: 99;
        background-color: var(--background_color) !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.web-dark-mode .datepicker.datepicker-dropdown.dropdown-menu {
    background: var(--other_color3) !important;
    color: var(--other_color2) !important;
}

.web-dark-mode .datepicker table tr td.day.focused,
.web-dark-mode .datepicker table tr td.day:hover {
    color: var(--other_color3);
}

.web-dark-mode .datepicker .datepicker-switch:hover,
.web-dark-mode .datepicker .next:hover,
.web-dark-mode .datepicker .prev:hover,
.web-dark-mode .datepicker tfoot tr th:hover {
    background: #a5a5a5 !important;
}

.web-dark-mode .video-lable:before,
.web-dark-mode .video-lable:after {
    background: var(--background_color_footer);
}

/****************************Social feed********************************************/
.web-dark-mode .social-bg-light-gray {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .socialFeed_card_shadow {
    box-shadow: 0px 2px 1px rgb(255 255 255 / 5%), 0px 0px 1px rgb(255 255 255 / 25%);
}

.web-dark-mode .text-social-yellow-color .fa-star {
    color: #F9B50B !important;
}

/**********************************Account new design****************************************/

.web-dark-mode .register-text-dark-black {
    color: var(--text_color) !important;
}

.web-dark-mode .register-text-light-gray {
    color: var(--text_color) !important;
}

.web-dark-mode .register-bg-light-gray {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .cus-buyer-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .register-bg-medium-gray {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .table.cus-account-table,
.register-table-footer {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .cus-register-shadow {
    box-shadow: 0px 0px 2px rgb(255 255 255 / 20%), 0px 2px 10px rgb(255 255 255 / 10%) !important;
}

.web-dark-mode .cust-dark-select2 .select2-container--default .select2-selection--single {
    background-color: var(--background_color_footer) !important;
    border: 1px solid var(--border_color2) !important;
}

.web-dark-mode .cust-dark-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text_color) !important;
}

.web-dark-mode .cart_position_fixed .card .card-header .packagetitle {
    color: var(--text_color) !important;
}

.web-dark-mode .cart_position_fixed .card .card-header {
    background-color: var(--other_color3);
}

.web-dark-mode .active-pop-cart-bg {
    background-color: var(--text_color_collapse) !important;
}

.web-dark-mode .cart_position_fixed .card {
    background-color: var(--background_color);
}

.web-dark-mode .cart_bg_gray {
    background-color: var(--border_color2);
}

.web-dark-mode .socialFeed_card_shadow {
    background-color: var(--background_color) !important;
}

.web-dark-mode .social-like .text-danger {
    color: #dc3545 !important;
}

.web-dark-mode .unsend_text_span {
    color: var(--other_color4) !important;
}

.web-dark-mode .review-feed-star-color.fa:not(.checked, .star_checked, .star_checked_export) {
    color: #f86900 !important;
}

/************************ Password Information Meter *************************/
.web-dark-mode .password-info-section,
.password-info-section::before {
    background: var(--background_color) !important;
}

.web-dark-mode .password-info-section h4 {
    color: var(--text_color) !important;
}

.web-dark-mode .comment-bg {
    background-color: #46494A !important;
    border-radius: 15px;
    padding-left: 10px !important;
    padding-top: 5px;
}

.web-dark-mode .tt-dataset {
    color: #fbfbff !important;
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .tt-suggestion:hover {
    color: #000000;
}

@media screen and (min-width: 767px) {
    .web-dark-mode .custom-show-more-service-btn:hover {
        color: #029AF5;
        background-color: var(--text-color-2) !important;
    }
}


/***************************dashboard css *********************/
.web-dark-mode .dashboard-bg-light-gray {
    background-color: var(--background_color) !important;
}

.web-dark-mode .dashboard-box {
    /* background-color: var(--background_color_card) !important; */
    background-color: transparent;
}

.web-dark-mode .dashboard-box-competitor {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .speed-box {
    background-color: var(--background_color) !important;
}

.web-dark-mode .dashboard-text-black {
    color: var(--text_color) !important;
}

.web-dark-mode .dashboard-text-gray {
    color: var(--text_color) !important;
}

.web-dark-mode .dashboard.form-control {
    border: 0px !important;
}

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

.web-dark-mode .popular-grid-one.dashboard:after {
    background: linear-gradient(270deg, #000000 33.2%, rgb(0 0 0 / 0%) 121.6%) !important;
    ;
}

.web-dark-mode .draggable-item {
    /* background-color: var(--background_color) !important; */
}

.web-dark-mode .draggable-item:hover {
    /* background-color: var(--background_color) !important; */
}

.web-dark-mode .text-color-3 {
    /* color: var(--text_color) !important; */
}

.web-dark-mode .dashboard-empty-table-btn {
    background-color: var(--background_color) !important;
}

.web-dark-mode select.dashboard {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .draggable-item:hover select.dashboard {
    background-color: var(--background_color) !important;
}

.web-dark-mode .campaign-dropdown .dropdown-menu {
    border: 1px solid !important;
}

.web-dark-mode .campaign-dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--other_color4) !important;
}

.web-dark-mode .campaign-dropdown .dropdown-menu .dropdown-item:focus {
    background-color: #e9ecef;
    color: var(--other_color4) !important;
}

/************deals box *************************/
.web-dark-mode .promot-service .copycode-promo h5.copy_promo {
    color: var(--text_color) !important;
}

.web-dark-mode .promot-service .userleft p {
    color: red !important;
}

.web-dark-mode .promot-service {
    border-top: none !important;
}


.web-dark-mode .promot-service:before,
.web-dark-mode .promot-service:after {
    background-color: var(--background_color) !important;
    ;
}

.web-dark-mode .promot-service:after {
    border: 1px solid #707070 !important;
}

.web-dark-mode .promot-service:before {
    border: 1px solid #707070 !important;
}


.web-dark-mode .ticket-shape-bottom {
    border-bottom: 6px dashed #707070 !important;
}

.web-dark-mode .ticket-shape-bottom:before {
    border-bottom: 6px dashed var(--background_color) !important;
}

.web-dark-mode .ticket-shape-bottom:after {
    border-bottom: 6px dashed #707070 !important;
}

.web-dark-mode .ticket-circle:before {
    background: var(--background_color);
}

.web-dark-mode .ticket-circle:after {
    background: var(--background_color);
}


/**************************website_analysis style***************************/
.web-dark-mode .bg-section {
    background: var(--background_color) !important;
}

.web-dark-mode .onboarding-box {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .wizard-content .wizard>.steps>ul>li.current>a {
    color: var(--text_color) !important;
}

.web-dark-mode .wizard-content .wizard>.steps>ul>li.done>a h3 {
    color: var(--text_color) !important;
}

.web-dark-mode .wizard-content .wizard>.steps .step {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .wizard-content .wizard>.steps>ul>li.current .step {
    background-color: #1890FF !important;
}

.web-dark-mode .wizard-content .wizard>.steps>ul>li.done .step:after {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .wizard-content .wizard>.steps>ul>li a div.text-lg-left h3:after {
    background-color: var(--background_color) !important;
}


/***************************Audiit style**********************************/
.web-dark-mode .audiit-bg-light-gray {
    background: var(--background_color) !important;
}

.web-dark-mode .audiit-text-black {
    color: var(--text_color) !important;
}

.web-dark-mode .audiit-box {
    /* background-color: var(--background_color_card) !important; */
    background-color: transparent;
}

.web-dark-mode .audiit-search {
    background: var(--background_color_footer) !important;
}

.web-dark-mode .audiit-tabs li a.active {
    color: var(--text_color) !important;
}

.web-dark-mode .audiit-box .form-control,
.web-dark-mode .audiit-box .bootstrap-tagsinput {
    border: none !important;
}

.web-dark-mode .audiit-tag .bootstrap-tagsinput .tag {
    color: var(--text_color) !important;
}

.web-dark-mode .audiit-tag .bootstrap-tagsinput .tag [data-role="remove"]:after {
    color: red !important;
}

.web-dark-mode select.audiit {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url('../../../frontend/audiit/images/select-arrow-white.png') !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

.web-dark-mode select.audiit-bg-light-gray {
    background-color: var(--background_color) !important;
}


/**************************website_analysis style***************************/
.bg-section {
    background: var(--background_color) !important;
}

.onboarding-box {
    background-color: var(--background_color_header) !important;
}

.wizard-content .wizard>.steps>ul>li.current>a {
    color: var(--text_color) !important;
}

.wizard-content .wizard>.steps>ul>li.done>a h3 {
    color: var(--text_color) !important;
}

.wizard-content .wizard>.steps .step {
    background-color: var(--background_color_header) !important;
}

.wizard-content .wizard>.steps>ul>li.current .step {
    background-color: #1890FF !important;
}

.wizard-content .wizard>.steps>ul>li.done .step:after {
    background-color: var(--background_color_header) !important;
}

.wizard-content .wizard>.steps>ul>li a div.text-lg-left h3:after {
    background-color: var(--background_color) !important;
}


/******************************caption box style*********************************/

.web-dark-mode .caption-box {
    background: var(--background_color) !important;
}

.web-dark-mode .captionbox-remaining-text-black {
    color: var(--text_color) !important;
}

.web-dark-mode .emojionearea .emojionearea-editor {
    background-color: transparent !important;
    color: var(--text_color) !important;
}

.web-dark-mode .search {
    color: #000 !important;
}

.web-dark-mode .btn_save_captionbox_template:hover {
    color: var(--text_color) !important;
}

.web-dark-mode .emoji-background {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .todo-list-icon-style {
    background: var(--background_color) !important;
}

.web-dark-mode select.audiit-country {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url('../../../frontend/images/select-arrow-regular-darkmode.png') !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

.web-dark-mode .audiit-dropdown .dropdown-item:focus,
.web-dark-mode .audiit-dropdown .dropdown-item:hover {
    background-color: var(--background_color) !important;
}

.web-dark-mode .dashboard-dropdown .dropdown-item:focus,
.web-dark-mode .dashboard-dropdown .dropdown-item:hover {
    background-color: var(--background_color) !important;
}

.web-dark-mode .darkmode-dropdown .dropdown-item {
    color: var(--text_color) !important;
}

.darkmode-dropdown .dropdown-item:focus,
.darkmode-dropdown .dropdown-item:hover {
    color: var(--other_color4) !important;
    background-color: var(--other_color2) !important;
}

.web-dark-mode #dashboard_uptime_module .dashboard-bg-light-red .dashboard-text-black {
    color: var(--other_color4) !important;
}

.web-dark-mode #dashboard_uptime_module .dashboard-bg-light-red .dashboard-text-gray {
    color: var(--other_color3) !important;
}

/*******************************blog table style***************************************/
.web-dark-mode .blog-content.cus-blog-table-style table td,
.web-dark-mode .blog-content.cus-blog-table-style table th {
    color: var(--text_color) !important;
}

.web-dark-mode .select2-container--default .select2-selection--single {
    border-radius: 4px;
    background-color: var(--background_color_footer) !important;
    border: 1px solid var(--border_color2) !important;
    height: 35px !important;
}

.web-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text_color) !important;
    line-height: 28px;
}

/*******************************service week badge style***************************************/
.web-dark-mode .custom_service_of_week_box .service_week_box {
    border: 1px solid #80808061;
    border-radius: 8px;
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .custom_service_of_week_box a.custom_service_week_btn {
    color: var(--text_color) !important;
}

/*******************************custom tooltip style***************************************/
.web-dark-mode .custom-display-tooltip span.tooltip-custom-focus {
    background: var(--text_color) !important;
    color: var(--background_color) !important;
}

.web-dark-mode .custom-display-tooltip span.tooltip-custom-focus:after {
    border-color: #fff transparent transparent transparent;
}

.web-dark-mode .dashboard-sortable .dashboard-box:nth-child(1) .custom-display-tooltip span.tooltip-custom-focus:after {
    border-color: transparent transparent #fff transparent;
}

@media only screen and (min-width: 1200px) {
    .web-dark-mode .dashboard-sortable .dashboard-box:nth-child(2) .custom-display-tooltip span.tooltip-custom-focus:after {
        border-color: transparent transparent #fff transparent;
    }
}

/* Braintree Dark Mode UI */
.web-dark-mode #dropin-container .braintree-dropin .braintree-method {
    background-color: black !important;
}

.web-dark-mode #dropin-container .braintree-dropin .braintree-method .braintree-method__label {
    color: var(--other_color2) !important;
}

.web-dark-mode #dropin-container .braintree-dropin .braintree-heading {
    color: var(--other_color2) !important;
}

.web-dark-mode #dropin-container .braintree-upper-container:before {
    background-color: transparent !important;
}

.web-dark-mode #dropin-container .braintree-sheet__header .braintree-sheet__text,
.web-dark-mode #dropin-container .braintree-sheet__content--form .braintree-form__field-group .braintree-form__label {
    color: var(--other_color2) !important;
}

.web-dark-mode #dropin-container .braintree-large-button,
.web-dark-mode #dropin-container .braintree-sheet {
    background-color: transparent !important;
    color: var(--other_color2) !important;
}

/* END: Braintree Dark Mode UI */
.dashboard-sortable .dashboard-box:nth-child(1) .custom-display-tooltip span.tooltip-custom-focus:after {
    border-color: transparent transparent #fff transparent;
}

@media only screen and (min-width: 1200px) {
    .dashboard-sortable .dashboard-box:nth-child(2) .custom-display-tooltip span.tooltip-custom-focus:after {
        border-color: transparent transparent #fff transparent;
    }
}


/*******************************service week badge style***************************************/
.custom_service_of_week_box .service_week_box {
    border: 1px solid #80808061;
    border-radius: 8px;
    background-color: var(--background_color_card) !important;
}

.custom_service_of_week_box a.custom_service_week_btn {
    color: var(--text_color) !important;
}

.custom_new_service_addons {
    background-color: var(--background_color_card) !important;
}

.custom_service_addon_body .custom_service_right .summary {
    background-color: var(--background_color) !important;
}

.web-dark-mode .new_course_custom_wrapper .price-filter-bg {
    background-color: var(--background_color_footer) !important;
}

.web-dark-mode .new_course_custom_wrapper .price-box .input-group-addon {
    background-color: var(--background_color_footer) !important;
    color: var(--text_color) !important;
    border: none !important;
}

.web-dark-mode .new_course_custom_wrapper .price-box input {
    border: none !important;
}

.web-dark-mode .new_course_custom_wrapper .find-result {
    background: var(--background_color_header) !important;
    border: 1px solid #80808061 !important;
}

.web-dark-mode .new_course_custom_wrapper .find-result .find-result-head {
    border-bottom: 1px solid #80808061 !important;
}

.web-dark-mode .new_course_custom_wrapper .find-result .find-result-body .card:after {
    background: #80808061 !important;
}

.web-dark-mode .new_course_custom_wrapper .price-box .input-group-addon::after {
    border-left-color: #80808061 !important;
}

.web-dark-mode .new_course_custom_wrapper .find-result .find-result-body .price-box .price-section {
    border-bottom-color: #80808061 !important;
}

.web-dark-mode .course_price ,
.web-dark-mode .course_sponsor {
    color: var(--other_color2) !important;
}

.web-dark-mode .custom_new_service_addons {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .custom_service_addon_body .custom_service_right .summary {
    background-color: var(--background_color) !important;
}

.web-dark-mode .service-listing-detail .list-group-item {
    background-color: var(--background_color_header) !important;
}

.web-dark-mode .service-listing-detail .list-group-item .btn {
    color: var(--text_color) !important
}

.web-dark-mode .service-listing-detail .list-group-item {
    border-color: var(--text_color) !important;
}

.web-dark-mode .service-listing-detail .list-group-item+.list-group-item {
    border-color: var(--text_color) !important;
}

.web-dark-mode .service-listing-detail .list-group-item .dropdown-item {
    color: var(--text_color) !important
}

.web-dark-mode .service-listing-detail .list-group-item .dropdown-item:hover {
    color: var(--background_color_header) !important
}

.web-dark-mode .seller-name-head-txt h4,
.web-dark-mode .seller-name-head-txt p {
    color: var(--background_color_header) !important;
}

/* *******************************  Service Detail css **************************** */

.web-dark-mode .service-detail-tab li .nav-link.active {
    color: var(--text_color) !important;
}

.web-dark-mode .service-detail-tab .nav-link {
    background-color: #36353b;
}

.web-dark-mode .table.dataTable tbody tr:nth-child(even) {
    background-color: #000 !important;
}

.web-dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: #000 !important;
}

.web-dark-mode .daterangepicker td.in-range {
    background: #48626e !important;
}

.web-dark-mode .daterangepicker td.available:hover,
.web-dark-mode .daterangepicker th.available:hover {
    background: #817979 !important;
}

.web-dark-mode .daterangepicker .input-mini,
.web-dark-mode .daterangepicker .fa {
    color: #000 !important;
}

.web-dark-mode .dataTables_wrapper label,
.web-dark-mode .dataTables_info,
.cancelBtn {
    color: #fff !important;
}

.web-dark-mode #query_table .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
}

.web-dark-mode #query_table .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #000 !important;
}

.web-dark-mode #dashboard_console_module .highcharts-legend-item text,
#dashboard_console_module .highcharts-axis text,
.web-dark-mode #dashboard_console_module .highcharts-axis-labels text {
    color: #fff !important;
    fill: #fff !important;
}

/* .web-dark-mode #dashboard_device_category_module, */
/* .web-dark-mode #dashboard_analytics_user_traffic,
.web-dark-mode #dashboard_analytics_graphs {
    background-color: #000000 !important;
} */

.web-dark-mode #dashboard_analytics_graphs {
    background-color: #000000 !important;
}



.web-dark-mode #dashboard_analytics_graphs:hover {
    background-color: #000000 !important;
}

.web-dark-mode #dashboard_device_category_module:hover,
.web-dark-mode #dashboard_analytics_user_traffic:hover,{
    background-color: transparent !important;
}

.web-dark-mode .profile-sidebar.user-Profile,
.web-dark-mode .dark_description {
    background-color: transparent !important;
}

.web-dark-mode .dark_bg_section {
    background-color: #222126 !important;
}

.web-dark-mode .dark_bg_white {
    background-color: #fff !important;
}

.web-dark-mode .profile-sidebar.dark_side_view {
    background-color: transparent !important;
}

.web-dark-mode .dark_side_view {
    background-color: transparent !important;
}

.web-dark-mode .dark_border_white {
    border-color: #fff !important;
}

.web-dark-mode .user_description .text-color-24,
.web-dark-mode .user_description .text-black {
    color: #9f9f9f !important;
}

.web-dark-mode .user_follow_data a span.text-black {
    color: #fff;
}

.web-dark-mode .languages_section span {
    color: #9f9f9f !important;
}

.web-dark-mode .dark_text_white {
    color: #fff !important;
}

.web-dark-mode .dark_text_grey {
    color: #9f9f9f !important;
}

.web-dark-mode .dark_list_view:hover
/* .web-dark-mode .dark_list_view.active  */
{
    background-color: #1b1a1ab0 !important;
}

.web-dark-mode .packages_tab #pills-tab {
    background-color: #515152a6 !important;
}

.web-dark-mode .packages_tab .nav-pills .nav-link {
    color: #fff;
}

.web-dark-mode .packages_tab .nav-pills .nav-link.active {
    color: #344054;
}

.web-dark-mode .dark_text_white_purple:hover {
    color: #AA38F8 !important;
}

.web-dark-mode .dark_text_white_purple {
    color: #fff
}

.web-dark-mode .cus-breadcrumb a {
    /* color: #fff !important; */
    color: #9f9f9f !important;
}

.web-dark-mode .cus-breadcrumb a.active {
    color: #AA38F8 !important;
}


.web-dark-mode .new-price-filter.price-filter button[type=submit] {
    background-color: #AA38F8 !important;
}

.web-dark-mode .new-price-filter.price-filter button[type=submit]:hover {
    background-color: #6C13A9 !important;
}

.web-dark-mode .user_upload_dropdown a:hover {
    background-color: #222126;
}

.web-dark-mode .navbar-expand-lg .navbar-nav .nav-link.ai_dashboard_btn {
    color: #AA38F8 !important;
    background-color: #FAF2FF !important;
}

.web-dark-mode .navbar-expand-lg .navigation_2__ .dropdown-item:hover {
    color: #AA38F8 !important;
    background-color: unset !important;
}
.web-dark-mode .navbar-expand-lg .navigation_2__ .dropdown-item.tools_bg_gradient:hover {
    color: #000 !important;
    background: linear-gradient(265.04deg, #F4EBFF 4.37%, #FFE8F6 91.62%) !important;
}

.web-dark-mode .login_header-right .conversation_drop .read_notification_box {
    background-color: unset !important;

}

.web-dark-mode .login_header-right .conversation_drop .user-message p {
    color: #fff !important;
}

.web-dark-mode .login_header-right .notification_class p {
    color: #fff !important;
}

.web-dark-mode .login_header-right .notification_div:hover .notification_class p {
    color: #000 !important;
}

.web-dark-mode .login_header-right .conversation_drop .user-message:hover {
    background-color: #F2F4F7 !important;
}

.web-dark-mode .navbar-expand-lg .my_dropdown___ a:hover {
    background-color: #F6F6F6 !important;
}

.web-dark-mode .balance_drop_data .fa-chevron-right:before {
    color: #AA38F8 !important;
}

.web-dark-mode .balance_drop_data a {
    color: #000 !important;
}

.web-dark-mode .profile_links a,
.web-dark-mode .general_div .fa-chevron-right:before {
    color: #59637B !important
}

.web-dark-mode .tt-menu {
    background-color: rgb(34 33 38) !important;
}

.web-dark-mode .content_wrapper,
.web-dark-mode .league-name,
.web-dark-mode .content_wraper {
    color: #fff !important;
}

.web-dark-mode a:hover .content_wrapper,
.web-dark-mode a:hover .content_wraper {
    color: #AA38F8 !important;
}

.web-dark-mode .notification_div:hover span {
    color: #000 !important;
}

.navbar-expand-lg .dropdown-redesign .dropdown-item:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.web-dark-mode .balance_drop_data li:hover a {
    color: #AA38F8 !important;
}

.web-dark-mode .profile_links li:hover a {
    color: #AA38F8 !important;
}


.web-dark-mode .balance_drop_data .fa-chevron-right:before {
    color: #AA38F8 !important;
}

.web-dark-mode .navbar-expand-lg .my_dropdown___ a:hover span {
    color: #000 !important;
}

.web-dark-mode .login_header-right .conversation_drop .user-message:hover p {
    color: #000 !important;
}

.web-dark-mode .login_header-right .conversation_drop .read_notification_box {
    background-color: unset !important;
}

.web-dark-mode .navbar-expand-lg .main_navigation .dropdown-item:hover {
    color: #000 !important;
}



.web-dark-mode .dashboard-gradient {
    background: var(--background_color) !important;
}

.web-dark-mode .purple_dashboard_card {
    background-color: #222126;
}

.web-dark-mode .custom-header-cart .message-box li.custom:hover {
    color: var(--text_color) !important;
    background: var(--background_color_hover) !important;
}

.web-dark-mode .cart-step-1,
.web-dark-mode .cart-step-2 {
    color: #AA38F8 !important;
}

.web-dark-mode .text-color-25 .fa-info-circle,
.web-dark-mode .text-color-25 .fa-chevron-down {
    color: #EB47AC !important;
}

.web-dark-mode .conversation_drop {
    background-color: #000;
}

.web-dark-mode .apply_promo_input_section #coupan_code_new {
    background: var(--background_color) !important;
    border: none !important;
}

.web-dark-mode .service_detail_card #share_cart_email,
.web-dark-mode .service_detail_card .gift_email_input
 {
    background: var(--background_color) !important;
    border: none !important;
}

.web-dark-mode .custom_addon_box:hover {
    background-color: var(--background_color_hover) !important;
}

.web-dark-mode .custom_addon_box:hover .service-quantity {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .custom_new_service_addons .custom_service_title,
.web-dark-mode .custom_new_service_addons .custom_days_title {
    color: var(--text_color) !important;
}

.web-dark-mode .custom_new_service_addons .custom_service_description {
    color: #9f9f9f !important;
}

.web-dark-mode .bg-new-theme-purple-cart-light-gray {
    background-color: var(--background_color_card) !important;
}

.web-dark-mode .campaign_dashboard_div {
    background-color: var(--background_color) !important;
}

.web-dark-mode .dashboard-sidebar-menu .dropdown-item:focus,
.web-dark-mode .dashboard-sidebar-menu .dropdown-item:hover {
    background-color: var(--background_color_hover) !important;
}

.web-dark-mode .purple_keywords_table.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--background_color) !important;
}

.web-dark-mode .dashboard-recommendations-gradient .bg-white {
    background-color: var(--background_color) !important;
}

/* .web-dark-mode .dashboard-recommendation .recommendation-box {
    background: var(--background_color_hover) !important;
} */

.web-dark-mode .audiit-tabs li a {
    color: #9f9f9f !important;
}

.web-dark-mode .dashboard-audiit-light-theme {
    background: var(--background_color_hover) !important;
}

.web-dark-mode .search_console_table .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--background_color) !important;
}


.web-dark-mode .my_dropdown___ span {
    color: #fff !important;
}

.web-dark-mode .my_dropdown___ .theme-color span {
    color: #AA38F8 !important
}

.web-dark-mode .explore_service_link span {
    color: #AA38F8 !important;
}

.web-dark-mode .purple_speedtest_dropdown.dashboard-dropdown .dropdown-item:hover {
    color: #fff !important;
    background: var(--background_color_hover) !important;
}

.web-dark-mode .dashboard-text-orange .fas {
    color: #EA4335 !important;
}

.web-dark-mode .dashboard-green-text .fas {
    color: #38AF68 !important;
}

.web-dark-mode .dashboard-text-red.fa.fa-arrow-down {
    color: #C8191C !important;
}

.web-dark-mode .dashboard-text-green.fa.fa-arrow-up {
    color: #38AF68 !important;
}

.web-dark-mode .purple_dashboard_card table tr:hover {
    background: var(--background_color_hover) !important;
}

.web-dark-mode .cus_account a.dropdown-item.active {
    background-color: #AA38F8 !important;
}

.web-dark-mode .cus-account-table th,
.web-dark-mode .cus-account-table th tr {
    background-color: #AA38F8 !important;
    border-color: transparent !important;
}

.web-dark-mode .cart_hover_dark:hover .hover_dark_cart,
.web-dark-mode .msg_hover_dark:hover .hover_dark_msg,
.web-dark-mode .bell_hover_dark:hover .hover_dark_bell,
.web-dark-mode .gate_hover_dark:hover .hover_dark_gate {
    display: inline-block !important;
}

.web-dark-mode .cart_hover_dark:hover .hover_light_cart,
.web-dark-mode .msg_hover_dark:hover .hover_light_msg,
.web-dark-mode .bell_hover_dark:hover .hover_light_bell,
.web-dark-mode .gate_hover_dark:hover .hover_light_gate {
    display: none;
}

.web-dark-mode .cart_hover_dark span[aria-expanded="true"] .hover_dark_cart,
.web-dark-mode .msg_hover_dark span[aria-expanded="true"] .hover_dark_msg,
.web-dark-mode .bell_hover_dark span[aria-expanded="true"] .hover_dark_bell,
.web-dark-mode .gate_hover_dark span[aria-expanded="true"] .hover_dark_gate {
    display: inline-block !important;
}

.web-dark-mode .cart_hover_dark span[aria-expanded="true"] .hover_light_cart,
.web-dark-mode .msg_hover_dark span[aria-expanded="true"] .hover_light_msg,
.web-dark-mode .bell_hover_dark span[aria-expanded="true"] .hover_light_bell,
.web-dark-mode .gate_hover_dark span[aria-expanded="true"] .hover_light_gate {
    display: none !important;
}

.web-dark-mode .page-link {
    color: #fff;
}

.web-dark-mode .all-cat-list a {
    color: #8f908f !important;
}

.web-dark-mode .all-cat-list a:hover {
    color: #AA38F8 !important;
}



.web-dark-mode .star-group .premier-badge i.fa-check {
    color: #AA38F8 !important;
}


@media (max-width: 991px) {

    .web-dark-mode .navbar-expand-lg .purple-navbar-collapse .navbar-nav.main_navigation .nav-link,
    .web-dark-mode .navbar-expand-lg .purple-navbar-collapse .navbar-nav.navigation_2__ .nav-link {
        color: #475467 !important;
    }

    .web-dark-mode .purple-close-nav-btn i {
        color: #8f908f !important;
    }

    .web-dark-mode .main_navigation .nav-item .nav-link i {
        color: #475467 !important;
    }
}

.web-dark-mode .dash_todo_hover:hover {
    background: var(--background_color_hover) !important;
}

.web-dark-mode .bg-blog-gray{
    background: #121113 !important;
}

.web-dark-mode #status_form_Search .form-control.custom_select_grey:focus option,
.web-dark-mode #status_form_Search .form-control.custom_select_grey:focus{
  color: #fff !important;
}

.web-dark-mode .row.align-items-center.onboarding-box-small.mx-0.bg-white {
    background: rgb(54 53 59) !important;
}

.web-dark-mode .custom_width_select select#industry_type{
    border: 1px solid #fff !important;
}

.web-dark-mode .onboarding-radio .custom-control-label::before {
    background-color: transparent !important;
}

.web-dark-mode .add_new_campaign_btn.dark_text_white:hover i,
.web-dark-mode .add_new_campaign_btn.dark_text_white:hover{
    color: #212529 !important;
}

.web-dark-mode .add_new_campaign_btn.dark_text_white i{
    color: #fff !important;
}

.web-dark-mode .new_landing_page .main_navigation li.tools_data .dropdown-menu a.tools_bg_gradient:hover{
    background: linear-gradient(265.04deg, #F4EBFF 4.37%, #FFE8F6 91.62%) !important;
    color: #000 !important;
  }

  .web-dark-mode .new_landing_page .main_navigation li.tools_data .dropdown-menu a.tools_bg_gradient{
    background: linear-gradient(265.04deg, #F4EBFF 4.37%, #FFE8F6 91.62%) !important;
    color: #000 !important;
  }

  .web-dark-mode section.influencer.cus-influencer{
    background: unset !important;
  }

  .web-dark-mode .dark_text_white span{
    color: #fff !important;
  }

@media (max-width: 992px) {
    .web-dark-mode .main-navigation .dropdown-menu{
        background-color: #FFFFFF !important;
    }
    
    .web-dark-mode .main-navigation .dropdown-menu .dropdown-item.tools_bg_gradient{
        color: #000 !important;
    }
    .web-dark-mode .navbar-expand-lg .navigation_2__ .dropdown-item {
        color: #000 !important;
    }

    .web-dark-mode .purple_cus_account .dropdown-menu a.active{
        color: #fff !important;
    }
}

.web-dark-mode .restrict-paste-input .bootstrap-tagsinput input{
    background-color: transparent !important;
}
.web-dark-mode .restrict-paste-input .bootstrap-tagsinput{
   border: 1px solid #ced4da !important;
}

.web-dark-mode #newfeature-popup .modal-body ul,
.web-dark-mode #newfeature-popup .modal-body li{
	color: #fff !important;
}

.web-dark-mode header .order-description-text a {
    color: #AA38F8 !important;
}

.web-dark-mode .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background: #AA38F8 !important;
    padding: 5px;
    border-radius: 5px;
}

.web-dark-mode .fa-info-circle {
    color: #AA38F8 !important;
}

.web-dark-mode .file_names {
    display: block;
    position: absolute;
    left: 0;
    top: 37%;
    left: 50%;
    transform: translate(-50%, 100%) !important;
    font-size: 14px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    border-radius: 12px;
    ;
    background-color: #000 !important;
    padding: 4px 0;
    text-align: center;
}

.web-dark-mode .brand_logo {
    background-color: #000 !important;
}

.web-dark-mode .favicon {
    background-color: #000 !important;
}

.web-dark-mode .recommended-seller-badge {
    color: #AA38F8 !important;
}

.web-dark-mode .theme-color {
    color: #AA38F8 !important;
}

.web-dark-mode .text-color-12,
.web-dark-mode .text-color-1,
.web-dark-mode #display_category_details a {
    color: #AA38F8 !important;
}

.web-dark-mode .left_filter .all-cat-list a:hover,
.left_filter .all-cat-list a.active {
    color: #AA38F8 !important;
}

.web-dark-mode .purple_cus_account li a.nav-link.active {
    color: #AA38F8 !important;
}

.web-dark-mode .badge-edit-widgets,
.dashboard-text-light-purple,
.audiit-text-orange {
    color: #AA38F8 !important;
}

.web-dark-mode .text-color-23 {
    color: #fff !important;
}

.web-dark-mode .custom-display-tooltip span.on-focus-tooltip-custom {
    background-color: #AA38F8 !important;
}

.web-dark-mode .page-item.active .page-link,
.web-dark-mode .page-link:hover,
.web-dark-mode a.bg-primary-blue,
.web-dark-mode .bg-primary-blue,
.web-dark-mode .background-color-3,
.web-dark-mode .cart_icon_div span {
    background-color: #AA38F8 !important;
}

.web-dark-mode .filter_switch .custom-control-input:checked~.custom-control-label::before {
    border-color: #AA38F8 !important;
    background-color: #AA38F8 !important;
}

.web-dark-mode .sponsor_keyword_div {
    color: black !important;
}

.web-dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: black !important;
}

.web-dark-mode .report_link {
    color: white;
}

.web-dark-mode .add-opt-ans,
.web-dark-mode .remove-opt-ans {
    color: white;
}

.web-dark-mode .thumbnail_video_player .modal-header {
    border-bottom: unset !important;
}

.web-dark-mode .feedback_range {
    background: #121113;
}

.web-dark-mode .private_feedback_card {
    border: 1px solid #8A12DC;
    background: #121113;
}

.web-dark-mode .dash_tab_counter {
    background-color: #8a12dc2e;
}

/* .web-dark-mode .dash_new_tab .nav-link{
    color: #fff;
} */
.web-dark-mode .dash_new_tab ul {
    /* border-bottom: 2px solid #3e3c42; */
}

.web-dark-mode .bg-white-dark {
    background-color: #000 !important;
}


.web-dark-mode #header_legiit_score_chart .highcharts-container span+span {
    background-color: rgb(0 255 136 / 35%) !important;
}

.web-dark-mode .imega_meta .bootstrap-tagsinput {
    border: 1px solid #D0D5DD !important;
}

.web-dark-mode .rec_icon_new {
    background-color: #8a12dc75;
}

.web-dark-mode .light_bg_temp:hover {
    color: #fff !important;
}

.web-dark-mode #edit_widgets .fa-edit {
    color: #8A12DC !important;
}

.dashboard-box,
.web-dark-mode .search_console,
.web-dark-mode .google_analytics {
    border: 1px solid #EAECF0 !important;
}

.web-dark-mode .search_console.border-0 {
    border: none !important;
}

.web-dark-mode .dashboard-box.border-0 {
    border: 1px solid #EAECF0 !important;
}

.web-dark-mode .dashboard_wrapper_bg {
    background: url(../../images/DarkModeBGV1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

.web-dark-mode .dash_new_tab .nav-item .nav-link.active {
    color: #8A12DC !important;
}

.web-dark-mode .dash_new_tab .nav-item .nav-link:hover {
    color: #8A12DC !important;
}

.web-dark-mode .dash_new_tab ul {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.web-dark-mode .dashboard-trial-expired-popup {
    background-color: rgb(16, 16, 16, 0.7) !important;
}

.web-dark-mode .tools_dropdown_show,
.web-dark-mode .tools_dropdown_show .card-header,
.web-dark-mode .tools_dropdown_show .card-body ul>li:hover {
    background-color: #000 !important;
}

.web-dark-mode .tools_dropdown_show .card-header button>p,
.web-dark-mode .tools_dropdown_show .card-header button i,
.web-dark-mode .tools_dropdown_show .card-body ul>li>a {
    color: #fff !important;
}

.web-dark-mode .tools_dropdown_show .card-header button[aria-expanded="true"],
.web-dark-mode .tools_dropdown_show .card>div>.card-body {
    background-color: #252228 !important;
}

.web-dark-mode .tools_dropdown_show #premium_tools .card-body ul>li>a.tools_bg_gradient {
    color: #59637B !important;
}


/*************************************React frontend css**************************************************/
.web-dark-mode #react-root .bg-gray-50 {
    background-color: var(--background_color) !important;
}

.web-dark-mode #react-root .dark-bg-black {
    background-color: #000 !important;
}

.web-dark-mode #react-root .dark-bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.web-dark-mode #react-root .dark-bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.web-dark-mode #react-root input,
.web-dark-mode #react-root textarea {
    /* background-color: #252228 !important; */
}

.web-dark-mode #react-root .marketplace-header-nav .tools_bg_gradient {
    color: #000 !important;
}

.web-dark-mode #react-root .braintree-method,
.web-dark-mode #react-root .braintree-large-button,
.web-dark-mode #react-root .braintree-toggle,
.web-dark-mode #react-root .braintree-methods-initial,
.web-dark-mode #react-root .braintree-card,
.web-dark-mode #react-root .braintree-card .braintree-form,
.web-dark-mode #react-root .braintree-sheet {
    background-color: transparent !important;
}

.web-dark-mode #react-root .braintree-upper-container:before {
    background-color: transparent;
}

.web-dark-mode #react-root .braintree-heading,
.web-dark-mode #react-root .braintree-method__label,
.web-dark-mode #react-root .braintree-method__label--small,
.web-dark-mode #react-root .braintree-large-button,
.web-dark-mode #react-root .braintree-toggle,
.web-dark-mode #react-root .braintree-card,
.web-dark-mode #react-root .braintree-card .braintree-form,
.web-dark-mode #react-root .braintree-sheet,
.web-dark-mode #react-root .braintree-sheet__text,
.web-dark-mode #react-root .braintree-form__label,
.web-dark-mode #react-root.braintree-sheet__content,
.web-dark-mode #react-root .braintree-sheet__content--form input {
    color: white;
}


.web-dark-mode #react-root a.transition-colors,
.web-dark-mode #react-root .text-gray-900,
/* .web-dark-mode #react-root .text-gray-500,
.web-dark-mode #react-root .text-gray-600,
.web-dark-mode #react-root .text-gray-700,
.web-dark-mode #react-root .text-gray-800, */
.web-dark-mode #react-root label.text-gray-700,
.web-dark-mode #react-root h3.text-gray-700,
.web-dark-mode #react-root input::placeholder,
.web-dark-mode #react-root textarea::placeholder .web-dark-mode #react-root .css-1dimb5e-singleValue,
.web-dark-mode #react-root .custom-gradient-card-parent .bg-green-50 div.text-gray-900 {
    color: #fff !important;
}

#react-root .css-qny0jn-singleValue {
    margin-left: 10px;
}

.web-dark-mode #react-root .react-select__input {
    background-color: transparent !important;
}

.web-dark-mode #react-root .bg-red-50 .text-gray-900,
.web-dark-mode #react-root .bg-green-50 .text-gray-900,
.web-dark-mode #react-root .bg-yellow-50 .text-gray-900,
.web-dark-mode #react-root .custom-gradient-card-parent .bg-purple-50 h3.text-gray-900,
.web-dark-mode #react-root .custom-gradient-card-parent .bg-gray-50 h3.text-gray-900 {
    color: #111827 !important;
}

.web-dark-mode #react-root .custom-gradient-card-parent .bg-gray-50 {
    background-color: #f9fafb !important;
}

.web-dark-mode #react-root .dark-bg-gray-750 {
    background-color: rgb(55 65 81 / 0.5) !important;
}

/* Convert black text to white in dark mode for blog content */
.web-dark-mode .blog-description *[style*="color: rgb(0, 0, 0)"],
.web-dark-mode .blog-description *[style*="color: #000"],
.web-dark-mode .blog-description *[style*="color:#000"],
.web-dark-mode .blog-description *[style*="color: #000000"] {
    color: #fff !important;
}

/* Convert black text to white in dark mode for service description */
.web-dark-mode .requirements_image *[style*="color: rgb(0, 0, 0)"],
.web-dark-mode .requirements_image *[style*="color: #000"],
.web-dark-mode .requirements_image *[style*="color:#000"],
.web-dark-mode .requirements_image *[style*="color:rgb(16,16,16)"],
.web-dark-mode .requirements_image *[style*="color: #000000"] {
    color: #fff !important;
}


/* SweetAlert Dark Mode Styles */

/* Main popup container */

/* SweetAlert Dark Mode Styles */

/* Main popup container */
.swal-dark-mode {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
}

/* Dark mode popup - using app's dark mode colors */
.web-dark-mode .swal-dark-mode {
    background-color: #374151 !important; /* bg-gray-700 */
    color: #FFFFFF !important; /* text-white */
}

/* Title styling */
.swal-title-dark {
    color: #111827 !important;
}

.web-dark-mode .swal-title-dark {
    color: #FFFFFF !important; /* text-white */
}

/* Content container */
.swal-content-dark {
    color: #374151 !important;
}

.web-dark-mode .swal-content-dark {
    color: #FFFFFF !important; /* text-white */
}

/* Confirm button (purple) - using app's purple color */
.swal-confirm-btn {
    background-color: #AA38F8 !important;
    color: #FFFFFF !important; /* text-white */
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: background-color 0.2s !important;
}

.swal-confirm-btn:hover {
    background-color: #8A12DC !important;
}

/* Confirm button (red) */
.swal-confirm-btn-red {
    background-color: #dc2626 !important;
    color: #FFFFFF !important; /* text-white */
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: background-color 0.2s !important;
}

.swal-confirm-btn-red:hover {
    background-color: #b91c1c !important;
}

/* Cancel button */
.swal-cancel-btn {
    background-color: #dc2626 !important;
    color: #FFFFFF !important; /* text-white */
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: background-color 0.2s !important;
}

.swal-cancel-btn:hover {
    background-color: #b91c1c !important;
}

/* Cancel button (gray) */
.swal-cancel-btn-gray {
    background-color: #374151 !important; /* bg-gray-700 */
    color: #FFFFFF !important; /* text-white */
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: background-color 0.2s !important;
}

.swal-cancel-btn-gray:hover {
    background-color: #4B5563 !important; /* gray-600 */
}

/* Textarea styling for dark mode */
.web-dark-mode .swal2-textarea {
    background-color: #374151 !important; /* bg-gray-700 */
    color: #FFFFFF !important; /* text-white */
    border-color: #4B5563 !important; /* border-gray-600 */
}

/* Icon color adjustments for dark mode */
.web-dark-mode .swal2-icon {
    border-color: #4B5563 !important; /* border-gray-600 */
}

/* Close button styling */
.web-dark-mode .swal2-close {
    color: #FFFFFF !important; /* text-white */
}

.web-dark-mode .swal2-close:hover {
    color: #FFFFFF !important; /* text-white */
}

/* Additional dark mode styles to match app theme */
.web-dark-mode .swal2-popup {
    background-color: #374151 !important; /* bg-gray-700 */
    border: 1px solid #4B5563 !important; /* border-gray-600 */
}

.web-dark-mode .swal2-html-container {
    color: #FFFFFF !important; /* text-white */
}

.web-dark-mode .swal2-title {
    color: #FFFFFF !important; /* text-white */
}

/* Button focus states */
.web-dark-mode .swal-confirm-btn:focus,
.web-dark-mode .swal-confirm-btn-red:focus,
.web-dark-mode .swal-cancel-btn:focus,
.web-dark-mode .swal-cancel-btn-gray:focus {
    box-shadow: 0 0 0 3px rgba(170, 56, 248, 0.3) !important;
} 

.web-dark-mode .theme-icon-color {
    color: #fff !important;
}

.web-dark-mode .table-secondary, .web-dark-mode .table-secondary>td, .web-dark-mode .table-secondary>th {
    background-color: #252228 !important;
}