div.nav-header {
    background-color: #25333d;
    color: #99abb1;
}

div.nav-header p {margin: 0}

div.nav-header h1,
div.nav-header h2
{color: #ebeced; padding-bottom: 0.5rem; margin-bottom: 0}

div.nav-header a {color: inherit;}
div.nav-header a:hover {color: white;}

div.nav-header .breadcrumb{
    border-top: #3b4a57 1pt solid;
    border-bottom: #3b4a57 1pt solid;
}

ul.nav-header {
    background-color: #25333d;
    border-bottom: #3b4a57 2px solid;
    margin-bottom: 2em;
    padding-left: 2em;
}

ul.nav-header li.nav-item a.nav-link {
    background: transparent;
    border: none;
    font-size: larger;
    color: #aaa;
}

ul.nav-header li.nav-item a.nav-link.active {
    background: transparent;
    border-bottom: #0dcaf0 5px solid;
    color: white;
}

div.nav-header div.form-switch input.form-check-input{
    border-color: #99abb1;
    background-color: #25333d;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(255, 255, 255, 0.25)'/></svg>");
}

div.nav-header .table {
    color: #99abb1;
    border-color: #3b4a57;
}

div.nav-header .table :not(caption) * * {
    color: #99abb1;
}

div.nav-header .table-striped tbody tr:nth-of-type(odd) * {
    color: #a9bbc1;
    --bs-table-accent-bg: #2c3a46;
}

div.nav-header .table-hover tbody tr:hover * {
    color: #ebeced;
    --bs-table-accent-bg: #35434d;
}