.container {
    height: 100%;
}
.card,
.card-header,
.card-footer {
    background-color: #b70;    
}
.card-header,
.card-footer { 
    color: #040;
}
.card-body {
    background-color: #333;    
}
.card-footer {
    border-top-color: #333;
}
/* === Navigation === */
.nav-tabs {
    border-bottom-color: #444;
    justify-content: center;
}
.nav-tabs .nav-link {
    border: none;
}
.nav-item a {
    color: var(--bs-warning);
}
.nav-item a:hover,
.nav-item a:focus  {
    background-color: #444 !important;
    border-bottom-color: #444 !important;
    color: var(--bs-light);
}
.nav-item.active a,
.nav-item.active span {
    color: var(--bs-light) !important;
    background: rgb(56,149,58);
    background: linear-gradient(90deg, rgba(56,149,58,1) 0%, rgba(0,119,0,1) 46%, rgba(32,139,32,1) 100%);
}
.nav-item.active span:hover {
    border: none;
}
/* === Subnavigation === */
.no-sub-menu > a:hover,
.dropdown-toggle:hover {
    color: #c90;
    text-decoration: none;
}
.no-sub-menu > a,
.dropdown-toggle,
.no-sub-menu > a:active,
.dropdown-toggle:active {
    color: var(--bs-success);
}
.dropdown-menu > li a {
    display: block;
    padding-left: 10px;
    text-decoration: none;
    font-size: 16px;
    background-color: #444;
}
.dropdown-menu,
.dropdown-menu > li,
.dropdown-menu > li > a {
    background-color: #333 !important;
    color: var(--bs-success) !important;
}
.dropdown-menu > li:hover,
.dropdown-menu > li > a:hover {
    /*background-color: #090 !important;*/
}
.dropdown-menu > li > a:hover {
    color: #ddd !important;
}