.sidenav.guest {
  display: none;
}
.sidenav {
  border: 0px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  background-color: #fff;
  box-shadow: 2px 0 1px rgba(0,0,0,.15);
  display: flex;
  flex-direction: column;
  height: calc(100% - 55px);
  left: 0;
  margin-top: 55px;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  transition: width .15s;
  width: 66px;
  z-index: 499;
  box-sizing: border-box;
}
.sidenav a {
  text-decoration: none;
  color: #383838;
  display: block;
  transition: 0.3s;
  width: 180px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.sidenav a:hover,
.sidenav a.active {
  background-color: #eee;
}
.sidenav a .nav-label {
  font-weight: 500;
  display: none;
  font-size: 14px;
}
.sidenav.show a .nav-label {
  display: inline-block;
}
.sidenav a .glyphicon,
.sidenav a .fas,
.sidenav a .far, 
.sidenav a .fal {
  font-size: 22px;
  display: inline-block;
  padding: 18px 12px 18px 18px;
  text-align: center;
  width: 60px;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.modal-dialog {
  margin-top: 50px;
}
.sidenav hr {
  margin: 0px 10px 0px 10px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}