.side-panel{
  text-align: center;
  width: 100px;
  min-width: 80px;
  padding: 50px 0px 10px;
  box-shadow: grey 0px 0px 5px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position:fixed;
  height: 100vh;
  margin-top: 12px;
}

.side-panel .side-panel-link {
  border: none;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: black;
  padding: 5px 5px 0px;
  text-decoration: none;
  background: none;
  user-select: none;
}

.side-panel .side-panel-link:hover {
  text-decoration: none;
  background-color: #F2F2F2;
}

.side-panel .side-panel-link.active-btn,
.side-panel .side-panel-link:active{
  padding-left: 0px;
  border-left: solid 5px #DA291C;
      background-color: #F2F2F2;
}

.side-panel .side-panel-link .fa {
  font-size: 1.6rem;
  line-height: 1.25em;
}