body, .user-validation-background {
    background-size: cover !important;
    background-image: url('/images/partners/finbuddy/Background-FinBuddy.jpg') !important;
    overflow-y: auto !important;
}

.login-nav-item, .login-nav-item::after {
    background-color: var(--tenant-secondary-color) !important;
}

.nav-item-padding-inactive {
    background-color: transparent !important;
}
 
.nav-item-padding-active::after {
    background: var(--tenant-secondary-color) !important;
}

.nav-item-padding-inactive::after {
    background: #7C9255 !important;
}

.login-kudough-img {
    padding: 10px !important;
    background: var(--tenant-white-background) !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

.login-main-text {
    color: var(--tenant-white-background) !important;
}

#signupTab,
#loginTab {
    background: var(--tenant-secondary-color) !important;
    border-color: var(--tenant-secondary-color) !important;
    border-width: 1px !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-left-style: solid !important;
    height: 100%;
}

.login-form-control {
    border-color: var(--tenant-primary-color) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.login-button-green,
.signup-button-green {
    background-color: var(--tenant-primary-color) !important;
    color: var(--tenant-white-background) !important;
}

input[type="checkbox"] {
    border-color: var(--tenant-primary-color) !important;
    border-width: 1px !important;
    border-style: solid !important;
    accent-color: var(--tenant-primary-color) !important;
}

.login-checkbox-label > input:checked::before {
    content: url('/images/icons/login/tick-blue.png') !important;
    color: var(--tenant-primary-color) !important;
}