@charset "utf-8";
@font-face {
  font-family: "calibri-regular";
  src: url(../fonts/calibri-regular.ttf) format("truetype");
  font-weight:100;
  font-style:normal
}
@font-face {
  font-family: "calibri-bold";
  src: url(../fonts/calibri-bold.ttf) format("truetype");
  font-weight:100;
  font-style:normal
}



body{
  font-family: "calibri-regular";
  background-color: #f8f9fa;
  font-size: 13px;
}
th,h1,h2,h3,h4,h5,h6,strong{
  font-family: "calibri-bold";
}

thead{
    position:sticky;
    top: 0 ;
    background-color: #999;
    color: #fff;
}

.sidenav{
  display: none;
}
.side-bar{
  display: none;
}
.side-navbar{
  overflow-y:scroll;
  padding: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  /*background-image: url('../img/bg.jpg') ;*/
  background-size: cover ;
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 1000
}

  .mobile{
    display: none;
  }

@media(max-width:768px){
  .side-navbar{
    display: none;
  }
  .sidenav{
    display: none;
  }
  .mobile{
    display: block;
  }

}

.hide-side-bar{
  background-color: #0f68b2;
  margin: 0px;
  padding:0px;
  max-width: 12.6%;
  height: 100%;
  position: fixed;
  z-index: 10;
}
  .mobile-footer{
    display: none;
  }
@media(max-width:768px){
  .hide-side-bar{
    overflow-y: scroll;  
  }
  .mobile-footer{
    display: block;
    width: 100%;
    background-color: #999;
    position: fixed;
    top: 0px;
    color: #fff;
    position: relative;
    top: 0px;
    padding:10px;
    z-index: 1000;
  }
  .side-bar{
    transition: all ease 0.3s;
    z-index:10;
    width: 70% !important;
    background-color: #ffffff;
    margin: 0px;
    padding:10px;
    max-width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: scroll;  
  }
  .hide-side-bar{
    transition: all ease 0.3s;
    z-index:10;
    width: 0px;
    background-color: #0f68b2;
    margin: 0px;
    padding:0px;
    height: 100%;
    position: absolute;
    overflow-y: scroll;  
  }
  .bg-side-bar{
    z-index:9;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    margin: 0px;
    padding:0px;
    height: 1000%;
    position: absolute;
    overflow-y: scroll;  
  }
  .hide-bg-side-bar{
    z-index:9;
    width: 0px;
    background-color: rgba(0,0,0,0.5);
    margin: 0px;
    padding:0px;
    height: 100%;
    position: absolute;
  }
  .body-scroll-stop{
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .table{
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}


.side-navbar {
/*    overflow-y: scroll;
    background-color: #fff;
    transition: 0.5s;
    background-image: url("https://e1.pxfuel.com/desktop-wallpaper/364/956/desktop-wallpaper-iphonexpapers-iphone-x-thumbnail.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: fixed;
*/  }
  .nav-link:active,
  .nav-link:focus,
  .nav-link:hover,
  .nav li:hover a {
    background-color: rgba(250,250,250,1);
  }
  .my-container {
    transition: 0.4s;
  }
  .active-nav {
    margin-left: 0;
  }
  /* for main section */
  .active-cont {
    margin-left: 180px;
  }
  #menu-btn {
    background-color: #7a0503;
    color: #fff;
    margin-left: -20px;
  }
  .nav{
    background-color: rgba(250,250,250,0.3);
    height: 100%;
  }
  .nav a {
    color: #000;
    background-color: rgba(250,250,250,0.7);
    margin-top: 2px;
  }
  a{
    text-decoration: none;
  }