.sidenav {
  width: 100%;
  position: absolute;
  /* z-index: 999; */
  top: 0px; 
  /* bottom: 500px;  */
  height: 100vh;
  left: 10px;
  background: #f8f8f8;
  /* overflow-x: hidden; */
  padding: 8px 0;
}

.sidenav a {
  padding: 6px 8px 6px 50px;
  font-size: 18px;
  color: #242B2E;
  display: block;
}
.sidenav a:hover {
  background-color: #E8E8E8;
  color: #23c99d;
}
.nav_head {
  background-color: #c0c0c0;
  /* color: #ffffff !important; */
  font-weight: bold;
  font-size: x-large !important;
}
a.nav_head:hover{
  background-color: #c0c0c0;
  color: #23c99d !important;
  font-weight: bold;
  font-size: x-large !important;
}