/* 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:#ff8200;
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	right: 0;
	position: fixed;
	overflow: auto;
	transform: translate(100%,0);
	transition: transform .3s;
	top: 0;
	width:350px;
	z-index: 10000
}

@media screen and (max-width: 768px) {
    .sidenav {
        transform: translate(100%,0);
        width: 100%;
    }
}


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

.sidenav-brand {
	padding:30px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content:space-between;
    color:#fff;
    font-size:1.5rem;
/*    border-bottom:#666 solid 1px;*/
}
.sidenav-brand i{color:#fff;font-size:24px;cursor: pointer;}
.sidenav-brand .ap{color:#fff;font-size:18px;cursor: pointer;}
.sidenav-brand a{font-family:PoppinsBold;font-size:2rem;color:#000;}
.sidenav-brand a span{font-family: PoppinsLight;}
.sidenav-dropdown,.sidenav-header {
	
	margin: 0
}

.sidenav-login{padding:10px 38px;display:block;height:auto;overflow:hidden;}
.sidenav-login .items{display:flex;align-items: center;justify-content: space-between;padding:15px 0 0;font-size:1.725rem;}
.sidenav-login .items i{font-size:2.5rem;}
.sidenav-login .items a{margin-left:20px;}
.sidenav-login .signin{font-weight:bold;padding:10px 20px;border:#000 solid 2px;float:left;}



.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-bottom:#fff solid 1px;*/
    border-top: 1px solid rgba(255,255,255,0.2);
}

.sidenav-menu a {
	background: 0 0;
	color:rgba(255,255,255,1);
	display: block;
	line-height:30px;
	padding: 10px 0;
	text-decoration: none;
    font-size:16px;
    font-weight: 300;
    font-family: gilroymedium;
}
.sidenav-menu a i{font-size:18px;margin-right:10px;}
.sidenav-menu a:hover {
    color:#fff !important;
    
}

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

/*.sidenav-menu li:last-child i{font-size:14px;}*/

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

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

.sidenav-link-title {
	display: block;
	padding: 0 0 0 30px
}
.sidenav-link-title-drop {
	display: block;
	padding: 0 0 0 60px
}
.sidenav-dropdown {
	display: none;
	list-style: none;
	padding:0 0 10px;
	background:rgba(3, 5, 22, 0.3);
}
.sidenav-dropdown li{border:none;}

.sidenav-dropdown a {
/*	background:rgba(255,255,255,0.2);*/
    font-size:14px;
    padding:5px 0;
    font-weight:normal;
    color:#fff;
}

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

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

.sidenav-dropdown li .big{background:#b9d4e1;font-weight: bold;color:#111;padding-left:30px;}
.sidenav-dropdown li .big:hover{background:#b9d4e1;color:#111 !important;}
.sidenav-dropdown li .big span{padding: 0 10px 0 10px;}

.sidenav-dropdown li .sml{background:#ccc;color:#333;}
.sidenav-dropdown li .sml:hover{background:#ccc;color:#333 !important;}
.sidenav-dropdown li .sml span{padding: 0 10px 0 10px;}

.sidenav-dropdown li .view{background:#bbb;font-size:12px !important;}
.sidenav-dropdown li .view:hover{background:#ff3b3c;}
.sidenav-dropdown li .view span{padding: 0 10px 0 10px;}


.sidenav-dropdown-icon {
	display: none;
	height: 16px;
	right:38px;
	width: 16px;
	
}
.sidenav-dropdown-icon i{font-size:12px !important;}
.sidenav-dropdown-icon.show {
	display: block
}

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

.sidenav-no-scroll {
	overflow: hidden!important
}
.data-over{background:rgba(3, 5, 22, 0.3) !important;}