.wrapper.full-width{width:100%;margin:0 auto;padding:0 15px}body{font-size:14px;color:#4c5258;letter-spacing:.5px;background:#f7f7ff;overflow-x:hidden;font-family:Roboto,sans-serif}a{text-decoration:none}.wrapper{width:100%;margin:0 auto;padding:0 15px}.sidebar-wrapper{width:250px;height:100%;position:fixed;top:0;bottom:0;left:0;background:#fff;border-right:0 solid #e4e4e4;z-index:11;box-shadow:0 2px 6px #dadafda6,0 2px 6px #ceceee8a!important;transition:all .2s ease-out}.sidebar-header{width:250px;height:60px;display:flex;align-items:center;position:fixed;top:0;bottom:0;padding:0 15px;z-index:5;background:#fff;background-clip:padding-box;border-bottom:1px solid #e4e4e4}.logo-icon{width:30px}.logo-text{font-size:22px;margin-left:10px;margin-bottom:0;letter-spacing:1px;color:#008cff}.toggle-icon{font-size:22px;cursor:pointer;color:#008cff}.topbar{position:fixed;top:0;left:250px;right:0;height:60px;background:#fff;border-bottom:1px solid rgb(228 228 228 / 0%);z-index:10;box-shadow:0 2px 6px #dadafda6,0 0 6px #ceceee8a}.topbar .navbar{width:100%;height:60px;padding-left:1.5rem;padding-right:1.5rem}.page-wrapper{height:100%;margin-top:60px;margin-bottom:30px;margin-left:250px}.page-content{padding:1.5rem 1.5rem .7rem}.page-footer{background:#fff;left:250px;right:0;bottom:0;position:fixed;text-align:center;padding:7px;font-size:14px;border-top:1px solid #e4e4e4;z-index:3}.wrapper.toggled .topbar{left:70px}.wrapper.toggled .page-wrapper{margin-left:70px}.wrapper.toggled .page-footer{left:70px}.sidebar-wrapper ul{padding:0;margin:0;list-style:none;background:0 0}.sidebar-wrapper .metismenu{background:0 0;display:flex;padding:10px;margin-top:60px;flex-direction:column}.sidebar-wrapper .metismenu li+li{margin-top:5px}.sidebar-wrapper .metismenu li:first-child{margin-top:5px}.sidebar-wrapper .metismenu li:last-child{margin-bottom:5px}.sidebar-wrapper .metismenu>li{display:flex;flex-direction:column;position:relative}