form.123formbuilder.com
Open in
urlscan Pro
54.90.136.68
Public Scan
URL:
https://form.123formbuilder.com/5977764/web
Submission: On August 19 via manual from US
Submission: On August 19 via manual from US
Form analysis 1 forms found in the DOM
POST
<form data-iframe-height="1" method="post" id="form" action="" data-form-hash="d3RyM01hT1BoZGkzbmxVeHpuUEQyOXdRU0dpT1VWWmtBVUVXSGJOZXgxTTh0WFd6M3V5eHZJQVdBdDBRc2pZZQ==" data-form-id="5977764" data-loader-type="viewer" data-num-children="1"
data-instructions-text-alignment="left" data-label-text-alignment="left" data-text-direction="ltr" data-label-placement="top" data-layout-type="mobile" data-theme-is-ready="1">
<style>
#form div[data-role="grid"] {
padding-left: 20px;
padding-right: 20px;
}
#form div[data-role="grid"]>div[data-role="edge"][data-edge="left"] {
left: 20px;
}
#form div[data-role="grid"]>div[data-role="edge"][data-edge="right"] {
right: 20px;
}
#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: 1280px;
}
#form div[data-role="grid"] [data-role="col"] {
display: none !important;
}
#form [data-role="control"],
#form [data-role="container"][data-type="likert-wrapper"] {
width: 285px;
}
#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: 'Open Sans', sans-serif;
font-size: 14px;
}
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: 325px;
padding: 0px 20px 1280px 20px;
background-color: #ffffff;
border-width: 0px;
border-style: none;
border-color: #4c4c4c;
}
#form div[data-role="page"] {
width: 325px;
padding: 0 20px 1280px 20px;
margin: 40px auto 40px auto !important;
background-color: #ffffff;
border-width: 0px;
border-style: none;
border-color: #4c4c4c;
}
#form div[data-role="page"][data-type="payment-summary-page"] {
margin-bottom: 80px !important;
}
#form.has-backlink div[data-role="page"][data-type="payment-summary-page"] {
margin-bottom: calc(40px + 12px) !important;
}
#form div[data-type="backlink-container"] {
width: calc(325px + 0px + 0px + 16px);
margin: 0 auto;
}
#form [data-role="page"][data-num-children]:not([data-num-children="0"]) {
width: 325px;
padding: 0 20px 1280px 20px;
margin: 40px auto 40px auto !important;
background-color: #ffffff;
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: 325px;
}
#form div[data-role="form-footer"] {
width: 325px;
}
#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: 325px;
}
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="quiz-timer"] {
padding-right: 28px;
}
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="quiz-timer"] {
margin-left: -20px;
margin-right: -20px;
}
#form div[data-role="page"]>div[data-role="page-header"]>div[data-role="control"][data-type="realtime-calculations"] {
margin-left: -20px;
}
#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: -20px;
}
#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: 20px;
}
#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: calc(100% + 20px + 20px);
margin-left: -20px;
}
#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: 325px;
padding: 0px 20px 1280px 20px;
border-width: 0px;
border-style: none;
}
#form {
padding-top: 40px;
}
@media (max-width: 768px) {
body.has-ribbon #form {
padding-top: 100px;
}
}
#form[data-has-language-selector] {
padding-top: 80px;
}
#form div[data-role="control"][data-type="language-selector"]>div[data-ui-role="ui-element"][data-type="dropdown"] {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.2em;
}
#form[data-loader-type="viewer"] {
padding-bottom: 40px;
}
#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],
#form div[data-role="form-footer"] {
margin: 0 auto 0 auto;
}
#form div[data-role="page"]+[data-role="page-break"],
#form div[data-role="page"]~[data-role="after-submit-page-break"] {
width: 325px;
height: 80px;
}
#form div[data-role="page"]+[data-role="page-break"][data-is-last-page],
#form.has-backlink div[data-type="backlink-container"]+[data-role="page-break"][data-is-last-page] {
height: 40px;
}
#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: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
padding-top: 10px;
padding-bottom: 8px;
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: rgba(255, 0, 0, 1);
}
#form div[data-role="control"] label[data-role="error"],
#form div[data-role="container"][data-type="likert-wrapper"] label[data-role="error"] {
font-family: 'Open Sans', sans-serif;
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: 'Open Sans', sans-serif;
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="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="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: #4c4c4c;
padding: 8px 8px;
border-width: 1px !important;
border-style: solid !important;
border-radius: 3px !important;
font-family: 'Open Sans', sans-serif;
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: #4c4c4c;
}
#form div[data-role="control"] textarea[data-role="i123-input"]::placeholder {
color: #4c4c4c;
}
#form div[data-role="control"] input[data-role="i123-input"]::-ms-input-placeholder {
color: #4c4c4c;
}
#form div[data-role="control"] textarea[data-role="i123-input"]::-webkit-input-placeholder {
color: #4c4c4c;
}
#form div[data-role="control"] input[data-role="i123-input"]::-webkit-input-placeholder {
color: #4c4c4c;
}
#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: #4c4c4c !important;
background-color: #4c4c4c !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: #ffffff;
}
#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: #0099cc !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="terms-of-service"] input[data-role="i123-input"][type=checkbox]:checked+label {
border-color: #4c4c4c !important;
border-radius: 3px;
border-width: 1px;
border-style: solid;
background-color: #4c4c4c !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: #0099cc !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="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: #ffffff;
}
#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"],
#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: #0099cc;
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]):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: #0099cc;
}
#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(0, 153, 204, .1) !important;
border-color: #0099cc !important;
color: #4c4c4c !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: #0099cc;
}
#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: #0099cc;
}
#form div[data-role="control"][data-has-errors]:not([data-type="address"]) 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-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] 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"] {
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 button[data-role] {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 2em;
padding: 0 40px;
margin: 0 8px 0 calc(16px / 2);
border-width: 1px;
border-style: solid;
border-radius: 3px;
min-height: calc(8px + 2em + 8px);
margin-top: 8px;
}
#form button[data-role] {
background-color: transparent;
border-color: #4c4c4c;
color: #4c4c4c;
}
body:not([data-mouse-gesture-type]) #form button[data-role]:not([disabled]):hover,
body:not([data-mouse-gesture-type]) #form button[data-role]:not([disabled]):focus {
background-color: #4c4c4c;
border-color: transparent;
color: #ffffff;
}
#form button[data-role][disabled] {
background-color: transparent;
border-color: rgba(76, 76, 76, .5);
color: rgba(76, 76, 76, .5);
}
#form button[data-role="submit"],
#form button[data-role="update"],
#form button[data-role="purchase"] {
background-color: #4c4c4c;
border-color: transparent;
color: #ffffff;
}
body:not([data-mouse-gesture-type]) #form button[data-role="submit"]:not([disabled]):hover,
body:not([data-mouse-gesture-type]) #form button[data-role="update"]:not([disabled]):hover,
body:not([data-mouse-gesture-type]) #form button[data-role="submit"]:not([disabled]):focus,
body:not([data-mouse-gesture-type]) #form button[data-role="update"]:not([disabled]):focus {
background-color: #707070;
border-color: transparent;
color: #ffffff;
}
#form button[data-role="submit"][disabled],
#form button[data-role="update"][disabled] {
background-color: rgba(76, 76, 76, .5);
border-color: transparent;
color: #ffffff;
}
#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: 8px !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: 8px !important;
}
#form div[data-role="control"][data-type="payments-selector"][data-renderer-type="tln"] label[data-role="label"] {
padding-bottom: 8px !important;
}
#form div[data-type="payments-selector"]>div[data-role="nowrap"]>label {
margin-bottom: 8px;
}
div[data-ui-role="ui-element"][data-type="file"]>div[data-role="upload"] {
color: #4c4c4c;
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: #0099cc;
}
#form div[data-ui-role="ui-element"][data-type="star-rating"] div[data-role="star"][data-is-hover] {
color: #0099cc;
}
#form div[data-ui-role="ui-element"][data-type="star-rating"] div[data-role="star"][data-is-checked]:not([data-is-hover]) {
color: #0099cc;
}
#form>div[data-role="page"]>[data-role="page-header"]>div[data-role="pagination"] {
margin-left: -20px;
margin-right: -20px;
}
#form>div[data-role="page"]>[data-role="page-header"]>div[data-role="pagination"]>div[data-role="legend"] {
margin: 0 28px 0 calc(20px + 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"][data-is-current] {
border-bottom-color: #0099cc;
}
#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"]>div[data-role="page-header"]>div[data-role="pagination"][data-type="percents"]>div[data-role="progress-bar"]>div[data-role="progress"] {
background-color: #0099cc;
}
#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"][data-type="form-action-bar"] {
padding-left: 0;
padding-right: 0;
}
#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: #4c4c4c;
}
#form div[data-role="form-footer"] {
margin-top: -20px;
}
#form div[data-role="control"][data-type="signature"] div[data-role="signature-container"]>a[data-role="clear-signature"] {
color: #4c4c4c;
}
#form div[data-role="control"][data-type="signature"] div[data-role="signature-container"]:hover>a[data-role="clear-signature"] {
color: #4c4c4c;
}
#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: #0099cc;
}
#form [data-role="container"][data-type="likert-wrapper"] [data-role="likert-header"] div[data-role="scale-column"] {
color: #4c4c4c;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
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,
#form div[data-type="payments-selector"] img+span:after {
border-radius: 3px;
background-color: #0099cc;
border: 1px solid #0099cc;
}
#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: 20px;
}
#form div[data-role="page-header"] div[data-type="form-header"] {
display: inline-block;
}
#form div[data-role="page-header"][data-has-quiz-timer],
#form div[data-role="page-header"][data-has-realtime-calculations],
#form div[data-role="page-header"][data-has-quiz-timer][data-has-realtime-calculations] {
top: -0px;
}
#form div[data-role="page-header"] div[data-type="form-header"],
#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-loader-type="editor"] div[data-role="control"][data-type="heading"] * {
font-family: 'Open Sans', sans-serif !important;
}
#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: #ffffff;
}
#form [data-role="container"][data-type="repeatable"] [data-type="repeatable-group"] [data-role="remove-group-button"]:hover i {
color: #4c4c4c !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: #0099cc !important;
color: #0099cc !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: 'Open Sans', sans-serif;
}
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"]>.ui-body table[data-role="detailed-invoice"] td {
font-style: normal;
font-size: 14px;
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: 'Open Sans', sans-serif;
}
#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: 'Open Sans', sans-serif;
}
#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: 20px
}
#form[data-loader-type="editor"] [data-type="payment-summary"] .invoice-wrapper {
padding: 8px 8px;
}
.invoice-wrapper label {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: {
{
form.font-weight
}
}
;
line-height: 1.2em;
color: #4c4c4c;
}
.detailed-invoice-container {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
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: 'Open Sans', sans-serif;
}
div.ui-dialog[data-dialog-role="detailed-invoice-dialog"]>.ui-body table[data-role="detailed-invoice"] td {
font-style: normal;
font-size: 14px;
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: 'Open Sans', sans-serif;
}
#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: 'Open Sans', sans-serif;
}
#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: 20px
}
#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;
}
</style>
<div data-role="page" data-type="page" data-hash="00000006" data-type-id="90001" data-colspan="20" data-num-children="3" 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">
<p> <img title="default 2.png" src="https://s3-us-west-2.amazonaws.com/userdata123/www/htmlblocks-images/2873/2873024/2873024_5977764_611c3672d16ed.png" alt="" width="195" height="179"></p>
</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="email" data-hash="00000008" data-type-id="5" data-colspan="20" data-renderer-type="tln" data-id="98322995" data-is-active="1"><label data-role="label" id="email00000008-acc"
data-i18n-text="control_label_98322995"><b>이메일 주소</b></label>
<dt data-role="instructions" id="email-00000008-instr-acc" data-is-empty="1" data-i18n-text="control_instructions_98322995"></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="email00000008-acc email-00000008-error-acc email-00000008-instr-acc" data-size="full">
</div><label data-role="error" id="email-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="text" data-hash="0000000a" data-type-id="23" data-colspan="20" data-renderer-type="tln" data-id="98322996"><label data-role="label" id="text-0000000a-acc"
data-i18n-text="control_label_98322996"><b>비밀번호</b></label>
<dt data-role="instructions" id="text-0000000a-instr-acc" data-is-empty="1" data-i18n-text="control_instructions_98322996"></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" data-size="full"><span data-role="prefix-label" id="price-0000000a-prefix-acc" style="opacity: 0.5;"></span><input type="text" data-role="i123-input" data-no-theme=""
aria-labelledby="text-0000000a-acc text-0000000a-error-acc text-0000000a-instr-acc" id="text-0000000a" placeholder="" style="padding-left: 8px;"></div>
</div><label data-role="error" id="text-0000000a-error-acc" data-is-empty="1"></label>
</div>
</div>
<div data-role="container" data-type="virtual-form-table-row" data-hash="0000000b" data-type-id="0" data-colspan="20" data-num-children="1">
<div data-role="control" data-type="text" data-hash="0000000c" data-type-id="23" data-colspan="20" data-renderer-type="tln" data-id="98322997"><label data-role="label" id="text-0000000c-acc"
data-i18n-text="control_label_98322997"><b>비밀번호 확인</b></label>
<dt data-role="instructions" id="text-0000000c-instr-acc" data-is-empty="1" data-i18n-text="control_instructions_98322997"></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" data-size="full"><span data-role="prefix-label" id="price-0000000c-prefix-acc" style="opacity: 0.5;"></span><input type="text" data-role="i123-input" data-no-theme=""
aria-labelledby="text-0000000c-acc text-0000000c-error-acc text-0000000c-instr-acc" id="text-0000000c" placeholder="" style="padding-left: 8px;"></div>
</div><label data-role="error" id="text-0000000c-error-acc" data-is-empty="1"></label>
</div>
</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="0">
<!-- First page -->
<!-- Page # 0 -->
<!-- Last page -->
<button data-role="submit" type="submit"><span class="normal-state" data-i18n-text="SendButton">로그인</span><span class="submit-state" data-i18n-text="textdef_132">Please wait...</span></button>
</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">Add fields using buttons on the left window or simply drag and drop them here.</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-role="page-break" data-page-index="0" data-is-last-page="yes">
<div data-role="merge-pages">
<div data-role="page-separator-line"></div><button data-role="merge-pages-button" data-i18n-text="edt_text_merge_button">Merge pages</button>
<div data-role="page-separator-line"></div>
</div>
</div>
<link rel="stylesheet" type="text/css">
<style></style>
<div data-role="form-footer">
<div data-role="sensitive-information"> Never submit sensitive information, such as credit card numbers or passwords. </div>
<div data-role="logo-content">
<a target="_blank" href="https://www.123formbuilder.com?utm_source=forms&utm_medium=referral&utm_campaign=123-form-backlink" title="">
<img data-role="logo-image" src="/images3/form/logo.svg" title="" alt="">
</a>
</div>
<div data-role="powered-by-content"> Powered by <a target="_blank" href="https://www.123formbuilder.com?utm_source=forms&utm_medium=referral&utm_campaign=123-form-backlink" title="123FormBuilder">123FormBuilder</a>
</div>
<div data-role="report-abuse-content">
<a target="_blank" rel="nofollow" href="https://form.123formbuilder.com/sfnew.php?s=123formbuilder-52&control119314=https://form.123formbuilder.com/5977764/web&control190=Report%20abuse" title="Looks like phishing? Report it!">Report abuse</a>
</div>
</div>
</form>Text Content
이메일 주소 비밀번호 비밀번호 확인 로그인Please wait... Add fields using buttons on the left window or simply drag and drop them here. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Merge pages Never submit sensitive information, such as credit card numbers or passwords. Powered by 123FormBuilder Report abuse