/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/common/static/plugines/fainrowebsite/Sidenav/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:#fff url(menu_bg.jpg) no-repeat center center;
    background-size:cover;
	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:300px;
	z-index: 10000
}
@media screen and (max-width: 768px) {
    .sidenav {
        transform: translate(100%,0);
        width: 100%;
    }
}
.sidenav.show {
	transform: translate(0,0)
}
.sidenav-brand {
    height:90px;
	padding:30px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content:space-between;
    color:#d93751;
    font-size:1.5rem;
    border-bottom:#f5f5f5 solid 1px;
    background:#fff;
}
.sidenav-brand .side_logo img{height:40px;}
.sidenav-brand i{color:#d93751;font-size:24px;cursor: pointer;}
.sidenav-brand #closeNav{cursor: pointer;display:flex;align-items: center;font-weight:normal;font-size:16px;}
.sidenav-footer{clear:both;width:100%;font-size:14px;font-weight:lighter;text-align:center;color:#000;background:#fafafa;line-height:55px;}

.sidenav-menu {
	list-style: none;
	margin: 0;
	padding:10% 0;
    height:calc(100% - 165px);
    display:flex;
    align-items:flex-start;
    align-content:flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.sidenav-menu li {
    width:100%;
	display: block;
	position: relative;
}
.sidenav-menu a {
	background: 0 0;
	color:#0e345b;
	display: block;
	line-height:30px;
	padding: 10px 0;
	text-decoration: none;
    font-size:16px;
    font-weight: 300;
}
.sidenav-menu a em{color:#de5167;padding-right:30px;}
.sidenav-menu a line{border-bottom:#0e345b solid 1px;display:inline-block;}
.sidenav-menu a:hover {color:#de5167 !important;}
.sidenav-menu a:hover line{border-bottom:#de5167 solid 1px;}

.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-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;
    font-size:18px;
}
.sidenav-link-title-drop {
	display: block;
	padding: 0 0 0 50px
}
.sidenav-dropdown {
	display: none;
	list-style: none;
	padding:0 0 10px;
}
.sidenav-dropdown .dropdown-box{/*display:flex;align-items: center;justify-content: flex-start;*/padding-left:30px;}
.sidenav-dropdown li{border:none;width:auto;}
.sidenav-dropdown a {
    font-size:16px;
    padding:5px 0;
    font-weight:normal;
    color:#0f345b;
} 
.sidenav-dropdown a:hover {
	color:#ff3b3c !important;
}
.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{color:#de5167 !important;}
.data-over line{border-bottom:#de5167 solid 1px !important;}<!--ºÄʱ1752841312.9242Ãë-->