body{height:100%;margin:0;padding:0;font-family:'Open Sans',sans-serif;font-style:normal;font-weight:normal;color:#333}.mainbox{min-height:100vh;width:100%;height:100%;display:flex;flex-wrap:nowrap;justify-content:center}.logobox{margin:auto;text-align:center}.logobox img{width:70%}.loginbox{min-height:100vh;width:70vw;margin:auto;display:flex;flex:1;position:relative}.form{width:450px;margin:auto;display:flex;flex:2;flex-direction:column;align-items:center}.login-row{width:350px;margin-top:30px;display:flex;flex:3;flex-direction:row;flex-wrap:nowrap}.checkbox{width:180px;margin-right:auto;font-size:15px;line-height:35px}input[type="checkbox"]{display:none}input[type="checkbox"]+label::before{width:20px;height:20px;background:#fff;border:1px solid #ccc;display:block;content:"";float:left;margin-top:8px;margin-right:5px;font-family:"Font Awesome 5 Free",serif;font-size:20px;cursor:pointer;line-height:21px;font-weight:900}input[type="checkbox"]:checked+label::before{content:""}.loginbutton{margin-left:auto}.loginbutton button{width:150px;height:35px;background:#87b87f;border-radius:1px;border:0;color:#fff;font-size:20px;line-height:27px}.loginbutton button:hover{background:#629b58;border:3px solid #87b87f}.loginbutton button:disabled{opacity:.65;cursor:not-allowed}.loginbutton button.loading i{display:inline-block}.loginbutton button i{display:none;margin-right:5px}.textbox-row{border-bottom:1px solid #ccc;position:relative;margin-top:30px}.textbox-label{font-size:20px;line-height:27px;bottom:5px;position:absolute;pointer-events:none}.textbox-label-clicked{font-size:15px;line-height:20px;color:#ccc;bottom:30px;position:absolute;pointer-events:none;z-index:1}input[type="text"],input[type="password"]{width:328px;height:35px;border:0;font-size:20px;line-height:27px}input:-webkit-autofill::first-line {font-size:20px;line-height:27px}input[type="text"]:focus,input[type="password"]:focus{outline:0}input[type="text"]:focus+label,input[type="password"]:focus+label{color:#fff}.pw{-webkit-text-security:disc}.textbox-icon{color:#ccc;width:20px;text-align:right}.fail-row,.info-row{font-size:20px;line-height:27px;text-align:center;margin-top:30px}.validation-summary-errors>span{font-weight:bold;color:#d15b47}.validation-summary-errors>ul>li{list-style:none}.error{color:#d15b47}.blue{position:absolute;top:0;right:0;background-color:#4f99c6;height:45px}.footer{position:absolute;bottom:10px;width:100%;text-align:center}.footer span{margin:20px;font-size:15px;line-height:20px}.footer .footer-cc{display:block;margin-top:10px}a{color:#4f99c6;font-size:15px;line-height:20px;text-decoration:none}.field-validation-error{position:absolute;width:350px;padding:0;text-align:center;font-size:15px;right:0;top:37px}.field-validation-error::before{font-family:"Font Awesome 5 Free",serif;content:"";font-weight:900;margin-right:5px;color:#d15b47}@media only screen and (min-width:1300px){.mainbox{flex-direction:row}.loginbox{min-height:100vh;width:70vw;align-items:center;background:linear-gradient(90deg,#e1e1e1 0%,rgba(255,255,255,0) .5%)}.blue{width:70vw}.logobox{width:30vw}.info-row{font-size:20px;line-height:27px}}@media only screen and (max-width:1300px){.mainbox{flex-direction:column}.loginbox{min-height:70%;width:100%;background:none}.blue{width:100vw}.logobox{margin-top:65px;width:50%}.logobox img{width:350px}.form{height:300px}.info-row{font-size:20px;line-height:27px}}@media only screen and (max-width:700px){.logobox img{width:80%}.info-row{font-size:15px;line-height:20px}}