body{
    background-color:white;
    padding-top: 0px;
}
hr{border-color:#d0d0d0; }
.header .header-logo-nav{ z-index: auto;}
.content td{border:none}
.header .nav ul.menu>li{float:left}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.nav-normal ul li{display: inline-block; border-right: 1px solid; margin-right: 12px; padding-right: 12px}
.nav-normal ul li:last-of-type{border:none;}
@media (max-width: 992px) {
header .nav{ display:none}
#menu_content{display:none}
.bs-sidenav{position: fixed; z-index: 1001; width: 80%;top: 38px;left: -100%;transition: all 0.2s;}
.bs-sidenav.active{ left:0; transition: all 0.2s;}
}
.bs-sidenav a{ transition: none;}


.xs-button-box.col-xs-4{float: right;z-index: 1003;}

.bs-sidenav a{text-decoration: none;}
.bs-sidenav{text-shadow: none;}
.bs-sidenav ul li a {
    margin: 0;
    padding: 10px;
    background: #f3f3f3;
    border-bottom: 1px solid #c0c0c0;
    cursor: pointer;
    word-break: break-word;
    padding-left: 35px;
} 
.bs-sidenav ul li:last-of-type a {border:none}
.bs-sidenav{
    padding: 0;overflow-y: auto;border-radius: 0;
}
.bs-sidenav .nav .nav .nav > li > a,.bs-sidenav .nav .nav > li > a{ font-size: 100%;}
.bs-sidenav .nav>li.toctree-l1>a{font-size: 1.125em;    font-weight: bolder;    color: #fff;   background: #676767;padding-bottom: 10px;padding-top: 10px;padding-right: 30px;}
.bs-sidenav .nav>li.toctree-l1>a:hover,.bs-sidenav .nav > li.toctree-l1.current > a:hover{background: #000;}

.bs-sidenav .nav > li.toctree-l1.current > a{background: #424242;}

.bs-sidenav .nav > li.toctree-l2 > a.current{background: #d6d4da;}
.bs-sidenav .nav > li > a:hover,.bs-sidenav .nav > li > a:focus{ border-right: none;}


.bs-sidenav > .nav > .active > a, .bs-sidenav > .nav > .active:hover > a, .bs-sidenav > .nav > .active:focus >a{
    font-weight: bold;
    color: #000;
    background-color:transparent;
    border-right: none;
}

.bs-sidenav  .nav > .active > a, .bs-sidenav  .nav > .active:hover > a, .bs-sidenav  .nav > .active:focus >a{
    font-weight: bold;
    color: #000;
    background-color:#676767;
    border-right: none;
}
.bs-sidenav  .nav > .toctree-l1.active > a, .bs-sidenav  .nav > .toctree-l1.active:hover > a, .bs-sidenav  .nav > .toctree-l1.active:focus >a{
    color: #fff;
}
.bs-sidenav .nav .nav .nav > li > a{padding-top: 8px;padding-bottom: 8px; padding-left: 30px;}
.bs-sidenav > h3{
    padding-left: 20px;
    padding-right: 20px
}
@media screen and (min-width: 992px){
    .bs-sidenav.affix ,.bs-sidenav.affix-bottom{
        position: relative; width: auto;
    }
    
}

.toctree-l2 .icon-arrowdown{-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);display: inline-block; margin-right: 16px;
}

.bs-sidenav .toctree-l1>a>i.fas{ position: absolute;right: 8px;top: 50%;margin-top: -0.5em; }
/*
.bs-sidenav.affix ul .active ,.bs-sidenav.affix  .active:hover{
    color: #fff;
   background: #0088cc;
    border: 1px solid #0088cc;
} 
*/

/* .toctree-l1 .pull-down {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform-origin: 0 0;
    transition: all 0.2s;
    height: auto;
  }
  .toctree-l1 .pull-up {
    transform-origin: 0 0; 
    height: 0px;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform: scaleY(0);
    transition: all 0.2s;
  } */
  .icon-vertical-line{ border-left:3px solid; margin-right: 12px;}
  @media screen and (min-width: 992px){

    
  }
  .bs-sidenav.collapsed{display: none;}
.container ul{margin-top: 16px;}
.bs-sidenav.affix.pre-collapse{position: fixed;}
.container .bs-sidenav ul{margin-top: 0}
.header .navbutton{z-index: 1002;}

.float-right{ float: right;}

.btn-group-paging{width: 80%; margin-left:auto; margin-right: auto;}
@media screen and (max-width: 992px){
    .btn-group-paging{width: 100%;}
}


.follow-us img {
    width: 45px;
    height: auto;
}
footer .footer-logo img{
    max-width: 230px;