body.wcag .transmission, body.wcag, body.wcag .page-content, body.wcag .content, body.wcag footer,body.wcag  .top-tiles .tile .tile-icon, body.wcag .topbar,body.wcag #menu_top a:hover,body.wcag #menu_top li.show, body.wcag .sidebar , body.wcag .tile, body.wcag header .search form , body.wcag .sidebar .navbar, body.wcag .main-content {background: #000 !important; color: #ffff00}
body.wcag p, body.wcag li, body.wcag h1, body.wcag h2, body.wcag h3, body.wcag h4, body.wcag h5, body.wcag h6, body.wcag h7{color: #ffff00 !important}
body.wcag a.button,body.wcag  .button:hover {background: #fff !important; color: #000 !important}
body.wcag .logotypes_static {border-top:  20px solid #333; border-bottom: 20px solid #333}
body.wcag a, body.wcag header .navbar-brand small, body.wcag header .navbar-brand span {color: #8bfffb !important;text-decoration:underline !important;}

body.wcag a:hover {text-decoration:underline !important;}
body.wcag #okbutton, body.wcag .btn,body.wcag header .topbar button.btn-white, body.wcag .content .button {background: #8bfffb;color: #000 !important}
body.wcag .btn:hover, body.wcag .badge {background: #ffff00; color: #000}
body.wcag .navbar-nav li a:hover, body.wcag #menu_mobile2 a:hover i,body.wcag #menu_top a:hover i {background: #ffff00 !important; color: #000 !important}
body.wcag #menu_top, body.wcag #main_navbar.scrolled, body.wcag #menu_top a, body.wcag #menu_top a i, body.wcag #menu_mobile2 a, body.wcag #menu_mobile2 a i, body.wcag #menu_mobile2, body.wcag header .dropdown-menu, body.wcag header .navbar,body.wcag  .top-tiles .tile, body.wcag .logotypes-bg, body.wcag footer .copyright, body.wcag  header .dropdown-menu,body.wcag .page-title,body.wcag .page-title h2 a,  body.wcag #header_navbar {background: #333; color: #ffff00 !important}
 body.wcag header .topbar .topaddress, body.wcag header .topbar .topaddress a {color: #fff !important}

/*.change-style {background: #999; color: #000; border: 3px solid #000; margin: 0 10px; border-radius: 20px; padding: 2px 10px; display:inline-block; text-align:Center}
body.wcag a.change-style-normal {background: #fff; color: #000 !important; border: 3px solid #000; margin: 0 10px; border-radius: 20px; padding: 2px 10px; display:inline-block; text-align:Center}*/
body.wcag .books-list a:hover {background: #222}

header .search form>div {
    align-items: start;
}
header .search .enlarge_font {
    margin-top: 0px;
    vertical-align: middle;
    display: flex;
}
header .search a {
    color: #fff;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 25px;
    width: 26px;
    height: 26px;
    vertical-align: sub;
}
.font-size1 {font-size: 11px}
.font-size2 {font-size: 14px}
.font-size3 {font-size: 17px}

header .search a.change-style-normal {}
header .search a.change-style {background: #444; color: #ffff00; border-radius: 5px}

header .search a.change-style-normal span {vertical-align: baseline;} 
header .search a.change-style span {vertical-align: middle;}
@media (max-width: 990px) {
    header button.btn {display:none}
    
    header .topbar, header .search {       display: block;    } 
    header .container { display:block}
    header .topbar {        border-bottom: 1px solid #eee;        margin-bottom:0px;        position:fixed  ;   margin-top:52px; top:0; background: rgba(0,0,0,0.7) }
    header .topbar span.facebook {display:inline; vertical-align:middle; font-size: 12px }
    header .navbar-toggler {top:5px; right:5px}
    header .navbar-toggler i {font-size:21px}
/*    header .navbar, header .topbar {        color: #000;        background: #fff;    }*/
}

@media (max-width: 640px) {
    header .topaddress span {display:block; } 
    .logotypes_static a {padding: 5px}
    .logotypes_static img {height:40px}

}

/*@media (prefers-color-scheme: dark) {

  body.dark  .transmission, body.dark , body.dark  .page-content, body.dark  .content, body.dark  footer,body.dark   .top-tiles .tile .tile-icon, body.dark  .topbar,body.dark  #menu_top a:hover,body.dark  #menu_top li.show,  body.dark  header .search form ,  body.dark  .main-content {background: #121212 !important; color: #fff}
    body.dark  p, body.dark  li, body.dark  h1, body.dark  h2, body.dark  h3, body.dark  h4, body.dark  h5, body.dark  h6, body.dark  h7{color: #fff !important}
    body.dark  a.button,body.dark   .button:hover {background: #fff !important; color: #121212 !important}
    body.dark  .logotypes_static {border-top:  20px solid #000; border-bottom: 20px solid #000}
    body.dark  a, body.dark  header .navbar-brand small, body.dark  header .navbar-brand span {color: var(--color1) !important;}


    body.dark  #okbutton, body.dark  .btn,body.dark  header .topbar button.btn-white, body.dark  .content .button {background: #aaa;color: #121212 !important}
    body.dark  .btn:hover, body.dark  .badge {background: #fff; color: #121212}

    body.dark  .navbar-nav li a:hover, body.dark  #menu_mobile2 a:hover i,body.dark  #menu_top a:hover i,body.dark .content .nav-pills li a {color: #fff !important; background:#222 !important }
    body.dark  .navbar-nav li a:hover, body.dark  #menu_mobile2 a:hover i,body.dark  #menu_top a:hover i {background: #fff !important; color: #121212 !important}
    body.dark  #menu_top, body.dark  #main_navbar.scrolled, body.dark  #menu_top a, body.dark  #menu_top a i, body.dark  #menu_mobile2 a, body.dark  #menu_mobile2 a i, body.dark  #menu_mobile2, body.dark  header .dropdown-menu, body.dark  header .navbar,body.dark   .top-tiles .tile, body.dark  .logotypes-bg, body.dark  footer .copyright, body.dark   header .dropdown-menu,body.dark  .page-title,body.dark  .page-title h2 a,  body.dark  #header_navbar {background: #000; color: #fff !important}
    body.dark .content .nav-pills li a:hover, body.dark .content .nav-pills>li>a.active, body.dark .content .nav-pills>li>a.active:hover, body.dark .content .nav-pills>li>a.active:focus {color:#fff !important; background: var(--color1) !important}
    body.dark  .books-list a:hover {background: #222}
    body.dark  .sidebar,body.dark  .sidebar .navbar,body.dark  .tile {background: #191919 !important}
    body.dark .rss {border: 0px}
    body.dark nav  a:hover {color: #000 !important}
    body.dark img {filter: brightness(.8) contrast(1.2); }
    body.dark { font-weight: 350;}
    body.dark header .topbar .topaddress, body.dark header .topbar .topaddress a {color: #fff !important}

}*/
 body.dark  .transmission, body.dark , body.dark  .page-content, body.dark  .content, body.dark  footer,body.dark   .top-tiles .tile .tile-icon, body.dark  .topbar,body.dark  #menu_top a:hover,body.dark  #menu_top li.show,  body.dark  header .search form ,  body.dark  .main-content {background: #121212 !important; color: #fff}
    body.dark  p, body.dark  li, body.dark  h1, body.dark  h2, body.dark  h3, body.dark  h4, body.dark  h5, body.dark  h6, body.dark  h7{color: #fff !important}
    body.dark  a.button,body.dark   .button:hover {background: #fff !important; color: #121212 !important}
    body.dark  .logotypes_static {border-top:  20px solid #000; border-bottom: 20px solid #000}
    body.dark  a, body.dark  header .navbar-brand small, body.dark  header .navbar-brand span {color: var(--color1) !important;}


    body.dark  #okbutton, body.dark  .btn,body.dark  header .topbar button.btn-white, body.dark  .content .button {background: #aaa;color: #121212 !important}
    body.dark  .btn:hover, body.dark  .badge {background: #fff; color: #121212}

    body.dark  .navbar-nav li a:hover, body.dark  #menu_mobile2 a:hover i,body.dark  #menu_top a:hover i,body.dark .content .nav-pills li a {color: #fff !important; background:#222 !important }
    /*body.dark  .navbar-nav li a:hover, body.dark  #menu_mobile2 a:hover i,body.dark  #menu_top a:hover i {background: #fff !important; color: #121212 !important}*/
    body.dark  #menu_top, body.dark  #main_navbar.scrolled, body.dark  #menu_top a, body.dark  #menu_top a i, body.dark  #menu_mobile2 a, body.dark  #menu_mobile2 a i, body.dark  #menu_mobile2, body.dark  header .dropdown-menu, body.dark  header .navbar,body.dark   .top-tiles .tile, body.dark  .logotypes-bg, body.dark  footer .copyright, body.dark   header .dropdown-menu,body.dark  .page-title,body.dark  .page-title h2 a,  body.dark  #header_navbar {background: #000; color: #fff !important}
    body.dark .content .nav-pills li a:hover, body.dark .content .nav-pills>li>a.active, body.dark .content .nav-pills>li>a.active:hover, body.dark .content .nav-pills>li>a.active:focus {color:#fff !important; background: var(--color1) !important}
    body.dark  .books-list a:hover {background: #222}
    body.dark  .sidebar,body.dark  .sidebar .navbar,body.dark  .tile {background: #191919 !important}
    body.dark .rss {border: 0px}
    body.dark nav  a:hover {color: #000 !important}
    body.dark img {filter: brightness(.8) contrast(1.2); }
    body.dark { font-weight: 350;}
    body.dark header .topbar .topaddress, body.dark header .topbar .topaddress a {color: #fff !important}