/* your styles go here */
.sidebar {
	background: #52585e;
	min-height:  90vh;
}
.sidebar-link {
	border-bottom: solid 2px #6c757d;
}
.sidebar-link:hover {
	background: #4777df;
}

.content-page {
	margin-top: 70px;
}

.page-holder {
	height: 100vh;
}

.sidebar-link[data-toggle="collapse"]::before {
   color: #f8f9fb;
}

.sidebar-link:hover {
	background: #393c40;
}

.sidebar-link.active, .sidebar-link:focus{
	background: #404244;
}

.par-sidebar {
	height:  90vh;
	overflow-y: scroll;
	overflow-x: hidden;
   width: 19.5rem;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   -ms-overflow-style: none; 
   scrollbar-width: none;
}

.par-sidebar.shrink {
   width: 7rem;
}

@media (max-width: 1199.98px) {
   .par-sidebar {
   	width: 7.8rem;
      margin-left: -7.8rem;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
   }
   .par-sidebar.shrink {
      margin-left: 0;
      width: 7.8rem;
   }
}





.page-holder {
	max-height: 90vh;
}