.sidenav {height: 100%; width: 0; z-index:2; position: fixed; top: 0; left: 0; background-color:#fff; overflow-x: hidden; transition: 0.5s;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.sidenav b {padding: 0px 0px 6px 15px; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; color:#444; display: block; transition: 0.3s; position: relative; border-bottom:1px solid #dedede; text-transform:uppercase;}
.sidenav .accordion {
	padding: 10px 0px 10px 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	color:#444;
	text-align: left; 
	text-transform:capitalize;
	display: block;
	position: relative;
    border-bottom:1px solid #dedede;
	background-color:#fff;
    transition: 0.4s;
	cursor: pointer;
	}
.sidenav .accordion a {color:#444; text-decoration:none;white-space:nowrap}
.sidenav .active, .sidenav .accordion:hover {background-color:#f2f2f2;}	
.sidenav .accordion img {margin-right:7px;}
.sidenav .panel {font-size: 14px; background-color: #f9f9f9; overflow: hidden;  max-height: 0;  transition: .8s }
.sidenav .panel.sub-active{
      max-height: 200% !important;
      transition: .8s
    }
.sidenav .panel a {
	padding: 10px 0 10px 15px;
    color:#444;
	text-decoration:none;
	display: block;
	position: relative;
	border-bottom:1px solid #dedede;
	transition: 0.4s;
	cursor: pointer;
}
.sidenav .panel a:hover {background-color:#f2f2f2;}
.sidenav .closebtn {position: relative; font-size: 45px; color:#ff1d27; text-decoration: none; margin-left: 15px;}
.sidenav .spacemenu {width:100%; height:50px;}
#sidebg {height: 100%;  width: 0; z-index:1; position: fixed; top: 0; left: 0; background: url('../../images/ic-arrow-left-menu.svg') no-repeat right center scroll; background-color: #000;  opacity: 0.7; overflow-x: hidden; transition: 0.5s;}