:root, [data-bs-theme], body {
    --bs-primary: #178a94;
    --bs-primary-rgb: 23, 138, 148;
    --bs-link-color: #178a94;
    --bs-link-color-rgb: 23, 138, 148;
    --bs-link-hover-color: #0e5c64;
    --bs-link-hover-color-rgb: 14, 92, 100;
    --dxbl-primary: #178a94;
    --dxbl-primary-rgb: 23, 138, 148;
    --dxds-color-surface-primary-default-rest: #178a94;
    --dxds-color-surface-primary-default-hover: #127780;
    --dxds-color-surface-primary-default-pressed: #0e5c64;
    --dxds-color-border-primary-default-rest: #178a94;
    --dxds-color-content-primary-default-rest: #178a94;
    --dxds-color-focus-ring: rgba(23, 138, 148, .4);
}

.btn-primary, .dxbl-btn.dxbl-btn-primary {
    --bs-btn-bg: #178a94;
    --bs-btn-border-color: #178a94;
    --bs-btn-hover-bg: #127780;
    --bs-btn-hover-border-color: #127780;
    --bs-btn-active-bg: #0e5c64;
    --bs-btn-active-border-color: #0e5c64;
    --dxbl-btn-bg: #178a94;
    --dxbl-btn-border-color: #178a94;
    --dxbl-btn-hover-bg: #127780;
    --dxbl-btn-hover-border-color: #127780;
    --dxbl-btn-active-bg: #0e5c64;
    --dxbl-btn-active-border-color: #0e5c64;
}

.auth-button { background: #178a94; }
.auth-button:hover { background: #0e5c64; }
.auth-field input:focus { outline-color: #178a94; border-color: #178a94; }
.nav-loading-spinner { border-top-color: #178a94; }

.btn-primary {
    background-color: #178a94;
    border-color: #178a94;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus-visible { background-color: #127780; border-color: #127780; color: #fff; }
.btn-primary:active, .btn-primary.active { background-color: #0e5c64; border-color: #0e5c64; color: #fff; }

.btn-link { color: #178a94; }
.btn-link:hover { color: #0e5c64; }
a { color: #178a94; }
a:hover { color: #0e5c64; }

.nav-pills {
    --bs-nav-pills-link-active-bg: #178a94;
    --bs-nav-link-color: #178a94;
    --bs-nav-link-hover-color: #0e5c64;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #178a94; color: #fff; }

.form-control:focus, .form-select:focus {
    border-color: #178a94;
    box-shadow: 0 0 0 .25rem rgba(23, 138, 148, .25);
}
.form-check-input:checked { background-color: #178a94; border-color: #178a94; }
.form-check-input:focus { border-color: #178a94; box-shadow: 0 0 0 .25rem rgba(23, 138, 148, .25); }

:root, .dxbl-pager { --dxbl-pager-active-page-btn-bg: #178a94; --dxbl-pager-active-page-btn-color: #fff; --dxbl-pager-active-page-btn-hover-bg: #127780; }
.dxbl-pager > .dxbl-btn.dxbl-pager-page-btn.dxbl-active, .dxbl-pager .dxbl-pager-page-btn.dxbl-active { background-color: #178a94 !important; border-color: #178a94 !important; color: #fff !important; }
.auth-wrapper .auth-card .auth-button, .auth-card .auth-button { background: #178a94; color: #fff; }
.auth-wrapper .auth-card .auth-button:hover, .auth-card .auth-button:hover { background: #0e5c64; }
.auth-wrapper .auth-card .auth-button-secondary, .auth-card .auth-button-secondary { background: #e9ecef; color: #212529; }
.auth-wrapper .auth-card .auth-button-secondary:hover, .auth-card .auth-button-secondary:hover { background: #dde1e5; }
.auth-wrapper .auth-card .auth-links a, .auth-card a { color: #178a94; }

.nav-loading-spinner { position: relative; width: 4rem; height: 4rem; border: .25rem solid rgba(23,138,148,.2); border-radius: 50%; animation: nav-orbit 1s linear infinite; }
.nav-loading-spinner::before { content: ''; position: absolute; top: -.6rem; left: calc(50% - .5rem); width: 1rem; height: 1rem; border-radius: 50%; background: #178a94; box-shadow: 0 0 8px rgba(23,138,148,.6); }
@keyframes nav-orbit { to { transform: rotate(360deg); } }
:root, [data-bs-theme], body { --dxds-primary-10: #F2F9FA; --dxds-primary-20: #E3F3F4; --dxds-primary-30: #CBE8EA; --dxds-primary-40: #B7DFE2; --dxds-primary-50: #9CD3D7; --dxds-primary-60: #75C0C6; --dxds-primary-70: #55AFB6; --dxds-primary-80: #3A9FA7; --dxds-primary-90: #2A939C; --dxds-primary-100: #178A94; --dxds-primary-110: #137880; --dxds-primary-120: #10676E; --dxds-primary-130: #0D565C; --dxds-primary-140: #0A454A; --dxds-primary-150: #073539; --dxds-primary-160: #052528; --dxds-primary-170: #031618; }
:root, [data-bs-theme], body { --dxds-color-border-primary-default-hovered: #127780; --dxds-color-border-primary-default-pressed: #0e5c64; --dxds-color-border-primary-default-focused: #178a94; --dxds-color-border-primary-default-selected: #178a94; --dxds-color-surface-primary-subdued-rest: #e3f3f4; --dxds-color-surface-primary-subdued-hovered: #cbe8ea; --dxds-color-content-primary-default-hovered: #127780; --dxds-color-border-focus: #178a94; --dxbl-text-edit-focus-border-color: #178a94; --dxbl-text-edit-hover-border-color: #178a94; --dxbl-text-edit-focus-shadow-color: rgba(23,138,148,.4); } .dxbl-text-edit:hover, .dxbl-text-edit.dxbl-focused, .dxbl-text-edit:focus-within, .dxbl-text-edit.dxbl-text-edit-focused, .dxbl-tagbox:focus-within, .dxbl-combobox:focus-within, .dxbl-date-edit:focus-within { border-color: #178a94 !important; outline-color: #178a94 !important; box-shadow: 0 0 0 1px #178a94 !important; }
.dxbl-edit-btn:focus-visible, .dxbl-btn:focus-visible, .dxbl-listbox-item:focus-visible, .dxbl-list-box-item:focus-visible, .dxbl-text-edit input:focus-visible, .dxbl-text-edit *:focus-visible { outline-color: #178a94 !important; }
.dxbl-text-edit, .dxbl-text-edit.dxbl-focused, .dxbl-text-edit:focus-within, .dxbl-fe-container:focus-within, .dxbl-dropdown-edit:focus-within { --dxbl-text-edit-focus-border-color: #178a94; --dxbl-text-edit-hover-border-color: #178a94; --dxbl-text-edit-focus-shadow-color: rgba(23,138,148,.4); --dxbl-focus-ring-color: #178a94; --dxds-color-border-focus: #178a94; border-color: #178a94 !important; }
.dxbl-listbox-item.dxbl-selected, .dxbl-list-box-item.dxbl-selected { background-color: #e3f3f4; color: #212529; }
.dxbl-tagbox .dxbl-tagbox-item, .dxbl-tag { --dxbl-tag-bg: #e3f3f4; }
