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

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

body.itc-auth {
    --bs-body-color: var(--itc-navy);
    --bs-primary: var(--itc-orange);
    --bs-primary-rgb: 255, 127, 0;
    --bs-link-color: var(--itc-teal);
    --bs-link-color-rgb: 40, 169, 166;
    --bs-link-hover-color: #208785;
    --bs-link-hover-color-rgb: 32, 135, 133;
    --bs-focus-ring-color: rgba(255, 127, 0, 0.25);
}

body.itc-auth .btn-primary {
    --bs-btn-bg: var(--itc-orange);
    --bs-btn-border-color: var(--itc-orange);
    --bs-btn-hover-bg: #cc6500;
    --bs-btn-hover-border-color: #cc6500;
    --bs-btn-active-bg: #cc6500;
    --bs-btn-active-border-color: #cc6500;
    --bs-btn-disabled-bg: var(--itc-orange);
    --bs-btn-disabled-border-color: var(--itc-orange);
    --bs-btn-focus-shadow-rgb: 255, 127, 0;
}

body.itc-auth .form-control:focus {
    border-color: var(--itc-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 127, 0, 0.25);
}

body.itc-auth .form-check-input:focus {
    border-color: var(--itc-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 127, 0, 0.25);
}

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

body.itc-desktop .form-control:focus,
body.itc-desktop .form-select:focus {
    border-color: var(--itc-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 127, 0, 0.25);
}

body.itc-desktop .form-check-input:focus {
    border-color: var(--itc-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 127, 0, 0.25);
}

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

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

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

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

body.itc-desktop .pagination {
    --bs-pagination-active-bg: var(--itc-orange);
    --bs-pagination-active-border-color: var(--itc-orange);
    --bs-pagination-color: var(--itc-navy);
    --bs-pagination-hover-color: var(--itc-orange);
    --bs-pagination-hover-bg: rgba(255, 127, 0, 0.1);
    --bs-pagination-focus-color: var(--itc-orange);
    --bs-pagination-focus-bg: rgba(255, 127, 0, 0.1);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 127, 0, 0.25);
}