html {    
    background: #343a40; /*olg20200220*/ 
}
.navbar-dark {
    /*background-color: #f8f8f8;*/
    background-color: #343a40 !important;
    border-color: #343a40!important;
}
.navbar-dark .navbar-nav .nav-link:active, 
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover{    
    background-color: rgba(255,255,255,.8);
    color: #000;    
}
.navbar-dark .nav-item .nav-link:focus,
.navbar-dark .nav-item .nav-link:hover,
.navbar-dark .nav-item .nav-link.active > .nav-link:focus{
    background-color: rgba(255,255,255,.6);
    color: #000;
}
.navbar-light .nav-item .nav-link:active, 
.navbar-light .nav-item .nav-item .nav-link.active,
.navbar-light .nav-item .nav-link:focus,
.navbar-light .nav-item .nav-link:hover,
.navbar-light .nav-item .nav-link.active > .nav-link:focus{    
    color: #fff;
    background-color: #343a40;
}
.navbar-dark .nav-item .nav-link.active {
    color: rgba(0, 0, 0, .8);
    background-color: #f8f9fa; 
}
.navbar-dark .nav-item .nav-link {
  color: rgba(255, 255, 255,.8);
}
.btn-link {color: rgba(255, 255, 255, .5);}
.btn-link:hover{color:#fff;}

#pagenav .nav-item .nav-link.active{background-color: var(--dark,#e9ecef);color: var(--light, #fff);}
#pagenav .nav-item .nav-link:hover{background-color: var(--secondary,#343a40);color: var(--white, #fff);}
#pagenav .nav-item .nav-link{background-color: var(--light,#f0f0f0);color: var(--dark, #343a40);font-weight: bold;}