:root {
    --bs-primary: #1368ce;
    --bs-primary-rgb: 19, 104, 206;
    --bs-link-color: #1368ce;
    --bs-link-color-rgb: 19, 104, 206;
    --bs-link-hover-color: #0f56ad;
    --bs-link-hover-color-rgb: 15, 86, 173;
    --bs-focus-ring-color: rgba(19, 104, 206, .25);
}

a {
    color: #1368ce;
}

a:hover {
    color: #0f56ad;
}

.btn-primary {
    --bs-btn-bg: #1368ce;
    --bs-btn-border-color: #1368ce;
    --bs-btn-hover-bg: #0f56ad;
    --bs-btn-hover-border-color: #0f51a3;
    --bs-btn-active-bg: #0d4d9b;
    --bs-btn-active-border-color: #0d4d9b;
    --bs-btn-disabled-bg: #1368ce;
    --bs-btn-disabled-border-color: #1368ce;
    --bs-btn-focus-shadow-rgb: 19, 104, 206;
}

.btn-outline-primary {
    --bs-btn-color: #1368ce;
    --bs-btn-border-color: #1368ce;
    --bs-btn-hover-bg: #1368ce;
    --bs-btn-hover-border-color: #1368ce;
    --bs-btn-active-bg: #0f56ad;
    --bs-btn-active-border-color: #0f56ad;
    --bs-btn-disabled-color: #1368ce;
    --bs-btn-disabled-border-color: #1368ce;
    --bs-btn-focus-shadow-rgb: 19, 104, 206;
}

.text-primary { color: #1368ce !important; }
.bg-primary { background-color: #1368ce !important; }
.border-primary { border-color: #1368ce !important; }
.text-bg-primary { color: #fff !important; background-color: #1368ce !important; }
.bg-primary-subtle { background-color: #e8f1fc !important; }
.border-primary-subtle { border-color: #a9cbf3 !important; }
.text-primary-emphasis { color: #0b3f7c !important; }
.link-primary { color: #1368ce !important; }
.link-primary:hover { color: #0f56ad !important; }

.form-check-input:checked {
    background-color: #1368ce;
    border-color: #1368ce;
}

.pagination {
    --bs-pagination-color: #1368ce;
    --bs-pagination-hover-color: #0f56ad;
    --bs-pagination-focus-color: #0f56ad;
    --bs-pagination-active-bg: #1368ce;
    --bs-pagination-active-border-color: #1368ce;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #1368ce;
}

.brand-logo {
    width: 36px;
    height: 36px;
    padding: 4px;
    margin-right: .35rem;
    border-radius: 9px;
    background: #fff;
    object-fit: contain;
}

.login-brand-logo {
    display: block;
    width: min(100%, 270px);
    height: auto;
}

.impersonation-bar {
    padding: .65rem 0;
    color: #3d2c00;
    background: #ffd86b;
    border-bottom: 1px solid #e2b93f;
    font-size: .9rem;
}

@media (max-width: 575.98px) {
    .login-brand-logo {
        width: 220px;
    }
}