#sidebar a,#sidebar a:focus,#sidebar a:hover{color:inherit;text-decoration:none;transition:all .3s}#sidebar{background:#343a40;box-shadow:3px 3px 3px rgba(0,0,0,.2);color:#fff;height:100vh;left:-250px;overflow-y:scroll;position:fixed;top:56px;transition:all .3s;width:250px;z-index:999}#sidebar.active{left:0}.overlay{background:rgba(0,0,0,.7);display:none;height:100vh;opacity:0;position:fixed;transition:all .5s ease-in-out;width:100vw;z-index:998}.overlay.active{display:block;opacity:1}#sidebar i{margin-right:.5rem}#sidebar ul li ul li{padding-left:10px}#sidebar ul li ul li ul li{padding-left:20px}#sidebar ul li ul li ul li ul li{padding-left:30px}#sidebar ul li a{display:block;font-size:1.1em;padding:10px}#sidebar ul li a:hover{background:#fff;color:#7386d5}a[data-toggle=collapse]{position:relative}.dropdown-toggle:after{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%)}#content{padding-top:10px;position:absolute;right:0;top:0;transition:all .3s;width:100%}.navbar-btn{border:none;box-shadow:none;margin-right:20px;outline:none!important}#sidebarCollapse{background:#343a40;cursor:pointer;height:40px;padding:0 4px;width:40px}#sidebarCollapse span{background:#f5f5f5;display:block;height:2px;margin:0 auto;transition:all .4s cubic-bezier(.81,-.33,.345,1.375);width:80%}#sidebarCollapse span:first-of-type{transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse span:nth-of-type(2){opacity:0}#sidebarCollapse span:last-of-type{transform:rotate(-45deg) translate(1px,-1px)}#sidebarCollapse.active span{margin:5px auto;opacity:1;transform:none}