html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* override all a.nav-links with the same class option as text-light */
a.nav-link {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

/* override all a.navbar-brands with the same class option as text-light */
a.navbar-brand {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

/* Create a Background Black Setting */
.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

text.text-light {
    /*--bs-text-opacity: 1;*/
    fill: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

circle.stroke-light {
    /*--bs-text-opacity: 1;*/
    stroke: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

circle.fill-black {
    /*--bs-text-opacity: 1;*/
    fill: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.fs-7 {
    font-size: .85rem !important;
}

.nav-link.nav-link-info {
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

/* keep table inside parent width, truncate overflowing cell text */
.fit-table {
    table-layout: fixed;
    width: 100%;
}

.fit-table th,
.fit-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* change to 'normal' if you want wrapping instead of ellipsis */
}