:root {
    --bs-link-color: #0077cc;
    --dc3-primary-color: #ffd300;
    --dc3-dark-color: #555;
    --dc3-light-grey: #ccc;
    --dc3-btn-border-color: #cca000;
    --dc3-btn-hover-bg: #f5ce0a;
    --dc3-light-rgb: 100, 100, 100;
    /* HxSidebar */
    --hx-sidebar-background-color: transparent;
    --hx-sidebar-collapsed-width: 72px;
    --hx-sidebar-width: 250px;
    --hx-sidebar-toggler-border: 1px solid var(--bs-gray-200);
    --hx-sidebar-toggler-background: var(--bs-white);
    --hx-sidebar-item-font-size: 1rem;
    --hx-sidebar-item-padding: .75rem;
    --hx-sidebar-item-active-color: var(--dc3-primary-color);
    --hx-sidebar-item-active-icon-color: var(--dc3-primary-color);
    --hx-sidebar-item-active-background-color: var(--dc3-light-rgb);
    --hx-sidebar-item-active-background-opacity: .5;
    --hx-sidebar-item-color: var(--dc3-light-grey);
    --hx-sidebar-item-hover-color: var(--dc3-primary-color);
    --hx-sidebar-item-hover-background-color: var(--bs-white-rgb);
    --hx-sidebar-item-hover-background-opacity: .1;
    --hx-sidebar-item-hover-icon-color: var(--dc3-primary-color);
    --hx-sidebar-item-icon-color: var(--dc3-light-grey);
    --hx-sidebar-item-border-radius: .5rem;
    --hx-sidebar-item-margin: 0 0 .25rem 0;
    --hx-sidebar-subitem-font-size: .875rem;
    --hx-sidebar-subitem-padding: .5rem;
    --hx-sidebar-subitem-margin: 0 0 .25rem 2rem;
    --hx-sidebar-header-padding: 1rem;
    --hx-sidebar-body-padding: 0 1rem;
    --hx-sidebar-brand-logo-width: 151px;
    --hx-sidebar-brand-logo-height: 35px;
    --hx-sidebar-brand-shortname-width: 2.5rem;
    --hx-sidebar-brand-shortname-height: 2.5rem;
    --hx-sidebar-brand-shortname-background-color: var(--dc3-primary-color);
    --hx-sidebar-brand-shortname-border-radius: .625rem;
    --hx-sidebar-brand-shortname-color: var(--bs-white);
    --hx-sidebar-brand-shortname-font-weight: 600;
    --hx-sidebar-brand-name-color: var(--bs-dark);
    --hx-sidebar-brand-name-font-weight: 600;
    --hx-sidebar-footer-padding: 1rem;
    --hx-sidebar-footer-item-padding: .75rem;
    --hx-sidebar-footer-item-margin: 0;
    --hx-sidebar-footer-item-font-size: 1rem;
    --hx-sidebar-footer-item-color: unset;
    --hx-sidebar-footer-item-radius: unset;
    --hx-sidebar-footer-item-hover-background-color: unset;
    --hx-sidebar-footer-item-hover-background-opacity: unset;
    --hx-sidebar-footer-item-hover-color: unset;
}

.bg-primary {
    background-color: var(--bs-success-bg-subtle) !important;
    border-color: var(--bs-success-border-subtle) !important;
    color: #666 !important;
}

.btn-primary {
    --bs-btn-color: var(--dc3-primary-color);
    --bs-btn-bg: var(--dc3-primary-color);
    --bs-btn-border-color: var(--dc3-btn-border-color);
    --bs-btn-hover-color: var(--dc3-dark-color);
    --bs-btn-hover-bg: var(--dc3-btn-hover-bg);
    --bs-btn-active-color: var(--dc3-dark-color);
    --bs-btn-active-bg: var(--dc3-btn-hover-bg);
    --bs-btn-active-border-color: var(--dc3-btn-border-color);
}

.btn-outline-primary {
    --bs-btn-hover-bg: var(--dc3-light-grey);
    --bs-btn-active-bg: var(--dc3-light-grey);
    --bs-btn-disabled-color: #fff;
}

.form-check-input {
    border: var(--bs-border-width) solid #888;
}