.vertical-nav {
  	.profile {
	}
	li.nav-item {
	  border-top: 2px solid #9096ba;
	  &.active {
		background-color: #d7d9e6;
	  }
	  &:hover {
		background-color: #d7d9e6;
		cursor: pointer;
	  }
	  h4, h5 {
		padding-top: 10px;
	  }
	}
  //min-width: 17rem;
  //width: 17rem;
  //height: 100vh;
  //position: relative;
}

/* for toggle behavior */

#sidebar.active {
  //margin-left: -17rem;
}

@media (max-width: 768px) {
  #sidebar {
	//margin-left: -17rem;
  }
  #sidebar.active {
	margin-left: 0;
  }
  .vertical-nav {
	border-right: none;
  }
}
