.passster-form { display: block; position: relative; box-sizing: border-box; width: 100%; max-width: 100%; float: none; flex: none; } .passster-form * { box-sizing: border-box; } .passster-form h4 { margin: 10px 0; } .passster-form > form { display: block; position: relative; width: 100%; max-width: 100%; } .passster-form fieldset { display: block; position: relative; border: none; margin: 0; padding: 0; min-width: 100%; width: 100%; max-width: 100%; float: none; flex: none; } .passster-form input[type="text"], .passster-form input[type="email"], .passster-form input[type="password"], .passster-form input.passster-password { display: block; width: 100%; max-width: 100%; height: auto; min-height: 40px; border: 1px solid #CCC; border-radius: 4px; background: #FFF; margin: 0 0 10px; padding: 10px; box-sizing: border-box; font-size: 16px; line-height: 1.4; float: none; flex: none; position: relative; transform: none; } .passster-form input[type="text"]:hover, .passster-form input[type="email"]:hover, .passster-form input[type="password"]:hover { border-color: #AAA; transition: border-color 0.3s ease-in-out; } .passster-form input[type="text"]:focus, .passster-form input[type="email"]:focus, .passster-form input[type="password"]:focus, .passster-form input.passster-password:focus { outline: none; border-color: #0073aa; box-shadow: 0 0 0 1px #0073aa; transform: none; position: relative; } .passster-form button[type="submit"], .passster-form .passster-submit { display: block; width: 100%; max-width: 100%; height: auto; min-height: 40px; cursor: pointer; border: none; border-radius: 4px; text-decoration: none; font-size: 16px; line-height: 1.4; padding: 10px 20px; margin: 0; float: none; flex: none; position: relative; transform: none; } .passster-form button[type="submit"]:hover { transition: background-color 0.3s ease-in-out; } .passster-form button[type="submit"]:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); } .passster-form button[type="submit"]:focus { outline: 2px solid #0073aa; outline-offset: 2px; } .passster-form input::placeholder { color: #888; opacity: 1; } .passster-form input::-webkit-input-placeholder { color: #888; } .passster-form input:-moz-placeholder { color: #888; } .passster-form input::-moz-placeholder { color: #888; } .passster-form input:-ms-input-placeholder { color: #888; } .passster-form .ps-form-headline { display: block; position: relative; margin-bottom: 10px; } .passster-form p { display: block; position: relative; margin: 0 0 15px; } .passster-captcha-input { float: left; width: 70%; padding-right: 20px; box-sizing: border-box; } .passster-recaptcha-input { float: right; width: 30%; padding-top: 15px; } .passster-recaptcha { float: left; width: 50%; padding-left: 20px; box-sizing: border-box; } .passster-form .passster-error { display: none; width: 100%; max-width: 100%; text-align: center; float: none; clear: both; padding: 10px; margin-top: 10px; background: #e95353; color: white; font-size: 14px; border-radius: 4px; box-sizing: border-box; } .passster-hide { display: none; } .passster-form .show-password-link { display: block; position: absolute; z-index: 11; font-size: 0.8rem; right: 10px; top: 50%; transform: translateY(-50%); } .passster-form .password-showing { width: 100%; display: inline; } .passster-form .ps-loader { display: none; width: 30%; max-width: 100px; margin: 0 auto 10px auto; text-align: center; } .passster-form .ps-loader img { max-width: 100%; height: auto; } .passster-form .passster-hidden { display: none; } .passster-form label:not(.passster-hidden) { display: block; margin-bottom: 5px; } .passster-form::after { content: ""; display: table; clear: both; }