*{margin:0;padding:0;border:none;outline:0}body{background-image: url("../images/ancash.jpg");font-family:Helvetica,Arial,sans-serif;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#wrapper{width:284px;height:302px}.login-form{margin:0 auto;position:relative;background:#f1f1f1;border:2px solid rgba(0,0,0,.25);border-radius:6px}.login-form .header{padding-top:26px;padding-bottom:14px;display:flex;justify-content:center;align-items:center}.login-form .header h1{font-family:Helvetica,serif;font-weight:280px;font-size:28px;line-height:34px;color:#414848;margin-bottom:10px}.login-form .header span{font-size:11px;line-height:16px;color:#678889}.login-form .content{padding:0 32px 25px 32px}.login-form .content .input{width:188px;padding:8px 15px;font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#9d9e9e;background:#fff;border:2px solid rgba(0,0,0,.25);border-radius:3px}.login-form .content .pass-icon,.login-form .content .password{margin-top:25px}.login-form .content .input:hover{color:#414848;border:2px solid rgba(0,0,0,.35)}.login-form .content .input:focus{color:#414848;border:2px solid #3f9db8}::-webkit-input-placeholder{color:#aaa}::-moz-placeholder{color:#aaa}:-ms-input-placeholder{color:#aaa}:-moz-placeholder{color:#aaa}.login-form .footer{height:36px;padding:26px 32px 26px 32px;overflow:auto;border-top:1px solid #fff;box-shadow:inset 0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.25);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.25)}.login-form .footer input[type=submit]{height:36px;width:100%;padding:14px 22px;font-family:Verdana,serif;font-size:14px;color:#fff;background:#3f9db8;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer;line-height:0}.login-form .footer input[type=submit]:hover{background:#5bc0de}.login-form .footer input[type=submit]:focus{position:relative;bottom:-1px;background:#56c2e1;box-shadow:inset 0 1px 6px rgba(256,256,256,.75);-moz-box-shadow:inset 0 1px 6px rgba(256,256,256,.75);-webkit-box-shadow:inset 0 1px 6px rgba(256,256,256,.75)}.login-form .footer .register{display:block;float:right;padding:10px;margin-right:20px;background:0 0;border:none;cursor:pointer;font-family:Helvetica,serif;font-weight:300;font-size:18px;color:#414848}.login-form .footer .register:hover{color:#3f9db8}.login-form .footer .register:focus{position:relative;bottom:-1px}.login-auth-error{position:absolute;top:0;background:#fc8d83;color:#fff;margin:auto;padding:6px 12px;border-radius:0 0 3px 3px;text-align:center}div.icon-load .spinner{width:32px;height:32px;position:relative;margin:auto}.double-bounce2,div.icon-load .double-bounce1{width:100%;height:100%;border-radius:50%;background-color:#fc8d83;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}div.icon-load .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}