#login,#register-div{width:400px;position:relative;box-shadow:0 3px 20px 0px rgba(0,0,0,0.1);font-family:calibri;border:0.1px solid #c7bca1;margin:auto}.back{width:400px;margin:20px auto;margin-top:30px;display:block}#login{margin-top:20px;padding-bottom:20px;overflow:hidden}#register-div{margin-top:20px;padding:22px 0px;text-align:center;font-size:16px;margin-bottom:50px}#register-div p{margin:auto}#register-div a,#login .forgot a{text-decoration:none;color:#0d6efd}#register-div a:hover,#login .forgot a:hover{text-decoration:underline}#login .heading{font-size:33px;text-align:center;margin-top:40px;margin-bottom:40px;font-family:"Namdhinggo",serif}#login .error,#login .verify-error{background:#ffc7c7;color:#9c0a0a;max-width:83%;margin:auto;text-align:center;border-radius:5px;padding:10px;font-size:16px;position:relative;display:none;padding-right:32px;margin-top:20px}#login .verify-error.success{background:#d1e7dd;color:#0f5132}#login .error .cross,#login .verify-error .cross{position:absolute;right:8px;padding:4px 7px;top:1px;cursor:pointer}#login .field{margin-top:25px}#login .field h5{margin:0px;font-size:17px;font-weight:600;width:100%;text-align:left}#login .field h5::after{content:"*";color:red;font-weight:300;margin-left:2px;font-size:16px}#login .field input{padding:7px;padding-left:10px;margin-top:10px;font-size:14px;width:93%;border:1px solid #c7bca1;border-radius:3px}#login .field input:focus{outline:none;border:1px solid black}#login .info{color:grey;font-size:14px;width:90%;margin-top:4px;font-family:calibri;line-height:1.4;margin-left:18px}#login .remember{position:relative;margin-top:10px;margin-left:10px;display:flex;align-items:center;gap:10px}#login .remember input{height:20px;width:20px}#login .remember input:checked{accent-color:#3174c7}#login .remember p{display:inline;font-size:16px;margin-left:10px}#login .forgot{text-align:center;margin-top:20px;font-size:15px;margin-bottom:-30px}#login .forgot a{text-decoration:none}#login .field button{padding:10px;width:250px;background:#df8f30;color:#fef9a7;border:none;border-radius:5px;opacity:0.9;font-size:16px;cursor:pointer;margin-left:40px}#login .field button:hover{opacity:1}#login .email-form{margin:30px}#login input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none}#login .email-form .password-field{position:relative}#login .email-form .eye{position:absolute;cursor:pointer;font-size:17px;color:grey;display:inline;margin-left:-45px;padding:7px;top:30px;right:10px}#login .email-form #hide1{display:none}#login .email-form #hide2{display:inline}#login .email-form.hide{padding:0px;border:none}#login .email-form{display:block}#login .verify-mail-div{position:absolute;opacity:0;max-width:450px;left:130%;width:99%;top:40px;background:white;padding-bottom:20px;border:1px solid grey;margin-top:-40px;padding-top:20px}#login .verify-mail-div .title{text-align:center;display:block;margin-top:30px;font-weight:bold;font-size:26px;font-family:system-ui;color:#1556b8;color:#343333}#login .verify-mail-div h2{text-align:center;margin-top:50px;margin-bottom:20px;font-size:16px;width:80%;margin-left:35px;line-height:1.8;color:#6f6f6f;font-family:arial;font-weight:400}#login .verify-mail-div .email{color:#1d64c1}#login .verify-mail-div button{font-size:18px;opacity:0.95;width:128px;font-weight:bold;color:white;border:0 none;border-radius:10px;cursor:pointer;padding:9px 20px;margin-top:55px}#login .verify-mail-div #previousMail{margin-left:60px;background:white;border:1px solid #c4bfbf;color:#186bd7}#login .verify-mail-div #submitMail{background:#186bd7;margin-left:25px}#login .verify-mail-div #previousMail:hover{background:#e8f0fe}#login .verify-mail-div #submitMail:hover{background:#1c5dc6}#login .verify-mail-div p{margin-top:-30px;margin-left:35px;margin-bottom:40px;font-size:17px;color:red}#login .verify-mail-div .code{display:block;width:100%;text-align:center;margin-top:55px;border-top:1px solid #d0c5c5;padding-top:18px;font-size:16px;color:#514f4f}#login .verify-mail-div .resend{cursor:pointer;color:#7e1bb0;font-size:16px;font-weight:600;margin-left:3px}#login .verify-mail-div .resend:hover{text-decoration:underline}#login .verify-mail-div .resend.disabled{cursor:default;color:grey;text-decoration:none}#login .verify-mail-div #countdown{font-size:15px;color:purple;font-weight:bold}@media screen and (max-width:450px){#login,#register-div,.back{width:90%}#login .field button{margin-left:5%;width:85%}#login .email-form{margin:30px 20px;margin-left:30px}#login .info{width:84%;margin-left:20px}}@media screen and (max-width:360px){#login .heading{width:95%;margin:auto;margin-top:30px;margin-bottom:45px;font-size:30px}#register-div{padding:18px 0px}#login .email-form{margin:30px 14px;margin-left:15px}#login .email-form .eye{right:3px}}