*{margin:0;padding:0}.material-icons{font-size:28px}body{min-height:100vh;overflow:hidden;position:relative;width:100%}.sidebar{background-color:#0c4bb1;background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));display:block;height:100%;padding:6px 14px;position:fixed;transition:all .5s ease;width:78px}.sidebar.active{width:224px}.sidebar .logo .logo-content{align-items:center;color:#eee6ff;display:flex;height:50px;opacity:0;pointer-events:none;width:100%}.sidebar.active .logo .logo-content{opacity:1;pointer-events:none}.sidebar .logo i{font-size:28px;margin-right:5px}.sidebar .logo .menu{color:#eee6ff;cursor:pointer;font-size:32px;height:50px;left:50%;line-height:50px;position:absolute;text-align:center;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:50px}.sidebar.active .menu{left:90%}.sidebar .logo .logo-name{font-size:36px;font-weight:400;pointer-events:auto}.sidebar ul{margin-top:20px}.sidebar ul li{align-items:center;height:50px;line-height:50px;list-style:none;margin:0 5px;min-width:50px;position:relative}.sidebar ul li a{align-content:center;border-radius:12px;color:#eee6ff;display:flex;flex-direction:column;text-decoration:none;transition:all .2s ease}.sidebar.active ul li a{flex-direction:row}.sidebar ul li a:active,.sidebar ul li a:hover{background-color:#eee6ff;color:#1f1b24}.sidebar ul li a i{border-radius:12px;height:50px;line-height:50px;min-width:50px;text-align:center}.sidebar .link-name{display:none;opacity:0;pointer-events:auto}.sidebar.active .link-name{display:block;font-size:20px;opacity:1;pointer-events:auto}.sidebar .profile-content{border-top:2px solid #fff;bottom:0;color:#eee6ff;left:0;position:absolute;width:100%}.sidebar .profile-content .profile .profile-details .profile-image{border-radius:12px;height:45px;object-fit:cover;width:45px}.sidebar .profile-content .profile .logout:hover{color:#1f1b24;cursor:pointer}.sidebar .profile-image{display:none}.sidebar.active .profile-image{display:block}.sidebar .profile-info{display:none}.sidebar.active .profile-info{display:block}.main-content{background:#e4e9f7;left:100px;min-height:100vh;padding:10px;position:relative;top:0;transition:all .5s ease;width:calc(100% - 120px);z-index:2}.sidebar.active~.main-content{left:252px;width:calc(100% - 275px)}.grid-container{grid-gap:20px;display:grid;grid-template-columns:auto auto auto auto}.grid-container>div{background-color:hsla(0,0%,100%,.8);padding:20px 0}.card{border-radius:5px;box-shadow:1px 4px 8px 0 rgba(0,0,0,.2);position:relative;transition:.3s}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card .card-body{flex:1 1 auto;font-size:30px;padding:1rem}@media (max-width:480px){.grid-container{grid-template-columns:auto}}@media (min-width:480px){.grid-container{grid-template-columns:auto}}@media (min-width:768px){.grid-container{grid-template-columns:auto auto}}@media (min-width:1024px){.grid-container{grid-template-columns:auto auto auto auto}}@media (min-width:1200px){.grid-container{grid-template-columns:auto auto auto auto}}.txt_field{border-bottom:2px solid #adadad;margin:30px 0;position:relative}.txt_field input{background:none;border:none;font-size:16px;height:40px;outline:none;padding:0 5px;width:calc(100% - 10px)}.txt_field label{color:#adadad;font-size:16px;left:5px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.5s}.txt_field span:before{background:#2691d9;content:"";height:2px;left:0;position:absolute;top:40px;transition:.5s;width:0}.txt_field input:focus~label,.txt_field input~label{color:#2691d9;top:-5px}.txt_field input:focus~span:before,.txt_field input:valid~span:before{width:100%}.center{left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.frm{box-sizing:border-box;padding:0 40px}.card{border-radius:10px}.card .card-title{border-bottom:1px solid silver;padding:20px 0;text-align:center}.card .card-body{padding:0 40px}.card .card-text-center{text-align:center}body{margin:0;padding:0}.dark{background-color:#0c4bb1;background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));height:100vh;overflow:hidden}.btn_radius{background-color:#2691d9;border:1px solid;border-radius:25px;color:#eee6ff;cursor:pointer;font-size:18px;font-weight:700;height:50px;outline:none;width:100%}.btn_radius:hover{border-color:#2691d9;transition:.5s}.link{color:#666;font-size:18px;margin:30px 0;text-align:center}.link a{color:#2691d9;text-decoration:none}.link a:hover{text-decoration:underline}
/*# sourceMappingURL=main.5ad7210b.css.map*/