/* Login */

.login-item {
    color: var(--adv-button-homepage-login-font-color, #ffff);
}

    .login-item:hover {
        color: var(--adv-button-homepage-login-font-hover-color, #ffff);
    }

    .login-item .login-button {
        background: var(--adv-button-homepage-login-background-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-homepage-login-font-color, var(--basic-branding-text-color, #ffff));
    }

        .login-item .login-button:hover,
        .login-item .login-button:active,
        .login-item .login-button:focus,
        .login-item .login-button:focus:hover {
            background: var(--adv-button-homepage-login-background-hover-color, var(--basic-branding-background, #d87c0a));
            color: var(--adv-button-homepage-login-font-hover-color, var(--basic-branding-text-color, #ffff));
        }

.btn.btn-login {
    color: var(--adv-button-homepage-login-font-color, var(--basic-branding-text-color, #ffff));
    background: var(--adv-button-homepage-login-background-color, var(--basic-branding-background, #0067ae));
}

    .btn.btn-login:hover,
    .btn.btn-login:focus,
    .btn.btn-login:active,
    .btn.btn-login:focus:hover {
        color: var(--adv-button-homepage-login-font-hover-color, var(--basic-branding-text-color, #ffff));
        background: var(--adv-button-homepage-login-background-hover-color, var(--basic-branding-background, #d87c0a));
    }

/* Learn More */

.announcement-section .announcement-section-btn {
    border-color: var(--adv-button-homepage-learn-more-font-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-homepage-learn-more-font-color, var(--basic-branding-background, #0067ae));
    background: var(--adv-button-homepage-learn-more-background-color, var(--basic-branding-text-color, #ffff));
}

    .announcement-section .announcement-section-btn:hover,
    .announcement-section .announcement-section-btn:focus,
    .announcement-section .announcement-section-btn:active {
        background: var(--adv-button-homepage-learn-more-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-homepage-learn-more-font-hover-color, var(--basic-branding-text-color, #ffff));
        border-color: var(--adv-button-homepage-learn-more-background-hover-color, var(--basic-branding-background, #0067ae));
    }

/* Read More */

.feature-section .feature .feature-detail a {
    background: var(--adv-button-homepage-read-more-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-homepage-read-more-font-color, var(--basic-branding-text-color, #ffff));
}

    .feature-section .feature .feature-detail a:hover,
    .feature-section .feature .feature-detail a:focus:hover {
        background: var(--adv-button-homepage-read-more-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-homepage-read-more-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

/* Sign Up */
.btn-sign-up {
    background: var(--adv-button-homepage-sign-up-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-homepage-sign-up-font-color, var(--basic-branding-text-color, #ffff));
}

    .btn-sign-up:hover,
    .btn-sign-up:focus,
    .btn-sign-up:active {
        background: var(--adv-button-homepage-sign-up-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-homepage-sign-up-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

/* Email Me */
.btn-email-me {
    background: var(--adv-button-homepage-email-me-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-homepage-email-me-font-color, var(--basic-branding-text-color, #ffff));
}

    .btn-email-me:hover,
    .btn-email-me:focus,
    .btn-email-me:active {
        background: var(--adv-button-homepage-email-me-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-homepage-email-me-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

/* Reset */
.btn-reset {
    background: var(--adv-button-primary-reset-background-color, var(--basic-branding-text-color, #fff));
    color: var(--adv-button-primary-reset-font-color, var(--basic-branding-background, #0067ae));
    border-color: var(--adv-button-primary-reset-font-color, var(--basic-branding-background, #0067ae));
}

    .btn-reset i {
        color: var(--adv-button-primary-reset-font-color, var(--basic-branding-background, #0067ae));
    }

    .btn-reset:hover,
    .btn-reset:focus,
    .btn-reset:active {
        background: var(--adv-button-primary-reset-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-primary-reset-font-hover-color, var(--basic-branding-text-color, #fff));
    }

        .btn-reset:hover i,
        .btn-reset:focus i,
        .btn-reset:active i {
            color: var(--adv-button-primary-reset-font-hover-color, var(--basic-branding-text-color, #fff));
        }

/* Checkbox */
.form-check-input,
.form-check-input:focus,
.form-check-input:checked {
    border-color: var(--adv-button-homepage-checkbox-background-color, var(--basic-branding-background, #0776BC));
}

    .form-check-input:checked {
        background-color: var(--adv-button-homepage-checkbox-background-color, var(--basic-branding-background, #0776BC));
    }

        .form-check-input:checked[type="checkbox"] {
            background-image: none;
        }

            .form-check-input:checked[type="checkbox"]:not([role="switch"])::before {
                content: '\F633';
                position: relative;
                top: -4px;
                vertical-align: middle;
                font-size: 10px;
                font-weight: bolder;
                font-family: "bootstrap-icons";
                color: var(--adv-button-homepage-checkbox-font-color, var(--basic-branding-text-color, #fff));
            }

    .form-check-input.big-check-input {
        width: 2rem;
        height: 2rem;
    }

        .form-check-input.big-check-input:checked[type="checkbox"]:not([role="switch"])::before {
            font-size: 2rem;
            top: -8px;
            left: -2px
        }

.custom-switch-primary .form-check-input:checked {
    border-color: var(--basic-branding-background,#0067ae);
    background-color: var(--basic-branding-background, #0067ae);
}

/* Combine Pdf */
.btn-pdf-combine {
    background: var(--adv-button-primary-combine-pdf-background-color, var(--basic-branding-text-color, #fff));
    color: var(--adv-button-primary-combine-pdf-font-color, var(--basic-branding-background, #0067ae));
    border-color: var(--adv-button-primary-combine-pdf-font-color, var(--basic-branding-background, #0067ae));
}

    .btn-pdf-combine i {
        color: var(--adv-button-primary-combine-pdf-font-color, var(--basic-branding-background, #0067ae));
    }

    .btn-pdf-combine:hover,
    .btn-pdf-combine:focus,
    .btn-pdf-combine:active {
        background: var(--adv-button-primary-combine-pdf-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-primary-combine-pdf-font-hover-color, var(--basic-branding-text-color, #fff));
    }

        .btn-pdf-combine:hover i,
        .btn-pdf-combine:focus i,
        .btn-pdf-combine:active i {
            color: var(--adv-button-primary-combine-pdf-font-hover-color, var(--basic-branding-text-color, #fff));
        }

/* Pay Selected */
.btn-pay-selected {
    background: var(--adv-button-primary-pay-selected-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-primary-pay-selected-font-color, var(--basic-branding-text-color, #ffff));
}

    .btn-pay-selected i {
        color: var(--adv-button-primary-pay-selected-font-color, var(--basic-branding-text-color, #ffff));
    }

    .btn-pay-selected:hover,
    .btn-pay-selected:focus,
    .btn-pay-selected:active {
        background: var(--adv-button-primary-pay-selected-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-primary-pay-selected-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

        .btn-pay-selected:hover i,
        .btn-pay-selected:focus i,
        .btn-pay-selected:active i {
            color: var(--adv-button-primary-pay-selected-font-hover-color, var(--basic-branding-text-color, #ffff));
        }

/* Save */
.btn-save {
    background: var(--adv-button-primary-save-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-primary-save-font-color, var(--basic-branding-text-color, #ffff));
}

    .btn-save:hover,
    .btn-save:active,
    .btn-save:focus {
        background: var(--adv-button-primary-save-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-primary-save-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

/* Continue */
.btn-continue {
    background: var(--adv-button-primary-continue-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-primary-continue-font-color, var(--basic-branding-text-color, #ffff));
}

    .btn-continue:hover,
    .btn-continue:focus,
    .btn-continue:active {
        background: var(--adv-button-primary-continue-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-primary-continue-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

/* Cancel */
.btn-cancel {
    background: var(--adv-button-primary-cancel-background-color, var(--basic-branding-text-color, #fff));
    color: var(--adv-button-primary-cancel-font-color, var(--basic-branding-background, #0067ae));
    border-color: var(--adv-button-primary-cancel-font-color, var(--basic-branding-background, #0067ae));
}

    .btn-cancel:hover,
    .btn-cancel:focus,
    .btn-cancel:active {
        background: var(--adv-button-primary-cancel-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-primary-cancel-font-hover-color, var(--basic-branding-text-color, #fff));
    }

/* Make Payment */
.payment-button {
    background: var(--adv-button-payment-make-payment-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-payment-make-payment-font-color, var(--basic-branding-text-color, #ffff));
}

    .payment-button:hover,
    .payment-button:focus,
    .payment-button:active {
        background: var(--adv-button-payment-make-payment-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-payment-make-payment-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

/* Submit Payment */
.submit-payment-button {
    background: var(--adv-button-payment-submit-payment-background-color, var(--basic-branding-background, #0067ae));
    color: var(--adv-button-payment-submit-payment-font-color, var(--basic-branding-text-color, #ffff));
}

    .submit-payment-button:hover,
    .submit-payment-button:focus,
    .submit-payment-button:active {
        background: var(--adv-button-payment-submit-payment-background-hover-color, var(--basic-branding-background, #0067ae));
        color: var(--adv-button-payment-submit-payment-font-hover-color, var(--basic-branding-text-color, #ffff));
    }

.right-justified {
    float: right; /* Right justify the button */
}