/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 13%!important; 
  position: fixed; /* Stay in place */
  z-index: 30; /* Stay on top */
  top: 0; /* Stay at the top */
  left: -13%;
  background-color: rgba(231, 230, 230, 0.884); /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.6s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav p{
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.closebtn:hover{
   color: white!important;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 8%;
  font-size: .9rem;
  text-decoration: none;
  color: black;
  transition: .2s;
  z-index: 31;
  /* margin-left: 50px; */
}

.sideNavHeader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;  
}

.sideNavHeader p{
  color: white;
}



.sideNavSection{
    position: relative;
    top: 20%;
    height: 5%;
    border-bottom: .01rem solid rgba(82, 82, 82, 0.952);
    margin: 6% 10%;
}


.buttonNavigation{
  position: relative;
  top: 20%;
  width: 100%;
  height: 70%;
}
.sideNavButton{
    position: relative;
    width: 100%;
    height: 8%;
}

.sideNavButton > img{
  position: absolute;
  left: 1%;
  top: 15%;
  height: 70%;
  /* width: 90%; */
}
.sideNavButton p{
  position:absolute;
  font-size: .6rem;
  text-align: left;
  width: 75%;
  left: 22%;
}

.sideNavButton:hover p{
  color: white;
}


.menumenu >svg{
	height: 70%!important;
	width: 70%!important;
	top: 15%!important;
	left: 15%!important;
}

#sideMenu svg{
  height: 50%!important;
  width: 50%!important;
  top: 25%!important;
  left: 25%!important;
}