:root {
    --secondary: #205294;
    --secondary-200: rgba(159, 215, 245, 0.5);
    --green: #30c780;
}

.fw-small {
    font-size: 14px !important;
}

/* badge */
.badge-warning-light {
    background-color: #fff8e9;
    color: #fcb92c !important;
}

.badge-primary-light {
    background-color: rgba(59,125,221,.15);
    color: #2c9aff !important;
}

.badge-success-light {
    background-color: rgba(28,187,140,.15);
    color: var(--green) !important;
}

.badge-danger-light {
    background-color: rgba(220,53,69,.15);
    color: #dc3545 !important;
}

.badge-danger-2-light {
    background-color: rgba(246,197,190,.25);
    color: #D08889 !important;
}

.badge-purple-light {
    background-color: rgba(147,133,210,.20);
    color: #8E7CC3 !important;
}

.badge-teal-light {
    background-color: rgba(153, 246, 228, .20);
    color: #2dd4bf !important;
}

.badge-orange-light {
    background-color: rgba(253, 186, 116, .30);
    color: #fb923c !important;
}

.badge-green-light {
    background-color: rgba(0, 130, 124, .20);
    color: #00827C !important;
}

.badge-secondary-light {
    background-color: #e2e3e5;
    color: #2b2f32 !important;
}

.termModal:hover {
    text-decoration: underline;
}

/* header .container nav a:before { */
.nav-link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background: white;
    border-radius: 2px;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
}

.nav-link:hover:before,
.nav-link.active:before {
    width: 100%;
    left: 0;
}


.ribbon-top {
    top: calc(-1 * 0.25rem);
    right: .75rem;
    width: 2rem;
    padding: .5rem 0;
    border-radius: 0 4px 4px 4px;
}

.ribbon {
    --tblr-ribbon-margin: 0.25rem;
    --tblr-ribbon-border-radius: 4px;
    position: absolute;
    /* top: .75rem; */
    /* right: calc(-1 * var(--tblr-ribbon-margin)); */
    z-index: 1;
    padding: .25rem .75rem;
    font-size: .625rem;
    font-weight: var(--tblr-font-weight-bold);
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #206bc4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
}

.ribbon-top:before {
    top: 0;
    right: 100%;
    bottom: auto;
    border-color: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon:before {
    position: absolute;
    /* right: 0; */
    bottom: 100%;
    width: 0;
    height: 0;
    content: "";
    filter: brightness(70%);
    border: calc(0.25rem * .5) solid;
    border-color: inherit;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotateY(180deg);
}