/* File Name: color-tashvu.css [public\app-assets\css-rtl\new-theme\color-tashvu.css] */
/* Description: CSS classes declaration for the new theme tashvu theme colors */
/* ================================================================================== */

.export-excel,
.new-theme-sidebar-toggler svg path {
    fill: #1A85E8;
}

.gradient-user-icon svg rect {
    fill: #1A85E8;
}

/* pagination */
.page-item.active .page-link {
    background-color: #1A85E8;
    border-color: #1A85E8;
}

.desc-box .circle,
.new-theme-btn-account,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:before,
.theme-bg {
    background: #1A85E8 !important;
}

a:hover:not(.no-hover) {
    color: #1A85E8 !important;
}

.logout-btn.dropdown-item:active {
    background: #1A85E8;
    color: white !important;
}
.logout-btn.dropdown-item:focus-visible {
    outline: none;
}

.deals-counter, 
.bg-light {
    background: #F4F4FD;
}

a.billings-export-excel {
    background: #E5E5F3;
}

.theme-color,
.btn-standard,
.btn-standard-lg,
.btn-standard-xl,
.new-theme .nt-menu-toggler, 
.deals-counter,
.export-excel,
a.worker-export-excel,
a.billings-export-excel,
.i-call-wrapper .i-call-body .cost,
.product-footer .product-cost-wrapper h2,
.product-footer .product-cost-wrapper span,
.product-footer .btn-wrapper button,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:hover,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:focus,
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active,
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:hover,
.nav.nav-tabs.nav-underline .nav-item a.nav-link.active:focus,
.tc-primary {
    color: #1A85E8 !important;
}

.theme-border {
    border: 1px solid #1A85E8 !important;
}
.theme-border-2 {
    border: 2px solid #1A85E8 !important;
}
.new-theme-btn-account {
    border-color: #1A85E8 !important;
}

/* New theme mobile filters custom checked color */
.nt-mob .company-filter-check-item.checked .comp-img {
    border: 1px solid #1A85E8 !important;
}

.glowing-border:focus,
.glowing-border:hover {
    outline: #1A85E8 !important;
    border-color: #1A85E8 !important;
    box-shadow: 0 0 10px #1A85E8 !important;
}
.glowing-border:hover .sp-qa {
    background: #1A85E8 !important;
    color: white !important;
}

.main-menu.menu-light .navigation li.hover:not(.has-sub) a {
    background: #F3F2F4 !important;
}

.nt-sidebar-extended .main-link:hover .menu-title,
.main-menu.menu-light .navigation>li .active,
.new-theme .main-menu .main-menu-content .nav-item.has-sub.active-sub-menu .sub-menu-trigger,
.new-theme .main-menu .main-menu-content .nav-item.has-sub.open .sub-menu-trigger {
    background: #E5E5F3 !important;
    font-weight: 700 !important;
    color: #1A85E8 !important;
}

.new-theme .main-menu .main-menu-content .nav-item.has-sub ul.menu-content li.menu-item a span.sub-menu-line {
    position: absolute;
    width: 2px;
    height: 24px;
    top: 10px;
    right: 28px;
    z-index: 1;
    background: #E5E5F3;
    border-radius: 2px;
}

.new-theme .main-menu .main-menu-content .nav-item.has-sub ul.menu-content li.menu-item a span.sub-menu-circle {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 19px;
    right: 26px;
    z-index: 2;
    background: #E5E5F3;
    border-radius: 50%;
}

.new-theme .navigation.navigation-main.new-theme-menu li a.active,
.new-theme .main-menu .main-menu-content .main-menu-content ul.navigation-main li.hover a,
.new-theme .main-menu .main-menu-content .nav-item.has-sub.hover .sub-menu-trigger,
.new-theme .navigation.navigation-main.new-theme-menu li.hover a.main-link,
.new-theme .main-menu .main-menu-content .nav-item.has-sub ul.menu-content li.hover.menu-item a span:last-child,
.new-theme .main-menu .main-menu-content .nav-item.has-sub ul.menu-content li.active.menu-item a span:last-child {
    color: #1A85E8 !important;
    font-weight: 700 !important;
}

.new-theme .main-menu .main-menu-content .nav-item.has-sub ul.menu-content li.active a span.sub-menu-line,
.new-theme .main-menu .main-menu-content .nav-item.has-sub ul.menu-content li.active a span.sub-menu-circle {
    background: #1A85E8 !important;
}

.new-theme .navigation.navigation-main.new-theme-menu li a {
    color: black !important;
    /* transition: font-weight 0.5s ease-in-out; */
}

.new-theme .main-menu.menu-light .navigation.navigation-main.new-theme-menu>li.open>a {
    background: none;
    border: 0px;
    color: #1A85E8 !important;
    font-weight: 500;
}

.loader-main {
    border-top: 12px solid #1A85E8;
}

.loc-btn-group button.active {
    border: 1px solid #1A85E8;
    color: #1A85E8;
}

.accounts-topbar-wallet-wrapper .bottom-info-box {
    background: #E0DFFC;
}

.dashboard-mob-dash-banner-bg {
    background: #7937F1;
}


/* Bottom Banner CSS starts */
.banner-bottom .side-label-info {
    background: #83C9EA;
}
.banner-bottom .side-label-drop {
    border-left: 10px solid #62ADD0;
}
.mob-banner .bullet-div {
    background: #4442A7;
}
.banner-bottom .bullet-div {
    background: #4442A7;
}
.mob-banner .bullet-div svg path {
    fill: #83C9EA;
}
.banner-bottom .bullet-div svg path {
    fill: #44AE5B;
}
/* Bottom Banner CSS ends */

/* Billing Account */
.billing-tabs-wrapper ul.nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #1A85E8;
    border-radius: 4px 4px 0px 0px;
    color: #1A85E8;
}
.billing-cash-payment-info-card.with-border {
    border: 2px solid #1A85E8;
}
.billing-cash-payment-info-card .highlighted-row {
    background-color: #1A85E833;
    color: #1A85E8;
}