/* -= Forms =- */
form { margin: 0; padding: 0; }
fieldset{ margin: 0 0 1em 0; padding: 0; border: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { font-weight: 400; color: #555; display: block; font-size: 1.1em; }
label span.sub { font-weight: 400; color: #999; font-size: 0.8em; }
div.field { margin-bottom: 0.5em; float: left; clear: left; }
select { margin: 0; padding: 3px; }
input[type="search"] { -webkit-appearance: textfield; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; cursor: pointer; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="search"]::-ms-clear { display: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
input.checkbox, input.submit, label { cursor: pointer; }

form input#logo { border: none; }
form input:focus,
form input:active { outline: none !important; border: 1px solid #e31e2f; }
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="search"],
form input[type="tel"],
form input[type="email"] { border: 1px solid #ccc; }

form.standard { float: left; margin-bottom: 2em; width: 27.5em; }
form.standard.auto { width: 100%; float: none; }
form.standard fieldset { padding: 1em 2em; margin: 0; }
form.standard div.field { clear: left; padding: 0 0 1em; }
form.standard div.input { padding: 0 0 1em; }
form.standard label { display: block; cursor: pointer; font-size: 1.2em; }
form.standard h3 { padding-bottom: 0.2em; background: rgba(0,0,0,0.5); padding: 0 0.65em; color: #fff; margin-bottom: 1em; line-height: 2em; }
form.standard .ex { display: block; color: #999; }
form.standard .field.submit { float: right; padding-top: 1em; }
form.standard .field.submit input.submit { float: left; }
form.standard input.submit:hover { }
form.standard input.submit,
form.standard a.submit { font-size: 1.2em; }
form.standard input.submit,
form.standard a.submit,
form.standard a.delete,
a.btn, button { color: #fff; border: none; cursor: pointer; padding: 0.7em 1em 0.65em;
    line-height: 1.1em; background: #e31a2d;
    position: relative; text-decoration: none; font-size: 1.2em; text-transform: uppercase;
    font-weight: 600; display: inline-block;
}
form.standard a.delete { background-color: #a00; }
form.standard input.submit.disabled { background: #999; outline: none !important; }
form.standard input.submit.disabled:focus { outline: none !important; }

form.standard .field.submit .or { line-height: 2.5em; padding: 0 1em; float: left; }
form.standard .field.submit .cancel { line-height: 2.5em; float: left; }

form.standard .field.error input.text,
form.standard .field input.text.error { background: #fdd; border-color: #d99; color: #a33; }
form.standard .field.error label,
form.standard .field label.error { color: #a33; }
form.standard .field.f2up { float: left; }
form.standard .field.f2upl { float: left; clear: none; margin-left: 1em; }
form.standard .field .symbol { float: left; font-size: 1.3em; line-height: 1.5em; margin-right: 0.2em; }
form.standard .field.required label:after { content: " *"; color: #e31e2f; }
form.standard .input label.required:after { content: " *"; color: #e31e2f; }
form.standard .submit { clear: both; }

form.standard input[type="password"] { font-family: Arial; letter-spacing: 2px; }

form.standard input[type="text"],
form.standard input[type="email"],
form.standard input[type="password"],
form.standard input[type="search"],
form.standard input[type="tel"],
form.standard input[type="email"],
form.standard select,
form.standard textarea {  height: 22px; width: 18.5em; color: #333; border: 1px solid #ccc !important; background-color: #f3f3f3 !important; padding: 0.3em 0.4em !important; border-radius: 3px !important; font-size: 1.2em; }
form.standard select {height: 34px;-webkit-appearance:none;}
form.standard input[type="text"]:focus,
form.standard input[type="password"]:focus,
form.standard input[type="search"]:focus,
form.standard input[type="email"]:focus,
form.standard input[type="tel"]:focus,
form.standard input[type="email"]:focus,
form.standard label.focus,
form.standard select:focus,
form.standard textarea:focus { color: #000; border-color: #aaa; background-color: #fff; }
form.standard select { width: 19.5em; }
form.standard textarea { min-height: 6em; }
form.standard textarea.full { box-sizing: border-box; width: 100%; }

form.standard.auto input,
form.standard.auto select,
form.standard.auto textarea { max-width: 100%; }

form.standard h1 { margin-bottom: 0.5em; }

form.standard .ui { box-sizing : border-box; }
form.standard .ui.selection { margin-bottom: 1em; width: 100%; }
form.standard .ui.multiple.dropdown > .label { line-height: 1.5em; background: rgba(0,0,0,0.1); box-shadow: none; }
form.standard .ui.dropdown .menu > .item { font-size: 1em; }
form.standard .ui.selection.active.dropdown:hover, 
form.standard .ui.selection.active.dropdown:hover .menu { border-color: #e31a2d; }

i.icon.delete { width: 1.5em; display: inline-block; text-align: center; margin-left: 0.6em; background: rgba(0,0,0,0.0); margin-right: -0.3em; cursor: pointer; }
i.icon.delete:hover { background: rgba(0,0,0,0.1); }
i.icon.delete:after { content: "\2715"; font-style: normal; font-family: monospace }

.users form.standard.centered { margin: 0 auto 5em; float: none; }
.users form.standard.centered fieldset {  }
.users form.standard.centered .field.submit { float: none; }
.users form.standard.centered button { float: right; }
.users form.standard.centered a.forgot { display: inline-block; color: #999; }
.users form.standard.centered .reset-sent p { font-size: 1.1em; text-align: center }
.users form.standard.centered .reset-sent p span.email { display: inline-block; padding: 0.3em 0.6em; background: #555; color: #fff; margin: 1em 0; }

form.standard .input.error .error-message,
form.standard .input.error label { color: #e31e2f; }
form.standard .input.error .form-error { border-color: #e31e2f; }

.auto-filter form.search { position: relative; }
.listing-header .auto-filter form.search input { padding: 0.3em 2em 0.3em 0.5em; border-radius: 3px; width: 12em; }
.auto-filter form.search:after { content: "\e919"; font-family: "icomoon"; position: absolute; right: 1em; right: 0.7em; top: 0.5em; opacity: 0.5; }
.auto-filter form.search:focus:after { content: "\e919"; font-family: "icomoon"; position: absolute; right: 1em; right: 0.7em; top: 0.5em; opacity: 0.5; }

form.standard.payment { width: 100%; }
form.standard.payment .billing .field { clear: none; }
form.standard.payment .card-details .field { clear: left; }
form.standard.payment .card-details select { width: 4em; }
form.standard.payment .card-details .field.exp { margin-right: 2em; }
form.standard.payment .card-details .field.cvv2 { clear: none; }
form.standard.payment .card-details input.cvv2 { width: 4em; }
form.standard.payment .by-line { color: #888; margin-bottom: 0em;}