????
Current Path : C:/inetpub/vhost/sdoc.nextform.vn/www/assets/ |
Current File : C:/inetpub/vhost/sdoc.nextform.vn/www/assets/index-794d0e0f.css |
.form-dashboad-custom{background:url(/assets/bg-gpmb-641459b4.jpg);position:fixed;top:0;right:0;left:0;bottom:0;z-index:1000;background-size:cover;padding:1rem 1rem 1rem 7.5rem;overflow:hidden}.form-dashboad-custom .form-dashboad{padding-top:1rem;display:grid;grid-template-rows:4rem 1fr;height:100%;gap:3rem}.form-dashboad-custom .form-dashboad .header-custom{display:flex;justify-content:space-between;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.form-dashboad-custom .form-dashboad .header-custom .text-main{font-weight:900}.form-dashboad-custom .form-dashboad .body-dashboad{display:grid;grid-template-columns:calc(100vw - 30rem) 1fr;height:100%;gap:1rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-left{display:grid;grid-template-rows:40vh 1fr;gap:1rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right{height:100%;width:100%;display:grid;grid-template-rows:1.5fr 1fr 1fr 1fr;gap:1rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-1{padding:1.5rem 2rem;position:relative}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-1 .d-flex{font-size:1.5rem;align-items:center;gap:.75rem;font-weight:900;margin-bottom:.5rem;position:absolute;top:1.5rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-1 .d-flex i{height:2.5rem;width:2.5rem;background:rgb(226,226,226);border-radius:10px;border:solid 2px white;display:flex;justify-content:center;align-items:center;box-shadow:#0000000f 0 2px 4px inset}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-1 span{font-size:5vh;position:absolute;top:5rem;font-weight:900}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-1 b{position:absolute;bottom:1.5rem;font-size:1rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2{position:relative;padding:1.5rem 2rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2 i{height:2.5rem;width:2.5rem;background:rgb(226,226,226);border-radius:10px;border:solid 2px white;display:flex;justify-content:center;align-items:center;box-shadow:#0000000f 0 2px 4px inset;position:absolute;left:2rem;font-size:1.5rem;top:1.5rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2 .d-flex{position:absolute;right:2rem;left:2rem;bottom:1.5rem;justify-content:space-between}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2 .d-flex h5{margin-bottom:.1rem;font-weight:900}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2 .d-flex h2{margin-bottom:0;font-weight:900}.form-dashboad-custom .form-bg-dashboad{background:linear-gradient(90deg,rgba(245,245,245,.685),white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1.5rem;position:relative;padding:1rem;font-weight:500;box-shadow:#63636333 0 2px 8px;font-size:.8rem;height:100%;overflow-y:auto;transition:.9s;cursor:pointer}.form-dashboad-custom .form-bg-dashboad .header-dash{position:absolute;top:1rem;left:2rem;right:2rem;display:flex;justify-content:space-between}.form-dashboad-custom .form-bg-dashboad .header-dash h6{font-weight:900}.form-dashboad-custom .form-bg-dashboad.zoomed{animation:aniZoom .7s forwards;z-index:9999;position:fixed}@keyframes aniZoom{0%{transform:scale(1);top:auto;left:auto;width:100%;height:100%;opacity:1}to{transform:scale(8);top:0;left:0;width:100vw;height:100vh;opacity:1}}.form-dashboad-custom .form-bg-1{animation:bgDash .4s forwards;opacity:0}.form-dashboad-custom .form-bg-2{animation:bgDash .4s forwards;animation-delay:.1s;opacity:0}.form-dashboad-custom .form-bg-3{animation:bgDash .4s forwards;animation-delay:.2s;opacity:0}.form-dashboad-custom .form-bg-4{animation:bgDash .4s forwards;animation-delay:.3s;opacity:0}.form-dashboad-custom .form-bg-5{animation:bgDash .4s forwards;animation-delay:.4s;opacity:0}@keyframes bgDash{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}.form-dashboad-custom .pd-header{padding-top:4rem}@media (max-width: 1400px){.form-dashboad-custom{padding:.5rem .5rem .5rem 6.25rem}.form-dashboad-custom .form-dashboad{gap:1rem}.form-dashboad-custom .form-dashboad .body-dashboad,.form-dashboad-custom .form-dashboad .body-dashboad .form-body-left,.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right{gap:.5rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-1,.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2{padding:1rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2 .d-flex{left:1rem;right:1rem;bottom:1rem}.form-dashboad-custom .form-dashboad .body-dashboad .form-body-right .style-2 i{left:1rem;top:1rem}.form-dashboad-custom .form-bg-dashboad{border-radius:1rem;padding:.5rem}.form-dashboad-custom .form-bg-dashboad .header-dash{left:.75rem;right:.75rem}.form-dashboad-custom .pd-header{padding-top:3rem}}