.ti-login{width:330px;padding:30px;margin:0 auto;background-color:#FAFAFA;position:relative;color:#111;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.3)}.ti-login h4{text-align:center;color:#8e8e8e;font-weight:100;font-size:20px;margin:20px 0}.ti-login .btn{cursor:pointer}.ti-login .form-group{margin:0}.ti-login .form-group .help-block{display:none}.ti-login .form-group.field-loginform-password,.ti-login .form-group.field-resetpasswordform-password{z-index:1;position:relative;-webkit-transitio:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.ti-login .form-group .input-with-icon{position:relative}.ti-login .form-group .input-with-icon svg{width:25px;height:25px;position:absolute;left:6px;top:9px;z-index:1000}.ti-login .form-group.field-resetpasswordform-password:before{color:#7FDBFF}.ti-login .form-group.field-loginform-username{z-index:2;position:relative}.ti-login .form-group .form-control{position:relative;font-size:16px;height:auto;padding:10px 10px 10px 34px;border-color:#d1d1d1;color:#111;border-radius:1px;box-sizing:border-box;box-shadow:none;z-index:1}.ti-login .form-group .form-control#loginform-password{margin-bottom:0}.ti-login .form-group .form-control:focus{z-index:2;box-shadow:none;border-color:#d1d1d1}.ti-login .form-group .form-control::-webkit-input-placeholder{color:#d1d1d1;font-weight:300;font-size:16px}.ti-login .form-group .form-control:-moz-placeholder{color:#d1d1d1;font-weight:300;font-size:16px;opacity:1}.ti-login .form-group .form-control::-moz-placeholder{color:#d1d1d1;font-weight:300;font-size:16px;opacity:1}.ti-login .form-group .form-control:-ms-input-placeholder{color:#d1d1d1;font-weight:300;font-size:16px}.ti-login .form-group .form-control::-ms-clear,.ti-login .form-group .form-control::-ms-reveal{display:none;width:0;height:0}.ti-login .form-group .forgot-button{width:50px;height:20px;color:#d1d1d1;font-size:13px;font-weight:300;text-align:right;position:absolute;right:12px;top:12px;z-index:3;cursor:pointer}.ti-login .form-group.has-error .form-control{border-color:#d1d1d1}.ti-login .form-group.has-error .form-control:focus{box-shadow:none}.ti-login .btn-primary{margin-top:10px;border-radius:1px}.ti-login .btn-google,.ti-login .btn-facebook{border-radius:1px;color:#fff}.ti-login .btn-google:hover,.ti-login .btn-facebook:hover{color:#fff}.ti-login .btn-facebook{background-color:#3B5998;border-color:#3B5998}.ti-login .btn-facebook:hover{background-color:#355089;border-color:#355089}.ti-login .btn-facebook:active{background-color:#324c82;border-color:#324c82}.ti-login .btn-google{background-color:#DF4A32;border-color:#DF4A32}.ti-login .btn-google:hover{background-color:#da3c22;border-color:#da3c22}.ti-login .btn-google:active{background-color:#d23921;border-color:#d23921}.ti-login .cancel-button{color:#CCC;margin-bottom:-20px;font-size:13px;opacity:1;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.ti-login .cancel-button:active{box-shadow:none;color:#b3b3b3}.ti-login .cancel-button.off{opacity:0}.ti-login .error{color:#fc7b53;margin-top:10px;text-align:center;position:absolute;bottom:3px;width:330px;height:30px;left:0;opacity:0;font-size:13px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.ti-login .error.on{opacity:1}.ti-login.signin .field-loginform-username .form-control{margin-bottom:-1px}.ti-login.signin .cancel-button{display:none}.ti-login.signin .field-loginform-password{margin-top:-1px;opacity:1}.ti-login.signin .error.on{bottom:-3px}.ti-login.forgot .field-loginform-username:before{color:#7FDBFF}.ti-login.forgot .field-loginform-username .form-control{margin-bottom:0}.ti-login.forgot .field-loginform-password{margin-top:-44px;opacity:0}.ti-login.forgot .cancel-button{display:block}.ti-login.forgot .or-text{display:none}.ti-login.forgot .error.on{bottom:5px}.ti-login.reset .error.on{bottom:-3px}.ti-login:not(.branded) .form-group .input-with-icon svg{fill:#009AFF}.ti-login:not(.branded) .form-group .forgot-button:hover{color:#009AFF}.ti-login:not(.branded) .btn-primary{background-color:#009AFF;border-color:#008eeb}.ti-login:not(.branded) .btn-primary:hover{background-color:#0094f5}.ti-login:not(.branded) .btn-primary:active{background-color:#008eeb}.ti-login:not(.branded) .cancel-button:hover{color:#7FDBFF}