/* Fontawseome standards */
form.newForm .field:not(.noicon)::before, form.newForm .field.password::before, form.newForm .field.number::before, form.newForm .field.bid::before, form.newForm .field.search::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 }
form.newForm .field:not(.noicon)::before, form.newForm .field.password::before, form.newForm .field.number::before, form.newForm .field.bid::before, form.newForm .field.search::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1 }
form.newForm .field:not(.noicon)::before.fa-pull-left, form.newForm .field.password::before.fa-pull-left, form.newForm .field.number::before.fa-pull-left, form.newForm .field.bid::before.fa-pull-left, form.newForm .field.search::before.fa-pull-left, form.newForm .field:not(.noicon)::before.fa-pull-right, form.newForm .field.password::before.fa-pull-right, form.newForm .field.number::before.fa-pull-right, form.newForm .field.bid::before.fa-pull-right, form.newForm .field.search::before.fa-pull-right { margin-left: 0.3em }
form.newForm .field:not(.noicon)::before, form.newForm .field.password::before, form.newForm .field.number::before, form.newForm .field.bid::before, form.newForm .field.search::before { font-family: 'Font Awesome 5 Free'; font-weight: 900 }

form.newForm .buttons button { display: inline-block; font-size: 1em; font-weight: bold; color: #fff; cursor: pointer; border: 0; background: #0a5599; border-radius: 0.25em; padding: 0 2em; line-height: 3em; text-transform: uppercase; text-align: center; -webkit-transition-property: padding; -webkit-transition-duration: 0.1s; transition-property: padding; transition-duration: 0.1s }
form.newForm .buttons button self:not(.fas,.far) { font-family: 'Open Sans', Roboto, sans-serif }
form.newForm .buttons button:hover,
form.newForm .buttons button:focus,
form.newForm .buttons button.selected { background: #0e74d3; padding: 0 2.25em; color: #fff }
form.newForm .buttons button.submit { background: #4f9b29 }
form.newForm .buttons button.submit:hover,
form.newForm .buttons button.submit:focus,
form.newForm .buttons button.submit.selected { background: #5db530 }
form.newForm .buttons button.cancel { background: #d33 }
form.newForm .buttons button.cancel:hover,
form.newForm .buttons button.cancel:focus,
form.newForm .buttons button.cancel.selected { background: #f71b1b }
form.newForm .buttons button.rounded { border-radius: 1.5em; padding: 0; width: 3em }
form.newForm .buttons button.small { font-size: 0.875em; line-height: 2em }
form.newForm .buttons button .short { display: none }
@media screen and (max-width: 768px) {form.newForm .buttons button .short { display: inline }
form.newForm .buttons button .long { display: none } }

form.newForm.searchForm .field:before { background: rgba(0, 0, 0, .4); color: #fff; text-align: center; width: 2.25em; line-height: 2.25em; border-radius: 1.5em }
form.newForm.searchForm .field:before:hover { background: #0e74d3 }

form.newForm { color: rgba(0, 0, 0, .8) }
form.newForm .field { position: relative; margin-bottom: 1em !important }
form.newForm .field label { display: block; width: 100%; line-height: 3em; color: rgba(0, 0, 0, .4) !important; font-weight: normal; font-size: 0.875em; line-height: 1.5em; text-transform: uppercase }
form.newForm .field input { outline: 0; width: 100%; font-size: 1em }
form.newForm .field input[type="text"],
form.newForm .field input[type="password"],
form.newForm .field input[type="number"],
form.newForm .field input[type="date"],
form.newForm .field input[type="phone"] { background: rgba(0, 0, 0, .1); border: none; line-height: 3em; text-indent: 3em; padding: 0; border-radius: 0.25em }
form.newForm .field .errMsg { position: absolute; bottom: 0; left: calc(2em * 2); color: #d33; font-size: 0.75em }
form.newForm .field:before { position: absolute; top: calc(0.875em * 1.5); left: 0; line-height: 3em !important; background: rgba(0, 0, 0, .4); color: #fff; text-align: center; border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em }
form.newForm .field:not(.noicon)::before { content: "\f031"; width: 2em }
form.newForm .field.noicon:before { content: '\00a0'; width: calc(2em / 4) }
form.newForm .field.noicon input[type="text"],
form.newForm .field.noicon input[type="password"],
form.newForm .field.noicon input[type="number"],
form.newForm .field.noicon input[type="date"],
form.newForm .field.noicon input[type="phone"] { text-indent: 1.25em }
form.newForm .field.password::before { content: "\f084" }
form.newForm .field.number::before { content: "\f00a" }
form.newForm .field.bid::before { content: "\f0e3" }
form.newForm .field.search::before { content: "\f002" }
form.newForm .field.date::before { content: "\f783" }
form.newForm .field:focus-within:not(.error):before { background: #0e74d3 }
form.newForm .field:focus-within:not(.error) label { color: #0e74d3 }
form.newForm .field:focus-within:not(.error) input[type="text"],
form.newForm .field:focus-within:not(.error) input[type="password"],
form.newForm .field:focus-within:not(.error) input[type="number"],
form.newForm .field:focus-within:not(.error) input[type="date"],
form.newForm .field:focus-within:not(.error) input[type="phone"] { border-bottom-color: #0e74d3 }
form.newForm .field.error:before { background: #d33 }
form.newForm .field.error label { color: #d33 }
form.newForm .field.error input[type="text"],
form.newForm .field.error input[type="password"],
form.newForm .field.error input[type="number"],
form.newForm .field.error input[type="date"],
form.newForm .field.error input[type="phone"] { border-bottom-color: #d33 }
form.newForm .buttons { text-align: center; overflow: visible; outline: 0 }
form.newForm.oneLiner { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-gap: 1em }
form.newForm.oneLiner .hidden { display: none }
form.newForm.oneLiner .buttons { text-align: right; padding-top: calc(0.875em * 1.5) }
form.newForm.noButton .buttons { display: none }
form.newForm.noLabel .field:before,
form.newForm.noLabel .field:after { top: 0 }
form.newForm.noLabel .field label { display: none }
form.newForm.noLabel .buttons { padding-top: 0 }
form.newForm.rounded .field input[type="text"],
form.newForm.rounded .field input[type="password"],
form.newForm.rounded .field input[type="number"],
form.newForm.rounded .field input[type="date"],
form.newForm.rounded .field input[type="phone"] { border: 0; border-radius: 1.5em }
form.newForm.searchForm { position: relative; display: block; max-width: 32em; margin: 0 auto; font-size: 0.75em }
form.newForm.searchForm .field { margin: 0 !important; width: 100% }
form.newForm.searchForm .field:before { width: 3em; position: absolute; left: calc(100% - 3em) }
form.newForm.searchForm .field input[type="text"],
form.newForm.searchForm .field input[type="password"],
form.newForm.searchForm .field input[type="number"],
form.newForm.searchForm .field input[type="date"],
form.newForm.searchForm .field input[type="phone"] { text-indent: calc(3em * .5) }
form.newForm.searchForm .buttons { position: absolute; right: 0 }
form.newForm.searchForm:focus-within .buttons { display: block }
