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



html body {
    background-color: #F6F6FA !important;
}

table, .table, a,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.theme-color a,
a.theme-color,
.btn-standard,
.btn-standard-lg,
.btn-standard-xl,
.services-support,
.services-support a,
.new-theme .nt-menu-toggler,
.hidden-elements-action,
.quick-action,
.bread-actions,
.deals-counter,
.i-call-wrapper .i-call-body .cost
a.worker-export-excel,
.export-excel,
.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,
.theme-color,
.tc-primary {
    color: #6A0B10 !important;
}


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

.logout-btn.dropdown-item:active {
    background: linear-gradient(90deg, #6A0B10 0%, #CF333F 100%);
    color: white !important;
}
.logout-btn.dropdown-item:focus-visible {
    outline: none;
}

.theme-color.theme-color-light {
    color: #CF333F !important;
}

.desc-box .circle,
.new-theme-btn-account,
.nav.nav-tabs.nav-underline .nav-item a.nav-link:before,
.dashboard-mob-dash-banner-bg,
.theme-bg {
    background: #6A0B10 !important;
}
.theme-bg.gradient-theme-bg {
    background: linear-gradient(90deg, #6A0B10 0%, #CF333F 100%) !important;
}

.theme-color a,
a.theme-color {
    font-weight: 500;
}

/* .main-menu.menu-light .navigation li.hover:not(.has-sub) a,  */
.main-menu.menu-light .navigation > li .active > a,
.hidden-elements-action, .quick-action, .bread-actions,
.services-support,
.deals-counter
.bg-light {
    background: #FAEDEC;
}

a.billings-export-excel,
.accounts-topbar-wallet-wrapper .bottom-info-box {
    background: #ffd4d1;
}
.export-excel,
a.billings-export-excel {
    color: #6C0306;
}

.new-theme-sidebar-toggler svg path {
    fill: #6A0B10;
}

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

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

.glowing-border:focus,
.glowing-border:hover {
    outline: #6A0B10 !important;
    border-color: #6A0B10 !important;
    box-shadow: 0 0 10px #6A0B10 !important;
}
.glowing-border:hover .sp-qa {
    background: linear-gradient(90deg, #6A0B10 0%, #CF333F 100%)  !important;
    color: white !important;
}

/* Pagination's classes */
.pagination .page-link {
    color: #CF333F;
    border: 1px solid #BABFC7;
}
.page-item.active .page-link {
    color: #fff;
    /* background-color: #007bff; */
    background: linear-gradient(90deg, #6A0B10 0%, #CF333F 100%) !important;
    /* border: none; */
    border-color: #6A0B10;
}

.gradient-user-icon svg rect,
.gradient-svg-path svg path,
.services-support a  svg path {
    fill: url(#gradientFill) !important;
}

.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: #FAEDEC !important;
    font-weight: 700 !important;
    color: #6A0B10 !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%;
}
.nt-sidebar-extended .main-link:hover .menu-title,
.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: #D23541 !important;
    font-weight: 700 !important;
}
/* Gradient BD for the SVG icons */
.new-theme .navigation.navigation-main.new-theme-menu li.hover a.main-link svg path,
.new-theme .navigation.navigation-main.new-theme-menu li.has-sub.hover a.sub-menu-trigger svg path,
.new-theme .main-menu.menu-light .navigation.navigation-main.new-theme-menu>li.open>a svg path,
.new-theme .main-menu.menu-light .navigation.navigation-main.new-theme-menu>li.active-sub-menu>a svg path,
.new-theme .navigation.navigation-main.new-theme-menu li a.main-link.active svg path {
    fill: url(#gradientFill);
}
.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: #D23541 !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,
.new-theme .main-menu.menu-light .navigation.navigation-main.new-theme-menu>li.active-sub-menu>a {
    background: none;
    border: 0px;
    color: #D23541 !important;
    font-weight: 700;
}

@keyframes gradientFill {
    0% {
        stop-color: #6A0B10; /* start color */
    }
    100% {
        stop-color: #CF333F; /* end color */
    }
}

.loader-main {
    border-top: 12px solid #6A0B10;
}

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


/* SweetAlert Btn customization CSS starts */
.swal2-confirm,
.swal-button.swal-button--confirm {
    background: linear-gradient(90deg, #6A0B10 0%, #CF333F 100%) !important;
}
.swal2-confirm:focus,
.swal-button.swal-button--confirm:focus {
    box-shadow: none !important;
}
/* SweetAlert Btn customization CSS ends */


/* Bottom Banner CSS starts */
.banner-bottom .side-label-info {
    background: #EBBD47;
}
.banner-bottom .side-label-drop {
    border-left: 10px solid #EBBD47;
}
.mob-banner .bullet-div,
.banner-bottom .banner-v1 .bullet-div,
.banner-bottom .banner-v2 .bullet-div,
.banner-bottom .banner-v3 .bullet-div,
.banner-bottom .banner-v4 .bullet-div {
    background: #6A0B10;
}
.mob-banner .bullet-div svg path,
.banner-bottom .banner-v1 .bullet-div svg path,
.banner-bottom .banner-v2 .bullet-div svg path,
.banner-bottom .banner-v3 .bullet-div svg path,
.banner-bottom .banner-v4 .bullet-div svg path {
    fill: #F4D4E0;
}
/* Bottom Banner CSS ends */

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