/* Navigation and background */
body {
    background: var(--tenant-white-background) !important;
    /*background: #FFFFFF !important;*/
   /* background: blue !important;*/
}

/* Custom Scroll bar */
::-webkit-scrollbar-thumb {
    background-color: var(--tenant-secondary-color) !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-color: var(--tenant-secondary-color) !important;
}

.tenant-white-font{
    color:white !important;
}
.card-container,
.notification-card {
    background: var(--tenant-white-background) !important;
    /*background: blue !important;*/
}

.top-row {
    background: white !important;
}
    .top-row .base-font {
        color: black !important;
    }
#mainnavmenud .nav-item a.active, #mainnavmenu .nav-item a.active {
    opacity: 100%;
}
#mainnavmenud .nav-item a:hover, #mainnavmenu .nav-item a:hover {
    background-color: var(--tenant-secondary-color);
}
@media (min-width: 641px) {
    #mainnavmenud, #mainnavmenu {
        background-color: var(--tenant-white-background);
    }
}
.navbar {
    background-color: var(--tenant-white-background) !important;
}

.nav-left-maintitle {
    color: var(--tenant-nav) !important;
}

.tenant-nav-colour a {
    color: black !important;
}

.tenant-nav-colour i {
    color: black !important;
}

.tenant-nav-colour span {
    color: black !important;
}
.user-validation-background {
    background-size: cover !important;
    background-image: unset !important;
    overflow-y: auto;
}
div .tenant-nav-colour {
    color: black !important;
}

    .tenant-nav-colour a.active {
        background-color: var(--tenant-accent-color) !important
    }

.tenant-nav-colour img {
    filter: brightness(0);
}

.search-card {
    background: var(--tenant-white-background) !important;
}
/* dashboardImprovementPlan */
.ips-card-heading-improvementplan {
    background-color: var(--tenant-primary-color) !important;
}

.ips-info-card-improvementplan {
    background-color: var(--tenant-light-grey) !important;
}

.ips-info-card-improvementplan-item {
    background-color: var(--tenant-dark-grey) !important;
}

.ips-number-badge-colour, .number-badge-fraction-light {
    background-color: var(--tenant-black) !important;
}

.ips-item-number-badge-colour, .dash-number-badge-improve-factors {
    background-color: var(--tenant-secondary-color) !important;
}
.ips-card-heading-improvementplan-factors {
    background-color: var(--tenant-primary-color) !important;
}

.ips-card-heading-improvementplan-goals {
    background-color: var(--tenant-primary-color) !important;
}

.ips-card-heading-improvementplan-tasks {
    background-color: var(--tenant-primary-color) !important;
}

/* creditscoreImprovementPlan */
.creditscore-improvementplan-tile-heading {
    background-color: var(--tenant-primary-color) !important;
}

.creditscore-improvementplan-card-heading {
    color: var(--tenant-accent-color) !important;
}

.creditscore-improvementplan-info-card {
    background-color: var(--tenant-light-grey) !important;
}

.creditscore-improvementplan-info-card-item {
    background-color: var(--tenant-dark-grey) !important;
}

    .creditscore-improvementplan-info-card-item card-locked {
        background-color: var(--tenant-med-grey) !important;
    }

.creditscore-goals-colour {
    background-color: var(--tenant-primary-color) !important;
}

.cs-ip-number-badge-colour {
    background-color: var(--black-text-color) !important;
}
.cs-ip-small-number-badge-colour {
    background-color: var(--tenant-secondary-color) !important;
}
.cs-ip-small-number-badge-colour2 {
    background-color: var(--tenant-secondary-color) !important;
}
.cs-ip-small-number-badge-colour3 {
    background-color: var(--tenant-secondary-color) !important;
}
/*borrowing power improvementplan summary*/

.login-block-main .nav-tabs .nav-item > span {
    height: 100%;
    display: block;
}
.login-block-main .login-nav-item {
    padding-bottom: 0px !important;
}
#signupTab {
    border-width:1px !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-left-style: solid !important;
    height: 100%;
}
#loginTab {
    border-width: 1px !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-left-style: solid !important;
    height: 100%;
}
/*debt management improvementplan summary*/
.number-badge-improve-factors {
    background-color: var(--tenant-secondary-color) !important;
}
.number-badge-improve-goals {
    background-color: var(--tenant-secondary-color) !important;
}
.number-badge-improve-tasks {
    background-color: var(--tenant-secondary-color) !important;
}
/* for dash, cs, bp, dm, improvementplansummary */
.card-locked {
    background-color: var(--tenant-med-grey) !important;
}

/* debtStatusContent */
.debt-review-card-block {
    background: linear-gradient(to right, var(--tenant-light-grey) 0%,var(--tenant-light-grey) 60%,var(--tenant-secondary-color) 40%,var(--tenant-secondary-color) 100%) !important;
    border: 1px solid var(--tenant-outlines) !important;
    color: var(--black-text-color) !important;
}
.debt-review-card-block-other {
    background: linear-gradient(to right, var(--tenant-light-grey) 0%,var(--tenant-light-grey) 50%,var(--tenant-secondary-color) 40%,var(--tenant-secondary-color) 100%) !important;
    border: 1px solid var(--tenant-outlines) !important;
    color: var(--black-text-color) !important;
}

/* debtReviewContent */
.debt-review-card-block.tenant-debt-review {
    background: linear-gradient(to right, var(--card-color) 0%,var(--card-color) 60%,var(--tenant-secondary-color) 40%,var(--tenant-secondary-color) 100%) !important;
    border: 1px solid red !important;
    color: var(--black-text-color) !important;
}

.debt-review-card-block-other.tenant-debt-review {
    background: linear-gradient(to right, var(--card-color) 0%,var(--card-color) 50%,var(--tenant-secondary-color) 40%,var(--tenant-secondary-color) 100%) !important;
    border: 1px solid red !important;
    color: var(--black-text-color) !important;
}

.debt-review-view-details {
    color: var(--black-text-color) !important;
}

/* dashSavingsCards, savingscards */
.dash-savings-card {
    background-image: none !important;
    background-color: var(--tenant-primary-color) !important;
}

.dash-savings-card-green-big,
.savings-summary-card {
    background-image: none !important;
    background-color: var(--tenant-secondary-color) !important;
}

.savings-green-wave-card {
    background-image: none !important;
    background-color: var(--green-bg-color) !important;
    color: var(--tenant-white) !important;
}
/* dashInfoCardsAndActionButtons */
.dash-prem-info-card {
    background: var(--tenant-secondary-color) !important;
}

.dash-action-button,
.dash-action-button-offer {
    background-color: var(--tenant-primary-color) !important;
    color: white !important;
}
    .dash-action-button .dash-action-button-icon,
    .dash-action-button-offer .dash-action-button-icon {
        filter: invert(100%);
    }

/* savings */
.savings-button {
    background-color: var(--tenant-accent-color) !important;
}

.carousel-indicators button {
    background-color: var(--tenant-light-grey) !important;
}

.image-all-outer-div,
.image-pantry,
.image-dairy,
.image-frozen,
.image-plant,
.image-baby,
.image-pets,
.image-cleaning {
    border: solid 1px var(--tenant-outlines) !important;
}

/* generalUsedAllOver */
.dash-ds-block,
.dash-ds-block,
.debt-management-ds-block,
.debt-management-card-block,
.debt-management-block,
.ie-savings-identified-block {
    background: var(--tenant-light-grey) !important;
    border: 1px solid var(--tenant-outlines) !important;
    color: var(--black-text-color) !important;
}

.default-gradient-card,
.custom-blue-textbox input,
.custom-blue-textbox input[type="text"],
.custom-blue-textbox input[type="password"],
.custom-blue-textbox input[type="email"],
.custom-blue-textbox input[type="number"],
.custom-blue-textbox input[type="search"],
.custom-blue-textbox input[type="tel"],
.custom-blue-textbox input[type="url"],
.ie-expense-total-block {
    background: var(--tenant-white-background) !important;
    border: 1px solid var(--tenant-outlines) !important;
    color: var(--black-text-color) !important;
}

.dash-ds-info-card,
.dash-bp-info-card,
.debt-management-ds-info-card,
.profile-popup-card {
    background: var(--tenant-light-grey) !important;
}

.dash-bp-info-card {
    background-color: var(--tenant-light-grey) !important;
}
.bp-tab-content,
.dash-bp-tabs-heading.active {
    background-color: var(--tenant-white-background) !important;
}


.dash-bp-info-card-text,
.dash-ds-block-amount,
.dash-ds-info-card-value,
.dash-ds-info-card-text,
.dash-ds-block-heading,
.savings-xl-heading,
.creditscore-improvementplan-text,
.savings-standard-text,
.xl-heading,
.discount-below-heading-text,
.iguana-green-text-color,
.dash-bp-tab-text,
.dash-ds-perc-text,
.lightgray-text-color,
.debt-heading {
    color: var(--tenant-black) !important;
}

.card-container,
.borrowing-power-card-main,
.savings-card-container,
.borrowing-power-cf-card-block,
.borrowing-power-la-card-block,
.borrowing-power-hl-card-block,
.debt-management-card-main,
.debt-consolidation-savings-card,
.credit-coaches-contactus-block,
.credit-coaches-callyou-block,
.help-centre-articles-block,
.help-centre-faqs-block,
.help-centre-videos-block,
.discount-coupon-image {
    border: 1px solid var(--tenant-outlines) !important;
}

.borrowing-power-status-block,
.borrowing-power-card,
.borrowing-power-card-block,
.debt-management-dr-progress-card,
.ie-manual-block, 
.ie-banklogo-block, 
.ie-api-block {
    background: var(--tenant-white-background) !important;
    border: 1px solid var(--tenant-outlines) !important;
}
.report-card-block, .report-card-block-custom, .debt-management-card-block {
    background: linear-gradient(to right, var(--card-color) 0%,var(--card-color) 65%,var(--tenant-primary-color) 35%,var(--tenant-primary-color) 100%) !important;
}

.accounts-card, .accounts-card-last, .cart-container, .accounts-card-income {
    background: var(--tenant-white-background) !important;
}

.accounts-card-linear,
.accordion-collapse {
    background: var(--tenant-white-background) !important;
    border: 1px solid var(--tenant-black) !important;
    border-color: var(--tenant-outlines) !important;
}

.ie-expense-block-inner {
    border-bottom-style: solid !important;
    border-bottom-color: var(--tenant-outlines) !important;
    border-bottom-width: 1px !important;
}

.search {
    background: rgba(0,0,0,30%) !important;
}

.debt-consolidation-savings-card {
    background: var(--tenant-white-background) !important;
    color: var(--black-text-color) !important;
}
.bullet-green span {
    color: var(--black-text-color) !important;
}
.bullet-green li {
    color: var(--tenant-accent-color) !important;
}
.tab-container,
.dc-collapsable,
.dc-collapsable-header {
    color: var(--black-text-color) !important;
}
.opacity-40 {
    opacity:100% !important;
}
/*.debt-management-block-inner {
    background: linear-gradient(to bottom, var(--tenant-secondary-color) 0%, var(--tenant-secondary-color) 75%, var(--tenant-primary-color) 25%, var(--tenant-primary-color) 100%) !important;
}*/
.debt-management-block-inner {
    background: linear-gradient(to bottom, var(--tenant-white-background) 0%, var(--tenant-white-background) 75%, var(--tenant-outlines) 25%, var(--tenant-outlines) 100%) !important;
    border: 1px solid var(--tenant-outlines) !important;
}
.debt-management-block-inner-text-free {
    opacity: 80% !important;
}

.legal-assistance-tabs-heading {
    background: var(--tenant-light-grey) !important;
}

.custom-block {
    background: var(--tenant-white-background) !important;
}

.modal-card {
    background: var(--tenant-light-grey) !important;
}

.profile-next-report-text {
    color: var(--black-text-color) !important;
}

.profile-card,
.profile-card-inner {
    border: 1px solid var(--tenant-outlines) !important;
}

.profile-heading,
.custom-green-textbox-eye-icon-only,
.green-text {
    color: var(--black-text-color) !important;
}

.profile-heading active {
    color: var(--black-text-color) !important;
}

.infoblurb-card {
    background: var(--tenant-med-grey) !important;
    border: 1px solid var(--tenant-outlines) !important;
}

.card,
.accounts-card,
.accounts-card-income {
    border: 1px solid var(--tenant-outlines) !important;
}

.personal-detail-gradient-card {
    background: none !important;
    border: none !important;
}

input[type='radio'] {
    accent-color: var(--tenant-accent-color) !important;
    border: 2px solid var(--tenant-black) !important;
}

input[type="radio"]:not(:checked):not(:disabled) {
    border: 2px solid var(--tenant-black) !important;
}

.bottomnav-chevron-color {
    color: var(--tenant-black) !important;
}

.factors-blue-pill {
    background-color: var(--tenant-primary-color) !important;
    border-color: var(--black-text-color) !important;
    color: white !important;
}
.factors-blue-border-pill-impact {
    background-color: var(--tenant-light-grey) !important;
    border-color: var(--black-text-color) !important;
    color: black !important;
}
.improvement-plan-free-text {
    color: var(--black-text-color) !important;
}

.report-card-linear-gradient {
    background: var(--tenant-white-background) !important;
}
.report-card {
    border: 1px solid var(--tenant-outlines) !important;
}
.report-card-inner {
    border: 1px solid var(--tenant-outlines) !important;
}

.report-card-standard-colour {
    background: var(--tenant-white-background) !important;
}

.pnlaccounts-background-color {
    background: var(--tenant-white-background) !important;
}
/*login*/
.login-card-main {
    /*For Greyscale: background: var(--tenant-light-grey) !important;*/
    /*background: var(--tenant-primary-color) !important;*/
    background: var(--tenant-white-background) !important;
    color: var(--black-text-color) !important;
    border: 1px solid var(--tenant-outlines);
}

.login-button-green,
.signup-button-green {
    /*For Greyscale: background-color: var(--tenant-med-grey) !important;*/
    background-color: var(--tenant-secondary-color) !important;
}

.login-form-control {
    /*For Greyscale: background-color: var(--tenant-dark-grey) !important;*/
    background-color: var(--tenant-light-grey) !important;
    color: var(--black-text-color) !important;
}

.login-form-text,
.login-main-text,
.american-silver-text-color,
.login-form-label,
.login-checkbox-label,
.login-checkbox-anchor,
.login-form-bold-label {
    color: var(--black-text-color) !important;
}

.login-tabs-heading {
    background: var(--tenant-primary-color) !important;
    color: var(--black-text-color) !important;
    opacity: 70% !important;
}

    .login-tabs-heading.active {
        background: var(--tenant-primary-color) !important;
        color: var(--black-text-color) !important;
    }

/*creditscorehistory */
.credit-score-history-heading,
.measure-up-text,
.credit-score-history-based-on-lable,
.credit-score-history-free-text,
.mobile-heading,
.credit-score-xl-heading {
    color: var(--black-text-color) !important;
}
.credit-score-history-nav-item::after {
    background: var(--tenant-med-grey) !important;
}
.credit-score-tabs.active {
    background-color: var(--tenant-light-grey) !important;
}
.credit-score-tabs-heading {
    background-color: var(--tenant-light-grey) !important;
    color: var(--black-text-color) !important;
}

    .credit-score-tabs-heading.active {
        background-color: var(--tenant-med-grey) !important;
        color: var(--black-text-color) !important;
    }

.credit-score-nav-item::after {
    background: var(--tenant-white-background) !important;
}

        .credit-score-tabs.credit-score-history-nav-item-tabend {
            background-color: var(--tenant-med-grey) !important;
        }

.credit-score-tabs.credit-score-history-nav-item-tabend::after {
    background-color: var(--tenant-med-grey) !important;
}

.credit-score-tabs.credit-score-history-nav-item-tabmiddle {
    background-color: var(--tenant-med-grey) !important;
}

.credit-score-tabs.credit-score-history-nav-item-tabmiddle::after {
    background: var(--tenant-med-grey) !important;
}

.credit-score-tabs.credit-score-history-nav-item-tabmiddle::before {
    background: var(--tenant-med-grey) !important;
}

.credit-score-tabs.credit-score-history-nav-item {
    background-color: var(--tenant-med-grey) !important;
}
.credit-score-nav-item-inactive {
    background-color:transparent !important;
}
.credit-score-nav-item-inactive::after {
    background-color: transparent !important;
}

/*grocery coupons*/
.redeem-tile {
    border: 2px solid var(--tenant-outlines) !important;
    border-radius: 10px;
    background-color: var(--tenant-white-background) !important;
    color: black !important;
    text-align: center;
    height: 435px;
}
.action-button,
.checkout-button,
.confirm-button,
.savings-button {
    background-color: var(--green-bg-color) !important;
    color: white !important;
}
.cart-item {
    border: 2px solid var(--tenant-outlines) !important;
}
.dropdown-button {
    color: black !important;
}
/*images where i can safely invert/change the colour to save time*/
.man-width,
.debt-review-img-height,
.debt-review-lock-icon,
.improvement-plan-lock-icon,
.report-tab-img,
.debt-management-tab-img-mobile-vccb,
.debt-management-tab-img-mobile,
.mobile-heading-icon,
.info-icon,
.dash-image-icon,
.login-password-icon,
.ie-expense-img, .credit-score-tabs-heading img {
    filter: invert(100%);
}
.score-bureau-logo,
.score-gauge-locked-bureau-image,
.bottomnav-icon-socials,
.bottomnav-icon-other {
    filter: invert(100%) !important;
}
/*make image white*/
.tenant-image-white,
.debt-management-ds-info-card-icon {
    filter: brightness(0) invert(1);
}

/*make image black*/
.tenant-zero-brightness,
.report-tab-img-vccb,
.card-locked-icon,
.profile-popup-icon,
.custom-green-textbox-pen-icon,
.modal-close-button,
.dash-ds-info-card-icon,
.navbar-bottom-img,
.navbar-search,
.fa-bell,
.navbar-toggler-icon,
.close-button-green,
.dispute-tab-img,
.tenant-image-black,
.tab-icon,
.cart-badge,
.cart-remove-image,
.dropdown-chevron,
.redeem-tile-image,
.debt-management-block-inner-img,
.confirm-image {
    filter: brightness(0);
}

/*overwriting text colours*/
.tenant-black-text {
    color: var(--tenant-black) !important;
}
.tenant-white-text {
    color: var(--tenant-white) !important;
}

/*credit coach*/
.credit-coaches-block-first,
.credit-coaches-block-second,
.credit-coaches-block-third {
    background: var(--tenant-white) !important;
    border-color: var(--tenant-outlines) !important;
}

.credit-coaches-contactus-block,
.credit-coaches-callyou-block {
    background: linear-gradient(to bottom, var(--tenant-primary-color) 0%, var(--tenant-primary-color) 30%, var(--card-color) 20%, var(--card-color) 100%) !important;
}

/*legal assist*/
.legal-assistance-tabs-heading.active {
    border-color: var(--tenant-outlines) !important;
    background: var(--tenant-light-grey) !important;
}

.borrowing-power-card-img-block {
    height: 160px !important;
    margin-left: 0px !important;
}

/*calculators*/
.borrowing-power-cf-card-block {
    background: linear-gradient(to bottom, var(--tenant-primary-color) 0%, var(--tenant-primary-color) 19%, var(--card-color) 19%, var(--card-color) 100%) !important;
}

.borrowing-power-la-card-block {
    background: linear-gradient(to bottom, var(--tenant-primary-color) 0%, var(--tenant-primary-color) 19%, var(--card-color) 19%, var(--card-color) 100%) !important;
}

.borrowing-power-hl-card-block {
    background: linear-gradient(to bottom, var(--tenant-primary-color) 0%, var(--tenant-primary-color) 19%, var(--card-color) 19%, var(--card-color) 100%) !important;
}

.bp-custom-numeric-textbox {
    background: linear-gradient(to right, var(--tenant-secondary-color) 0%, var(--tenant-secondary-color) 25%, var(--card-color) 25%, var(--card-color) 75%, var(--tenant-secondary-color) 75%, var(--tenant-secondary-color) 100%) !important;
}

.borrowing-power-cf-card-block-inner,
.borrowing-power-la-card-block-inner,
.borrowing-power-hl-card-block-inner {
    background: linear-gradient(to right, var(--card-color) 0%, var(--card-color) 60%, var(--tenant-secondary-color) 40%, var(--tenant-secondary-color) 100%) !important;
    border: 1px solid var(--tenant-secondary-color) !important;
}

.platinum-text-color {
    color: var(--tenant-black) !important;
}

/*timeline*/
.text-box-left, .text-box-right {
    color: var(--tenant-black) !important;
    background: var(--tenant-white-background) !important;
    border: 1px solid var(--tenant-outlines) !important;
}
.left-date, .right-date {
    color: var(--tenant-black) !important;

}
.timeline-year-top {
    background-color: var(--tenant-primary-color) !important;
}
.timeline::after {
    border-color: var(--tenant-med-grey) !important;
}
.timeline-topline-cap {
    border-color: var(--tenant-med-grey) !important;
}
.timeline-bottomline-cap {
    border-color: var(--tenant-med-grey) !important;
}
.inner-timeline-container .timeline-dot {
    background-color: var(--tenant-secondary-color) !important;
}

/*mobile specific*/
.navbar-bottom-img {
height:25.19px;
}

.profile-report-block,
.profile-comms-block {
    background: var(--tenant-white-background) !important;
}

.dash-bp-nav-item {
    background-color: var(--tenant-white-background) !important;
}

.dash-bp-tabs-heading.active {
    background-color: var(--tenant-white-background) !important;
}

.debt-management-collapsable-menu-header,
.borrowing-power-collapsable-menu-header,
.report-collapsable-menu-header,
.profile-collapsable-menu-header {
    border: 1px black var(--tenant-outlines);
    color: var(--tenant-black) !important;
}

.debt-consolidation-mobile-view-more {
    border-color: var(--tenant-outlines) !important;
}

.credit-score-mobile-heading {
    color: var(--black-text-color) !important;
}

.custom-green-textbox .custom-green-textbox-placeholder {
    color: var(--black-text-color) !important;
}

.bp-tab-content {
    background-color: var(--tenant-white-background) !important;
}
.nav-menu {
    background-color: white !important;
}
.banner-bottom .white-text-color, .dash-prem-info-card .white-text-color {
    color: white !important;
}
.nav-link.tabs-heading.active {
    border-color: var(--tenant-outlines) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-bottom: none !important;
}
.borrowing-power-heading.active {
    border-color: var(--tenant-outlines) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-bottom: none !important;
}
.nav-link.debt-management-heading.active {
    border-color: var(--tenant-outlines) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-bottom: none !important;
}
.nav-link.borrowing-power-heading.active {
    border-color: var(--tenant-outlines) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-bottom: none !important;
}
.nav-link.debt-management-tabs-heading.active,
.nav-link.borrowing-power-tabs-heading.active {
    border-color: var(--tenant-outlines) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-bottom: none !important;
}
.nav-link.credit-score-tabs-heading.active {
    background: var(--tenant-white-background) !important;
    border-color: var(--tenant-outlines) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-bottom: none !important;
}


@media (max-width: 768px) {
    .borrowing-power-cf-card-block,
    .borrowing-power-la-card-block,
    .borrowing-power-hl-card-block {
        background: linear-gradient(to bottom, var(--tenant-primary-color) 0%, var(--tenant-primary-color) 12%, var(--card-color) 12%, var(--card-color) 100%) !important;
        border: 1px solid var(--report-border-color) !important;
        border-radius: 10px !important;
    }
}