/*---- side bar styles ------*/
  .sidenav {
  height: 100%;
  width: 80%;
  position: fixed;
  top: 0;
  left:  0;
 background: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 1930;
  box-shadow: 0 0 39px #000000;
  display: none;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: #04b9ce;
  display: block;
  transition: 0.3s;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.sidenav .closebtn:hover{
    background: none !important;
  }

.sidenav a:hover {
  color: #0000;
  background-color: #04b9ce ;
  text-decoration: none;
}

.sidenav .closebtn {
  position: absolute;
    top: 7px;
    right: 3px;
    font-size: 36px;
    margin-left: 50px;
    box-shadow: unset;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.sidenav-icon {
    height: 51px;
    width: auto;
    margin-top: -61px;
    margin-left: 28%;
  }
  .side-nav a img{
    width: 10%;
  }
  .side-hr{
    width: 100%;
    margin-top: 9px;
    background: #ffffff;
    margin-bottom: 9px;
    height: 1px;
  }
  #background-cover{
    width: 100%;
    height: 100%;
    background-color: #7b7b7b66;
    position: fixed;
    z-index: 1030;
    display: none;
  }