#leftbar{background-color:#1d4669;height:100vh;z-index:3;display:flex;flex-direction:column;width:4%;transition:all .3s ease;cursor:pointer}#leftbar.small{width:4%}#leftbar.small li a span{display:none}#leftbar.opened{width:12%}#leftbar.opened li a span{display:block;margin-left:15px}#leftbar.opened li a{justify-content:flex-start}#leftbar li{margin:0;position:relative;height:48.48px}#leftbar li.active:after{content:"";position:absolute;right:0;top:0;height:100%;border-right:2px solid #42bae9}#leftbar li a{display:flex;align-items:center;justify-content:center;padding:15px;color:#fff;width:100%;text-decoration:none}#leftbar li a svg{width:16px;min-width:16px;font-size:16px;color:#8a99a6;transition:color .2s ease}#leftbar li a span{font-size:14px;white-space:nowrap;color:#8a99a6}#leftbar li a:hover svg{color:#42bae9}#leftbar li a:hover span{color:#fff}#leftbar li.active a svg{color:#42bae9}#leftbar li.active a span{color:#fff!important}.nav-pills>li.active>a{background-color:#1d4669!important;color:#fff!important}.nav>li>a:hover{background-color:transparent!important}@media screen and (min-width:2560px){#leftbar.small{width:2.2%}}@keyframes small_animate{0%{width:0}to{width:115px}}@keyframes opened_animate{0%{width:115px}to{width:160px}}@keyframes closed_animate{0%{width:411px}to{width:0}}