.lbl{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lbl input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:var(--color-e1)}.lbl:hover input~.checkmark{background-color:#ccc}.lbl input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.lbl input:checked~.checkmark:after{display:block}.lbl .checkmark:after{left:5.4px;top:3px;width:3px;height:6px;border:solid #fff;border-width:0 1.8px 1.8px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.input-div{position:relative}.input-div i{position:absolute;top:11px;font-size:24px;transition:.5s}.valid-check{opacity:0;color:var(--color-green);right:11px}.password-eye{opacity:0;right:45px;cursor:pointer}.input-div input{padding-right:40px!important}.input-div input[name=password]{padding-right:80px!important}.login-page{width:440px;padding:12% 0 0;margin:auto}.form{position:relative;z-index:1;background:var(--color-bg);max-width:440px;margin:0 auto 100px;padding:45px;text-align:center;border:1px solid var(--color-gray);border-radius:8px}.form input{font-family:Roboto,sans-serif;outline:0;background:var(--color-f2);color:var(--color-f);width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px}.form button{font-family:Roboto,sans-serif;text-transform:uppercase;outline:0;background:var(--color-lightblue);width:100%;border:0;padding:15px;color:var(--color-w);font-size:14px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.form button:active,.form button:focus,.form button:hover{background:#285e8e}.form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}.form .message a{color:#3276b1;text-decoration:none;cursor:pointer}.form .pw-form,.form .register-form{display:none}.form label{text-align:left;float:left}.form label input{width:auto;text-align:left}body{background:var(--color-bg);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error{color:var(--color-error);float:left;text-align:left;font-family:calibri;margin-bottom:10px}.success{color:var(--color-darkgreen);float:left;text-align:left;margin-bottom:10px}@media only screen and (max-width:500px){.login-page{padding-top:0;width:auto}.form{border:none}}