#side-nav{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100vh;
  inset-inline-start: 0;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 1001;
  right: 0;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#side-nav ul{list-style: none;}
#side-nav ul li{position: relative;padding: 2px 25px 2px 0;margin-bottom: 5px;}
/*#side-nav ul li:not(.matched-sections){display: none;}*/
#side-nav ul li .nav-item-indicator{
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 100%;
  cursor: pointer;
}
#side-nav ul li .nav-item-indicator:after{
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background-color: #6a6a6a;
  position: absolute;
  right: 14px;
  top:0;
}
#side-nav ul li .nav-item-indicator:hover:after{width: 4px;background-color: #fff;right: 13px;}
#side-nav ul li .nav-item-indicator:hover + .nav-item-label{opacity:1;}
#side-nav ul li .nav-item-label{color: #fff;opacity:0;}
#side-nav ul li .nav-item-indicator.active + .nav-item-label{
  animation: fadeinout 4s;
  -webkit-animation: fadeinout 4s;
  -moz-animation: fadeinout 4s;
  -o-animation: fadeinout 4s;
  -ms-animation: fadeinout 4s;
}
@keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
#side-nav ul li .nav-item-indicator.active:after{background-color: #44d62c;}
#side-nav ul li .nav-item-indicator.active:hover:after{width: 4px;background-color: #44d62c!important;right: 13px;}
@media (max-width: 767px){
	#side-nav{display: none;}
}