@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");html,body{font-family:'Open Sans', sans-serif;font-size:14px;padding:0;margin:0;color:#333}a:hover{text-decoration:none}img{max-width:100%}#header{padding:20px 20px;border-bottom:4px solid #007EAE}#login-area{max-width:980px;margin:0 auto;padding-bottom:30px}@media (max-width: 767px){#login-area{padding-left:20px;padding-right:20px}}#login-area form{max-width:602px;margin:0 auto}#login-area form #tables{margin-bottom:20px;display:flex;justify-content:space-between;background:#24afe4;padding:10px 10px 0 10px;border-radius:5px;overflow-x:scroll}#login-area form #tables table{width:19%}#login-area form #tables table th{color:#fff;font-weight:400;text-align:center;font-size:12px;padding-bottom:5px}#login-area form #tables table td{padding-bottom:10px}#login-area form #tables table input{height:inherit;width:100%;font-size:12px;border:0;height:24px;padding:2px 5px;text-align:center;background:#eee}#login-area form #tables table .pass input{width:100%;background:#75d9ff;color:#000}#login-area form #tables table .nnn{cursor:auto}#login-area form .box{color:#000}#login-area form .box .has-error input{border-color:red !important}#login-area form .box .has-error .error-message{color:red;font-size:12px;margin-top:3px}#login-area form .box p,#login-area form .box label{margin-bottom:0;font-size:13px}@media (max-width: 767px){#login-area form .box p,#login-area form .box label{margin-bottom:3px}}#login-area form .box input[type="text"],#login-area form .box input[type="password"],#login-area form .box input[type="email"]{max-width:200px;border:1px solid #b8b8b8;padding:3px;height:23px}#login-area form .box select{max-width:200px;border:1px solid #b8b8b8;height:23px}#login-area form .box .upload-area label{border:3px dashed #24afe4;padding:40px;width:100%;cursor:pointer;text-align:center !important}@media (max-width: 575px){#login-area form .box .upload-area label{padding:10px}}#login-area form .box .upload-area label.has-error{border-color:red !important;background:rgba(255,0,0,0.1)}#login-area form .box .upload-area label p{text-align:center;color:#000;font-size:16px;font-weight:400;text-align:center;margin-bottom:0}#login-area form .box .upload-area label .click-here{font-size:24px;background:#dedede;padding:10px 20px;border-radius:10px;display:inline-block;color:#505050}#login-area form .box .upload-area label #progressBar{margin-top:0;width:0%;height:auto;background-color:#3498db;border-radius:10px;color:#FFF;font-size:16px}#login-area form .box .upload-area label #progressBar div{opacity:0.7;font-size:14px;font-weight:300}#login-area form .box .upload-area label #progressBar div b{font-weight:700}#login-area form .has-error input{border:2px solid #e32c00 !important}#login-area form .has-error .error-message{color:#e32c00;font-size:15px;font-weight:600;margin:17px 5px}#login-area form legend{text-align:center;margin:30px 0}#login-area form legend h3{color:#007eae;font-size:26px;font-weight:600}#login-area form legend p{margin-top:30px;font-size:16px}#login-area form legend p span{color:red;font-size:13px;line-height:16px;display:block;margin-top:20px}#login-area form label{font-weight:600;font-size:13px}#login-area form label span{color:#007eae;font-size:12px;font-weight:400;display:inline-block;margin-left:10px}#login-area form input[type="text"],#login-area form input[type="password"]{background:#f6f6f6;padding:10px;font-size:17px;color:#333;border-radius:4px;border:0;border-bottom:2px solid #68777d;height:47px;font-weight:600}#login-area form input[type="text"]:focus,#login-area form input[type="password"]:focus{box-shadow:none;outline:0;border-bottom:2px solid #007eae}#login-area form button{background:#007eae;color:#fff;font-size:13px;font-weight:700;display:inline-block;padding:10px;text-align:center;border-radius:2px;width:100%;border:0;transition:all 0.3s}#login-area form button:focus{background:#015879}#login-area form button:hover{background:#015879}#login-area form #passnumbers{max-width:320px;margin:0 auto}#login-area form #passnumbers table{width:100%}#login-area form #passnumbers table tr td span{border:1px solid #DDDDDD;display:flex;align-items:center;justify-content:center;height:35px;width:50px;height:50px;font-weight:700;font-size:16px;color:#000;cursor:pointer}#login-area form ul.list1{padding:0;margin:0;text-align:center}#login-area form ul.list1 li{display:inline-block;font-size:13px;color:#007eae;margin-right:20px;cursor:pointer}#login-area form ul.list1 li:last-child{margin-right:0}#login-area form ul.list1 li:hover{text-decoration:underline}#login-area form p.check{font-size:13px;margin-bottom:30px;position:relative;padding-left:23px}#login-area form p.check:before{content:'';width:18px;height:18px;border:1px solid #666;position:absolute;left:0;top:1px}#login-area #footer{margin-top:50px}#login-area #footer hr{margin-top:30px}#login-area #footer p{text-align:center;color:#68777d;font-size:11px}#login-area #footer p span{display:inline-block;margin:0 10px}.loader{text-align:center}.loader p{color:#333;font-size:13px;margin-bottom:0}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#007EAE}.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}