body.itc-mobile .itc-theme-sunrise {
    --bs-nav-pills-link-active-bg: var(--itc-teal);
    --bs-nav-pills-link-active-color: #fff;
}

body.itc-mobile .itc-theme-sunrise .nav-pills .nav-link.active {
    background-color: var(--itc-teal);
    color: #fff;
}

@media (max-width: 767.98px) {
    body.itc-auth {
        --bs-body-color: var(--itc-navy);
        --bs-primary: var(--itc-teal);
        --bs-primary-rgb: 40, 169, 166;
        --bs-link-color: var(--itc-orange);
        --bs-link-color-rgb: 255, 127, 0;
        --bs-link-hover-color: #cc6500;
        --bs-link-hover-color-rgb: 204, 101, 0;
        --bs-focus-ring-color: rgba(40, 169, 166, 0.25);
    }

    body.itc-auth .btn-primary {
        --bs-btn-bg: var(--itc-teal);
        --bs-btn-border-color: var(--itc-teal);
        --bs-btn-hover-bg: #208785;
        --bs-btn-hover-border-color: #208785;
        --bs-btn-active-bg: #208785;
        --bs-btn-active-border-color: #208785;
        --bs-btn-disabled-bg: var(--itc-teal);
        --bs-btn-disabled-border-color: var(--itc-teal);
        --bs-btn-focus-shadow-rgb: 40, 169, 166;
    }

    body.itc-auth .form-control:focus {
        border-color: var(--itc-teal);
        box-shadow: 0 0 0 0.25rem rgba(40, 169, 166, 0.25);
    }

    body.itc-auth .form-check-input:focus {
        border-color: var(--itc-teal);
        box-shadow: 0 0 0 0.25rem rgba(40, 169, 166, 0.25);
    }

    body.itc-auth .form-check-input:checked {
        background-color: var(--itc-teal);
        border-color: var(--itc-teal);
    }
}

body.itc-mobile .form-control:focus,
body.itc-mobile .form-select:focus {
    border-color: var(--itc-teal);
    box-shadow: 0 0 0 0.25rem rgba(40, 169, 166, 0.25);
}

body.itc-mobile .form-check-input:focus {
    border-color: var(--itc-teal);
    box-shadow: 0 0 0 0.25rem rgba(40, 169, 166, 0.25);
}

body.itc-mobile .form-check-input:checked {
    background-color: var(--itc-teal);
    border-color: var(--itc-teal);
}

body.itc-mobile .form-check-input:indeterminate {
    background-color: var(--itc-teal);
    border-color: var(--itc-teal);
}

body.itc-mobile .ts-wrapper.multi .ts-control > div,
body.itc-mobile .ts-wrapper.multi .ts-control > div.active {
    background: var(--itc-teal);
    color: #fff;
}

body.itc-mobile .ts-wrapper.plugin-remove_button .item .remove,
body.itc-mobile .ts-wrapper.plugin-remove_button .item.active .remove {
    color: #fff;
}