nav{position:fixed;left:-195px;top:80px;bottom:0;width:250px;overflow-y:auto;z-index:9999;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}nav:hover,nav.pinned{left:0;}nav:hover .nav,nav.pinned .nav{width:90%!important;}nav:hover .nav i,nav.pinned .nav i,nav:hover .nav span.fa-stack,nav.pinned .nav span.fa-stack{left:5px;background-color:transparent;color:#fff;}nav:hover .nav li.open ul,nav.pinned .nav li.open ul{display:block;}nav:hover .nav li a,nav.pinned .nav li a{padding-left:40px;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}nav:hover .nav li span,nav.pinned .nav li span{top:8px;min-width:30px;font-size:11px;height:15px;position:absolute;font-weight:bold;display:flex;justify-content:center;align-items:center;right:0;background-color:#fff;border-radius:45px 45px;}nav::-webkit-scrollbar{width:10px;background-color:#ccc;}nav::-webkit-scrollbar-track{border:1px #808080 solid;}.nav{width:88%!important;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}.nav i{font-size:1.5em;position:absolute;left:200px;padding:7px;margin-top:-7px;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}.nav .fa{margin-top:-5px!important;}.nav span.fa-stack i{padding:0;margin-top:0;-moz-transition-delay:initial;-o-transition-delay:initial;-webkit-transition-delay:initial;transition-delay:initial;left:0!important;font-size:1em;}.nav li a{border:1px solid transparent;line-height:24px;padding-right:24px;position:relative;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}.nav li li a{padding-left:10px;}.nav li li a i{width:24px;height:24px;text-align:center;}.nav li li a span{position:absolute;font-weight:bold;display:flex;justify-content:center;align-items:center;top:10px;min-width:23px;right:0;background-color:#fff;font-size:9px;border-radius:45px 45px;height:11px;}.fa-stack-1x{line-height:1.5em!important;}.fa-stack-2x{font-size:1.5em!important;}.nav .open i{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.nav-title{display:block;color:#f5f5f5;padding:5px;padding-right:13px;padding-left:0;text-transform:uppercase;font-size:22px;text-align:center;}.nav-title i{position:relative;float:right;font-size:20px;margin-top:4px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all 250ms;-o-transition:all 250ms;-webkit-transition:all 250ms;transition:all 250ms;cursor:pointer;}nav.pinned .nav-title i{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}.navTopRight{position:fixed;overflow-y:auto;z-index:999999;display:block;color:#000;font-weight:bold;border-bottom:1px solid #ccc;padding:5px;text-decoration:none;text-transform:uppercase;}.menu-number{position:absolute;font-weight:bold;display:flex;justify-content:center;align-items:center;top:10px;min-width:23px;right:0;background-color:#fff;font-size:9px;border-radius:45px 45px;height:11px;}