:root {
    --bs-font-sans-serif: var(--dds-font-family-base);
    --bs-link-color: var(--dds-color-link-text-default);
    --bs-link-hover-color: var(--dds-color-link-text-default);
}

a {
    border-bottom-color: currentColor;
    border-bottom-width: 1px;
}

    a:disabled {
        color: var(--dds-color-common-disabled);
    }

.btn:disabled {
    opacity: 0.65;
    background-color: var(--dds-color-common-disabled);
    border-color: var(--dds-color-common-disabled);
    color: var(--dds-color-common-text-inverse);
}

.btn-primary {
    background-color: var(--dds-color-common-brand-default);
    border-color: var(--dds-color-common-brand-default);
    color: var(--dds-color-common-text-inverse);
}


    .btn-primary:not(:disabled):hover {
        background-color: var(--dds-color-common-brand-hover);
        border-color: var(--dds-color-common-brand-default);
        color: var(--dds-color-common-text-inverse);
    }

.btn-secondary {
    background-color: transparent;
    border-color: var(--dds-color-common-brand-default);
    color: var(--dds-color-common-brand-default);
}

    .btn-secondary:not(:disabled):hover {
        background-color: var(--dds-color-common-surface-brand-hover);
        border-color: var(--dds-color-common-brand-default);
        color: var(--dds-color-common-brand-default);
    }

.badge-primary {
    background-color: var(--dds-color-common-brand-default);
}

.badge-secondary {
    background-color: #555555;
}

.badge-success {
    background-color: #68B022;
}

.badge-danger {
    background-color: #A8252E;
}

.badge-warning {
    background-color: #FBBA00;
}

.badge-info {
    background-color: #33CCFF;
}

.badge-light {
    background-color: #E7E7E7;
}

.badge-dark {
    background-color: #000000;
}

.badge-white {
    background-color: var(--dds-color-common-text-inverse);
    border: 1px solid #000000;
}

.bg-primary {
    background-color: var(--dds-color-common-brand-default) !important;
}

.bg-secondary {
    background-color: #999999 !important;
}

.border-primary {
    border-color: var(--dds-color-common-brand-default) !important;
}

.border-secondary {
    border-color: #555555;
}

.border-success {
    border-color: #68B022;
}

.border-danger {
    border-color: #A8252E;
}

.border-warning {
    border-color: #FBBA00;
}

.border-info {
    border-color: #33CCFF;
}

.border-light {
    border-color: #E7E7E7;
}

.border-dark {
    border-color: #000000 !important;
}

    .border-dark > div.popover-arrow::before {
        border-right-color: #000000 !important;
    }

.text-primary {
    color: var(--dds-color-common-brand-default) !important;
}

.text-secondary {
    color: #555555;
}

.text-success {
    color: #68B022;
}

.text-danger {
    color: #A8252E;
}

.text-warning {
    color: #FBBA00;
}

.text-info {
    color: #33CCFF;
}

.text-light {
    color: #E7E7E7;
}

.text-dark {
    color: #000000 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--dds-color-common-text-inverse);
    background-color: var(--dds-color-common-brand-default);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--dds-color-common-text-inverse);
    text-decoration: none;
    background-color: var(--dds-color-common-brand-default);
}

.nav-item-secondary, .nav-item-secondary:focus, .nav-item-secondary:hover {
    color: var(--dds-color-common-text-inverse);
    text-decoration: none;
    background-color: #555555;
}

.list-group-item.active {
    z-index: 2;
    color: var(--dds-color-common-text-inverse);
    background-color: var(--dds-color-common-brand-default);
    border-color: var(--dds-color-common-brand-default);
}

    .list-group-item.active > .text-muted {
        color: #FFFFFF !important;
    }

.form-check-input:checked {
    background-color: var(--dds-color-common-brand-default);
    border-color: var(--dds-color-common-text-inverse);
}

.navbar {
    background-color: var(--dds-color-common-background-default);
    --bs-navbar-padding-y: 1.5rem;
}

.popover {
    max-width: 280px !important;
}