/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(menu.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size:24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.sidenav {
	background: #f1f1f1;
	box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	left: 0;
	position: fixed;
	overflow: auto;
	transform: translate(-300px,0);
	transition: transform .3s;
	top: 0;
	width: 300px;
	z-index: 1000
}

.sidenav.show {
	transform: translate(0,0)
}

.sidenav-brand {
	background:#fff;
	padding:15px 0;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size:1.5rem;
}
.sidenav-brand img{width:60%;}
.sidenav-dropdown,.sidenav-header {
	
	margin: 0
}

.sidenav-header {
	background: 0 0;
	color: #757575;
	font-size: 19.2px;
	line-height: 32px;
	padding: 16px 24px 15px;
    text-align:center;
}
.sidenav-header img{width:32px;margin:0 10px;}
.sidenav-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidenav-menu li {
	display: block;
	position: relative;
    border-top: 1px solid #ccc;
}

.sidenav-menu a {
	background: 0 0;
	color: #666;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	text-decoration: none
}

.sidenav-menu a:hover {
    color:#f08211 !important;
    
}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon {
	color: #666;
}

.sidenav-dropdown-icon,.sidenav-link-icon {
	color: #757575;
	position: absolute;
	text-align: center;
	top: 10px
}

.sidenav-link-icon {
	display: block;
	height: 24px;
	left: 24px;
	width: 24px
}

.sidenav-link-title {
	display: block;
	padding: 0 16px 0 40px
}

.sidenav-dropdown {
	display: none;
	list-style: none;
	padding: 0
}

.sidenav-dropdown a {
	background: #ccc;
}

.sidenav-dropdown a:hover {
	color:#fff !important;
    background:#f08211;
}

.sidenav-dropdown li:first-child a {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.sidenav-dropdown-icon {
	display: none;
	height: 16px;
	right: 16px;
	width: 16px
}

.sidenav-dropdown-icon.show {
	display: block
}

.sidenav-overlay {
	background: rgba(0,0,0,.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.sidenav-no-scroll {
	overflow: hidden!important
}