body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important;
}
.content {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    background-color:white;
}
.bd-navbar {
    padding: 0.75rem 0;
    background-color:white;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
}
.section-spaces {
    padding: 20px 10px;
}
.bd-callout-info {
    background-color: var(--bs-info-bg-subtle);
    border-color: var(--bs-info-border-subtle);
    color: var(--bs-info-text-emphasis);
}
.bd-callout-green {
    background-color: #f4faeb;
    border-color: #0fd13d;
    color: #0fd13d;
}
.bd-example {
    --bd-example-padding: 1rem;
    position: relative;
    padding: var(--bd-example-padding);
    margin: 0 -1.5rem 1rem;
    border: solid var(--bs-border-color);
    border-width: 1px 0;
}
@media (min-width: 768px) {
    .bd-example {
        --bd-example-padding: 1.5rem;
        margin-right: 0;
        margin-left: 0;
        border-width: 1px;
        border-radius: var(--bs-border-radius);
    }
}

@media (max-width: 575.98px) {
    .section-spaces {
        padding: 10px 0;
    }
}
@media (max-width: 450px) {
    table {
        font-size: 13px;
    }
    .nav-pills {
        font-size: 12px;
    }

}