body div.wrapper{display:flex;width:10%}#main-content{padding:3.2rem .5rem .5rem .5rem;width:100%}#sidebar{padding:3.5rem .5rem 0 .5rem;width:250px;position:fixed;top:0;left:0;height:100vh;z-index:999;color:#fff;transition:all .3s}#sidebar.active{margin-left:-250px}#sidebar ul.components{border-top:1px solid;padding-top:0}#sidebar ul li a,#sidebar ul li a:focus,#sidebar ul li a:hover{color:inherit;text-decoration:none;transition:all .3s}#sidebar ul li a{padding:.1rem .5rem .1rem 0;font-size:.85em;display:block}#sidebar ul li a:hover{color:#000;background:#ddd}#sidebar ul li a[aria-expanded=true],#sidebar ul li.active>a{color:#fff;background:#14201c}#sidebar ul li a[data-toggle=collapse]{position:relative}#sidebar ul li a.dropdown-toggle::after{display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#sidebar ul ul a{font-size:.8em!important;padding-left:20px!important;color:#fff;background:#24302c}#sidebarCollapse{margin-top:5px;margin-bottom:5px;margin-right:5px}a.sidebar-active{font-weight:bolder;font-size:larger}#main-content{width:calc(100% - 250px);min-height:100vh;transition:all .3s;position:absolute;top:0;right:0}#main-content.active{width:100%}@media (max-width:768px){#sidebar{margin-left:-250px}#sidebar.active{margin-left:0}#sidebar-search{display:none}#main-content{width:100%;padding:2.5rem 0 0 0}#main-content.active{width:calc(100% - 250px)}#sidebarCollapse span{display:none!important}#sidebarCollapse{padding-left:15px;padding-right:15px}}@media (max-width:380px){#sidebarCollapse{padding-left:8px;padding-right:8px}}