.sidebar {  
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0; 
	left: -255px; 
    z-index: 999; 
    background: rgb(252, 250, 250); 
    color: rgb(17, 17, 17); 
    transition: all .3s;
    text-align: left;
}
.sidebar.active { 
	left: 0; 
}
.dismiss {
	width: 25px; 
	height: 25px; 
	position: absolute; 
	top: 10px; 
	right: 10px; 
	transition: all .3s; 
	background: rgb(252, 250, 250); 
	border-radius: 4px; 
	text-align: center; 
	line-height: 35px; 
	cursor: pointer;
}
.dismiss i {
	position: absolute; 
	top: 5px; 
	right: 10px; 
}
.dismiss:hover, .dismiss:focus { 
	background: rgb(245, 10, 10); 
	color: #fff; 
}
.sidebar .headaccount { 
	padding: 20px ; 
	color:rgb(40, 4, 243);
	border-bottom: 2px solid rgb(250, 10, 10); 
	transition: all .3s;
	text-decoration: none; 
}
.sidebar .headaccount a {
	text-decoration: none;
	color:rgb(40, 4, 243);
}
.sidebar ul.menu-elements { 
	border-bottom: 0px solid #444; 
	transition: all .3s; 
}
.sidebar ul li a {
	display: block; 
	padding: 8px 15px;
	border: 0;
	color:rgb(17, 17, 17);
	text-decoration: none;
}
.sidebar ul li a:hover,.sidebar ul li a:focus,
.sidebar ul li.active > a:hover,.sidebar ul li.active > a:focus { 
	outline: 0; 
	background: rgb(3, 7, 241); 
	color: #fff; 
}
.sidebar ul li a i { 
	margin-right: 5px; 
}
.sidebar a[data-toggle="collapse"] {
    position: relative;
}
.sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.overlay {
    display: none; 
	position: fixed; 
	width: 100vw; 
	height: 100vh; 
    background: rgba(51, 51, 51, 0.7); 
	z-index: 998; 
	opacity: 0; 
	transition: all .5s ease-in-out;
}
.overlay.active { 
	display: block; 
	opacity: 1; 
}
.b1 {
	position: fixed; 
	top: 0px;  
	z-index: 997;
}
.b1 a {
	text-decoration:none;
	color:white;
}
.b1 .open-menu {
    padding-top: 0px;	
}
.b1 .title {
	font-size: 23px;
	font-family: Arial;
}