.sidenav{background:#021e48;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:230px;z-index:100}
.sidenav.show{transform:translate(0,0)}
.sidenav-brand{background:#021e48;padding:15px 24px 30px 18px}
.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{display:block;position:relative}
.sidenav-menu a{background:0 0;color:#fff;display:block;line-height:24px;padding:16px 32px 16px 18px;text-decoration:none}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#fafafa}
.sidenav-dropdown-icon,.sidenav-link-icon{color:#fafafa;position:absolute;text-align:center;top:16px}
.sidenav-link-icon{display:block;height:24px;left:24px;width:24px;}
.sidenav-link-title{display:block;text-align:center;}
.sidenav-link-title em{font-style:normal;margin:0 5px;}

.sidenav-dropdown{display:none;list-style:none;padding:0;text-align:center;}
.sidenav-dropdown a{color:rgba(255,255,255,.8)}
.sidenav-dropdown a:hover{background:#616161}
.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:99}
.sidenav-no-scroll{overflow:hidden!important}