????
Current Path : C:/inetpub/vhost/sdoc.nextform.vn/www/assets/ |
Current File : C:/inetpub/vhost/sdoc.nextform.vn/www/assets/Menu-08b3cd93.css |
.form-info-user{display:grid;grid-template-columns:.8fr 3fr;gap:1rem;position:fixed;bottom:1rem;top:7rem;left:1rem;right:1rem;border-radius:1rem}.form-info-user .box-shadown-info{box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px;border:solid 3px rgb(243,243,243);transition:.4s}.form-info-user .form-1{padding:0 1.2rem 2rem;border-radius:1rem;background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,white);border:solid 3px white;font-weight:500;display:grid;grid-template-rows:.2fr 1.3fr 3fr;align-items:end;box-shadow:#0000003d 0 3px 8px;box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px}.form-info-user .form-1 .logo{display:flex;background:white;align-items:start;padding-top:1.25rem}.form-info-user .form-1 .logo img{height:3rem;cursor:pointer;transition:.4s}.form-info-user .form-1 .logo img:hover{opacity:.8}.form-info-user .form-1 .menu .active{color:#000;background:white}.form-info-user .form-1 .item{display:flex;align-items:center;gap:1rem;color:#666c75;margin-top:.5rem;cursor:pointer;padding:.5rem 1rem;border:solid 1px transparent;border-radius:10px}.form-info-user .form-1 .item i{width:2rem}.form-info-user .form-1 .item:hover{color:#000;background:white}.form-info-user .form-1 .item-logout:hover{color:#970000;background:rgb(235,227,227)}.form-info-user .form-1 .footer-form-1 .info-cty{padding:1.5rem;border-radius:2rem;background:linear-gradient(360deg,#e5e7eb,rgb(247,247,248));border:solid 3px rgb(255,255,255);display:grid;gap:1rem;text-align:center;margin-bottom:1rem;font-size:13px;color:#666c6e;box-shadow:#0000000f 0 2px 4px inset}.form-info-user .form-1 .footer-form-1 .info-cty h3{font-weight:700}.form-info-user .form-1 .footer-form-1 .info-cty .btn{box-shadow:none;border-radius:2rem;height:3rem;font-weight:500;background:linear-gradient(90deg,rgb(158,162,167),rgb(131,137,153));color:#fff;transition:.4s}.form-info-user .form-1 .footer-form-1 .info-cty .btn:hover{background:linear-gradient(90deg,rgb(43,44,44),rgb(99,100,104))}.form-info-user .form-2{width:100%}.form-info-user .form-2 .header-form-2{width:100%;background:white;padding:1.2rem;border-radius:1rem;display:flex;justify-content:space-between;height:5.2rem;font-weight:500;align-items:center;box-shadow:#0000003d 0 3px 8px;box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px}.form-info-user .form-2 .header-form-2 .form-left{display:flex;align-items:center}.form-info-user .form-2 .header-form-2 .form-left .info{display:flex;gap:1rem;padding-right:2rem;border-right:solid 2px rgb(214,216,218);margin-right:2rem;align-items:center}.form-info-user .form-2 .header-form-2 .form-left .info span{font-size:.9rem;color:#7c8085}.form-info-user .form-2 .header-form-2 .form-left .info img{height:3rem;width:3rem;border-radius:50%;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border:solid 2px white}.form-info-user .form-2 .header-form-2 .form-left .form-date{border-radius:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;background:rgb(242,242,245);padding:.4rem 1rem;font-size:.8rem}.form-info-user .form-2 .header-form-2 .form-left .form-date i{margin-top:.1rem}.form-info-user .form-2 .header-form-2 .form-right{display:flex;align-items:center;gap:1rem}.form-info-user .form-2 .header-form-2 .form-right .item{background:rgb(242,242,245);height:3rem;min-width:3rem;border-radius:3rem;display:flex;align-items:center;justify-content:center;transition:.4s;cursor:pointer}.form-info-user .form-2 .header-form-2 .form-right .item i{font-size:1.3rem;color:#000}.form-info-user .form-2 .header-form-2 .form-right .item:hover{background:rgb(221,221,226)}.form-info-user .form-2 .header-form-2 .form-right .form-search{width:15rem;padding:0 1rem;gap:1rem;justify-content:start;color:#9a9ca7;font-size:1rem;font-size:.9rem;box-shadow:#0000000f 0 2px 4px inset}.form-info-user .form-2 .body-form-2{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;margin-top:1rem;height:100%}.form-info-user .form-2 .body-form-2 .body-1{height:calc(100% - 6.3rem);display:grid;grid-template-rows:.7fr 1fr;gap:1rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1{background:white;border-radius:1rem;padding:.2rem;height:100%}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img{background-position:center;background-size:cover!important;background:url(/assets/headerUser3-0cbb5dfd.jpg);box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;border-radius:.9rem;display:grid;justify-content:center;text-align:center;align-items:center;height:100%;color:#fff}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img .form-change-img{position:relative}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img .form-change-img .btn-fake-change-img{position:absolute;bottom:0;left:.05rem;right:.05rem;top:3rem;background:rgba(0,0,0,.541);border-radius:0 0 5rem 5rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;display:none}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img .form-change-img .input-avt{position:absolute;background:rgba(255,255,255,0);top:0;right:0;bottom:0;left:0;opacity:0}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img:hover .btn-fake-change-img{display:flex;cursor:pointer}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img img{height:5.5rem;width:5.5rem;border-radius:50%;border:solid 2px white}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img i{height:2rem;width:2rem;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:#0000002e 0 2px 4px;transition:.4s}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img i:hover{background:#e2e3e7}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1 .form-img span{font-size:.7rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2{background:white;border-radius:1rem;padding:1rem 1.5rem;height:100%;display:grid;grid-template-rows:1fr .3fr}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .body{display:grid}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .body h5{color:#000}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .body .item-info{display:flex;justify-content:space-between;color:#000;border-top:solid 1px rgb(230,230,230);padding-top:.5rem;font-weight:500;cursor:pointer;transition:.4s;font-size:1rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .body .item-info .title{color:#818996;font-size:.9rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .body .item-info .title i{width:1.5rem;font-size:1rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .body .item-info:hover{background:linear-gradient(90deg,rgb(240,240,241),white);padding-left:1rem;padding-right:1rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .footer-body{display:flex;align-items:center;border-top:solid 1px rgb(230,230,230);justify-content:end;font-weight:500;color:#000}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .footer-body .form-second{padding-right:2rem;margin-right:2rem;border-right:solid 2px rgb(219,219,219);color:#000;font-size:.8rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .footer-body .btn{height:3rem;width:10rem;background:linear-gradient(90deg,black,rgb(81,82,85));color:#fff;font-weight:500;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;transition:.4s}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2 .footer-body .btn:hover{opacity:.7}.form-info-user .form-2 .body-form-2 .body-2{display:grid;grid-template-rows:1.2fr 1fr;gap:1rem;height:calc(100% - 6.3rem)}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1{padding:.3rem;border-radius:1rem;background:rgb(255,255,255);display:grid;grid-template-rows:2fr 3rem}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body{border-radius:.8rem .8rem 0 0;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;box-shadow:#43475545 0 0 .25em,#5a7dbc0d 0 .25em 1em;background:linear-gradient(180deg,#ebebee,white);text-align:center;font-weight:500;display:grid;padding:1rem;font-size:.7rem;color:#818996}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body h5{font-weight:500;color:#000}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body{position:relative;border-radius:1rem;text-align:left;display:flex;align-items:center;justify-content:center;height:10rem;border:solid 1px transparent;cursor:pointer;transition:.4s}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body .item-noti{position:absolute;color:#f7f9fa;padding:0 .7rem;border-radius:1.2rem;height:4rem;display:grid;grid-template-columns:.1fr 1fr;align-items:center;gap:1rem;box-shadow:#0000001a 0 4px 12px;transition:.4s;font-weight:400}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body .item-noti i{height:2.5rem;width:2.5rem;background:black;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:10px}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body .item-noti-1{margin-bottom:4rem;z-index:3;background:linear-gradient(90deg,#808080,#797979);width:80%;border:solid 1px rgb(122,122,122)}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body .item-noti-2{z-index:2;background:#939393;width:75%}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body .item-noti-3{z-index:1;background:#cbcbcb;margin-top:3rem;width:68%;display:flex;align-items:end;justify-content:center;padding-bottom:.2rem;font-size:.7rem}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body:hover{background:none;border-color:transparent}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body:hover .item-noti-1{margin-bottom:4.6rem;height:4.3rem;width:85%}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body:hover .item-noti-2{margin-bottom:.2rem;width:73%}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .body .form-noti-body:hover .item-noti-3{margin-top:2rem;width:63%}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .footer-noti{border-top:solid 1px rgb(238,236,236);box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;box-shadow:#0000002e 0 2px 4px;background:white;border-radius:0 0 .9rem .9rem;display:flex;align-items:center;padding:0 1rem;justify-content:end}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .footer-noti .btn{background:linear-gradient(90deg,black,rgb(81,82,85));color:#fff;font-size:.9rem;padding:.4rem 1rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:10px;font-weight:500;transition:.4s}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1 .footer-noti .btn:hover{opacity:.5}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2{padding:1rem;border-radius:1rem;background:rgb(255,255,255)}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .justify-content-between{margin-bottom:1rem;height:2rem;padding-left:.5rem;padding-right:1.5rem;color:#000}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .justify-content-between .form-number{padding:.3rem .75rem;border-radius:2rem;font-size:1rem;font-weight:500;color:#003572;background:#f6f6f6;display:flex;align-items:center;gap:.5rem}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .justify-content-between .form-number i{margin-top:.1rem}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .body-list-tk{margin-bottom:.5rem;height:11.5rem;overflow-y:auto}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .body-list-tk .item-list-tk{display:grid;grid-template-columns:.25fr 3fr .4fr;align-items:center;gap:1rem;font-size:.8rem;color:#000;border-radius:1rem;height:4rem;padding:0 1rem;transition:.4s;cursor:pointer;background:linear-gradient(45deg,rgb(242,243,243),rgb(231,233,237));margin-bottom:.5rem}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .body-list-tk .item-list-tk img{width:100%;border-radius:50%;box-shadow:#0000001a 0 1px 2px;border:solid 1px white}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .body-list-tk .item-list-tk i{height:2.5rem;width:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff;font-size:1rem;color:#000;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .body-list-tk .item-list-tk:hover{background:rgb(242,244,245)}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .body-list-tk .item-list-tk:hover i{background:white;box-shadow:#0000001a 0 4px 12px}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .footer-list-tk{font-weight:500;color:#000;display:flex;gap:1rem;align-items:center;padding:.5rem .5rem 0;border-top:solid 1px rgb(231,231,231);height:3rem;transition:.4s;cursor:pointer}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .footer-list-tk:hover span{text-decoration:underline;color:#00327c}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .footer-list-tk:hover i{box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;background:linear-gradient(90deg,rgb(109,135,221),rgb(10,61,138));color:#fff}.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2 .footer-list-tk i{box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:2rem;text-decoration:none!important;height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;font-weight:500;background:linear-gradient(180deg,#c1cbd3,#e9eef3);color:#000}.form-info-user .loader{width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.form-info-user .loader_cube{position:absolute;width:100%;height:100%;border-radius:10px}.form-info-user .loader_cube--glowing{z-index:2;background-color:#fff3;border:2px solid rgba(255,255,255,.3)}.form-info-user .loader_cube--color{z-index:1;filter:blur(2px);background:linear-gradient(135deg,#1afbf0,#da00ff);animation:loadtwo 2.5s ease-in-out infinite}@keyframes loadtwo{50%{transform:rotate(-80deg)}}.form-modal-change-pass .modal-content{box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;background:linear-gradient(90deg,rgb(235,237,240),rgb(255,255,255));border:solid 3px white}.body-modal-change-pass{padding:7rem 10rem 10rem;position:relative}.body-modal-change-pass .btn-close{position:absolute;right:2rem;top:2rem;box-shadow:none}.body-modal-change-pass .form-icon{display:flex;align-items:center;justify-content:center}.body-modal-change-pass .form-icon i{height:4rem;width:4rem;font-size:2rem;padding-top:.2rem;display:flex;align-items:center;justify-content:center;border:solid 2px rgb(198,200,209);border-radius:.8rem;color:#000}.body-modal-change-pass .text-center{margin-top:2rem;color:#9c9da0;font-size:.8rem}.body-modal-change-pass .text-center h5{font-size:1.5rem;font-weight:700;color:#000}.body-modal-change-pass .body{display:grid;gap:1.5rem;margin-top:2rem;font-size:.8rem;font-weight:500}.body-modal-change-pass .body strong{color:#000;margin-left:.1rem;font-weight:500}.body-modal-change-pass .body input{height:3rem;width:100%;border-radius:10px;margin-top:.2rem;border:solid 1.5px rgb(228,230,233);font-weight:500;padding-left:1.5rem}.body-modal-change-pass .body input:focus{outline:none}.body-modal-change-pass .body .btn{margin-top:1rem;height:3rem;font-weight:500;color:#fff;border-radius:10px;background:linear-gradient(90deg,rgb(0,0,0),rgb(113,115,119));box-shadow:#63636333 0 2px 8px;transition:.4s}.body-modal-change-pass .body .btn:hover{opacity:.8}.body-modal-change-pass .body .gap-2{cursor:pointer;font-size:.9rem;color:#82848b}.body-modal-change-pass .body .gap-2:hover{color:#000;text-decoration:underline}@media (max-width: 1800px){.form-info-user{position:absolute}}@media (max-width: 1400px){.form-info-user{grid-template-columns:1fr;padding-left:17rem}.form-info-user .form-1{position:fixed;left:1rem;top:7rem;bottom:1rem;width:16rem;font-size:.8rem;padding:0 .7rem 1rem;gap:.5rem!important}.form-info-user .form-1 .item{padding:.3rem .5rem!important;border-radius:5px}.form-info-user .form-1 .logo img{height:2rem}.form-info-user .form-1 .info-cty{font-size:.5rem!important;padding:.6rem 1rem!important;border-radius:1.5rem!important;border:solid 2px white!important}.form-info-user .form-1 .info-cty h3{font-size:.9rem;margin-bottom:0}.form-info-user .form-1 .info-cty .btn{height:1.75rem!important;font-size:.7rem}.form-info-user .form-2 .header-form-2{box-shadow:#0000003d 0 3px 8px}.form-info-user .form-2 .header-form-2 .info{border:none!important}.form-info-user .form-2 .header-form-2 h6{font-size:.8rem}.form-info-user .form-2 .header-form-2 span{font-size:.7rem!important}.form-info-user .form-2 .header-form-2 .form-date{display:none!important}.form-info-user .form-2 .body-form-2{grid-template-columns:1fr;gap:1rem;padding-bottom:1rem}.form-info-user .form-2 .body-form-2 .body-1 .form-body-1{height:20rem;box-shadow:#0000003d 0 3px 8px}.form-info-user .form-2 .body-form-2 .body-1 .form-body-2,.form-info-user .form-2 .body-form-2 .body-2 .form-noti-1,.form-info-user .form-2 .body-form-2 .body-2 .form-noti-2{box-shadow:#0000003d 0 3px 8px}.form-info-user .form-2 .body-form-2 .body-1,.form-info-user .form-2 .body-form-2 .body-2{height:100%}}.form-bg-1{animation:bgDash .4s forwards;opacity:0}.form-bg-2{animation:bgDash .4s forwards;animation-delay:.1s;opacity:0}.form-bg-3{animation:bgDash .4s forwards;animation-delay:.2s;opacity:0}.form-bg-4{animation:bgDash .4s forwards;animation-delay:.3s;opacity:0}.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}}