form.123formbuilder.com
Open in
urlscan Pro
3.231.247.88
Public Scan
URL:
https://form.123formbuilder.com/js-form-username-4959892.html
Submission: On March 14 via manual from GB — Scanned from GB
Submission: On March 14 via manual from GB — Scanned from GB
Form analysis 1 forms found in the DOM
POST
<form data-iframe-height="1" method="post" id="form" action="" data-form-hash="d3RyM01hT1BoZGkzbmxVeHpuUEQyeEVEOHFwa1ZIcDgzdWFTcU53aGozRGtKa0RGV1Q5UE1Zbzd6RnhaMi96MA==" data-form-id="4959892" data-loader-type="viewer"
data-page-background-transparent="1" data-num-children="1" data-instructions-text-alignment="left" data-label-text-alignment="left" data-text-direction="ltr" data-label-placement="left" data-layout-type="mobile" data-theme-is-ready="1">
<style>
#form div[data-role="grid"] {
padding-left: 0px;
padding-right: 0px;
}
#form div[data-role="grid"]>div[data-role="edge"][data-edge="left"] {
left: 0px;
}
#form div[data-role="grid"]>div[data-role="edge"][data-edge="right"] {
right: 0px;
}
#form div[data-role="grid"]>div[data-role="edge"][data-edge="top"] {
top: 0px;
}
#form div[data-role="grid"]>div[data-role="edge"][data-edge="bottom"] {
bottom: 10px;
}
#form div[data-role="grid"] [data-role="col"] {
display: none !important;
}
#form [data-role="control"],
#form [data-role="container"][data-type="likert-wrapper"] {
width: 500px;
}
#form [data-role="control"] [data-role="input-row"]>*+*:not([data-role="choice"]):not([data-role="instructions"]) {
margin-top: 16px !important;
}
#form [data-role="control"] [data-role="input-row"]>*+*:not(:last-child):not([data-role="choice"]) {
margin-bottom: 16px !important;
}
#form {
background-color: transparent;
font-family: Roboto Condensed;
font-size: 16px;
}
body.with-notification #notifications-area {
background-color: transparent !important;
}
#form[data-submission-phase="show-html"]>[data-submission-phase="show-html"],
#form div[data-role="detailed-invoice"],
#form #editor-settings-panel {
width: 500px;
padding: 0px 0px 10px 0px;
background-color: transparent;
border-width: 0px;
border-style: none;
border-color: #4c4c4c;
}
#form div[data-role="page"] {
width: 500px;
padding: 0 0px 10px 0px;
margin: 0px auto 0px auto !important;
background-color: transparent;
border-width: 0px;
border-style: none;
border-color: #4c4c4c;
}
#form div[data-role="page"][data-type="payment-summary-page"] {
margin-bottom: 0 !important;
}
#form.has-backlink div[data-role="page"][data-type="payment-summary-page"] {
margin-bottom: calc(0px + 12px) !important;
}
#form div[data-type="backlink-container"] {
width: calc(500px + 0px + 0px + 16px);
margin: 0 auto;
}
#form [data-role="page"][data-num-children]:not([data-num-children="0"]) {
width: 500px;
padding: 0 0px 10px 0px;
margin-top: 0px !important;
margin-bottom: 0px !important;
background-color: transparent;
border-width: 0px;
border-style: none;
border-color: #4c4c4c;
}
#form.has-backlink [data-role="page"],
#form.has-backlink [data-role="page"][data-num-children]:not([data-num-children="0"]) {
margin-bottom: 12px !important;
}
body>[data-role="wix-app-warning-box"] {
width: 500px;
}
#form[data-has-fixed-header] div[data-role="page"] [data-role="control"][data-type="realtime-calculations"],
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="quiz-timer"] {
width: 500px;
}
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="quiz-timer"] {
padding-right: 8px;
}
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="quiz-timer"] {
margin-left: -0px;
margin-right: -0px;
}
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="control"][data-type="realtime-calculations"] {
margin-left: -0px;
}
#form div[data-role="page"]>div[data-role="page-header"]:not([data-has-quiz-timer])>div[data-role="control"][data-type="realtime-calculations"] {
margin-right: -0px;
}
#form div[data-role="page"]>div[data-role="page-header"]:not([data-has-quiz-timer])>div[data-role="control"][data-type="realtime-calculations"] {
padding-right: 0px;
}
#form:not([data-has-fixed-header]) div[data-role="page"]>div[data-role="page-header"][data-has-realtime-calculations][data-has-quiz-timer]>div[data-role="control"][data-type="realtime-calculations"] {
width: 100%;
margin-left: -0px;
}
#form div[data-role="form-errors"],
#form[data-submission-phase="show-report"]>[data-submission-phase="show-report"],
#form[data-submission-phase="show-quiz-results"]>[data-submission-phase="show-quiz-results"],
#form[data-submission-phase="redirect"]>[data-submission-phase="redirect"],
#form[data-submission-phase="text-and-redirect"]>[data-submission-phase="text-and-redirect"],
#form[data-submission-phase="show-text"]>[data-submission-phase="show-text"],
#form[data-submission-phase="unhandled"]>[data-submission-phase="unhandled"] {
width: 500px;
padding: 0px 0px 10px 0px;
border-width: 0px;
border-style: none;
}
#form {
padding-top: 0px;
}
@media (max-width: 768px) {
body.has-ribbon #form {
padding-top: 60px;
}
}
#form[data-has-language-selector] {
padding-top: 40px;
}
#form div[data-role="control"][data-type="language-selector"]>div[data-ui-role="ui-element"][data-type="dropdown"] {
font-family: Roboto Condensed;
font-size: 16px;
line-height: 1.2em;
}
#form[data-loader-type="viewer"] {
padding-bottom: 0px;
}
#form[data-layout-type="desktop"] div[data-role="page"][data-page-index="0"],
#form[data-submission-phase="show-html"]>[data-submission-phase="show-html"],
#form[data-loader-type="viewer"] div[data-role="page"][data-is-active] {
margin: 0 auto 0 auto;
}
#form div[data-role="page"]~[data-role="after-submit-page-break"] {
width: 500px;
height: 0;
}
#form div[data-role="control"],
#form div[data-role="container"][data-type="div"],
#form div[data-role="container"][data-type="likert-wrapper"] {
padding: 8px 8px;
border-width: 0px;
border-style: none;
border-radius: 0px;
}
#form div[data-role="control"]:not(:hover):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form div[data-role="container"][data-type="div"]:not(:hover):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form div[data-role="container"][data-type="likert-wrapper"]:not(:hover):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) {
background-color: transparent;
border-color: transparent;
}
body:not([data-mouse-gesture-type]) #form[data-loader-type="editor"] div[data-role="control"]:hover:not(.selected):not([data-is-selected]):not([data-is-drag-source]):not([data-disabled]):not([data-is-active]):not([data-has-errors]),
body:not([data-mouse-gesture-type]) #form[data-loader-type="editor"] div[data-role="container"][data-type="div"]:hover:not([data-is-drag-source]):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]):not([data-num-children]),
body:not([data-mouse-gesture-type]) #form[data-loader-type="editor"] div[data-role="container"][data-type="likert-wrapper"]:hover:not([data-is-drag-source]):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) {
background-color: rgba(204, 204, 204, .2);
border-color: transparent;
}
#form[data-loader-type="editor"] div[data-role="control"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="control"].selected:not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="div"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="div"].selected:not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="likert-wrapper"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="likert-wrapper"].selected:not([data-disabled]):not([data-is-active]):not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="repeatable"][data-is-selected],
#form[data-loader-type="editor"] div[data-role="container"][data-type="repeatable"].selected {
background-color: rgba(204, 204, 204, .4);
border-color: transparent;
}
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]),
#form div[data-role="container"][data-type="div"][data-disabled]:not([data-is-active]):not([data-has-errors]),
#form div[data-role="container"][data-type="likert-wrapper"][data-disabled]:not([data-is-active]):not([data-has-errors]) {
background-color: transparent;
border-color: transparent;
}
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="div"][data-is-active]:not([data-has-errors]),
#form[data-loader-type="editor"] div[data-role="container"][data-type="likert-wrapper"][data-is-active]:not([data-has-errors]),
#editor-settings-panel [data-role="setting"][data-is-selected]:not([data-has-errors]) {
background-color: rgba(204, 204, 204, .4);
border-color: transparent;
}
#form div[data-role="control"][data-has-errors],
#form div[data-role="container"][data-type="div"][data-has-errors],
#form div[data-role="container"][data-type="likert-wrapper"][data-has-errors] {
background-color: transparent;
border-color: transparent;
}
#form [data-role="page"]>[data-role="page-header"] [data-role="control"],
#form [data-role="page"]>[data-role="page-footer"] [data-role="control"] {
background-color: transparent;
border-color: transparent;
}
body:not([data-mouse-gesture-type]) #form[data-loader-type="editor"] [data-role="page"]>[data-role="page-header"] [data-role="control"]:not([data-is-selected]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="editor"] [data-role="page"]>[data-role="page-footer"] [data-role="control"]:not([data-is-selected]):not([data-type="form-captcha"]):hover {
border-color: transparent !important;
}
#form [data-role="page"]>[data-role="page-header"] [data-role="control"][data-is-selected],
#form [data-role="page"]>[data-role="page-footer"] [data-role="control"][data-is-selected] {
background-color: rgba(204, 204, 204, .4);
border-color: transparent;
}
#form div[data-role="control"] label[data-role="label"],
#form div[data-role="control"] div.control__label,
#form div[data-role="container"][data-type="likert-wrapper"] label[data-role="label"],
#form div[data-role="container"][data-type="repeatable"] label[data-role="label"],
#form [data-role="page-footer"]>[data-type="payment-summary"]>.invoice-wrapper>label[data-role="label"] {
font-family: Roboto Condensed;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
padding-top: 0px;
padding-bottom: 4px;
margin-top: 0px;
margin-bottom: 0px;
}
#form,
#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) div[data-role="label"],
#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"],
#form div[data-role="container"][data-type="likert-wrapper"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"] {
color: #4c4c4c;
}
#form div[data-role="control"]:hover:not([data-is-selected]):not([data-is-drag-source]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) div[data-role="label"],
#form div[data-role="control"]:hover:not([data-is-selected]):not([data-is-drag-source]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"],
#form div[data-role="container"][data-type="likert-wrapper"]:hover:not([data-is-selected]):not([data-is-drag-source]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"] {
color: #4c4c4c;
}
#form div[data-role="control"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]) div[data-role="label"],
#form div[data-role="control"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"],
#form div[data-role="container"][data-type="likert-wrapper"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]) label[data-role="label"] {
color: #4c4c4c;
}
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="label"],
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) label[data-role="label"],
#form div[data-role="container"][data-type="likert-wrapper"][data-disabled]:not([data-is-active]):not([data-has-errors]) label[data-role="label"] {
color: rgba(76, 76, 76, .5);
}
#form div[data-role="control"][data-is-active]:not([data-has-errors]) div.control__label,
#form div[data-role="control"][data-is-active]:not([data-has-errors]) label[data-role="label"],
#form div[data-role="container"][data-type="likert-wrapper"][data-is-active]:not([data-has-errors]) label[data-role="label"],
#form div[data-role="control"][data-is-active]:not([data-has-errors]) div.control__label,
#form div[data-role="container"][data-type="likert-wrapper"][data-is-active]:not([data-has-errors]) div.control__label {
color: #4c4c4c;
}
#form div[data-role="control"][data-has-errors] div[data-role="label"],
#form div[data-role="control"][data-has-errors] label[data-role="label"],
#form div[data-role="container"][data-type="likert-wrapper"][data-has-errors] label[data-role="label"] {
color: #4c4c4c;
}
#form div[data-role="control"][data-is-required]:not([data-type="likert-scale"]) label[data-role="label"]:after,
#form div[data-role="container"][data-is-required][data-type="likert-wrapper"] label[data-role="label"]:after,
#form div[data-role="control"][data-is-required]:not([data-type="likert-scale"]) div.control__label:after,
#form div[data-role="container"][data-is-required][data-type="likert-wrapper"] div.control__label:after {
color: #636b4a;
}
#form div[data-role="control"] label[data-role="error"],
#form div[data-role="container"][data-type="likert-wrapper"] label[data-role="error"] {
font-family: Roboto Condensed;
font-size: 12px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
padding-top: 4px;
padding-bottom: 0px;
color: #fa4848;
white-space: normal;
}
#form div[data-role="control"] dt[data-role="instructions"],
#form div[data-role="container"][data-type="likert-wrapper"] dt[data-role="instructions"],
#form div[data-role="container"][data-type="repeatable"] dt[data-role="instructions"] {
font-family: Roboto Condensed;
font-size: 12px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
padding-top: 4px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"],
#form div[data-role="container"][data-type="likert-wrapper"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"] {
color: #aaaaaa;
}
#form div[data-role="control"]:hover:not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"],
#form div[data-role="page-footer"] div[data-role="control"]:hover:not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) .actionBarDisclaimerContainer,
#form div[data-role="container"][data-type-likert-wrapper]:hover:not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"] {
color: #aaaaaa;
}
#form div[data-role="control"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"],
#form div[data-role="control"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]) .actionBarDisclaimerContainer,
#form div[data-role="container"][data-type="likert-wrapper"][data-is-selected]:not([data-disabled]):not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"] {
color: #aaaaaa;
}
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"],
#form div[data-role="container"][data-type="likert-wrapper"][data-disabled]:not([data-is-active]):not([data-has-errors]) dt[data-role="instructions"] {
color: rgba(170, 170, 170, .5);
}
#form div[data-role="control"][data-is-active]:not([data-has-errors]) dt[data-role="instructions"],
#form div[data-role="container"][data-type="likert-wrapper"][data-is-active]:not([data-has-errors]) dt[data-role="instructions"] {
color: #aaaaaa;
}
#form div[data-role="control"][data-has-errors] dt[data-role="instructions"],
#form div[data-role="container"][data-type="likert-wrapper"][data-has-errors] dt[data-role="instructions"] {
color: #aaaaaa;
}
#form div[data-role="control"] input[data-role="i123-input"]:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=hidden]):not([data-no-theme]),
#form div[data-role="control"] select[data-role="i123-input"],
#form div[data-role="control"] textarea[data-role="i123-input"],
#form div[data-role="control"] div[data-role="i123-input"]:not([data-type="file"]),
#form div[data-role="control"] div[data-role="i123-input"][data-type="file"]>div[data-role="upload-overlay"],
#form div[data-role="control"] div[data-role="i123-input"][data-type="file"]>div[data-role="abort-all-uploads"],
#form div[data-role="control"][data-type="check-box"] input[data-role="other"],
#form div[data-role="control"][data-type="radio"] input[data-role="other"],
#form div[data-role="control"] div[data-role="price-container"],
#form div[data-role="control"] div[data-role="price-container"]>input,
#form div[data-role="control"] div[data-role="input-container"],
#form div[data-role="control"] div[data-role="input-container"]>input {
color: #6c6c6c;
padding: 8px 8px;
border-width: 1px !important;
border-style: solid !important;
border-radius: 3px !important;
font-family: Roboto Condensed;
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
background-color: transparent;
border-color: #cccccc;
}
#form div[data-role="control"] textarea[data-role="i123-input"]::-ms-input-placeholder {
color: #6c6c6c;
opacity: .5;
}
#form div[data-role="control"] textarea[data-role="i123-input"]::placeholder {
color: #6c6c6c;
opacity: .5;
}
#form div[data-role="control"] input[data-role="i123-input"]::-ms-input-placeholder {
color: #6c6c6c;
opacity: .5;
}
#form div[data-role="control"] textarea[data-role="i123-input"]::-webkit-input-placeholder {
color: #6c6c6c;
opacity: .5;
}
#form div[data-role="control"] input[data-role="i123-input"]::-webkit-input-placeholder {
color: #6c6c6c;
opacity: .5;
}
#form div[data-role="control"] div[data-role="price-container"]>input,
#form div[data-role="control"] div[data-role="input-container"]>input {
border: none !important;
}
#form div[data-role="control"] div[data-type="star-rating"][data-role="i123-input"] {
color: rgba(76, 76, 76, .5);
}
#form div[data-role="control"] div[data-role="i123-input"][data-type="date"]>div[data-role="expander"]:after,
#form div[data-role="control"] div[data-role="i123-input"][data-type="time"]>div[data-role="expander"]:after {
right: 5px;
}
#form div[data-role="control"] input[data-role="i123-input"]:not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=hidden]):not([data-no-theme]),
#form div[data-role="control"] select[data-role="i123-input"],
#form div[data-role="control"] div[data-role="i123-input"],
#form div[data-role="control"][data-type="form-captcha"] img[data-role="i123-captcha"]:not([data-captcha-type="recaptcha"]),
#form div[data-role="control"][data-type="check-box"] input[data-role="other"],
#form div[data-role="control"][data-type="radio"] input[data-role="other"],
#form div[data-role="control"] div[data-role="price-container"],
#form div[data-role="control"] div[data-role="input-container"] {
height: calc(8px + 8px + 1px + 1px + 1.2em);
}
#form div[data-role="control"] input[data-role="i123-input"][type=radio]+label,
#form div[data-role="control"] input[data-role="i123-input"][type=radio]+i.radio-icon {
border-width: 1px;
border-style: solid;
border-radius: 8px;
width: 16px;
height: 16px;
margin: 0 8px 0 0;
background-color: transparent;
border-color: #cccccc;
}
#form div[data-role="control"] input[data-role="i123-input"][type=radio]:checked+label:after,
#form div[data-role="control"] input[data-role="i123-input"][type=radio]:checked+i.radio-icon:after {
font-size: 16px;
}
#form div[data-role="control"] input[data-role="i123-input"][type=checkbox]:checked+label:after {
font-size: 16px;
}
#form div[data-role="control"][data-type="radio"] input[data-role="i123-input"][type=radio]:checked+label,
#form div[data-role="control"][data-type="radio"] input[data-role="i123-input"][type=radio]:checked+i.radio-icon,
#form div[data-role="control"][data-type="likert-scale"] input[data-role="i123-input"][type=radio]:checked+label,
#form div[data-role="control"][data-type="likert-scale"] input[data-role="i123-input"][type=radio]:checked+i.radio-icon {
border-color: #6c6c6c !important;
background-color: #6c6c6c !important;
}
#form div[data-role="control"][data-type="radio"] input[data-role="i123-input"][type=radio]:checked+label:after,
#form div[data-role="control"][data-type="likert-scale"] input[data-role="i123-input"][type=radio]:checked+label:after,
#form div[data-role="control"][data-type="radio"] input[data-role="i123-input"][type=radio]:checked+i.radio-icon:after,
#form div[data-role="control"][data-type="likert-scale"] input[data-role="i123-input"][type=radio]:checked+i.radio-icon:after {
color: transparent;
}
#form div[data-role="control"][data-type="radio"] input[data-role="i123-input"][type=radio]:checked:hover+label,
#form div[data-role="control"][data-type="likert-scale"] input[data-role="i123-input"][type=radio]:checked:hover+label {
border-color: #636b4a !important;
}
#form div[data-role="control"] input[data-role="i123-input"][type=checkbox]+label,
#form div[data-role="control"] input[data-role="i123-input"][type=checkbox]+i.checkbox-icon {
border-width: 1px;
border-style: solid;
width: 16px;
height: 16px;
border-radius: 3px;
margin: 0 8px 0 0;
background-color: transparent;
border-color: #cccccc;
}
#form div[data-role="control"][data-type="check-box"] input[data-role="i123-input"][type=checkbox]:checked+label,
#form div[data-role="control"][data-type="check-box"] input[data-role="i123-input"][type=checkbox]:checked+i.checkbox-icon,
#form div[data-role="control"][data-type="product"] input[data-role="i123-input"][type=checkbox]:checked+label,
#form div[data-role="control"][data-type="terms-of-service"] input[data-role="i123-input"][type=checkbox]:checked+label {
border-color: #6c6c6c !important;
border-radius: 3px;
border-width: 1px;
border-style: solid;
background-color: #6c6c6c !important;
}
#form div[data-role="control"][data-type="check-box"] input[data-role="i123-input"][type=checkbox]:checked:hover+label,
#form div[data-role="control"][data-type="terms-of-service"] input[data-role="i123-input"][type=checkbox]:checked:hover+label {
border-color: #636b4a !important;
}
#form div[data-role="control"][data-type="check-box"] input[data-role="i123-input"][type=checkbox]:checked+label:after,
#form div[data-role="control"][data-type="product"] input[data-role="i123-input"][type=checkbox]:checked+label:after,
#form div[data-role="control"][data-type="check-box"] input[data-role="i123-input"][type=checkbox]:checked+i.checkbox-icon:after,
#form div[data-role="control"][data-type="terms-of-service"] input[data-role="i123-input"][type=checkbox]:checked+label:after {
color: transparent;
}
#form [data-role="control"][data-show-number-of-choices] [data-role="input-row"]>[data-role="choice"]>label[data-role="choice"]>span[data-role="label-info"] {
color: rgba(76, 76, 76, .5);
}
#form div[data-role="control"][data-type="check-box"] label[data-role="choice"],
#form [data-role="control"] [data-role="input-row"] label[data-role="tos-label"] {
padding-left: 24px;
padding-top: 1px;
}
#form div[data-role="control"][data-type="radio"] label[data-role="choice"] {
padding-left: 24px;
padding-top: 1px;
}
#form[data-text-direction="rtl"] div[data-role="control"][data-type="check-box"] label[data-role="choice"],
#form[data-text-direction="rtl"] [data-role="control"] [data-role="input-row"] label[data-role="tos-label"] {
padding-right: 31px;
}
#form[data-text-direction="rtl"] div[data-role="control"][data-type="radio"] label[data-role="choice"] {
padding-right: 31px;
}
#form div[data-role="control"][data-type="check-box"] label[data-role="choice"]>input[data-role="i123-input"][type=checkbox]+label,
#form [data-role="control"] [data-role="input-row"] label[data-role="tos-label"]>input[data-role="i123-input"][type=checkbox]+label,
#form div[data-role="control"][data-type="check-box"] label[data-role="choice"]>input[data-role="i123-input"][type=checkbox]+i.checkbox-icon {
margin-left: -24px;
margin-right: 8px;
}
#form div[data-role="control"][data-type="radio"] label[data-role="choice"]>input[data-role="i123-input"][type=radio]+label,
#form div[data-role="control"][data-type="radio"] label[data-role="choice"]>input[data-role="i123-input"][type=radio]+i.radio-icon {
margin-left: -24px;
margin-right: 8px;
}
#form[data-text-direction="rtl"] div[data-role="control"][data-type="check-box"] label[data-role="choice"]>input[data-role="i123-input"][type=checkbox]+label,
#form[data-text-direction="rtl"] [data-role="control"] [data-role="input-row"] label[data-role="tos-label"]>input[data-role="i123-input"][type=checkbox]+label {
margin-right: -24px;
margin-left: 8px;
}
#form[data-text-direction="rtl"] div[data-role="control"][data-type="radio"] label[data-role="choice"]>input[data-role="i123-input"][type=radio]+label {
margin-right: -24px;
margin-left: 8px;
}
#form div[data-role="control"][data-type="check-box"] label[data-role="choice"][data-disabled],
#form div[data-role="control"][data-type="radio"] label[data-role="choice"][data-disabled] {
color: rgba(76, 76, 76, .5);
}
#form div[data-role="control"][data-type="check-box"] label[data-role="choice"][data-disabled]>input[data-role="i123-input"][type=checkbox]+label,
#form div[data-role="control"][data-type="radio"] label[data-role="choice"][data-disabled]>input[data-role="i123-input"][type=radio]+label {
background-color: transparent;
border-color: rgba(204, 204, 204, .5);
}
#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) input[data-role="i123-input"][type=checkbox][data-disabled]+label,
#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) input[data-role="i123-input"][type=radio][data-disabled]+label,
#form div[data-role="control"]:not(:hover):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) input[data-role="i123-input"][type=radio][data-disabled]+i.radio-icon {
background-color: transparent;
border-color: rgba(204, 204, 204, .5);
}
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"]:not([data-no-theme]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]),
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) select[data-role="i123-input"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="i123-input"]:not([data-type=file]),
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="price-container"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="input-container"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="i123-input"][type=file]>[data-role="upload-overlay"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="i123-input"][type=file]>[data-role="abort-all-uploads"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) textarea[data-role="i123-input"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"][type=radio]+label,
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"][type=checkbox]+label,
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="choice"] input[data-role="other"],
#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) div[data-role="choice"] i.checkbox-icon,
#form div[data-role="control"][data-type="signature"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) [data-role="signature-container"],
#form [data-role="container"][data-type="repeatable"] [data-role="add-group-button"] {
background-color: transparent;
border-color: #cccccc;
}
#form div[data-ui-role="ui-element"][data-type="file"]>div[data-role="abort-all-uploads"] {
color: rgba(76, 76, 76, .5);
}
#form div[data-ui-role="ui-element"][data-type="file"]>div[data-role="upload-overlay"]>div[data-role="placeholder"] {
color: #4c4c4c;
}
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"]:not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]):not([data-disabled]):not([data-no-theme]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) select[data-role="i123-input"]:not([data-disabled]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="i123-input"]:not([data-type="file"]):not([data-disabled]):not([readonly="readonly"]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="price-container"]:not([data-disabled]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="price-container"]:not([data-disabled])>input:hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="input-container"]:not([data-disabled]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="input-container"]:not([data-disabled])>input:hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="i123-input"][data-type="file"]:not([data-disabled])>[data-role="upload-overlay"]:hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="i123-input"][data-type="file"]:not([data-disabled])>[data-role="abort-all-uploads"]:hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) textarea[data-role="i123-input"]:not([data-disabled]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"][type=radio]:not([data-disabled]):hover+label,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"][type=radio]:not([data-disabled]):hover+i.radio-icon,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"][type=checkbox]:not([data-disabled]):not([readonly]):hover+label,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="choice"] input[data-role="other"]:not([data-disabled]):hover,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="choice"] label[data-role="choice"]>input+label:focus,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="choice"] label[data-role="choice"]>input:focus+label,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="choice"] label[data-role="choice"]>input[type=radio]:focus+label,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="input-row"] label[data-role="tos-label"]>input:not([readonly])+label:focus,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) div[data-role="input-row"] label[data-role="tos-label"]>input:not([readonly]):focus+label,
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"][data-type="signature"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]) [data-role="signature-container"]:not([readonly="readonly"]):hover {
background-color: transparent;
border-color: #636b4a;
color: #636b4a
}
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]):not([data-is-active]) div[data-role="i123-input"][data-type="file"]:not([data-disabled])>[data-role="upload-overlay"]:hover>div[data-role="placeholder"],
body:not([data-mouse-gesture-type]) #form[data-loader-type="viewer"] div[data-role="control"]:not([data-is-drag-source]):not([data-disabled]):not([data-has-errors]):not([data-is-active]) div[data-role="i123-input"][data-type="file"]:not([data-disabled])>[data-role="abort-all-uploads"]:hover {
color: #636b4a;
}
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) input[data-role="i123-input"]:not([data-no-theme]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]),
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) select[data-role="i123-input"],
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="i123-input"],
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="price-container"],
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="price-container"]>input,
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="input-container"],
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="input-container"]>input,
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) textarea[data-role="i123-input"],
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) input[data-role="i123-input"][type=radio]+label,
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) input[data-role="i123-input"][type=checkbox]+label,
#form div[data-role="control"][data-disabled]:not([data-is-active]):not([data-has-errors]) div[data-role="choice"] input[data-role="other"] {
background-color: transparent;
border-color: rgba(204, 204, 204, .5);
}
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) input[data-role="i123-input"]:not([data-no-theme]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]),
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) select[data-role="i123-input"],
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"]:not([data-type="file"]),
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="price-container"],
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="price-container"]>input,
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="input-container"],
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="input-container"]>input,
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]>div[data-role="upload-overlay"],
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]>div[data-role="abort-all-uploads"],
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) textarea[data-role="i123-input"],
#form[data-loader-type="editor"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="choice"] input[data-role="other"] {
background-color: transparent;
border-color: #cccccc;
}
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) input[data-role="i123-input"]:not([data-no-theme]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]):focus,
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) select[data-role="i123-input"]:focus,
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"]:not([data-type="file"]):not([data-type="dropdown"]):focus,
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-is-focused-child-element],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="price-container"][data-is-focused-child-element],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="price-container"][data-is-focused-child-element]>input,
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="input-container"][data-is-focused-child-element],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="input-container"][data-is-focused-child-element]>input,
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]:focus>[data-role="upload-overlay"],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]:focus>[data-role="abort-all-uploads"],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"][data-file-tab-focus-state] div[data-role="upload-overlay"],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) textarea[data-role="i123-input"]:focus,
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="choice"] input[data-role="other"]:focus {
background-color: rgba(99, 107, 74, .2) !important;
border-color: #636b4a !important;
color: #ffffff !important;
}
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"][data-file-tab-focus-state] div[data-role="upload-overlay"] div[data-role="placeholder"] {
color: #636b4a;
}
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]:focus>[data-role="upload-overlay"]>[data-role="placeholder"],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]:hover>[data-role="upload-overlay"]>[data-role="placeholder"],
#form[data-loader-type="viewer"] div[data-role="control"][data-is-active]:not([data-has-errors]) div[data-role="i123-input"][data-type="file"]>[data-role="abort-all-uploads"] {
color: #636b4a;
}
#form div[data-role="control"][data-has-errors]:not([data-type="address"]) select[data-role="i123-input"],
#form div[data-role="control"][data-has-errors]:not([data-type="address"]) div[data-role="i123-input"]:not([data-type="file"]),
#form div[data-role="control"][data-has-errors] div[data-role="price-container"],
#form div[data-role="control"][data-has-errors] div[data-role="input-container"],
#form div[data-role="control"][data-has-errors] div[data-role="i123-input"][data-type="file"] [data-role="upload-overlay"],
#form div[data-role="control"][data-has-errors] textarea[data-role="i123-input"],
#form div[data-role="control"][data-has-errors] input[data-role="i123-input"][type=radio]+label,
#form div[data-role="control"][data-has-errors] input[data-role="i123-input"][type=radio]+i.radio-icon,
#form div[data-role="control"][data-has-errors]:not([data-type="product"]) input[data-role="i123-input"][type=checkbox]+label,
#form div[data-role="control"][data-has-errors] div[data-role="choice"] input[data-role="other"],
#form div[data-role="control"][data-has-errors] div[data-role="price-container"] span[data-role="currency-code"],
#form div[data-role="control"][data-has-errors]:not([data-type="product"]) input {
background-color: rgba(250, 72, 72, .11);
border-color: #fa4848;
color: #4c4c4c;
}
#form div[data-role="control"][data-has-errors][data-type="address"] input[data-role="i123-input"][data-field-with-error]:not([data-no-theme]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]),
#form div[data-role="control"][data-has-errors][data-type="address"] select[data-role="i123-input"][data-field-with-error],
#form div[data-role="control"][data-has-errors][data-type="address"] div[data-role="i123-input"]:not([data-type="file"])[data-field-with-error] {
background-color: rgba(250, 72, 72, .11);
border-color: #fa4848;
color: #4c4c4c;
}
#form div[data-role="control"][data-has-errors] div[data-role="price-container"] input,
#form div[data-role="control"][data-has-errors] div[data-role="input-container"] input {
color: #4c4c4c;
}
#form div[data-role="control"][data-has-errors] div[data-role="i123-input"][data-type="file"] [data-role="upload-overlay"]>[data-role="placeholder"] {
color: #fa4848;
}
#form div[data-role="control"][data-has-errors] div[data-type="date"][data-role="i123-input"] div[data-role="date-part"],
#form div[data-role="control"][data-has-errors] div[data-type="time"][data-role="i123-input"] div[data-role="date-part"] {
color: #fa4848;
}
#form [data-role="control"]:not([data-type="check-box"]):not([data-type="radio"]) [data-role="input-row"]:not([data-is-first-row]) {
margin-top: 16px;
}
#form [data-role="control"]:not([data-type="check-box"]):not([data-type="radio"]) [data-role="input-row"]:not([data-is-last-row]) {
margin-bottom: 16px;
}
#form [data-role="control"]:not([data-type="check-box"]):not([data-type="radio"])[data-force-mobile-rendering] [data-role="input-row"]>*+* {
margin-top: 16px !important;
}
#form [data-role="control"][data-type="check-box"] [data-role="input-row"] label[data-role="choice"],
#form [data-role="control"][data-type="radio"] [data-role="input-row"] i.checkbox-icon,
#form [data-role="control"][data-type="radio"] [data-role="input-row"] label[data-role="choice"] {
padding-top: 9px;
padding-bottom: 9px;
line-height: 1.2em;
}
#form div[data-role="control"] h1 {
font-size: 2em;
}
#form div[data-role="control"] h2 {
font-size: 1.8em;
}
#form div[data-role="control"] h3 {
font-size: 1.5em;
}
#form div[data-role="control"] h4 {
font-size: 1.2em;
}
#form div[data-role="control"] h5 {
font-size: 1em;
}
#form div[data-role="control"] h6 {
font-size: 0.8em;
}
#form div[data-role="control"] p {
font-size: 1em;
}
#form div[data-role="control"] h1,
#form div[data-role="control"] h2,
#form div[data-role="control"] h3,
#form div[data-role="control"] h4,
#form div[data-role="control"] h5,
#form div[data-role="control"] h6,
#form div[data-role="control"]:not([data-type="html-block"]) p,
#form div[data-role="control"][data-type="html-block"]>* {
color: #4c4c4c;
}
#form div[data-role="control"][data-type="heading"] h1,
#form div[data-role="control"][data-type="heading"] h2,
#form div[data-role="control"][data-type="heading"] h3,
#form div[data-role="control"][data-type="heading"] h4,
#form div[data-role="control"][data-type="heading"] h5,
#form div[data-role="control"][data-type="heading"] h6 {
color: #4c4c4c;
}
#form div[data-renderer-type="tln"]>div[data-role="input-row"] {
margin-right: 0;
}
#form [data-role="control"][data-renderer-type="tlc"] dt[data-role="instructions"],
#form [data-role="control"][data-renderer-type="llc"] dt[data-role="instructions"],
#form [data-role="control"][data-renderer-type="rlc"] dt[data-role="instructions"] {
padding-bottom: 4px !important;
}
#form div[data-role="control"][data-renderer-type="tln"] label[data-role="label"]+dt[data-role="instructions"]~div[data-role="input-row"],
#form div[data-role="control"][data-renderer-type="tln"] div.control__label+dt[data-role="instructions"]+div[data-role="input-row"],
#form div[data-role="control"][data-type="form-captcha"][data-renderer-type="tln"] label[data-role="label"]~div[data-role="input-row"],
#form div[data-role="control"][data-renderer-type="tln"] div.control__label+dt[data-role="instructions"]+div[data-role="input-row"],
#form[data-layout-type="mobile"] div[data-type="payments-selector"] div[data-ui-role="ui-element"] {
margin-top: 4px !important;
}
#form div[data-role="control"][data-type="payments-selector"][data-renderer-type="tln"] label[data-role="label"] {
padding-bottom: 4px !important;
}
#form div[data-type="payments-selector"]>div[data-role="nowrap"]>label {
margin-bottom: 4px;
}
div[data-ui-role="ui-element"][data-type="file"]>div[data-role="upload"] {
color: #6c6c6c;
background-color: transparent;
}
#form div[data-role="control"][data-type="map"]>div[data-role="map-canvas"] {
left: 8px;
right: 8px;
top: 8px;
bottom: 8px;
}
#form div[data-role="control"][data-type="likert-scale"] div[data-role="label-resizer"] {
transform: translateX(-8px);
}
#form div[data-ui-role="ui-element"][data-type="star-rating"] div[data-role="star"][data-rating-tab-focus-state],
#form div[data-ui-role="ui-element"][data-type="star-rating"] div[data-role="star"][data-rating-tab-focus-state][data-is-checked] {
color: #636b4a;
}
#form div[data-ui-role="ui-element"][data-type="star-rating"] div[data-role="star"][data-is-hover] {
color: #636b4a;
}
#form div[data-ui-role="ui-element"][data-type="star-rating"] div[data-role="star"][data-is-checked]:not([data-is-hover]) {
color: #636b4a;
}
#form>div[data-role="page"]>[data-role="page-header"]>div[data-role="pagination"] {
margin-left: -0px;
margin-right: -0px;
}
#form>div[data-role="page"]>[data-role="page-header"]>div[data-role="pagination"]>div[data-role="legend"] {
margin: 0 8px 0 calc(0px + 8px);
}
#form>div[data-role="page"]>[data-role="page-header"]>div[data-role="pagination"] div[data-role="step"]:not([data-is-current]) {
color: rgba(76, 76, 76, .5);
}
#form>div[data-role="page"]>[data-role="page-header"]>div[data-role="pagination"][data-type="steps"]>div[data-role="step"]:not([data-is-current]) {
border-bottom-color: rgba(76, 76, 76, .5);
}
#form div[data-role="page"],
#form div[data-role="control"][data-type="realtime-calculations"] {
box-shadow: none;
}
#form [data-role="page"] [data-role="page-footer"] [data-role="control"][data-type="form-action-bar"] {
line-height: calc(8px + 8px + 2em + 1px + 1px + 16px + 8px);
}
#form [data-role="control"]:not([data-force-mobile-rendering]) [data-role="input-row"][data-fill-colspan="0"] {
margin-right: 0;
}
div[data-ui-role="ui-element"][data-type="file"]>div[data-role="files-container"]>[data-role="upload"]>[data-role="size"] {
color: rgba(76, 76, 76, .5);
}
div[data-ui-role="ui-element"][data-type="file"]>div[data-role="files-container"]>[data-role="upload"][data-has-error] {
background-color: rgba(250, 72, 72, .11);
}
#form div[data-role="control"] div[data-role="i123-input"][data-type="file"] [data-role="button-remove"] {
color: rgba(76, 76, 76, .5);
}
#form div[data-role="control"] div[data-role="i123-input"][data-type="file"] [data-role="button-remove"]:hover {
color: #6c6c6c;
}
#form div[data-role="control"][data-type="signature"] div[data-role="signature-container"]>a[data-role="clear-signature"] {
color: #6c6c6c;
}
#form div[data-role="control"][data-type="signature"] div[data-role="signature-container"]:hover>a[data-role="clear-signature"] {
color: #636b4a;
}
#form div[data-role="control"][data-type="terms-of-service"] [data-role="input-row"],
#form div[data-role="control"][data-type="likert-scale"] [data-role="input-column"] {
padding-top: 8px;
}
#form div[data-role="control"][data-type="terms-of-service"] a {
color: #636b4a;
}
#form [data-role="container"][data-type="likert-wrapper"] [data-role="likert-header"] div[data-role="scale-column"] {
color: #4c4c4c;
font-family: Roboto Condensed;
font-size: 16px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
}
#form div[data-role="control"][data-type="price"] div[data-role="price-container"] span,
#form div[data-role="control"] div[data-role="input-container"] span {
padding-left: 8px;
padding-top: 1px;
}
#form[data-text-direction="rtl"] div[data-role="control"][data-type="price"] div[data-role="price-container"] span,
#form[data-text-direction="rtl"] div[data-role="control"] div[data-role="input-container"] span {
padding-right: 8px;
}
#form div[data-role="control"][data-type="price"] div[data-role="price-container"] input,
#form div[data-role="control"] div[data-role="input-container"] input {
padding-left: 44.4px;
top: 50%;
}
#form[data-text-direction="rtl"] div[data-role="control"][data-type="price"] div[data-role="price-container"] input {
padding-right: 44.4px;
}
#form div[data-type="payments-selector"] img+span:after {
border-radius: 3px;
background-color: #636b4a;
border: 1px solid #636b4a;
}
#form[data-has-fixed-header] div[data-role="page"]>div[data-role="page-header"][data-has-realtime-calculations][data-has-quiz-timer]>[data-role="quiz-timer"] {
padding-left: 0px;
}
#form div[data-role="page-header"] div[data-type="form-header"] {
display: inline-block;
}
#form div[data-role="page-header"][data-has-realtime-calculations] div[data-type="form-header"],
#form div[data-role="page-header"][data-has-quiz-timer][data-has-realtime-calculations] div[data-type="form-header"] {
margin-top: 0px;
}
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-ro#form div[data-role="control"]:not([data-is-selected]):not([data-disabled]):not([data-has-errors]) input[data-role="i123-input"]:not([data-no-theme]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=hidden]),
#form div[data-role="control"]:notle=remove-group-button],
#form [data-role="container"][data-type="repeatable"] [data-role="add-group-button"] {
border-color: #cccccc !important;
}
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-role="remove-group-button"],
#form [data-role="container"][data-type="repeatable"] [data-role="add-group-button"] {
color: #cccccc !important;
border-color: #cccccc !important;
}
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-role="remove-group-button"],
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-role="remove-group-button"]:hover {
background-color: transparent;
}
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-role="remove-group-button"]:hover i {
color: #6c6c6c !important;
}
#form [data-role="container"][data-type="repeatable"]>[data-role="body"]:before,
#form [data-role="container"][data-type="repeatable"]>[data-role="body"]:after {
left: 8px;
right: 8px;
border-top: 1px solid #cccccc;
}
#form [data-role="container"][data-type="repeatable"]>[data-role="body"] [data-type="repeatable-group"]+[data-type="repeatable-group"]:before {
left: 8px;
right: 8px;
border-top: 1px solid #cccccc;
}
#form [data-role="container"][data-type="repeatable"] [data-role="add-group-button"] {
padding: 8px 8px;
font-size: 14px;
border-width: 1px;
}
#form [data-role="container"][data-type="repeatable"] [data-role="add-group-button"]:hover {
border-color: #636b4a !important;
color: #636b4a !important;
}
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-role="remove-group-button"] {
right: 8px;
}
#form [data-role="container"][data-type="repeatable"]>label[data-role="label"],
#form [data-role="container"][data-type="repeatable"]>dt[data-role="instructions"] {
margin-left: 8px;
}
#form[data-layout-type="mobile"] [data-role="container"][data-type="repeatable"] [data-role="add-group-button"],
#form[data-layout-type="mobile"] [data-role="container"][data-type="repeatable"]>label[data-role="label"],
#form[data-layout-type="mobile"] [data-role="container"][data-type="repeatable"]>dt[data-role="instructions"] {
width: calc(100% - 2 * 8px);
}
#form [data-role="container"][data-type="repeatable"] {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#form [data-role="container"][data-type="repeatable"]>[data-role="instructions"] {
font-size: 12px;
}
#form [data-role="container"][data-type="repeatable"]>[data-role="body"]:before,
#form [data-role="container"][data-type="repeatable"]>[data-role="body"]:after,
#form [data-role="container"][data-type="repeatable"]>[data-role="body"] [data-type="repeatable-group"]+[data-type="repeatable-group"]:before {
height: 1px;
}
#form [data-role="container"][data-type="repeatable"][data-has-errors] {
background-color: rgba(250, 72, 72, .11);
}
#form [data-type="repeatable-group"][data-empty-state]>[data-role="body"] {
border: 1px dashed #cccccc;
margin-left: 8px;
margin-right: 8px;
padding: 16px !important;
}
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"]>.ui-body table[data-role="detailed-invoice"] td,
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"] .ui-titlebar {
font-family: Roboto Condensed;
}
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"]>.ui-body table[data-role="detailed-invoice"] td {
font-style: normal;
font-size: 16px;
line-height: 1.2em;
}
#form [data-role="page"]>[data-role="page-header"]>[data-role="control"][data-type="realtime-calculations"]:not(:hover):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) {
background-color: #ececec;
font-style: normal;
font-family: Roboto Condensed;
}
#form [data-role="page"]>[data-role="page-header"]>[data-role="control"][data-type="realtime-calculations"]:not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) {
font-family: Roboto Condensed;
}
#form [data-role="page"]>[data-role="page-header"]>[data-role="control"][data-type="realtime-calculations"]:not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]):hover {
background-color: #ececec;
}
#form [data-role="page"]>[data-role="page-header"]>.header-text-container {
right: 0px
}
#form[data-loader-type="editor"] [data-type="payment-summary"] .invoice-wrapper {
padding: 8px 8px;
}
.invoice-wrapper label {
font-family: Roboto Condensed;
font-size: 16px;
font-style: normal;
font-weight: {
{
form.font-weight
}
}
;
line-height: 1.2em;
color: #4c4c4c;
}
.detailed-invoice-container {
font-family: Roboto Condensed;
font-size: 16px;
font-style: normal;
line-height: 1.2em;
color: #4c4c4c;
}
.detailed-invoice-container>.invoice-row.invoice-header {
background-color: #ececec;
}
.detailed-invoice-container>.invoice-row.invoice-subtotal,
.detailed-invoice-container>.invoice-row.invoice-total {
border-top: 1px solid #cccccc;
}
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"]>.ui-body table[data-role="detailed-invoice"] td,
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"] .ui-titlebar {
font-family: Roboto Condensed;
}
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"]>.ui-body table[data-role="detailed-invoice"] td {
font-style: normal;
font-size: 16px;
line-height: 1.2em;
}
#form [data-role="page"]>[data-role="page-header"]>[data-role="control"][data-type="realtime-calculations"]:not(:hover):not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) {
background-color: #ececec;
font-style: normal;
font-family: Roboto Condensed;
}
#form [data-role="page"]>[data-role="page-header"]>[data-role="control"][data-type="realtime-calculations"]:not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]) {
font-family: Roboto Condensed;
}
#form [data-role="page"]>[data-role="page-header"]>[data-role="control"][data-type="realtime-calculations"]:not(.selected):not([data-is-selected]):not([data-disabled]):not([data-is-active]):not([data-has-errors]):hover {
background-color: #ececec;
}
#form [data-role="page"]>[data-role="page-header"]>.header-text-container {
right: 0px
}
#form .loader-container>.loader>.form-header h1 {
font-size: 2em;
}
#form .loader-container>.loader>.form-header h2 {
font-size: 1.8em;
}
#form .loader-container>.loader>.form-header h3 {
font-size: 1.5em;
}
#form .loader-container>.loader>.form-header h4 {
font-size: 1.2em;
}
#form .loader-container>.loader>.form-header h5 {
font-size: 1em;
}
#form .loader-container>.loader>.form-header h6 {
font-size: 0.8em;
}
#form .loader-container>.loader>.form-header p {
font-size: 1em;
}
#form .loader-container>.loader>.form-header>* {
color: #4c4c4c;
}
#form .loader-container>.loader>.form-header li {
color: #4c4c4c;
}
#form .loader-container>.loader>.loader-text {
font-weight: normal;
font-style: normal;
color: #4c4c4c;
}
#form[data-loader-type='editor'] div[data-role='control'][data-type='form-captcha'][data-captcha-type='none'] p {
color: #4c4c4c;
}
#form[data-loader-type='editor']>div[data-role='page'] div[data-role='control'][data-type='form-captcha'][data-captcha-type='none']:not([data-disabled]):not([data-has-errors]),
body:not([data-mouse-gesture-type]) #form[data-loader-type='editor'] [data-type='form-captcha'][data-captcha-type='none']:hover:not(.selected):not([data-is-selected]):not([data-is-drag-source]):not([data-disabled]):not([data-is-active]):not([data-has-errors]):hover {
border-color: #cccccc;
}
#form [data-role="page-footer"] .abuse-disclaimer,
#form [data-role="page-footer"] .abuse-disclaimer a {
color: #4c4c4c;
}
#form [data-role="control"].button-choices .choice-box__label {
border: 1px solid #cccccc;
border-radius: 3px;
border-width: 1px;
background-color: transparent;
}
#form [data-role="control"].button-choices .choice-box:hover .choice-box__label {
background-color: transparent;
border-color: #636b4a;
}
#form [data-role="control"].button-choices .choice-box[data-is-checked="1"] .choice-box__label {
background-color: rgba(99, 107, 74, .2);
}
#form [data-type="signature"] .signature__placeholder-container {
color: #aaaaaa;
}
#form [data-type="signature"] .signature__placeholder-mask {
background-color: #aaaaaa;
}
#form label[data-role="label"],
#form div[data-role="label"],
#form dt[data-role="instructions"] {
text-align: left;
}
:root {
--master-border-radius: 6px;
--master-text-align: left;
--form-font-family: Roboto Condensed;
--form-font-size: 16px;
--form-font-weight: normal;
--form-font-style: normal;
--form-font-line-height: 1.2em;
--input-normal-color: #6c6c6c;
--input-normal-border-color: #cccccc;
--input-normal-background-color: transparent;
--input-error-border-color: #fa4848;
--input-error-background-color: rgba(250, 72, 72, .11);
--input-hover-border-color: #636b4a;
--input-hover-background-color: transparent;
--input-font-family: Roboto Condensed;
--input-font-size: 14px;
--input-font-weight: normal;
--input-font-style: normal;
--input-font-line-height: 1.2em;
--input-padding-vertical: 8px;
--input-padding-horizontal: 8px;
--input-border-width: 1px;
--input-border-style: solid;
--input-border-radius: 3px;
--button-font-family: Roboto Condensed;
--button-font-size: 14px;
--button-font-weight: normal;
--button-font-style: normal;
--button-line-height: 2em;
--button-border-radius: 3px;
--button-border-width: 1px;
--button-border-style: solid;
--button-padding-horizontal: 40px;
--button-padding-vertical: 8px;
--button-primary-normal-background-color: #636b4a;
--button-primary-normal-border-color: transparent;
--button-primary-normal-color: #ffffff;
--button-primary-hover-background-color: #ffffff;
--button-primary-hover-border-color: transparent;
--button-primary-hover-color: #636b4a;
--button-primary-disabled-background-color: rgba(76, 76, 76, .5);
--button-primary-disabled-border-color: transparent;
--button-primary-disabled-color: #ffffff;
--button-secondary-normal-background-color: transparent;
--button-secondary-normal-border-color: #4c4c4c;
--button-secondary-normal-color: #4c4c4c;
--button-secondary-hover-background-color: #4c4c4c;
--button-secondary-hover-border-color: transparent;
--button-secondary-hover-color: #ffffff;
--button-secondary-disabled-background-color: transparent;
--button-secondary-disabled-border-color: rgba(76, 76, 76, .5);
--button-secondary-disabled-color: rgba(76, 76, 76, .5);
--control-required-star-color: #636b4a;
--instructions-normal-color: #aaaaaa;
--instructions-error-color: #aaaaaa;
--instructions-hover-color: #aaaaaa;
--instructions-selected-color: #aaaaaa;
--instructions-focused-color: #aaaaaa;
--instructions-disabled-color: rgba(170, 170, 170, .5);
--instructions-font-family: Roboto Condensed;
--instructions-font-size: 12px;
--instructions-font-weight: normal;
--instructions-font-style: normal;
--instructions-font-line-height: 1.2em;
--instructions-padding-top: 4px;
--instructions-padding-bottom: 0px;
--instructions-margin-top: 0px;
--instructions-margin-bottom: 0px;
--label-normal-color: #4c4c4c;
--label-error-color: #4c4c4c;
--label-hover-color: #4c4c4c;
--label-selected-color: #4c4c4c;
--label-focused-color: #4c4c4c;
--label-disabled-color: rgba(76, 76, 76, .5);
--label-margin-top: 0px;
--label-margin-bottom: 0px;
--label-padding-top: 0px;
--label-padding-bottom: 4px;
--page-width: 500px;
--page-border-width: 0px;
--page-padding-top: 0px;
--page-padding-bottom: 10px;
--page-padding-left: 0px;
--page-padding-right: 0px;
--page-background-color: transparent;
--button-primary-normal-background-color: #636b4a;
--grid-pageWidth: 500;
--grid-pageWidthWithoutPadding: 500;
--grid-columnWidth: 9;
--grid-columnSpacing: 16;
--grid-spaceReservedForColumnSpacing: 188;
--grid-paddingLeft: 0;
--grid-paddingRight: 0;
--grid-paddingTop: 0;
--grid-paddingBottom: 10;
--container-padding-horizontal: 8px;
--container-padding-vertical: 8px;
}
</style>
<div data-role="page" data-type="page" data-hash="00000006" data-type-id="90001" data-colspan="20" data-num-children="2" data-page-index="0" data-is-first-page="1" data-is-current-page="1" data-is-last-page="yes">
<div data-role="page-header">
<div data-role="control" data-type="form-header" data-hash="00000002" data-type-id="27" data-colspan="20" id="form-heading-00000002-acc" aria-labelledby="form-heading-00000002-acc" data-i18n-html="Headline" class="d-none"></div>
</div>
<div data-role="page-body">
<div data-role="container" data-type="virtual-form-table-row" data-hash="00000007" data-type-id="0" data-colspan="20" data-num-children="1">
<div data-role="control" data-type="text" data-hash="00000008" data-type-id="23" data-colspan="20" data-label-is-bold="1" data-is-required="1" data-renderer-type="tlc" data-id="55573514">
<dt data-role="instructions" id="text-00000008-instr-acc" data-is-empty="1" data-i18n-text="control_instructions_55573514"></dt>
<div data-role="input-row" data-is-first-row="1" data-is-last-row="1" data-fill-colspan="0">
<div data-role="input-container" data-ui-role="ui-element" placeholder="Name" data-size="full"><span data-role="prefix-label" id="price-00000008-prefix-acc" style="opacity: 0.5;"></span><input type="text" data-role="i123-input"
data-no-theme="" aria-labelledby="text-00000008-acc text-00000008-error-acc text-00000008-instr-acc" id="text-00000008" placeholder="Name" data-i18n-placeholder="control_label_55573514" data-i18n-markdown-text=""
style="padding-left: 8px;"></div>
</div><label data-role="error" id="text-00000008-error-acc" data-is-empty="1"></label>
</div>
</div>
<div data-role="container" data-type="virtual-form-table-row" data-hash="00000009" data-type-id="0" data-colspan="20" data-num-children="1">
<div data-role="control" data-type="email" data-hash="0000000a" data-type-id="5" data-colspan="20" data-label-is-bold="1" data-is-required="1" data-renderer-type="tlc" data-id="55573516">
<dt data-role="instructions" id="email-0000000a-instr-acc" data-is-empty="1" data-i18n-text="control_instructions_55573516"></dt>
<div data-role="input-row" data-is-first-row="1" data-is-last-row="1" data-fill-colspan="0"><input type="email" data-role="i123-input" aria-labelledby="email0000000a-acc email-0000000a-error-acc email-0000000a-instr-acc" placeholder="Email"
data-size="full" data-i18n-placeholder="control_label_55573516" data-i18n-markdown-text=""></div><label data-role="error" id="email-0000000a-error-acc" data-is-empty="1"></label>
</div>
</div>
</div>
<div data-role="empty-state-view">
<div data-role="icon">
<span class="i123-empty-page"></span>
</div>
<div data-role="explanation" data-i18n-text="edt_text_add_fields_explanation">Drag & Drop fields from the left sidebar</div>
</div>
<div data-role="page-footer">
<div data-role="control" data-type="form-action-bar" data-hash="00000003" data-type-id="29" data-colspan="20" data-buttons-position="1">
<!-- First page -->
<div class="primaryButtonsContainer"><button data-role="submit" type="submit" class="actionBarBtn actionBarBtn--submit">
<span class="normal-state" data-i18n-text="SendButton">SUBSCRIBE</span>
<span class="submit-state" data-i18n-text="textdef_132">Please wait...</span>
</button></div>
<div class="secondaryButtonsContainer blank"></div>
<div id="abuse-disclaimer-root" class="blank"></div>
<div class="tertiaryButtonsContainer blank"></div>
</div>
</div>
<div data-role="grid">
<div data-role="edge" data-edge="top"></div>
<div data-role="edge" data-edge="left"></div>
<div data-role="edge" data-edge="right"></div>
<div data-role="edge" data-edge="bottom"></div>
<div data-index="1" data-role="col">1</div>
<div data-index="2" data-role="col">2</div>
<div data-index="3" data-role="col">3</div>
<div data-index="4" data-role="col">4</div>
<div data-index="5" data-role="col">5</div>
<div data-index="6" data-role="col">6</div>
<div data-index="7" data-role="col">7</div>
<div data-index="8" data-role="col">8</div>
<div data-index="9" data-role="col">9</div>
<div data-index="10" data-role="col">10</div>
<div data-index="11" data-role="col">11</div>
<div data-index="12" data-role="col">12</div>
<div data-index="13" data-role="col">13</div>
<div data-index="14" data-role="col">14</div>
<div data-index="15" data-role="col">15</div>
<div data-index="16" data-role="col">16</div>
<div data-index="17" data-role="col">17</div>
<div data-index="18" data-role="col">18</div>
<div data-index="19" data-role="col">19</div>
<div data-index="20" data-role="col">20</div>
</div>
</div>
<div data-page-index="0" data-is-last-page="yes"></div>
<link rel="stylesheet" type="text/css">
<style></style>
</form>Text Content
Drag & Drop fields from the left sidebar SUBSCRIBE Please wait... 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20