.show{visibility:visible!important}:root{--bg-color:#4585ce;--bg-color-dark:#3c74b4}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}.container{width:1024px;position:relative;margin:0 auto;display:flex}#side-panel{width:25%;background:var(--bg-color);color:#fff;z-index:3}.user-info{display:flex;margin-top:1rem;padding:0 .5rem;align-items:center;justify-content:space-around;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.4);height:5rem}.user-info .logo i{font-size:2.5rem}.user-info-content>h4{font-weight:500;font-size:1rem;text-transform:capitalize}.user-info-content>span{font-weight:300;font-size:.9rem;text-transform:capitalize}#side-menu{min-height:90vh}#side-menu ul{list-style:none}#side-menu ul li{list-style-position:inside;border-bottom:1px solid #25486f}#side-menu ul li>a{padding:1.5rem 3.5rem;text-transform:uppercase;color:#fff;display:block;height:100%;font-weight:300;transition:background .2s ease-in}#side-menu ul li>a>i{margin-right:1rem}#side-menu ul li>a:hover{background:var(--bg-color-dark)}#main-panel{display:flex;flex-direction:column;width:75%;border-right:1px solid rgba(0,0,0,.1)}#main-menu{display:flex;box-shadow:-1px 2px 4px rgba(0,0,0,.3);height:calc(6rem - 1px);align-items:center;justify-content:space-between}#main-nav{width:550px}#main-nav nav{display:flex;justify-content:space-around;height:inherit}#main-nav nav a,#user-menu a{text-decoration:none;text-transform:capitalize;color:rgba(0,0,0,.7);font-weight:500;transition:color .2s linear}#main-nav nav a:hover,#user-menu a:hover{color:#000}#main-nav nav a>i,#user-menu a>i{margin-right:.2rem}#user-menu{margin-right:2rem}.side-icon{display:none}.side-footer{font-size:.7rem;font-style:italic;font-weight:300;padding-left:1rem;padding-bottom:.2rem;position:fixed;bottom:0}@media screen and (max-width:900px){.container{width:100%}}@media screen and (max-width:750px){#side-panel{visibility:hidden;position:absolute;z-index:10;width:50%;height:100vh;margin-top:4rem}#main-panel{width:100%}#main-nav{width:80%}.side-icon{display:inline}}@media screen and (max-width:500px){#main-nav{width:50%;padding:0 .5rem}#main-nav nav{flex-direction:column;align-content:center;justify-content:center}#main-nav nav>a{margin:.3rem 0}#main-menu{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.text-md{font-size:1rem}.text-lg{font-size:1.5rem}.text-sm{font-size:.9rem}.text-xs{font-size:.6rem}.text-xl{font-size:2rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.ml-1{margin-left:1rem}.ml-2{margin-left:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}div.alert{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:50px;margin:.2rem auto;border-radius:.4rem}div.alert p{padding:.5rem .5rem;font-size:.9rem;font-weight:400;text-align:center}div.alert.alert-success{border:1px solid #31a831;background:#9be79b;color:#088008!important}div.alert.alert-danger{border:1px solid #a12424;background:#f3b1b1;color:#8b0707!important}