@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,700;1,9..40,700&family=Manrope:wght@200..800&display=swap);a,a:hover{text-decoration:none}.formlogin,main{position:relative}.dksd h4.title-login,.formlogin h4.title-login{text-align:center;text-transform:uppercase;margin:38px 0 25px}:root{--color1:#e13f45;--color2:#333333;--color3:#808080;--colorok:#31da70;--colorerror:#ff6d6d;--whitecolor:#fff;--colorlink:#409ff5;--spacing:30px;--ratio:1}body{font-family:Manrope,serif;font-optical-sizing:auto;font-style:normal;font-size:14px;font-weight:400;background:url("../images/pattern-bg.jpg") top center}*{outline:0;box-sizing:border-box;padding:0;margin:0}a{transition:.3s ease-in-out}button{transition:.7s ease-in-out!important}main{height:100vh}.formlogin{background:#fff;border-radius:5px;margin-top:5%;display:flex;flex-direction:column;padding:calc(var(--spacing) + 2px) calc(var(--spacing) * 1.5) calc(var(--spacing) * 1.5);border:1px solid #d3d3d3}.formlogin .logo-login{width:120px;height:48px;object-fit:cover;display:block;margin:0 auto}.formlogin h4.title-login{font-weight:700;color:var(--color3)}.dksd h4.thanhcong,.formlogin h4.thanhcong{color:var(--colorok)}.formlogin .formmain button.dangnhap{width:100%;background-color:var(--color1);border:none;font-weight:700;text-transform:uppercase;padding:.6rem 0;font-size:18px;transition:.3s ease-in-out}.formlogin .formmain button.dangnhap:hover{filter:brightness(105%)}.formlogin .formmain button.facebook{background-color:#3b5998}.formlogin .formmain button.google{background-color:#e76150}.formlogin .formmain button.huy{background-color:var(--color3)}.formlogin .formmain .blockbot{display:flex;justify-content:space-between}.dksd footer .menufooter ul li a,.formlogin .formmain .blockbot a{color:var(--color2)}.dksd footer .menufooter ul li a:hover,.formlogin .formmain .blockbot a:hover,.formlogin .formmain .maotp a{color:var(--colorlink)}.formlogin .formmain .blockbot a.btn-dangnhap{font-weight:500;color:var(--colorlink)}.dangnhapmoi h5 a.dangkybtn:hover,.formlogin .formmain .blockbot a.btn-dangnhap:hover,.formlogin .formmain .checkcheck a:hover{text-decoration:underline}.formlogin .formmain .input-group{color:var(--color3)}.formlogin .formmain .input-group i.fa{position:absolute;left:17px;z-index:5;top:12px;font-size:1rem}.formlogin .formmain .input-group input.form-control{font-size:14px;padding:.575rem .75rem .575rem 30px;border-radius:5px!important}.formlogin .formmain .input-group input.form-control::placeholder{text-transform:none!important}.formlogin .formmain .checkcheck{color:var(--color2);align-items:center}.formlogin .formmain .checkcheck .form-check-input{margin-right:5px;border-radius:.25em!important;margin-top:0}.formlogin .formmain .checkcheck a{color:var(--colorlink);transition:.3s ease-in-out}.formlogin .formmain .form-label1{margin-bottom:0}.formlogin .formmain span i{margin-right:5px;color:var(--colorlink)}.formlogin .formmain span strong{color:var(--color1)}.formlogin .formmain .pass .form-control.is-valid,.formlogin .formmain .was-validated .pass .form-control:valid{background-position:right calc(.375em + .1875rem + 1.5rem) center}.formlogin i.bi{position:absolute;right:20px;top:8px;z-index:5;cursor:pointer}footer{width:100%;display:flex;text-align:center;background:var(--whitecolor);margin-top:2rem;bottom:0}footer .mainfooter{position:relative;bottom:0;padding:25px 0}footer .mainfooter img{width:120px;height:48px;object-fit:contain;margin-bottom:25px}footer .mainfooter p{line-height:1.6}.nofixed{position:relative!important}.dangky .formlogin{margin-top:5%}.dksd .logo-login{width:126px;height:58px;object-fit:cover;display:block;margin:2rem auto 1rem}.dksd h4.title-login{color:var(--color2)}.dksd footer{position:fixed;padding-top:0;display:flex;flex-direction:column;margin-top:70px}.dksd footer .menufooter{background-color:#e6e6e6;width:100%;padding:.5rem 0;margin-bottom:1rem}.dksd footer .menufooter ul{list-style:none;display:flex;align-items:center;justify-content:center;margin-bottom:0;padding:0}.dksd footer .menufooter ul li{margin:0 .5rem}.dangnhapmoi{display:flex;align-items:center;justify-content:center;flex-direction:column}.dangnhapmoi h5{color:var(--color3);font-size:.8rem;font-weight:300}.dangnhapmoi h5 a.dangkybtn{font-size:14px;font-weight:700;color:#293087}.dangnhapmoi ul{list-style:none;padding:0;display:flex;justify-content:center;align-items:center;grid-gap:calc(40px * var(--ratio));width:100%}.dangnhapmoi ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--color2);font-weight:500}.dangnhapmoi ul li a img{max-width:100%;margin-bottom:.2rem}.dangnhapmoi ul li a:hover{filter:brightness(120%);color:var(--color3)}.loading-overlay-box{z-index:9999;background:rgba(255,255,255,.5)}.btn-close-for-pc{z-index:99;left:unset;right:1rem;width:40px;height:40px}.toggle-password-btn{right:17px!important;left:unset!important;cursor:pointer}input[type=password]::placeholder,input[type=text]::placeholder{text-transform:capitalize!important}.cursor-pointer{cursor:pointer}.otp-input-container>input[type=number]::-webkit-inner-spin-button,.otp-input-container>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input-container>input[type=number]{-moz-appearance:textfield}@media (max-width:1024px){:root{--ratio:0.4}}@media (max-width:540px){.formlogin{background:0 0;padding:10px!important;border:none!important}.formlogin .logo-login-l{width:130px!important}.formlogin .logo-login-m{width:18px!important}.formlogin .logo-login-r{width:160px!important}footer{font-size:12px}:root{--spacing:15px}}@media (max-width:320px){.formlogin{padding:10px!important;border:none!important}.formlogin .logo-login-l{width:98px!important}.formlogin .logo-login-m{width:13px!important}.formlogin .logo-login-r{width:114px!important}footer{position:relative;margin-top:5%;font-size:12px}.dangnhapmoi ul li a img{max-width:50px}}@media (max-width:230px){.formlogin{padding:10px!important;border:none!important}.formlogin .logo-login-l{width:80px!important}.formlogin .logo-login-m{width:13px!important}.formlogin .logo-login-r{width:100px!important}footer{position:relative;margin-top:5%;font-size:12px}.dangnhapmoi ul li a img{max-width:50px}}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}input:-moz-autofill{box-shadow:0 0 0 1000px #fff inset!important;color:#000!important}input:-ms-autofill{box-shadow:0 0 0 1000px #fff inset!important;color:#000!important}