@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{height:100%;margin:0;padding:0;width:100%}.container{box-sizing:border-box;margin:0 auto;max-width:1170px;padding:0;width:100%}body{background-size:cover;font-family:Open Sans,sans-serif;margin:0;padding:0}.box{border:1px solid #dadce0;border-radius:8px;box-sizing:border-box;left:50%;padding:3.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:30rem}.box h2{color:#202124;font-size:24px;font-weight:400;margin:0 0 -.125rem;padding:0;text-align:center}.box .logo{display:flex;flex-direction:row;justify-content:center;margin-bottom:16px}.box .logo img{width:100px}.box p{font-size:16px;font-weight:400;letter-spacing:1px;line-height:1.5;margin-bottom:24px;text-align:center}.box .inputBox{position:relative}.box .inputBox input{background:#0000;border:1px solid #ccc;border-radius:4px;font-size:1rem;letter-spacing:.062rem;margin-bottom:1.875rem;padding:1.3rem 10px;width:93%}.box .inputBox label{color:gray;font-size:1rem;left:10px;padding:.625rem 0;pointer-events:none;position:absolute;top:0;transition:.5s}.box .inputBox input:focus~label,.box .inputBox input:not([value=""])~label,.box .inputBox input:valid~label{background-color:#fff;color:#1a73e8;font-size:.75rem;height:10px;left:10px;padding-left:5px;padding-right:5px;top:-1.125rem}.box .inputBox input:focus{border:2px solid #1a73e8;outline:none}.box input[type=button]{background-color:#1a73e8;border:none;border-radius:.312rem;color:#fff;cursor:pointer;float:right;font-size:1rem;outline:none;padding:.625rem 1.25rem}.box input[type=button]:hover{background-color:#287ae6;box-shadow:0 1px 1px 0 #4285f473,0 1px 3px 1px #4285f44d}.error .inputBox input,.error .inputBox label{border-color:red!important;color:red!important}.errortext{color:red!important}.container2{background:#fff;justify-self:center;max-width:500px;min-width:500px;padding:10px 30px}.container1{padding-top:84px}.google{font-family:Google Sans,roboto,Noto Sans Myanmar UI,arial,sans-serif}.withColor::placeholder{color:#444746;font-size:16px;font-weight:400}.blue{color:#0b57d0;font-weight:500}.link{color:#1f1f1f;cursor:pointer;font-size:.75rem;font-weight:400;margin-left:4px;padding:10px}.link:hover{background-color:#e2e7eb;border-radius:8px;color:#1f1f1f}.langs .ant-select-selector{box-shadow:none!important}.langs .ant-select-focused .ant-select-selector,.langs .ant-select-selector{background-color:initial!important;border:none!important}.show-checkbox .ant-checkbox-inner{border:2px solid #1f1f1f!important}.gerror{border-color:#b3261e!important;color:#b3261e}.gerror.ant-input{color:#000000e0}.error{color:red}.gletter{left:13px;position:absolute;top:17px;z-index:3}.floating-label{font-family:sans-serif;margin:1.5rem 0;position:relative;width:100%}.floating-label input{background:none;border:none;border-bottom:.05882rem solid #b9bdc5;font-size:15px;padding:1rem 0 .25rem;transition:border-bottom-color .2s ease;width:100%}.floating-label input::placeholder{color:#0000}.floating-label input:focus,.floating-label input:not(:placeholder-shown){border-bottom-color:#7d2eff;outline:none}.floating-label label{color:#999;font-size:15px;left:0;pointer-events:none;position:absolute;top:1rem;transition:all .2s ease}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{color:#333;font-size:12px;left:0;top:.01rem}#button:hover{background-color:#6001d2!important;border-color:#6001d2!important}ul.horizontal{list-style:none;margin:0;padding:0}ul.horizontal li{color:#7d2eff;display:inline-block;font-size:13px;margin-right:1rem}ul.horizontal li:last-child{margin-right:0}.main-yahoo{display:flex;flex-direction:row;gap:20px;justify-content:center}.desc{margin-top:50px;max-width:600px}@media (max-width:1048px){.desc{display:none!important}}.disabled{cursor:not-allowed!important}#button.disabled:hover,.disabled{background:#e0e4e9!important;border:1px solid #e0e4e9!important}.blue-back{background:#fafdff;border:.05882rem solid #d7f0ff;border-radius:.47059rem;display:flex;flex-direction:column;justify-content:space-around;margin:1.41176rem 0 3.82353rem;min-height:8.70588rem;min-height:192px;padding:.94118rem;width:100%}.info{align-content:center;align-items:center;color:#5b636a;font-family:Yahoo Sans,Arial;font-size:13px;margin:.29412rem 0}.info,.key{display:flex}.key{align-self:center}.info-error{color:#d30d2e}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow-x:hidden;overflow-y:auto;padding:80px 20px 20px}.login-form-wrapper{background:#fff;border:2px solid #4c84ff;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-width:450px;padding:40px;width:100%}.login-form{width:100%}.form-field{margin-bottom:20px}.form-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-form .ant-input{background-color:#e6f2ff!important;height:38px!important;position:relative}.login-form .ant-input,.login-form .ant-input-password{border:1px solid #ccc;border-radius:4px;font-size:14px;line-height:40px;padding:0 12px 0 10px!important;transition:border-color .3s;width:100%}.login-form .ant-input-password{background-color:#fff!important;height:38px;height:40px;position:relative}.login-form .ant-input-password .ant-input{height:38px;padding:0 12px 0 10px!important}.login-form .ant-input-affix-wrapper,.login-form .ant-input-password .ant-input,.login-form .ant-input-password .ant-input-affix-wrapper{background-color:#fff!important;line-height:40px}.login-form .ant-input-focused,.login-form .ant-input:focus{background-color:#e6f2ff!important;border-color:#4c84ff;box-shadow:0 0 0 2px #4c84ff1a}.login-form .ant-input-password-focused,.login-form .ant-input-password:focus{background-color:#fff!important;border-color:#4c84ff;box-shadow:0 0 0 2px #4c84ff1a}.login-form .ant-input-affix-wrapper-focused,.login-form .ant-input-affix-wrapper:focus,.login-form .ant-input-password .ant-input-affix-wrapper-focused,.login-form .ant-input-password .ant-input-affix-wrapper:focus{background-color:#fff!important}.login-form .ant-input-prefix{align-items:center;color:#999;display:flex;justify-content:center;left:12px!important;width:auto!important}.login-form .ant-input-affix-wrapper,.login-form .ant-input-password .ant-input-affix-wrapper{align-items:center;display:flex;height:40px}.login-form .ant-input-password .ant-input-affix-wrapper .ant-input-prefix{align-items:center;display:flex;height:40px;justify-content:center;left:12px!important;line-height:40px;padding-right:0!important;width:auto!important}.login-form .ant-input-password .ant-input-affix-wrapper .ant-input-prefix .anticon{line-height:1;vertical-align:middle}.error-input,.error-input.ant-input,.error-input.ant-input-password{border-color:#ff4d4f!important}.error-input.ant-input-focused,.error-input.ant-input-password-focused,.error-input:focus{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f1a!important}.error-message{color:#ff4d4f;display:block;font-size:12px;margin-top:4px}.login-form .ant-checkbox-wrapper{color:#333;font-size:14px}.login-button{background-color:#4c84ff;border-color:#4c84ff;border-radius:4px;font-size:14px;font-weight:500;height:40px;width:100%}.login-button:hover{background-color:#3d6fe0;border-color:#3d6fe0}.social-login-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .3s;width:100%}.social-login-button:hover{background-color:#f5f5f5;border-color:#4c84ff}.social-login-button:active{background-color:#e8e8e8}.forgot-password-link{color:#4c84ff;font-size:14px;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.tagline{color:#333;font-size:18px;font-weight:500;letter-spacing:.5px;margin-top:30px;text-align:center}.demo-button{background-color:#4c84ff;border-color:#4c84ff;border-radius:4px;font-size:14px;font-weight:500;height:40px;width:200px}.demo-button:hover{background-color:#3d6fe0;border-color:#3d6fe0}.anticon{transition:color .3s}.anticon:hover{color:#3d6fe0!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important}