.sidenav{ background:#333; box-shadow:2px 2px 6px rgba(0,0,0,.3); display:block; font-size:12px; width:256px; height:100%; left:0; top:0; position:fixed; overflow:auto; transform:translate(-262px,0); transition:transform .3s; z-index:9999;}
.sidenav.show{ transform:translate(0,0)}
.sidenav-brand{ background:#0084c2; color:#fff; font-size:1.5em; line-height:60px; text-transform:uppercase; padding-left:25px;}
.sidenav-menu{ list-style:none; margin:20px 0 0; padding:0;}
.sidenav-menu li{ display:block; position:relative;}
.sidenav-menu a{ background:0 0;color:#BDBDBD; display:block; line-height:24px; padding:10px 25px; text-decoration:none; font-size:1.25em;}
.sidenav-menu a:hover{ background:#616161;}
.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:#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 0;}
.sidenav-dropdown{ display:none; list-style:none; padding:0;}
.sidenav-dropdown a{ background:#191919;}
.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(255,255,255,.8); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:99;}
.sidenav-no-scroll{ overflow:hidden!important;}