.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);
	height: calc(100vh - 45px);
}

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

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

#sidebar-collapse .fa{
	border-color: #fff !important;
	color: #fff;
	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: calc(100vh - 45px); */
	    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	    height: fill-available;
	}
	.sidebar.collapse:not(.show){
		display: block;
		position: fixed;
	}
	.main-content .main-content-inner {
		margin-left:195px !important;
	}
	.main-content .main-content-inner.expand{
		margin-left:45px !important;
  	}
}


.main-content{
  	/*margin-left:195px;*/
	/*display: flex;*/
	/*flex-flow: row;*/
  	/*margin-top: 45px;*/
  	/*overflow:auto;*/
}

.main-content .main-content-inner {
    width: -webkit-fill-available;
}

/* .main-content .main-content-inner.expand{
  	margin-left:45px !important;
} */

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

/*.sidebar.collapse.show,
.sidebar.collapsing {
    position: absolute;
}*/