@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");html,body{font-family:"Roboto", serif;font-size:14px;padding:0;margin:0;color:#494949;background:#FFF}a:hover{text-decoration:none}img{max-width:100%}#header{background:#FCFCFD;display:flex;align-items:center;justify-content:space-between;padding:5px 12px}#main{padding:50px 20px;padding-bottom:100px}#main .box{background:#FFF;box-shadow:0 11px 34px 0 #78788029;padding:40px 80px;border-radius:30px;max-width:640px;margin:0 auto}@media (max-width: 767px){#main .box{box-shadow:none;padding:0 20px}}#main .box .logo{text-align:center}#main .box .title{margin-top:20px;margin-bottom:40px;text-align:center}#main .box .title h3{font-weight:700;font-size:30px;color:#000}#main .box form.form1 label{display:block;position:relative;margin-bottom:0}#main .box form.form1 label.ppp{display:none}#main .box form.form1 label .img{position:absolute;right:10px;top:16px}#main .box form.form1 label .img img{width:28px}#main .box form.form1 label.has-error input{background:#FFF2F4;border:1px solid #E30000}#main .box form.form1 label.has-error .label-txt{color:#E30000}#main .box form.form1 label.has-error .errmsg{font-size:14px;color:#eb3942;margin-top:5px}#main .box form.form1 label .label-txt{position:absolute;top:17px;left:15px;transition:ease .1s;margin-bottom:0;font-size:16px;color:#6e6e73;font-weight:400}#main .box form.form1 label .label-txt.label-active{top:9px;font-size:12px}#main .box form.form1 label input{width:100%;background:transparent;padding-left:15px;padding-right:10px;padding-top:30px;padding-bottom:13px;border:1px solid #86868b;outline:none;height:56px;color:#494949;font-size:16px;padding-right:53px}#main .box form.form1 label input:focus{outline:2px solid #FFF}#main .box form.form1 label input#username{border-radius:12px 12px 12px 12px}#main .box form.form1 label input#password{border-radius:0 0 12px 12px;margin-top:-1px}#main .box form.form1 label input:focus{border-color:#0071e3;outline:2px solid #0071e3}#main .box .error{max-width:300px;position:relative;background:#FAE9A3;padding:10px 20px;border:1px solid #DBC157;margin:0 auto;margin-top:10px;border-radius:5px;display:none}#main .box .error p{text-align:center;margin-bottom:0;font-weight:500}#main .box form.form2 .has-error input{background:#FFF2F4;border:1px solid #E30000 !important}#main .box form.form2 .has-error input:focus{box-shadow:none !important;outline:0 !important}#main .box form.form2 .has-error .errmsg{font-size:12px;color:#E30000;margin-top:5px}#main .box form.form2 .form-group{max-width:295px;margin:0 auto}#main .box form.form2 .inputs{text-align:center;display:flex;justify-content:space-between}#main .box form.form2 .inputs input{display:inline-block;height:42px;width:42px;border:1px solid #86868b;border-radius:8px;margin-right:5px;text-align:center;font-size:16px}@media (max-width: 575px){#main .box form.form2 .inputs input{height:32px;width:32px}}#main .box form.form2 .inputs input:last-child{margin-right:0}#main .box form.form2 .inputs input:focus{border-color:#0071e3;outline:1px solid #0071e3;box-shadow:none}#main .box .dddd .loader{display:none}#main .box .dddd.w8 .loader{display:block;font-size:13px}#main .box .dddd.w8 .loader img{margin-right:5px}#main .box .dddd.w8 ul{display:none}#main .box p.txt{font-size:18px;text-align:center}#main .box p.txt2{font-size:14px;text-align:center;color:#000}#main .box .help{display:flex;justify-content:space-between}#main .box .help div{width:50%;text-align:center}#main .box .help div img{width:40px;height:40px}#main .box .help div p{margin-bottom:0;color:#0000008f;font-size:14px;margin-top:6px}#main .box .remember{text-align:center;margin-bottom:30px}#main .box .remember span{position:relative;font-size:16px;text-align:center;padding-left:25px}#main .box .remember span:before{content:'';border:1px solid #86868b;border-radius:3px;width:16px;height:16px;position:absolute;left:0;top:2px}#main .box .links{padding:0;margin:0;text-align:center}#main .box .links li{list-style-type:none;font-size:14px;color:#06c;cursor:pointer;margin-bottom:5px}#main .box .links li:last-child{margin-bottom:0}#main .box .links li:hover{text-decoration:underline}#footer{background:#F2F2F7;padding:30px 0}#footer .container{display:flex;justify-content:space-between}@media (max-width: 767px){#footer .container{display:block}}#footer p{margin-bottom:0;font-size:12px;color:#0000008f}#footer ul{padding:0;margin:0}@media (max-width: 767px){#footer ul{margin-bottom:10px}}#footer ul li{list-style-type:none;display:inline-block;color:#0000008f;position:relative;font-size:12px;padding-right:7px;margin-right:7px;cursor:pointer}#footer ul li:after{content:'';height:17px;width:1px;background:#78788029;position:absolute;right:-2px;top:0}#footer ul li:last-child{padding-right:0;margin-right:0}#footer ul li:last-child:after{display:none}
