ROI Calculator
'); } .ql-editor ul[data-checked="true"] li:before, .ic-description-content ul[data-checked="true"] li:before { background-image: url('data:image/svg+xml;utf8,'); background-size: 12px; } .ic-description-content a { color: #0000ee; } .cont-questions .form-wrap.form-builder .frmb li .ql-editor ul:not(.inline-list) li, .cont-questions .form-wrap.form-builder .frmb li .ql-editor ol li, .ic-description-content ul:not(.inline-list) li, .ic-description-content ol li, .cont-questions .form-wrap.form-builder .frmb li .ic-description-content ul:not(.inline-list) li, .cont-questions .form-wrap.form-builder .frmb li .ic-description-content ol li { margin-bottom: 10px; } .cont-question:not([data-subtype]):not(.showAsToggleSwitch) > .checkbox-group .formbuilder-checkbox input[type="checkbox"]:checked ~ label::before, .cont-question:not([data-subtype]):not(.showAsToggleSwitch) > .checkbox-group .formbuilder-checkbox-inline input[type="checkbox"]:checked ~ label::before { color: #fff; /*border-color: #0990ce; background-color: #1ca7e7;*/ } .cont-question:not([data-subtype]).showAsToggleSwitch > .checkbox-group .formbuilder-checkbox input[type="checkbox"] + label, .cont-question:not([data-subtype]).showAsToggleSwitch > .checkbox-group .formbuilder-checkbox-inline input[type="checkbox"] + label { padding-left: 45px; } .cont-question.showAsToggleSwitch input[type="checkbox"] + label:before { content: ""; display: block; position: absolute; width: 35px; height: 20px; top: 50%; left: 0; border-radius: 100px; background: grey; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); } .cont-question.showAsToggleSwitch input[type="checkbox"] + label:after { content: ""; position: absolute; display: block; top: calc(50% + 3px); left: 3px; width: 14px; height: 14px; background: #fff; border-radius: 90px; transition: 0.3s; transform: translate(0%, calc(-50% - 3px)); -webkit-transform: translate(0%, calc(-50% - 3px)); } /*.cont-question.showAsToggleSwitch input[type=checkbox]:checked + label:before { background: #bada55; }*/ .cont-question.showAsToggleSwitch input[type="checkbox"]:checked + label:after { left: 18px; /* transform: translateX(-100%); */ } /* .cont-question.showAsToggleSwitch input[type="checkbox"] + label:active:after { width: 20px !important; } */ .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; max-height: 260px; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: none; list-style: none; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1rem 3px 0.4rem; padding: 10px; } .ui-menu.use-images .ui-menu-item-wrapper { display: flex; flex-direction: row-reverse; align-items: center; justify-content: start; } .ic-question.useImages .ui-selectmenu-text { background-size: contain; background-position: left center; background-repeat: no-repeat; padding-left: 30px; background-size: 26px 100%; } .ui-menu.use-images .ui-menu-item-wrapper span { width: 40px; height: 40px; display: block; background-size: contain; float: left; margin-right: 10px; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { background: #3c4448; color: #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color: transparent; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2rem; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2rem; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; z-index: 10; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1rem; font-weight: bold; line-height: 1.5; padding: 2px 0.4rem; margin: 0.5rem 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; color: #000; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14rem; margin-right: 0; } .ui-selectmenu-button .ui-icon { display: none; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-widget { font-family: inherit; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14rem; } .cont-question[data-type="select"] .ui-selectmenu-button { display: block; width: 100%; /*box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);*/ padding: 10px; line-height: 26px; /*border: solid 1px #ccc;*/ cursor: pointer; /*border-radius: 4px;*/ border-radius: 4px; background: #fff; position: relative; border: 1px solid #d0d0d0; } .cont-question[data-type="select"] .ui-selectmenu-button:after { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; content: ""; position: absolute; right: 10px; top: 22px; } .ic-autocomplete { display: block; width: calc(100% - 20px); } .cont-question[data-type=Incrementer] input[type=text], /*.cont-question[data-type=checkbox-group] input[type=text],*/ .cont-question[data-type=text] input[type=text], .cont-question[data-type=textarea] textarea, .cont-question[data-type=Date] input[type=text], .cont-question[data-type=Time] input[type=text], .cont-question[data-type=Number] input[type=text], .cont-question[data-type=Place] input[type=text] { display: block; padding: 10px; line-height: 24px; /*color: #555555;*/ vertical-align: middle; background-color: #ffffff; border: 1px solid #ced4da; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, padding ease-in-out 0.15s, background-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow 0.15s, background-color ease-in-out 0.15s, padding 0.15s; margin: 0; max-width: 100%; min-width: 40px; } .cont-question[data-type="Incrementer"] input[type="text"]:hover, .cont-question[data-type="text"] input[type="text"]:hover, .cont-question[data-type="textarea"] textarea:hover, .cont-question[data-type="Date"] input[type="text"]:hover, .cont-question[data-type="Time"] input[type="text"]:hover, .cont-question[data-type="Number"] input[type="text"]:hover, .cont-question[data-type="Place"] input[type="text"]:hover, .cont-question[data-type="Incrementer"] input[type="text"]:focus, .cont-question[data-type="checkbox-group"] input[type="text"]:focus, .cont-question[data-type="text"] input[type="text"]:focus, .cont-question[data-type="textarea"] textarea:focus, .cont-question[data-type="Date"] input[type="text"]:focus, .cont-question[data-type="Time"] input[type="text"]:focus, .cont-question[data-type="Number"] input[type="text"]:focus, .cont-question[data-type="Place"] input[type="text"]:focus { border-color: #a0aeae; } .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="Incrementer"] input[type="text"]:focus, .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="text"] input[type="text"]:focus, .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="textarea"] textarea:focus, .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="Date"] input[type="text"]:focus, .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="Time"] input[type="text"]:focus, .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="Number"] input[type="text"]:focus, .ic-rendered-container:not(.ic-accessibility) .cont-question[data-type="Place"] input[type="text"]:focus { outline: none; } .ic-rendered-container.ic-accessibility .cont-question[data-type="Incrementer"] input[type="text"]:focus-visible, .ic-rendered-container.ic-accessibility .cont-question[data-type="text"] input[type="text"]:focus-visible, .ic-rendered-container.ic-accessibility .cont-question[data-type="textarea"] textarea:focus-visible, .ic-rendered-container.ic-accessibility .cont-question[data-type="Date"] input[type="text"]:focus-visible, .ic-rendered-container.ic-accessibility .cont-question[data-type="Time"] input[type="text"]:focus-visible, .ic-rendered-container.ic-accessibility .cont-question[data-type="Number"] input[type="text"]:focus-visible, .ic-rendered-container.ic-accessibility .cont-question[data-type="Place"] input[type="text"]:focus-visible { outline: 2px solid #0074fe; } .ic-question:not([data-type="Incrementer"]):not([data-type="Number"]) > .cont-number input, .ic-question[data-type="Place"] > input, .ic-question[data-type="Date"] > input, .ic-question[data-type="text"] > input, .ic-question[data-type="textarea"] textarea { width: 100%; } .cont-question[data-type="checkbox-group"] input[type="text"] { border: none !important; box-shadow: none !important; background: transparent !important; padding: 4px 6px; max-width: 50px; text-align: center; } /*.ic-question[data-type=Incrementer] { display: none !important }*/ /*.cont-question[data-type=Date] input[type=text] { max-width: 180px; display: inline-block; }*/ .cont-question[data-type="Incrementer"] input[type="text"] { /*max-width: 75px;*/ } /*.cont-question[data-type=Time] input[type=text] { max-width: 170px; } .cont-question.has-ampm[data-type=Time] input[type=text] { max-width: 78px; }*/ .cont-question[data-type="Number"].has-prefix input[type="text"], .cont-question[data-type="Number"].has-suffix input[type="text"] { /*max-width: 100px;*/ } .cont-slider-value { font-size: 1.5rem; font-weight: 600; line-height: 1.5rem; /*height: 1rem;*/ /*display: flex; white-space: pre; overflow: hidden; text-overflow: ellipsis;*/ margin-bottom: 12px; text-align: left; } .slider-suffix { /*overflow: hidden; text-overflow: ellipsis; */ } .cont-slider-value > span { vertical-align: middle; /*height: 1rem;*/ } .ic-question.has-tooltip .js-range-slider { margin-top: 40px; } .ic-question.hidden-label.has-tooltip .js-range-slider { margin-top: 15px; } .ic-question.has-tooltip .cont-slider-value { display: none; } .ic-slider-tooltip { padding: 0px; background: transparent; border: none; /*color: inherit;*/ } .noUi-handle { font-weight: 500; font-size: 1.25rem; } .noUi-horizontal .noUi-tooltip { bottom: 120%; } .noUi-horizontal .noUi-tooltip { transition: left 0.1s; } .noUi-touch-area { height: 50px; width: 50px; left: calc(50% - 25px); position: relative; top: calc(50% - 25px); } /*.ic-rendered-container .cont-question[data-type=Formula], .cont-questions .form-wrap.form-builder .frmb > li.form-field[type=Formula] { background: #284e89; } .cont-question[data-type=Formula] { color: #fff; }*/ .js-group { display: flex; flex-wrap: wrap; -moz-box-pack: justify; justify-content: space-between; align-items: flex-start; } .customgroup-container { margin: 0; padding: 0; -moz-box-flex: 1; flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: space-between; } .ic-group.group-width-reset .js-group { display: block; } .ic-group.group-width-reset .customgroup-container { width: 100% !important; max-width: 100% !important; } .ic-group.group-width-reset:not([data-isrepeater]) .customgroup-container:not(:last-child) { margin-bottom: 20px; } .cont-repeater-remove-row { width: 30px; } .cont-repeater-remove-row svg { width: 24px; height: 24px; } .ic-group-element[data-clone-id] { margin-top: 30px; } .repeater-item-title + .ic-group-element[data-clone-id] { margin-top: 0px; } .repeater-item-title { font-weight: bold; margin-bottom: 20px; margin-top: 20px; } .repeater-add-row { margin-top: 10px !important; } .repeater-add-row { display: inline-block; margin-top: 0px; } .cont-form-editor .customgroup-container > li:last-child .ic-question { margin-bottom: 0 !important; } .ic-question.column-1-sticky .customgroup-container:nth-child(1), .ic-question.column-2-sticky .customgroup-container:nth-child(2), .ic-question.column-3-sticky .customgroup-container:nth-child(3), .ic-question.column-4-sticky .customgroup-container:nth-child(4) { position: sticky; top: 20px; } .cont-form-editor .ic-question.column-1-sticky .customgroup-container:nth-child(1), .cont-form-editor .ic-question.column-2-sticky .customgroup-container:nth-child(2), .cont-form-editor .ic-question.column-3-sticky .customgroup-container:nth-child(3), .cont-form-editor .ic-question.column-4-sticky .customgroup-container:nth-child(4) { position: relative; } .ic-image { line-height: 0; background: transparent; } .ic-image img { width: 100%; } /* .ic-image.column-width-reset img { width: 100% !important; }*/ .ic-tooltip { margin-left: 0.5em; border-radius: 100px; width: 1.1rem; height: 1.1rem; min-width: 1.1rem; line-height: 1.1rem; text-align: center; display: inline-flex; justify-content: center; align-items: center; font-weight: normal; font-size: 0.85rem; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; color: #fff; background: #aaa; vertical-align: middle; /*padding: 2px 0 0 0;*/ } .ic-tooltip.ic-option-tooltip { margin-bottom: 3px; } .tippy-content { font-weight: normal; text-transform: none; font-size: 1.2em; padding: 10px 20px; white-space: pre-line; } .tippy-content a { color: #fff; } .cont-question[data-type="Place"].isPlaces:not(.ic-breakpoint) .cont-place { display: flex; } .cont-question[data-type="Place"] input[type="text"].place-value { display: none; } .cont-question[data-type="Place"].isPlaces:not(.ic-breakpoint) .ic-place-from { margin-right: 20px; } .cont-question[data-type="Place"].isPlaces.ic-breakpoint .ic-place-from { margin-bottom: 10px; } .ic-place-location { position: relative; width: 100%; } .cont-question[data-type="Place"].isPlaces:not(.ic-breakpoint) .ic-place-location { width: calc(50% - 10px); } .ic-place-location input { width: 100%; } .ic-place-location input.loading { } .ic-place-dropdown-content { /*display: none;*/ position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 0; z-index: 2; width: 100%; max-width: 220px; } .ic-place-dropdown-content div { border-bottom: 1px solid #ccc; border-bottom: 1px solid #e5e5e5; padding: 6px 12px; cursor: pointer; color: #000; } .ic-place-dropdown-content div.menu-hover { background: #3c4448; color: #fff; } .ic-place-dropdown.menu-active .ic-place-dropdown-content { display: block; } .ic-opening-hours { font-size: 14px; padding: 10px; line-height: 1.4rem; } .ic-stage { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 1000; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; } .ic-lightbox { padding: 1rem; border: 1px solid rgb(245, 245, 245); background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 600px; max-width: 100%; border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 30px 0px, rgba(0, 0, 0, 0.09) 0px 5px 15px 0px; margin: 1rem; overflow-y: auto; max-height: 100vh; color: #000000; } .ic-lightbox-title { font-weight: bold; font-size: 1.5rem; margin-bottom: 0.5rem; } .ic-lightbox-description { margin-bottom: 1rem; } #card-errors { color: red; margin-bottom: 1rem; } .ic-payment-form .ic-input-text, #card-element { display: block; padding: 8px 10px; vertical-align: middle; background-color: #ffffff; border: 1px solid #ced4da; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin: 0; max-width: 100%; width: 100%; font-size: inherit; line-height: inherit; margin-bottom: 1rem; } .ic-calculator:not(.ic-accessibility) .ic-payment-form .ic-input-text:focus { outline: none; box-shadow: 0 0 5px #aaa; border-color: #000; transition: all 0.5s; } @media screen and (max-width: 780px) { .ic-lightbox { /*width: 100%; margin: 1rem; box-sizing: border-box;*/ } } .dev-info { padding: 1rem; background: #eee; margin-bottom: 1rem; border-radius: 4px; } .ic-btn-submit { display: inline-block; padding: 10px 30px; background-color: rgb(60, 105, 151); border: none; border-radius: 4px; color: #fff; font-size: 20px; cursor: pointer; } .ic-btn-submit.disabled, .ic-button-link.disabled { filter: opacity(0.6); cursor: not-allowed; } .ic-calculator.ic-accessibility .ic-button-link:not(.disabled):focus-visible, .ic-calculator.ic-accessibility .ic-btn-submit:not(.disabled):focus-visible { outline: 2px solid #0074fe; } /* .ic-product-list input:focus { outline: none !important; } */ .ic-rendered-container:not(.ic-accessibility) .ic-product-list input:focus { outline: none !important; } .ic-file input { display: none; } .ic-file .ic-file-drop-zone { cursor: pointer; padding: 15px 20px; border: 1px solid #0000001a; border-radius: 4px; text-align: center; transition: background-color 0.3s; pointer-events: none; } .ic-file .ic-file-drop-zone.enabled { pointer-events: all; } .ic-file .ic-file-drop-zone:hover, .ic-file .ic-file-drop-zone.active { background: #ffffff69; } .drop-zone-icon-container { display: inline-block; width: 24px; height: 24px; vertical-align: middle; } .ic-file .ic-file-item { cursor: default; text-align: left; padding-bottom: 20px; } .ic-file .ic-file-item-invalid em { color: #f00; text-decoration: line-through; } .ic-file .ic-file-item-remove { cursor: pointer; } .ic-file .ic-file-item-remove svg { width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; } .ic-file.uploading .drop-zone-icon-container svg { animation: rotation 2s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .ic-email-form { position: absolute; left: -9999px; visibility: hidden; }
ROI Calculator