html,body{
	font-family: 'Inter Tight', sans-serif;
	background-color: #fff;
	overflow-x: hidden !important;
    position: relative;
	min-height: 100vh;
}
.w-100{
	width: 100%;
}

.w-100-flex{
	width: 100%;
	display: flex;
}

.fw-600{
	font-weight: 600;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

.mysidebar{
	min-height: 100vh;
	background-color: #e0e0e0;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	padding: 30px 15px;
	overflow-x: auto;
}

.sidenav {
	/* Here you must place the markup for the fixed left sidenav  and put the markup below into a @media query defining the breakpoint for displaying the btn and moving the sidenav to the left outside of the view*/
	
	height: 100%;
	width: 240px;
	background-color: whitesmoke;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	position: absolute;
	top: 0;
	left: -240px;
	z-index: 1000; /* important with   further content*/
	/* overflow-y: auto; */
}

.sidenav.slideIn {
	left: 240px;
	margin-left: -240px; /*.animate width*/
}

.sidenav.slideOut {
	left: -240px;
	margin-left: 0;
}