.sidebar{
  	width: 195px;
  	/* height: -webkit-fill-available; */
	position: fixed;
	top: 45px;
	left: 0;
	overflow-y: auto;
  	z-index: 9;
	border-right: 1px solid var(--theme-th-background);
	min-height: 100vh;
}

.sidebar.closed{
  	width: 45px !important;
}

#sidebar-collapse{
	background-color: transparent !important;
}

#sidebar-collapse .fa{
	border-color: #fff !important;
	color: #fff;
	background-color: var(--theme-sidebar);
	font-size: 13px !important;
}

#sidebar-collapse hr{
	background-color: white;
}

/* .sidebar .nav-list > li:hover > a {
  background-color: transparent !important;
  color: #fff;
} */


@media (min-width: 992px) {
  	.sidebar.collapse{
      	display: block;
      	width: 195px;
      	height: 100vh;
      	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
      	height: fill-available;
  	}
	.sidebar.collapse:not(.show){
		display: block;
	}
}


.main-content{
	margin-top: 45px;
  	margin-left: 195px;
  	//overflow: auto;
}

.main-content.expand{
  	margin-left:45px;
}

@media (max-width: 992px) {
  .main-content{
      margin-left:0px !important;
  }
}