@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i"); @import url("https://fonts.googleapis.com/css2?family=Allura&display=swap"); .form-builder .icon.input { display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-builder .icon.input { display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-builder .icon.input { display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-builder .button.disabled { pointer-events: none; } .form-builder .button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } svg.icon { position: relative; pointer-events: none; vertical-align: middle; fill: #444444; } svg.rotate { animation: rotation 2s infinite linear; transform-origin: 50% 50%; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .mobile .form-builder { padding: 0 1em; } @media (max-width: 768px) { .text-box img { max-width: 100%; height: auto; } } #contact_form.form-builder #contact_form_form input.disabled { pointer-events: none; border: 1px solid #cccccc; background: #f4f4f4; color: #4F4F4F; } .message.schedule { display: none; } .message.schedule.show { display: block; } uniform-phone-number > b { display: none; } .hidden { display: none !important; visibility: hidden !important; opacity: 0 !important; } .form-builder { font-family: inherit; font-size: 16px; color: #444444; } .form-builder .button { display: inline-block; color: white; font-weight: 300; font-style: normal; text-align: center; text-decoration: none; cursor: pointer; background: #1d9cd3; box-shadow: none; border-radius: 0.24063em; border: none; } .form-builder .button:link { color: white; } .form-builder .button:visited { background: #1d9cd3; color: white; } .form-builder .button:hover { background: #1a8bbd; text-decoration: underline; } .form-builder .button.icon:active:not(.secondary), .form-builder .button:active { background: #177ba6; color: white; } .form-builder .button:focus { text-decoration: underline; background: #1a8bbd; } .form-builder .button.disabled { background: #aadaef; box-shadow: none; color: white; } .form-builder .button.secondary { background: white; color: #444444; box-shadow: inset 0 0 0 1px #cccccc; } .form-builder .button.secondary:link { color: #444444; } .form-builder .button.secondary:visited { background: white; color: #444444; } .form-builder .button.secondary:hover, .form-builder .button.secondary:focus { background: #f4f4f4; } .form-builder .button.secondary:active { background: #e7e7e7; color: #444444; } .form-builder .button.secondary.selected { background: #ededed; } .form-builder .button.secondary.disabled { box-shadow: inset 0 0 0 1px #ebebeb; color: #aaaaaa; } .form-builder .button.secondary.disabled.icon svg { fill: #aaaaaa; } .form-builder .button.secondary.bare:hover { background: #f4f4f4; box-shadow: inset 0 0 0 1px #cccccc; color: #444444; } .form-builder .button.secondary.bare:active { background: #e7e7e7; color: #444444; } .form-builder .button.secondary.icon svg { fill: #767676; } .form-builder .button.secondary.icon:hover svg { fill: #1d9ed5; } .form-builder .button.bare { margin-right: 0; box-shadow: none; background: transparent; color: #444444; } .form-builder .button.bare:hover { background: #1a8bbd; } .form-builder .button.bare:hover:not(.icon) { background: transparent; color: #444444; box-shadow: none; text-decoration: underline; } .form-builder .button.bare:active:not(.icon) { background: transparent; color: #444444; text-decoration: none; } .form-builder .button.icon svg { position: relative; pointer-events: none; vertical-align: middle; fill: #444444; fill: white; } .form-builder .button.icon.labeled svg { margin-right: .382em; } .form-builder .button.icon.circular { border-radius: 50%; } .form-builder .button.icon.bare svg { fill: #767676; } .form-builder .button.icon.bare:hover svg { fill: white; } .form-builder .button.icon.bare.secondary:hover svg { fill: #1d9ed5; } .form-builder legend { display: block; color: #444444; } .form-builder label { display: block; color: #444444; font-weight: 600; } .form-builder label .hint { display: block; color: #767676; font-weight: 300; font-size: 0.85em; } .form-builder uniform-phone-number { display: inline-block; } .form-builder uniform-phone-number > span { text-align: left; } .form-builder uniform-phone-number input[type="text"], .form-builder uniform-phone-number input[type="email"], .form-builder uniform-phone-number input[type="number"], .form-builder uniform-phone-number input[type="url"], .form-builder uniform-phone-number input[type="date"], .form-builder uniform-phone-number input[type="time"], .form-builder uniform-phone-number input[type="password"], .form-builder uniform-phone-number input[type="file"], .form-builder uniform-phone-number input[type="image"], .form-builder uniform-phone-number input[type="tel"], .form-builder uniform-phone-number input[type="email"], .form-builder uniform-phone-number input[type="submit"], .form-builder uniform-phone-number input[type="reset"], .form-builder uniform-phone-number input[type="button"], .form-builder uniform-email input[type="text"], .form-builder uniform-email input[type="email"], .form-builder uniform-email input[type="number"], .form-builder uniform-email input[type="url"], .form-builder uniform-email input[type="date"], .form-builder uniform-email input[type="time"], .form-builder uniform-email input[type="password"], .form-builder uniform-email input[type="file"], .form-builder uniform-email input[type="image"], .form-builder uniform-email input[type="tel"], .form-builder uniform-email input[type="email"], .form-builder uniform-email input[type="submit"], .form-builder uniform-email input[type="reset"], .form-builder uniform-email input[type="button"], .form-builder input[type="text"], .form-builder input[type="email"], .form-builder input[type="number"], .form-builder input[type="url"], .form-builder input[type="date"], .form-builder input[type="time"], .form-builder input[type="password"], .form-builder input[type="file"], .form-builder input[type="image"], .form-builder input[type="tel"], .form-builder input[type="email"], .form-builder input[type="submit"], .form-builder input[type="reset"], .form-builder input[type="button"] { width: auto; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; line-height: normal; text-decoration: none; color: #444444; background-color: white; border: 1px solid #767676; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } .form-builder uniform-phone-number input[type="text"].button, .form-builder uniform-phone-number input[type="email"].button, .form-builder uniform-phone-number input[type="number"].button, .form-builder uniform-phone-number input[type="url"].button, .form-builder uniform-phone-number input[type="date"].button, .form-builder uniform-phone-number input[type="time"].button, .form-builder uniform-phone-number input[type="password"].button, .form-builder uniform-phone-number input[type="file"].button, .form-builder uniform-phone-number input[type="image"].button, .form-builder uniform-phone-number input[type="tel"].button, .form-builder uniform-phone-number input[type="email"].button, .form-builder uniform-phone-number input[type="submit"].button, .form-builder uniform-phone-number input[type="reset"].button, .form-builder uniform-phone-number input[type="button"].button, .form-builder uniform-email input[type="text"].button, .form-builder uniform-email input[type="email"].button, .form-builder uniform-email input[type="number"].button, .form-builder uniform-email input[type="url"].button, .form-builder uniform-email input[type="date"].button, .form-builder uniform-email input[type="time"].button, .form-builder uniform-email input[type="password"].button, .form-builder uniform-email input[type="file"].button, .form-builder uniform-email input[type="image"].button, .form-builder uniform-email input[type="tel"].button, .form-builder uniform-email input[type="email"].button, .form-builder uniform-email input[type="submit"].button, .form-builder uniform-email input[type="reset"].button, .form-builder uniform-email input[type="button"].button, .form-builder input[type="text"].button, .form-builder input[type="email"].button, .form-builder input[type="number"].button, .form-builder input[type="url"].button, .form-builder input[type="date"].button, .form-builder input[type="time"].button, .form-builder input[type="password"].button, .form-builder input[type="file"].button, .form-builder input[type="image"].button, .form-builder input[type="tel"].button, .form-builder input[type="email"].button, .form-builder input[type="submit"].button, .form-builder input[type="reset"].button, .form-builder input[type="button"].button { border: none; } .form-builder uniform-phone-number input[type="text"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="email"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="number"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="url"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="date"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="time"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="password"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="file"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="image"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="tel"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="email"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="submit"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="reset"]::-webkit-input-placeholder, .form-builder uniform-phone-number input[type="button"]::-webkit-input-placeholder, .form-builder uniform-email input[type="text"]::-webkit-input-placeholder, .form-builder uniform-email input[type="email"]::-webkit-input-placeholder, .form-builder uniform-email input[type="number"]::-webkit-input-placeholder, .form-builder uniform-email input[type="url"]::-webkit-input-placeholder, .form-builder uniform-email input[type="date"]::-webkit-input-placeholder, .form-builder uniform-email input[type="time"]::-webkit-input-placeholder, .form-builder uniform-email input[type="password"]::-webkit-input-placeholder, .form-builder uniform-email input[type="file"]::-webkit-input-placeholder, .form-builder uniform-email input[type="image"]::-webkit-input-placeholder, .form-builder uniform-email input[type="tel"]::-webkit-input-placeholder, .form-builder uniform-email input[type="email"]::-webkit-input-placeholder, .form-builder uniform-email input[type="submit"]::-webkit-input-placeholder, .form-builder uniform-email input[type="reset"]::-webkit-input-placeholder, .form-builder uniform-email input[type="button"]::-webkit-input-placeholder, .form-builder input[type="text"]::-webkit-input-placeholder, .form-builder input[type="email"]::-webkit-input-placeholder, .form-builder input[type="number"]::-webkit-input-placeholder, .form-builder input[type="url"]::-webkit-input-placeholder, .form-builder input[type="date"]::-webkit-input-placeholder, .form-builder input[type="time"]::-webkit-input-placeholder, .form-builder input[type="password"]::-webkit-input-placeholder, .form-builder input[type="file"]::-webkit-input-placeholder, .form-builder input[type="image"]::-webkit-input-placeholder, .form-builder input[type="tel"]::-webkit-input-placeholder, .form-builder input[type="email"]::-webkit-input-placeholder, .form-builder input[type="submit"]::-webkit-input-placeholder, .form-builder input[type="reset"]::-webkit-input-placeholder, .form-builder input[type="button"]::-webkit-input-placeholder { color: #767676; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .form-builder uniform-phone-number input[type="text"]::-moz-placeholder, .form-builder uniform-phone-number input[type="email"]::-moz-placeholder, .form-builder uniform-phone-number input[type="number"]::-moz-placeholder, .form-builder uniform-phone-number input[type="url"]::-moz-placeholder, .form-builder uniform-phone-number input[type="date"]::-moz-placeholder, .form-builder uniform-phone-number input[type="time"]::-moz-placeholder, .form-builder uniform-phone-number input[type="password"]::-moz-placeholder, .form-builder uniform-phone-number input[type="file"]::-moz-placeholder, .form-builder uniform-phone-number input[type="image"]::-moz-placeholder, .form-builder uniform-phone-number input[type="tel"]::-moz-placeholder, .form-builder uniform-phone-number input[type="email"]::-moz-placeholder, .form-builder uniform-phone-number input[type="submit"]::-moz-placeholder, .form-builder uniform-phone-number input[type="reset"]::-moz-placeholder, .form-builder uniform-phone-number input[type="button"]::-moz-placeholder, .form-builder uniform-email input[type="text"]::-moz-placeholder, .form-builder uniform-email input[type="email"]::-moz-placeholder, .form-builder uniform-email input[type="number"]::-moz-placeholder, .form-builder uniform-email input[type="url"]::-moz-placeholder, .form-builder uniform-email input[type="date"]::-moz-placeholder, .form-builder uniform-email input[type="time"]::-moz-placeholder, .form-builder uniform-email input[type="password"]::-moz-placeholder, .form-builder uniform-email input[type="file"]::-moz-placeholder, .form-builder uniform-email input[type="image"]::-moz-placeholder, .form-builder uniform-email input[type="tel"]::-moz-placeholder, .form-builder uniform-email input[type="email"]::-moz-placeholder, .form-builder uniform-email input[type="submit"]::-moz-placeholder, .form-builder uniform-email input[type="reset"]::-moz-placeholder, .form-builder uniform-email input[type="button"]::-moz-placeholder, .form-builder input[type="text"]::-moz-placeholder, .form-builder input[type="email"]::-moz-placeholder, .form-builder input[type="number"]::-moz-placeholder, .form-builder input[type="url"]::-moz-placeholder, .form-builder input[type="date"]::-moz-placeholder, .form-builder input[type="time"]::-moz-placeholder, .form-builder input[type="password"]::-moz-placeholder, .form-builder input[type="file"]::-moz-placeholder, .form-builder input[type="image"]::-moz-placeholder, .form-builder input[type="tel"]::-moz-placeholder, .form-builder input[type="email"]::-moz-placeholder, .form-builder input[type="submit"]::-moz-placeholder, .form-builder input[type="reset"]::-moz-placeholder, .form-builder input[type="button"]::-moz-placeholder { color: #767676; font-family: "Open Sans", Helvetica, Arial, sans-serif; opacity: 1; } .form-builder uniform-phone-number input[type="text"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="email"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="number"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="url"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="date"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="time"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="password"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="file"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="image"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="tel"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="email"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="submit"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="reset"]::-ms-input-placeholder, .form-builder uniform-phone-number input[type="button"]::-ms-input-placeholder, .form-builder uniform-email input[type="text"]::-ms-input-placeholder, .form-builder uniform-email input[type="email"]::-ms-input-placeholder, .form-builder uniform-email input[type="number"]::-ms-input-placeholder, .form-builder uniform-email input[type="url"]::-ms-input-placeholder, .form-builder uniform-email input[type="date"]::-ms-input-placeholder, .form-builder uniform-email input[type="time"]::-ms-input-placeholder, .form-builder uniform-email input[type="password"]::-ms-input-placeholder, .form-builder uniform-email input[type="file"]::-ms-input-placeholder, .form-builder uniform-email input[type="image"]::-ms-input-placeholder, .form-builder uniform-email input[type="tel"]::-ms-input-placeholder, .form-builder uniform-email input[type="email"]::-ms-input-placeholder, .form-builder uniform-email input[type="submit"]::-ms-input-placeholder, .form-builder uniform-email input[type="reset"]::-ms-input-placeholder, .form-builder uniform-email input[type="button"]::-ms-input-placeholder, .form-builder input[type="text"]::-ms-input-placeholder, .form-builder input[type="email"]::-ms-input-placeholder, .form-builder input[type="number"]::-ms-input-placeholder, .form-builder input[type="url"]::-ms-input-placeholder, .form-builder input[type="date"]::-ms-input-placeholder, .form-builder input[type="time"]::-ms-input-placeholder, .form-builder input[type="password"]::-ms-input-placeholder, .form-builder input[type="file"]::-ms-input-placeholder, .form-builder input[type="image"]::-ms-input-placeholder, .form-builder input[type="tel"]::-ms-input-placeholder, .form-builder input[type="email"]::-ms-input-placeholder, .form-builder input[type="submit"]::-ms-input-placeholder, .form-builder input[type="reset"]::-ms-input-placeholder, .form-builder input[type="button"]::-ms-input-placeholder { color: #767676; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .form-builder uniform-phone-number input[type="text"]::placeholder, .form-builder uniform-phone-number input[type="email"]::placeholder, .form-builder uniform-phone-number input[type="number"]::placeholder, .form-builder uniform-phone-number input[type="url"]::placeholder, .form-builder uniform-phone-number input[type="date"]::placeholder, .form-builder uniform-phone-number input[type="time"]::placeholder, .form-builder uniform-phone-number input[type="password"]::placeholder, .form-builder uniform-phone-number input[type="file"]::placeholder, .form-builder uniform-phone-number input[type="image"]::placeholder, .form-builder uniform-phone-number input[type="tel"]::placeholder, .form-builder uniform-phone-number input[type="email"]::placeholder, .form-builder uniform-phone-number input[type="submit"]::placeholder, .form-builder uniform-phone-number input[type="reset"]::placeholder, .form-builder uniform-phone-number input[type="button"]::placeholder, .form-builder uniform-email input[type="text"]::placeholder, .form-builder uniform-email input[type="email"]::placeholder, .form-builder uniform-email input[type="number"]::placeholder, .form-builder uniform-email input[type="url"]::placeholder, .form-builder uniform-email input[type="date"]::placeholder, .form-builder uniform-email input[type="time"]::placeholder, .form-builder uniform-email input[type="password"]::placeholder, .form-builder uniform-email input[type="file"]::placeholder, .form-builder uniform-email input[type="image"]::placeholder, .form-builder uniform-email input[type="tel"]::placeholder, .form-builder uniform-email input[type="email"]::placeholder, .form-builder uniform-email input[type="submit"]::placeholder, .form-builder uniform-email input[type="reset"]::placeholder, .form-builder uniform-email input[type="button"]::placeholder, .form-builder input[type="text"]::placeholder, .form-builder input[type="email"]::placeholder, .form-builder input[type="number"]::placeholder, .form-builder input[type="url"]::placeholder, .form-builder input[type="date"]::placeholder, .form-builder input[type="time"]::placeholder, .form-builder input[type="password"]::placeholder, .form-builder input[type="file"]::placeholder, .form-builder input[type="image"]::placeholder, .form-builder input[type="tel"]::placeholder, .form-builder input[type="email"]::placeholder, .form-builder input[type="submit"]::placeholder, .form-builder input[type="reset"]::placeholder, .form-builder input[type="button"]::placeholder { color: #767676; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .form-builder uniform-phone-number input[type="radio"], .form-builder uniform-phone-number input[type="checkbox"], .form-builder uniform-email input[type="radio"], .form-builder uniform-email input[type="checkbox"], .form-builder input[type="radio"], .form-builder input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .form-builder uniform-phone-number input[type="radio"] + label, .form-builder uniform-phone-number input[type="checkbox"] + label, .form-builder uniform-email input[type="radio"] + label, .form-builder uniform-email input[type="checkbox"] + label, .form-builder input[type="radio"] + label, .form-builder input[type="checkbox"] + label { display: inline; cursor: pointer; font-weight: normal; } .form-builder uniform-phone-number input[type="radio"] + label:before, .form-builder uniform-phone-number input[type="checkbox"] + label:before, .form-builder uniform-email input[type="radio"] + label:before, .form-builder uniform-email input[type="checkbox"] + label:before, .form-builder input[type="radio"] + label:before, .form-builder input[type="checkbox"] + label:before { content: ""; display: inline-block; width: calc(1em - ( 2 * 2px )); height: calc(1em - ( 2 * 2px )); margin: 0 .618em 0 0; background: white; box-shadow: 0 0 0 2px #555555; text-align: center; vertical-align: initial; cursor: pointer; } .form-builder uniform-phone-number input[type="radio"]:checked + label:before, .form-builder uniform-phone-number input[type="checkbox"]:checked + label:before, .form-builder uniform-email input[type="radio"]:checked + label:before, .form-builder uniform-email input[type="checkbox"]:checked + label:before, .form-builder input[type="radio"]:checked + label:before, .form-builder input[type="checkbox"]:checked + label:before { content: ""; } .form-builder uniform-phone-number input[type=checkbox] + label:before, .form-builder uniform-email input[type=checkbox] + label:before, .form-builder input[type=checkbox] + label:before { border-radius: 2px; background: white; box-shadow: 0 0 0 2px #555555; } .form-builder uniform-phone-number input[type=checkbox]:checked + label, .form-builder uniform-email input[type=checkbox]:checked + label, .form-builder input[type=checkbox]:checked + label { position: relative; } .form-builder uniform-phone-number input[type=checkbox]:checked + label:before, .form-builder uniform-email input[type=checkbox]:checked + label:before, .form-builder input[type=checkbox]:checked + label:before { background: white; box-shadow: 0 0 0 2px #555555; } .form-builder uniform-phone-number input[type=checkbox]:checked + label:after, .form-builder uniform-email input[type=checkbox]:checked + label:after, .form-builder input[type=checkbox]:checked + label:after { content: ""; display: block; width: .32em; height: .72em; border-width: 0 3px 3px 0; border-style: solid; border-color: #555555; position: absolute; top: .2em; left: .25em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .form-builder uniform-phone-number input[type=checkbox].toggle + label, .form-builder uniform-email input[type=checkbox].toggle + label, .form-builder input[type=checkbox].toggle + label { position: relative; } .form-builder uniform-phone-number input[type=checkbox].toggle + label:before, .form-builder uniform-email input[type=checkbox].toggle + label:before, .form-builder input[type=checkbox].toggle + label:before { width: 1.382em; border-radius: 1em; border-color: #555555; background-color: white; box-shadow: 0 0 0 2px #555555; } .form-builder uniform-phone-number input[type=checkbox].toggle + label:after, .form-builder uniform-email input[type=checkbox].toggle + label:after, .form-builder input[type=checkbox].toggle + label:after { content: ""; position: absolute; top: .15em; left: -2px; display: block; height: 1em; width: 1em; background: white; border-width: 2px; border-style: solid; border-color: #555555; border-radius: 50%; } .form-builder uniform-phone-number input[type=checkbox].toggle:checked + label:before, .form-builder uniform-email input[type=checkbox].toggle:checked + label:before, .form-builder input[type=checkbox].toggle:checked + label:before { background-color: #555555; box-shadow: 0 0 0 2px #555555; } .form-builder uniform-phone-number input[type=checkbox].toggle:checked + label:after, .form-builder uniform-email input[type=checkbox].toggle:checked + label:after, .form-builder input[type=checkbox].toggle:checked + label:after { background: white; border-color: #555555; left: calc(.382em + 2px); } .form-builder uniform-phone-number input[type=checkbox][disabled] + label, .form-builder uniform-phone-number input[type=checkbox] .disabled + label, .form-builder uniform-email input[type=checkbox][disabled] + label, .form-builder uniform-email input[type=checkbox] .disabled + label, .form-builder input[type=checkbox][disabled] + label, .form-builder input[type=checkbox] .disabled + label { cursor: default; } .form-builder uniform-phone-number input[type=checkbox][disabled] + label:before, .form-builder uniform-phone-number input[type=checkbox] .disabled + label:before, .form-builder uniform-email input[type=checkbox][disabled] + label:before, .form-builder uniform-email input[type=checkbox] .disabled + label:before, .form-builder input[type=checkbox][disabled] + label:before, .form-builder input[type=checkbox] .disabled + label:before { cursor: default; background-color: #f4f4f4; border-color: #aaabad; box-shadow: 0 0 0 2px #aaabad; } .form-builder uniform-phone-number input[type=checkbox][disabled]:checked + label, .form-builder uniform-phone-number input[type=checkbox] .disabled:checked + label, .form-builder uniform-email input[type=checkbox][disabled]:checked + label, .form-builder uniform-email input[type=checkbox] .disabled:checked + label, .form-builder input[type=checkbox][disabled]:checked + label, .form-builder input[type=checkbox] .disabled:checked + label { cursor: default; } .form-builder uniform-phone-number input[type=checkbox][disabled]:checked + label:before, .form-builder uniform-phone-number input[type=checkbox] .disabled:checked + label:before, .form-builder uniform-email input[type=checkbox][disabled]:checked + label:before, .form-builder uniform-email input[type=checkbox] .disabled:checked + label:before, .form-builder input[type=checkbox][disabled]:checked + label:before, .form-builder input[type=checkbox] .disabled:checked + label:before { background-color: #f4f4f4; border-color: #aaabad; box-shadow: 0 0 0 2px #aaabad; } .form-builder uniform-phone-number input[type=checkbox][disabled]:checked + label:after, .form-builder uniform-phone-number input[type=checkbox] .disabled:checked + label:after, .form-builder uniform-email input[type=checkbox][disabled]:checked + label:after, .form-builder uniform-email input[type=checkbox] .disabled:checked + label:after, .form-builder input[type=checkbox][disabled]:checked + label:after, .form-builder input[type=checkbox] .disabled:checked + label:after { border-color: #aaabad; } .form-builder uniform-phone-number input[type=checkbox][disabled].toggle + label, .form-builder uniform-phone-number input[type=checkbox] .disabled.toggle + label, .form-builder uniform-email input[type=checkbox][disabled].toggle + label, .form-builder uniform-email input[type=checkbox] .disabled.toggle + label, .form-builder input[type=checkbox][disabled].toggle + label, .form-builder input[type=checkbox] .disabled.toggle + label { cursor: default; } .form-builder uniform-phone-number input[type=checkbox][disabled].toggle + label:before, .form-builder uniform-phone-number input[type=checkbox] .disabled.toggle + label:before, .form-builder uniform-email input[type=checkbox][disabled].toggle + label:before, .form-builder uniform-email input[type=checkbox] .disabled.toggle + label:before, .form-builder input[type=checkbox][disabled].toggle + label:before, .form-builder input[type=checkbox] .disabled.toggle + label:before { cursor: default; border-color: #aaabad; background-color: #f4f4f4; box-shadow: 0 0 0 2px #aaabad; } .form-builder uniform-phone-number input[type=checkbox][disabled].toggle + label:after, .form-builder uniform-phone-number input[type=checkbox] .disabled.toggle + label:after, .form-builder uniform-email input[type=checkbox][disabled].toggle + label:after, .form-builder uniform-email input[type=checkbox] .disabled.toggle + label:after, .form-builder input[type=checkbox][disabled].toggle + label:after, .form-builder input[type=checkbox] .disabled.toggle + label:after { cursor: default; background: #aaabad; border-color: #aaabad; } .form-builder uniform-phone-number input[type=checkbox][disabled].toggle:checked + label, .form-builder uniform-phone-number input[type=checkbox] .disabled.toggle:checked + label, .form-builder uniform-email input[type=checkbox][disabled].toggle:checked + label, .form-builder uniform-email input[type=checkbox] .disabled.toggle:checked + label, .form-builder input[type=checkbox][disabled].toggle:checked + label, .form-builder input[type=checkbox] .disabled.toggle:checked + label { cursor: default; } .form-builder uniform-phone-number input[type=checkbox][disabled].toggle:checked + label:before, .form-builder uniform-phone-number input[type=checkbox] .disabled.toggle:checked + label:before, .form-builder uniform-email input[type=checkbox][disabled].toggle:checked + label:before, .form-builder uniform-email input[type=checkbox] .disabled.toggle:checked + label:before, .form-builder input[type=checkbox][disabled].toggle:checked + label:before, .form-builder input[type=checkbox] .disabled.toggle:checked + label:before { background-color: #f4f4f4; box-shadow: 0 0 0 2px #aaabad; } .form-builder uniform-phone-number input[type=checkbox][disabled].toggle:checked + label:after, .form-builder uniform-phone-number input[type=checkbox] .disabled.toggle:checked + label:after, .form-builder uniform-email input[type=checkbox][disabled].toggle:checked + label:after, .form-builder uniform-email input[type=checkbox] .disabled.toggle:checked + label:after, .form-builder input[type=checkbox][disabled].toggle:checked + label:after, .form-builder input[type=checkbox] .disabled.toggle:checked + label:after { background: #aaabad; border-color: #aaabad; } .form-builder uniform-phone-number input[type=radio] + label:before, .form-builder uniform-email input[type=radio] + label:before, .form-builder input[type=radio] + label:before { border-radius: 50%; background: white; box-shadow: 0 0 0 2px #555555; } .form-builder uniform-phone-number input[type=radio]:checked + label:before, .form-builder uniform-email input[type=radio]:checked + label:before, .form-builder input[type=radio]:checked + label:before { background: #555555; box-shadow: 0 0 0 2px #555555, inset 0 0 0 3px white; } .form-builder uniform-phone-number input[type=radio].disabled + label, .form-builder uniform-phone-number input[type=radio][disabled] + label, .form-builder uniform-email input[type=radio].disabled + label, .form-builder uniform-email input[type=radio][disabled] + label, .form-builder input[type=radio].disabled + label, .form-builder input[type=radio][disabled] + label { cursor: default; } .form-builder uniform-phone-number input[type=radio].disabled + label:before, .form-builder uniform-phone-number input[type=radio][disabled] + label:before, .form-builder uniform-email input[type=radio].disabled + label:before, .form-builder uniform-email input[type=radio][disabled] + label:before, .form-builder input[type=radio].disabled + label:before, .form-builder input[type=radio][disabled] + label:before { cursor: default; background: #f4f4f4; box-shadow: 0 0 0 2px #aaabad; } .form-builder uniform-phone-number input[type=radio].disabled:checked + label, .form-builder uniform-phone-number input[type=radio][disabled]:checked + label, .form-builder uniform-email input[type=radio].disabled:checked + label, .form-builder uniform-email input[type=radio][disabled]:checked + label, .form-builder input[type=radio].disabled:checked + label, .form-builder input[type=radio][disabled]:checked + label { cursor: default; } .form-builder uniform-phone-number input[type=radio].disabled:checked + label:before, .form-builder uniform-phone-number input[type=radio][disabled]:checked + label:before, .form-builder uniform-email input[type=radio].disabled:checked + label:before, .form-builder uniform-email input[type=radio][disabled]:checked + label:before, .form-builder input[type=radio].disabled:checked + label:before, .form-builder input[type=radio][disabled]:checked + label:before { background: #aaabad; box-shadow: 0 0 0 2px #aaabad, inset 0 0 0 3px #f4f4f4; } .form-builder uniform-phone-number input[type="file"]:focus, .form-builder uniform-phone-number input[type="radio"]:focus, .form-builder uniform-phone-number input[type="checkbox"]:focus, .form-builder uniform-email input[type="file"]:focus, .form-builder uniform-email input[type="radio"]:focus, .form-builder uniform-email input[type="checkbox"]:focus, .form-builder input[type="file"]:focus, .form-builder input[type="radio"]:focus, .form-builder input[type="checkbox"]:focus { outline: thin dotted #d1d2d4; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .form-builder uniform-phone-number input[type="checkbox"]:focus + label:before, .form-builder uniform-email input[type="checkbox"]:focus + label:before, .form-builder input[type="checkbox"]:focus + label:before { box-shadow: 0 0 0 2px #444444, 0 0 1px 3px #1d9cd3; } .form-builder uniform-phone-number input[type="checkbox"].toggle:focus + label:before, .form-builder uniform-email input[type="checkbox"].toggle:focus + label:before, .form-builder input[type="checkbox"].toggle:focus + label:before { box-shadow: 0 0 0 2px #444444, 0 0 1px 3px #1d9cd3; } .form-builder uniform-phone-number input[type="radio"]:focus + label:before, .form-builder uniform-email input[type="radio"]:focus + label:before, .form-builder input[type="radio"]:focus + label:before { box-shadow: 0 0 0 2px #444444, inset 0 0 0 3px white, 0 0 1px 3px #1d9cd3; } .form-builder textarea { resize: none; overflow: auto; vertical-align: middle; width: auto; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; text-decoration: none; color: #949599; background-color: white; border: 1px solid #767676; outline: none; } .form-builder textarea::-webkit-input-placeholder { color: #bcbdc1; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .form-builder textarea::-moz-placeholder { color: #bcbdc1; font-family: "Open Sans", Helvetica, Arial, sans-serif; opacity: 1; } .form-builder textarea::-ms-input-placeholder { color: #bcbdc1; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .form-builder textarea::placeholder { color: #bcbdc1; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .form-builder .icon.input { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .form-builder .icon.input > input { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin: 0; background-color: white; border: 1px solid #767676; } .form-builder .icon.input > svg { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-order: 0; -ms-flex-order: 0; order: 0; fill: #767676; background: #ededed; border: 1px solid #767676; } .form-builder uniform-phone-number > span, .form-builder uniform-phone-number .error-message, .form-builder uniform-email > span, .form-builder uniform-email .error-message { display: none; } .form-builder uniform-phone-number.error > span, .form-builder uniform-phone-number.error .error-message, .form-builder uniform-email.error > span, .form-builder uniform-email.error .error-message { color: #df7934; font-weight: 600; display: block; flex: 1 1 100%; } .form-builder uniform-phone-number.error > input, .form-builder uniform-phone-number.error .main-input, .form-builder uniform-email.error > input, .form-builder uniform-email.error .main-input { border: 1px solid #df7934; background: #fbede4; } .form-builder .radio-input-icon + .radio-input-icon-label { display: flex; height: 9em; flex-direction: column; width: 125px; } .form-builder .radio-input-icon + .radio-input-icon-label .radio-input-icon-container { width: 6.5em; height: 6.5em; overflow: hidden; border: 3px solid #cccccc; border-radius: .240625em; } .form-builder .radio-input-icon + .radio-input-icon-label:before { content: none !important; } .form-builder .radio-input-icon + .radio-input-icon-label .radio-input-icon-container .radio-input-icon-image { width: 6em; height: 6em; fill: #cccccc; transform: scale(0.8); } .form-builder .radio-input-icon:checked + .radio-input-icon-label .radio-input-icon-container { border: 3px solid #33a468; } .form-builder .radio-input-icon:checked + .radio-input-icon-label:after { content: attr(data-selected); color: #33a468; font-weight: bold; margin: 0 auto; } .form-builder .radio-input-icon:not(:checked):hover + .radio-input-icon-label .radio-input-icon-container { border: 3px solid #1d9cd3; } .form-builder .radio-input-icon:not(:checked):hover + .radio-input-icon-label .radio-input-icon-container .radio-input-icon-image { fill: #ededed; } .form-builder .radio-input-icon:not(:checked):hover + .radio-input-icon-label:after { content: attr(data-unselected); color: #1d9cd3; font-weight: bold; margin: 0 auto; } .form-builder .radio-input-icon:focus + .radio-input-icon-label > .radio-input-icon-container { box-shadow: 0 0 0 1px #ffffff, 0 0 3px 3px #3a97f9; } .form-builder *:after { box-sizing: border-box; top: 0.25em !important; } .form-builder ul { overflow: auto; } .form-builder a { font-size: 1em; } .form-builder h1.pageTitle { overflow: hidden; text-overflow: ellipsis; } .form-builder#confirmation_page #response_summary ul { list-style: none; padding: 0; } .form-builder#confirmation_page #response_summary ul > li { margin-bottom: .618em; line-height: 1.618em; } .form-builder#confirmation_page #response_summary ul > li .label { font-weight: bold; margin-right: .618em; } .form-builder#confirmation_page #response_summary ul > li .label.section-title { border-bottom: 1px solid black; font-weight: normal; white-space: pre-line; } .form-builder input[disabled="true"], .form-builder input[disabled=""], .form-builder .currency-input-container.disabled { background: #f4f4f4; } .form-builder button { padding: 0 1em; background: white; border: 1px solid #767676; border-radius: 0.24063em; outline: none; font-size: 1em; line-height: 2em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .form-builder button:hover { background: #f4f4f4; border-color: #cccccc; cursor: pointer; } .form-builder button:active { background: #ededed; border-color: #aaabad; } .form-builder button.disabled { color: #cccccc; pointer-events: none; } .form-builder .loading.message, .form-builder .editing.message, .form-builder .validation.message { display: none; visibility: hidden; opacity: 0; } .form-builder.loading .loading.message { display: block; visibility: visible; opacity: 1; } .form-builder.loading form { display: none; visibility: hidden; opacity: 0; } .form-builder.editing .editing.message { display: block; visibility: visible; opacity: 1; margin-bottom: 1em; padding-bottom: .382em; font-weight: bold; border-bottom: 1px solid #cccccc; } .form-builder.revising .validation.message { display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 3em; margin-bottom: 2em; padding-left: 1em; background: white; border-radius: 0.24063em; border: 2px solid #df7934; box-shadow: inset 3.5em 0 0 0 #df7934; color: #df7934; } .form-builder.revising .validation.message svg.icon { height: 1.382em; width: 1.382em; fill: white; } .form-builder.revising .validation.message .message { -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; margin: 0 1em; padding: 0 0 0 1em; text-align: center; } .form-builder.revising .validation.message .message h1 { margin: 0.5em 0; font-size: 1em; font-weight: 600; } .form-builder.revising .validation.message .message h1:not(:only-child) { margin: .5em 0; } .form-builder.revising .validation.message .message p { margin-bottom: .5em; color: #767676; } .form-builder.revise-pay { display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 3em; margin-bottom: 2em; padding-left: 1em; background: white; border-radius: 0.24063em; border: 1px solid #df7934; color: #df7934; } .form-builder.revise-pay svg.icon { height: 1.382em; width: 1.382em; fill: white; } .form-builder.revise-pay .notice { display: block; visibility: visible; opacity: 1; color: #df7934; font-weight: bold; } .form-builder.revise-pay .message { -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; margin: 0 1em; padding: 0 0 0 1em; text-align: center; } .form-builder.revise-pay .message h1 { margin: 0; font-size: 1em; font-weight: 600; } .form-builder.revise-pay .message h1:not(:only-child) { margin: .5em 0; } .form-builder.revise-pay .message p { margin-bottom: .5em; color: #767676; } .form-builder form legend:not(.pageTitle) { display: none; visibility: hidden; opacity: 0; } .form-builder form p a { display: inline-block; word-break: break-all; } .form-builder form fieldset { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; border: none; } .form-builder form fieldset:last-child { margin: 0; } .form-builder form .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 2em; } .form-builder form .column { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 .618em; } .form-builder form .column:first-child { padding: 0 .618em 0 0; } .form-builder form .column:last-child { padding: 0 0 0 .618em; } .form-builder form .column:only-child { padding: 0; } .form-builder form .hint { color: #767676; font-weight: 300; font-size: 0.85em; margin-bottom: .382em; line-height: 1.618em; } .form-builder form .notice { display: none; visibility: hidden; opacity: 0; } .form-builder form div.bounds-validation-error.currency-input-container, .form-builder form div.payment-item-quantity input.bounds-validation-error, .form-builder form div.payment-item-quantity input.stock-validation-error, .form-builder form div.payment-item-options select.variation-validation-error { border: 1px solid #df7934; background: #fae8dc; } .form-builder form div.bounds-validation-error.currency-input-container input, .form-builder form div.payment-item-quantity input.bounds-validation-error input, .form-builder form div.payment-item-quantity input.stock-validation-error input, .form-builder form div.payment-item-options select.variation-validation-error input { background: #fae8dc; } .form-builder form .confirmation.input, .form-builder form .horizontal-divider { margin-bottom: 2em; } .form-builder form textarea:focus { box-shadow: 0 0 1px 2px #1d9cd3; } .form-builder form label, .form-builder form .label { display: block; font-weight: inherit; line-height: 1.618em; cursor: pointer; color: black; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .form-builder form label .required-indicator, .form-builder form .label .required-indicator { margin-left: .382em; } .form-builder form .input { width: 100%; line-height: 1.618em; } .form-builder form .input.grouped { margin-bottom: 0; } .form-builder form .input.grouped label { display: inline; } .form-builder form .input.revise input { border: none; } .form-builder form .input.revise textarea, .form-builder form .input.revise .currency-input-container, .form-builder form .input.revise #confirmation_email_field, .form-builder form .input.revise > input { border: 1px solid #df7934; } .form-builder form .input.revise uniform-email > input { border: 1px solid #df7934; } .form-builder form .input.revise .currency-input-container, .form-builder form .input.revise textarea, .form-builder form .input.revise input { background: #fae8dc; } .form-builder form .input.revise .notice { display: block; visibility: visible; opacity: 1; color: #df7934; font-weight: bold; } .form-builder form .input.file-upload input[type="file"] { display: none; visibility: hidden; opacity: 0; } .form-builder form .input.file-upload progress { display: none; margin: 0 auto; } .form-builder form .input.file-upload .bucket { background: white; border: 2px dashed #aaabad; border-radius: 0.24063em; padding: 1.618em 1em; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .form-builder form .input.file-upload .bucket.dragover { background: #beebfe; border-color: #6bc4eb; color: #3eb2e5; } .form-builder form .input.file-upload .bucket.dragover label { color: #1d9cd3; } .form-builder form .input.file-upload .bucket label { display: inline; font-weight: 600; } .form-builder form .input.file-upload .bucket label:hover { text-decoration: underline; } .form-builder form .input.file-upload .file-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .form-builder form .input.file-upload .file-list .file { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 12em; height: 6.667em; padding: .3em; border: 1px solid #aaabad; margin: .382em; } .form-builder form .input.file-upload .file-list .file .icons { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: .618em; } .form-builder form .input.file-upload .file-list .file .icons .icon { width: 2em; height: 2em; } .form-builder form .input.file-upload .file-list .file .icons a { padding: .2em; box-shadow: 0 0px 1px #aaabad; border-radius: 2px; line-height: 1em; } .form-builder form .input.file-upload .file-list .file .icons a:hover { pointer-events: all; cursor: pointer; } .form-builder form .input.file-upload .file-list .file .icons a:hover .icon { fill: #1d9cd3; } .form-builder form .input.file-upload .file-list .file .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .form-builder form .input input:not(.currency-input)[type="text"]:focus, .form-builder form .input input:not(.currency-input)[type="number"]:focus, .form-builder form .input input:not(.currency-input)[type="url"]:focus, .form-builder form .input input:not(.currency-input)[type="date"]:focus, .form-builder form .input input:not(.currency-input)[type="time"]:focus, .form-builder form .input input:not(.currency-input)[type="tel"]:focus, .form-builder form .input input:not(.currency-input)[type="email"]:focus { box-shadow: 0 0 1px 2px #1d9cd3; } .form-builder form .input input[type="text"], .form-builder form .input input[type="number"], .form-builder form .input input[type="url"], .form-builder form .input input[type="date"], .form-builder form .input input[type="time"], .form-builder form .input input[type="tel"], .form-builder form .input input[type="email"] { box-sizing: border-box; min-height: 2.382em; max-width: 100%; width: 100%; padding: 0 .618em; line-height: 2.382em; font-size: 1em; font-family: inherit; color: #444444; } .form-builder form .input input[type="file"] { padding: .618em; font-size: 1em; } .form-builder form .input input[type="date"], .form-builder form .input input[type="time"] { max-width: 16.18em; } @media all and (-ms-high-contrast: none) { .form-builder form .input *::-ms-backdrop, .form-builder form .input input[type="text"], .form-builder form .input input[type="number"], .form-builder form .input input[type="url"], .form-builder form .input input[type="date"], .form-builder form .input input[type="time"] { height: 2.382em; } } .form-builder form .input textarea { border: 1px solid #767676; box-sizing: border-box; resize: vertical; max-width: 100%; min-width: 100%; padding: .382em .618em; line-height: 1.618em; font-size: 1em; font-family: inherit; color: #444444; } .form-builder form .input .open-payment-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .form-builder form .sale-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .form-builder form .sale-item .label { font-weight: bold !important; } .form-builder form .sale-item .input-group { margin-bottom: 0; } .form-builder form .sale-item .out-of-stock-notification { margin-right: 1em; color: #767676; font-weight: bold; font-style: italic; } .form-builder form .sale-item .payment-item-options { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .form-builder form .sale-item .payment-item-options select { margin-left: 0.5em; } .form-builder form .sale-item .payment-item-price { line-height: 2.5em; } .form-builder form .sale-item + .validation-el-container { margin-top: 1em; } .form-builder form .sale-item .item-quantity-image-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 0.5em; } @media screen and (max-width: 47.9375rem) { .form-builder form .sale-item .item-quantity-image-container .sale-item-image img { max-width: 6em !important; } } .form-builder form .sale-item.contains-image .sale-item-image { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1em; } .form-builder form .sale-item.contains-image .sale-item-image img { max-width: 15em; max-height: 15em; width: auto; height: auto; -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; border-radius: 0.5em; } .form-builder form .item-quantity-container .checkbox-overlay { font-size: 1.5em; } .form-builder form .item-quantity-container .checkbox-overlay.required:before { background: #f4f4f4 !important; box-shadow: 0 0 0 2px #aaabad !important; } .form-builder form .item-quantity-container .checkbox-overlay.required:after { border-color: #aaabad !important; } .form-builder form .item-quantity-container .payment-item-quantity { margin-right: 1em; margin-bottom: 0; width: auto; } .form-builder form .item-quantity-container .payment-item-quantity input.item-quantity { text-align: right; max-width: 4em; } .form-builder form .input-group { width: 100%; } .form-builder form .input-group.revise .notice { display: block; visibility: visible; opacity: 1; font-weight: bold; color: #df7934; } .form-builder form .input-group.revise .currency-input-container { border: 1px solid #df7934; background: #fae8dc; } .form-builder form .input-group.revise .grouped.input input[type="checkbox"] + label { color: #df7934; } .form-builder form .input-group.revise .grouped.input input[type="checkbox"] + label:before { background: #fae8dc; box-shadow: 0 0 0 2px #df7934; } .form-builder form .input-group.revise .grouped.input input[type="checkbox"] + label:after { border-color: #df7934; } .form-builder form .input-group.revise .grouped.input input[type="radio"] + label { color: #df7934; } .form-builder form .input-group.revise .grouped.input input[type="radio"] + label:before { background: #fae8dc; box-shadow: 0 0 0 2px #df7934; } .form-builder form .input-group.revise .grouped.input input[type="radio"]:checked + label:before { background: #df7934; box-shadow: 0 0 0 2px #df7934, inset 0 0 0 3px #fae8dc; } .form-builder form .input-group.revise .grouped.input.custom input:not(.currency-input) { border: 1px solid #df7934; } .form-builder form .input-group.revise .grouped.input.custom input { background: #fae8dc; } .form-builder form .input-group .label { margin-bottom: .382em; } .form-builder form .input-group .label .required-indicator { margin-left: .382em; } .form-builder form .input-group .grouped.input label { color: inherit; margin-right: .382em; } .form-builder form .input-group .grouped.input.custom { display: flex; align-items: center; } .form-builder form .input-group .grouped.input.custom input[type="text"] { flex: 1; width: auto; line-height: 1.618em; } @media all and (-ms-high-contrast: none) { .form-builder form .input-group .grouped.input.custom *::-ms-backdrop, .form-builder form .input-group .grouped.input.custom input[type="text"] { height: 1.618em; } } @media screen and (max-width: 31.9375rem) { .form-builder form .input-group select { width: calc(100% + 20px); } } .form-builder form .input-group.table .matrix header, .form-builder form .input-group.table .matrix .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; } .form-builder form .input-group.table .matrix header .column, .form-builder form .input-group.table .matrix .row .column { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; padding: 0; } @media screen and (min-width: 48rem) { .form-builder form .input-group.table .matrix header .column, .form-builder form .input-group.table .matrix .row .column { padding: .382em .5em; } } .form-builder form .input-group.table .matrix header .columns, .form-builder form .input-group.table .matrix .row .columns { display: block; } .form-builder form .input-group.table .matrix header .columns .column, .form-builder form .input-group.table .matrix .row .columns .column { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .form-builder form .input-group.table .matrix header .columns .column label, .form-builder form .input-group.table .matrix .row .columns .column label { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-left: 2px; } .form-builder form .input-group.table .matrix header .columns .column .label, .form-builder form .input-group.table .matrix .row .columns .column .label { margin: 0; } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix header .columns .column .label, .form-builder form .input-group.table .matrix .row .columns .column .label { display: none; visibility: hidden; opacity: 0; } } .form-builder form .input-group.table .matrix header .columns .column:last-child, .form-builder form .input-group.table .matrix .row .columns .column:last-child { padding-right: 1em; } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix header .columns .column, .form-builder form .input-group.table .matrix .row .columns .column { display: block; width: 0; text-align: center; } .form-builder form .input-group.table .matrix header .columns .column label, .form-builder form .input-group.table .matrix .row .columns .column label { display: inline-block; padding: 0; } .form-builder form .input-group.table .matrix header .columns .column label:before, .form-builder form .input-group.table .matrix .row .columns .column label:before { margin-right: 0; } } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix header .columns, .form-builder form .input-group.table .matrix .row .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 61.8%; -ms-flex: 0 1 61.8%; flex: 0 1 61.8%; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; } } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix header, .form-builder form .input-group.table .matrix .row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0 0 0 1em; } } .form-builder form .input-group.table .matrix header { display: none; visibility: hidden; opacity: 0; } .form-builder form .input-group.table .matrix header .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-builder form .input-group.table .matrix header .columns { border-bottom: 1px solid #aaabad; } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix header { display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; } } .form-builder form .input-group.table .matrix .row { margin-bottom: 1.618em; } .form-builder form .input-group.table .matrix .row .label { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: .382em; padding-right: 1em; padding-left: 0; overflow: hidden; text-overflow: ellipsis; } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix .row .label { max-width: 35.5%; } } @media screen and (min-width: 48rem) { .form-builder form .input-group.table .matrix .row .label { margin-bottom: 0; } } .form-builder form .input-group.table .matrix .row .column svg.icon { height: 1em; width: 1em; fill: #cccccc; } @media screen and (min-width: 32rem) { .form-builder form .input-group.table .matrix .row { margin-bottom: 0; background: white; } .form-builder form .input-group.table .matrix .row:nth-child(odd) { background: #f4f4f4; } } .form-builder form .currency-input-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 9em; border: 1px solid #767676; } .form-builder form .currency-input-container:focus-within { box-shadow: 0 0 1px 2px #1d9cd3; } .form-builder form .currency-input-container .currency-symbol { margin: 0 0.5em; color: inherit; } .form-builder form .currency-input-container .currency-input { width: 100%; min-height: 2em; text-align: right; line-height: 2em; box-shadow: unset; border: none; } .form-builder form .currency-input-container .currency-input:focus { box-shadow: 0 0 1px 2px rgba(29, 156, 211, 0); } .form-builder form .currency-input-container .currency-input::-webkit-outer-spin-button, .form-builder form .currency-input-container .currency-input::-webkit-inner-spin-button { margin-left: 5px; } .form-builder form input[type="submit"]:focus { box-shadow: 0 0 1px 2px #1d9cd3; } .form-builder footer { padding-top: 1em; border-top: 1px solid #cccccc; } .form-builder footer .grecaptcha-badge { display: none !important; } .form-builder footer .recaptcha-links { font-size: .7rem; margin-top: 8px; color: #767676; } .form-builder footer .recaptcha-links a { color: #767676; text-decoration: none; } .form-builder footer .captcha { display: inline-block; margin-bottom: 1em; z-index: 99; } .form-builder footer .captcha .warning { display: none; visibility: hidden; opacity: 0; margin-bottom: .618em; color: #df7934; } .form-builder footer .captcha.revise { padding: 1em; border: 1px solid #df7934; } .form-builder footer .captcha.revise .warning { display: block; visibility: visible; opacity: 1; } .form-builder footer #loading_pay, .form-builder footer #processing_pay, .form-builder footer #submitting_form, .form-builder footer #pay_general_error, .form-builder footer #captcha_error { display: flex; justify-content: center; align-items: center; font-size: 1.2em; } .form-builder footer #loading_pay svg, .form-builder footer #processing_pay svg, .form-builder footer #submitting_form svg, .form-builder footer #pay_general_error svg, .form-builder footer #captcha_error svg { height: 1.5em; width: 1.5em; animation: rotation 2s infinite linear; -webkit-animation: rotation 2s infinite linear; transform-origin: 50% 50%; } .form-builder footer #loading_pay.hidden-init, .form-builder footer #processing_pay.hidden-init, .form-builder footer #submitting_form.hidden-init, .form-builder footer #pay_general_error.hidden-init, .form-builder footer #captcha_error.hidden-init { display: none; } .form-builder footer #pay_general_error, .form-builder footer #captcha_error { color: #df7934; padding: 1em 0; } .form-builder footer #pay_general_error svg, .form-builder footer #captcha_error svg { fill: #df7934; width: 25px; height: 25px; margin-right: 10px; animation: none; } .form-builder footer #frameContainer { position: absolute; left: -999999px; } .form-builder footer #frameContainer.ready { position: relative; left: initial; } .form-builder footer .payment-info.hide { display: none; visibility: hidden; opacity: 0; } .form-builder footer .payment-info .payment-info-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 1em; } .form-builder footer #payment_form_container.hide { display: none; visibility: hidden; opacity: 0; } .form-builder footer .currency-container div.currency-value { display: inline; } .form-builder footer #submit_container { display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-builder footer #submit_container #submit_button { color: black; } .form-builder footer #submit_container #submit_button:focus { box-shadow: 0 0 1px 2px #1d9cd3; } .form-builder footer #submit_container #submit_button.show { display: block !important; } .form-builder footer #submit_container #submit_button.disabled { display: block; color: #cccccc; pointer-events: none !important; } .form-builder footer #submit_container #submit_button:hover { color: #444444; background: #f4f4f4; } .form-builder footer #payment_form_error_msg { color: #df7934; } .form-builder footer #payment_form_error_msg.hide { display: none; visibility: hidden; opacity: 0; } .form-builder footer #payment_form_error_msg svg { fill: #df7934; width: 20px; height: 20px; margin-right: 5px; } .form-builder footer #edliopay.finally-hidden, .form-builder footer #processing_pay.finally-hidden, .form-builder footer #pay_card_info.finally-hidden, .form-builder footer #submit_container #submit_button.finally-hidden { display: none !important; } .form-builder .validation-el { display: none; margin-left: 1em; color: #df7934; font-weight: bold; align-items: center; } .form-builder .validation-el svg { fill: #df7934; width: 25px; height: 25px; margin-right: 10px; } .form-builder .validation-el.error-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .embedded-form { background: none; } .embedded-form body { background: none !important; min-width: inherit; } .embedded-form body .userway, .embedded-form body .goog-te-banner-frame, .embedded-form body .skiptranslate, .embedded-form body #pps_logout { display: none; } .embedded-form body:before, .embedded-form body:after { content: initial; } .embedded-form:before, .embedded-form:after { content: initial; } .embedded-form #site_header, .embedded-form #site_footer, .embedded-form #header_main, .embedded-form #mobile_nav, .embedded-form #mobile_footer_nav, .embedded-form h1.pageTitle, .embedded-form #footer_main { display: none; } .embedded-form #content_main { margin: 0; padding: 0; border: 0; width: 100%; overflow-x: hidden; background: none; box-shadow: none; } .embedded-form .form-builder .row { padding-left: 2px; } .embedded-form .inside-page { margin: 0; padding: 0; } .select-container { position: relative; display: inline-block; margin-right: 20px; } .select-container:after { content: ""; position: absolute; z-index: 2; right: -15px; margin-top: 13px; height: 0; width: 0; border-top: 8px solid #767676; border-left: 8px solid transparent; border-right: 8px solid transparent; pointer-events: none; } .select-container select { box-sizing: border-box; background-color: transparent; width: calc(100% + 20px); font-size: 18px; color: #333; padding: 10px 14px; line-height: 1; border: 1px solid #767676; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .card-labels { width: 100%; display: flex; justify-content: space-between; margin-bottom: .5em; } .card-labels label[for="card-element"] { color: #444444; } .card-labels .card-icons { display: flex; align-items: center; justify-content: flex-end; position: relative; } .card-labels .card-icons .card.icon { width: 40px; height: 24px; } .card-labels .card-icons .icon-shuffle { display: none; } .card-labels .card-icons.secondary-icons .add-margin { margin-right: 2.5em; } .card-labels .card-icons.secondary-icons .icon-shuffle { display: inline-block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: absolute; right: 0; } .card-labels .card-icons.secondary-icons .icon-shuffle.active { visibility: visible; opacity: 1; } .payment-disclosure { display: flex; align-items: center; color: #33a468; font-weight: 600; } .payment-disclosure svg { width: 20px; height: 20px; fill: #33a468; } .payment-disclosure p { margin-left: 10px; } .payment-disclosure.hide { display: none; } .payment-disclosure.show { display: block; } .powered-by-pay { display: flex; justify-content: center; align-items: center; } .powered-by-pay label { font-weight: 100; font-size: 12px; } .powered-by-pay .pay.icon { width: 4em; height: 2em; filter: grayscale(100%); fill: #565656; margin-left: 0.2em; } #pay_card_info { display: none; justify-content: space-between; box-shadow: 1px 1px 3px #cccccc; border-radius: 6px; font-size: 12px; padding: 0 1em; } #pay_card_info #card_icon { display: flex; align-items: center; justify-content: center; } #pay_card_info #card_icon .card.icon { width: 3em; height: 2em; } #pay_card_info #centered_info { flex: 1 1 auto; padding-left: 1em; display: block; } #pay_card_info #centered_info:first-letter { text-transform: uppercase; } #pay_card_info #expiration { display: flex; align-items: center; } .signature-image-container { width: 100%; } @media screen and (max-width: 47.9375rem) { .signature-image-container { max-width: calc(100vw - 2.5% * 2); } } .signature-image-element { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 154px; max-width: 482px; border: 1px solid #444444; margin-bottom: 0.5em; cursor: pointer; } .signature-image { max-width: 100%; max-height: 100%; } .revise .signature-image-element { border: 1px solid #df7934; background: #fae8dc; } .revise .notice { display: block; visibility: visible; opacity: 1; color: #df7934; font-weight: bold; } .signature-form-footer { display: flex; flex-wrap: wrap; overflow: hidden; } @media screen and (max-width: 47.9375rem) { .signature-form-footer { max-width: calc(100vw - 2.5% * 2); } } .signature-form-footer .signature-form-footer-buttons { margin-right: 1em; } .signature-form-footer .signature-text-data-wrapper { display: flex; flex-wrap: wrap; } .signature-form-footer .signature-text-data-wrapper.hidden { display: none; } .signature-form-footer .signature-text-data-wrapper .signature-form-full-name { margin-right: 1em; } .signature-form-footer .signature-text-data-wrapper span { vertical-align: middle; line-height: 1.618em; } .signature-form-footer .signature-text-data-wrapper .label { font-weight: 700; } .open-signature-modal-button { white-space: nowrap; color: black; } .open-signature-modal-button .resign-button-text { display: none; } .open-signature-modal-button.resign .resign-button-text { display: initial; } .open-signature-modal-button.resign .sign-button-text { display: none; } .signature-modal { position: relative; background: white; width: 45.5em; max-width: 100%; margin: 1.25em auto; border-radius: 6px; } .signature-modal header { border-bottom: 1px solid #979797; text-align: center; color: #444444; padding: 0.5em 2em 0; } .signature-modal h2 { margin: 0 0 1.3em; font-size: 2em; font-weight: 400; color: #555555; } .signature-modal footer { display: flex; justify-content: space-between; border-top: 1px solid #979797; padding: 0.5em 2em 1em; } .signature-modal .label { font-weight: 700; padding-bottom: 0.25em; } .signature-modal input[type="text"] { box-sizing: border-box; min-height: 2.382em; max-width: 100%; width: 100%; padding: 0 0.618em; line-height: 2.382em; font-size: 1em; font-family: inherit; color: #444444; margin-bottom: 0.5em; } .signature-modal input[type="text"]:focus { box-shadow: 0 0 1px 2px #1d9cd3; } .signature-modal .signature-clear-button, .signature-modal .signature-clear-button:hover { background: white; color: #444444; border: 0; right: 0; top: 0; padding: 0 0.3125em; cursor: pointer; } .signature-modal .signature-clear-button.hidden, .signature-modal .signature-clear-button:hover.hidden { display: none; } .signature-modal .signature-clear-button i, .signature-modal .signature-clear-button:hover i { font-size: 1.375em; font-weight: 700; } .signature-modal .signature-clear-button i, .signature-modal .signature-clear-button span, .signature-modal .signature-clear-button:hover i, .signature-modal .signature-clear-button:hover span { vertical-align: middle; } .signature-modal .signature-clear-button span, .signature-modal .signature-clear-button:hover span { font-size: 0.875em; font-weight: 400; } .signature-modal .mfp-close, .signature-modal .mfp-close:hover { font-size: 2em; line-height: 1; border: 0; background: white; color: #444444; width: auto; padding: 0 1rem; } .signature-modal .signature-cancel-button { color: #444444; border: 0; background: none; } .signature-modal .signature-save-button, .signature-modal .signature-save-button:hover { border: 0; background: black; color: white; } .signature-modal .signature-save-button.disabled, .signature-modal .signature-save-button:hover.disabled { background: #cccccc; color: white; } .signature-modal-info { margin: 0 0 2em; } .signature-mode-buttons { white-space: nowrap; } .signature-mode-buttons button { color: #444444; font-size: 1.11em; background: none; border: 0; border-bottom: 3px solid transparent; margin: 0 2em; border-radius: 0; } @media screen and (max-width: 47.9375rem) { .signature-mode-buttons button { margin: 0 0.5em; } } .signature-mode-buttons button:hover { background: none; border-color: #cccccc; } .signature-mode-buttons button.active { border-color: black; } .signature-mode-buttons button span, .signature-mode-buttons button svg { vertical-align: middle; } .signature-modal-body { width: 482px; margin: 0.5em auto 1.5em; padding: 0 2em; max-width: calc(100% - 2em*2); } @media screen and (max-width: 47.9375rem) { .signature-modal-body { padding: 0 1em; max-width: calc(100% - 1em*2); } } .signature-canvas-wrapper { position: relative; width: 482px; height: 154px; border: 1px solid #444444; margin-bottom: 0.5em; max-width: 100%; } .signature-canvas, .signature-canvas-placeholder, .signature-line, .signature-clear-button { position: absolute; } .signature-canvas { left: 0; top: 0; width: 482px; height: 154px; max-width: 100%; } .signature-canvas-placeholder { display: none; top: 70px; left: 35px; font-family: 'Allura', cursive; font-size: 2.5em; color: #999999; white-space: nowrap; } @media screen and (max-width: 47.9375rem) { .signature-canvas-placeholder { font-size: 1.875em; } } .signature-canvas-placeholder.active { display: block; } .signature-line { left: 30px; right: 30px; top: 100px; bottom: auto; border-top: 1px dashed #444444; } .mfp-bg { opacity: 0.6; } /*# sourceMappingURL=../../../../maps/features/form-builder/css/public/core-pack.css.map */