File manager - Edit - /home/wwwroot/camplus.hk/master.camplus.hk/public_html/assets/custom/survey-jquery/survey.modern.new.css
Back
/*! * surveyjs - Survey JavaScript library v1.9.75 * Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/ * License: MIT (http://www.opensource.org/licenses/mit-license.php) */ @font-face { font-family: "Raleway"; font-style: normal; font-weight: 400; src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 400; src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 700; src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 700; src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 400; src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ISQ.woff) format("woff") } @font-face { font-family: "Raleway"; font-style: normal; font-weight: 700; src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPBg.woff) format("woff") } .sv-dragdrop-movedown { transform: translate(0, 0); animation: svdragdropmovedown .1s; animation-timing-function: ease-in-out } @keyframes svdragdropmovedown { 0% { transform: translate(0, -50px) } 100% { transform: translate(0, 0) } } .sv-dragdrop-moveup { transform: translate(0, 0); animation: svdragdropmoveup .1s; animation-timing-function: ease-in-out } @keyframes svdragdropmoveup { 0% { transform: translate(0, 50px) } 100% { transform: translate(0, 0) } } sv-popup { display: block; position: absolute; z-index: -1 } .sv-popup { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; outline: none; z-index: 1500 } .sv-popup__container { box-shadow: 0px 2px 6px rgba(0, 0, 0, .1); position: absolute; padding: 0 } .sv-popup__shadow { width: 100%; height: 100%; border-radius: calc(1 * var(--base-unit, 8px)) } .sv-popup__body-content { background-color: var(--background, #fff); border-radius: calc(0.5 * var(--base-unit, 8px)); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; max-height: 90vh; max-width: 90vw } .sv-popup--modal { display: flex; align-items: center; justify-content: center; background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px)); box-sizing: border-box } .sv-popup--modal .sv-popup__container { position: static } .sv-popup--modal .sv-popup__body-content { padding: calc(4 * var(--base-unit, 8px)) } .sv-popup--overlay.sv-popup--overlay { width: 100%; height: var(--sv-popup-overlay-height, 100vh) } .sv-popup--overlay.sv-popup--overlay .sv-popup__container { background: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); max-width: 100vw; max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--base-unit, 8px)); height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--base-unit, 8px)); width: 100%; padding-top: calc(2 * var(--base-unit, 8px)); border: unset } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-content { max-height: var(--sv-popup-overlay-height, 100vh); max-width: 100vw; border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px; background: var(--background, #fff); box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, .1); padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); height: calc(100% - (1 * var(--base-unit, 8px))) } .sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content { height: calc(100% - 10*var(--base-unit, 8px)) } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer { margin-top: calc(2 * var(--base-unit, 8px)) } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar { width: 100% } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action { width: 100% } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item { width: 100% } .sv-popup--overlay.sv-popup--overlay .sv-popup__button { background-color: var(--primary, #19b394); border: 2px solid var(--primary, #19b394); color: var(--primary-foreground, #fff) } .sv-popup--modal .sv-popup__scrolling-content { padding: 2px; margin: -2px } .sv-popup__scrolling-content { height: 100%; overflow: auto; display: flex; flex-direction: column } .sv-popup__scrolling-content::-webkit-scrollbar, .sv-popup__scrolling-content *::-webkit-scrollbar { height: 6px; width: 6px; background-color: var(--background-dim, #f3f3f3) } .sv-popup__scrolling-content::-webkit-scrollbar-thumb, .sv-popup__scrolling-content *::-webkit-scrollbar-thumb { background: var(--primary-light, rgba(25, 179, 148, 0.1)) } .sv-popup__content { min-width: 100%; height: 100%; display: flex; flex-direction: column; min-height: 0 } .sv-popup--show-pointer.sv-popup--top .sv-popup__pointer { transform: translate(calc(-1 * var(--base-unit, 8px))) rotate(180deg) } .sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer { transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px))) } .sv-popup--show-pointer.sv-popup--right { transform: translate(calc(1 * var(--base-unit, 8px))) } .sv-popup--show-pointer.sv-popup--right .sv-popup__pointer { transform: translate(-12px, -4px) rotate(-90deg) } .sv-popup--show-pointer.sv-popup--left { transform: translate(calc(-1 * var(--base-unit, 8px))) } .sv-popup--show-pointer.sv-popup--left .sv-popup__pointer { transform: translate(-4px, -4px) rotate(90deg) } .sv-popup__pointer { display: block; position: absolute } .sv-popup__pointer:after { content: " "; display: block; width: 0; height: 0; border-left: calc(1 * var(--base-unit, 8px)) solid rgba(0, 0, 0, 0); border-right: calc(1 * var(--base-unit, 8px)) solid rgba(0, 0, 0, 0); border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff); align-self: center } .sv-popup__body-header { font-family: Open Sans; font-size: calc(3 * var(--base-unit, 8px)); line-height: calc(4 * var(--base-unit, 8px)); font-style: normal; font-weight: 700; margin-bottom: calc(2 * var(--base-unit, 8px)); color: var(--foreground, #161616) } .sv-popup__body-footer { display: flex; margin-top: calc(4 * var(--base-unit, 8px)) } .sv-popup__body-footer .sv-action-bar { gap: calc(1.5 * var(--base-unit, 8px)) } .sv-popup__button { padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px)); background: var(--background, #fff); box-shadow: 0px 1px 2px rgba(0, 0, 0, .15); border-radius: 4px; margin: 2px; cursor: pointer; font-family: var(--font-family, var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-style: normal; font-weight: 600; font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); text-align: center; color: var(--primary, #19b394); border: none; outline: none } .sv-popup__button:hover { box-shadow: 0 0 0 2px var(--primary, #19b394) } .sv-popup__button:disabled { color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); cursor: default } .sv-popup__button:disabled:hover { box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) } .sv-popup__button--apply { background-color: var(--primary, #19b394); color: var(--primary-foreground, #fff) } .sv-popup__button--apply:disabled { background-color: var(--background-dim, #f3f3f3) } .sv-popup--modal .sv-list__filter, .sv-popup--overlay .sv-list__filter { padding-top: calc(1 * var(--base-unit, 8px)) } .sv-popup--modal .sv-list__filter-icon, .sv-popup--overlay .sv-list__filter-icon { top: calc(2.5 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay { z-index: 2001; padding: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content { padding: 0; border-radius: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar { justify-content: flex-end } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar .sv-action { width: auto } .sv-dropdown-popup.sv-popup--overlay .sv-popup__button { background-color: rgba(0, 0, 0, 0); color: var(--primary, #19b394); border: none; box-shadow: none; padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); border-radius: calc(12.5 * var(--base-unit, 8px)); margin: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__container { max-height: calc(var(--sv-popup-overlay-height, 100vh)); height: calc(var(--sv-popup-overlay-height, 100vh)); padding-top: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content { height: calc(var(--sv-popup-overlay-height, 100vh)) } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer { background-color: var(--background-dim-light, #f9f9f9); margin-top: 0; padding-top: calc(0.5 * var(--base-unit, 8px)); padding-bottom: calc(0.5 * var(--base-unit, 8px)); border-top: 1px solid var(--border-light, #eaeaea) } .sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content { height: calc(100% - 6*var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon { width: calc(2 * var(--base-unit, 8px)); height: calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__container { padding: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-list { flex-grow: 1; padding: calc(0.5 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter { display: flex; align-items: center; padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon { position: static; top: calc(1.5 * var(--base-unit, 8px)); height: calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: calc(1 * var(--base-unit, 8px)) calc(0.5 * var(--base-unit, 8px)); background-color: var(--background, #fff) } .sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled { pointer-events: none; color: var(--foreground, #161616); opacity: .25 } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button { height: calc(3 * var(--base-unit, 8px)); width: calc(3 * var(--base-unit, 8px)); padding: calc(0.5 * var(--base-unit, 8px)); appearance: none; border: none; border-radius: 100%; background-color: rgba(0, 0, 0, 0) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg { height: calc(2 * var(--base-unit, 8px)); width: calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use { fill: var(--foreground-light, #909090) } .sv-dropdown-popup.sv-popup--overlay .sv-list__input { color: var(--foreground-light, #909090); font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); font-family: var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif); padding: calc(0.5 * var(--base-unit, 8px)) 0 calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body { background: var(--background, #fff) } .sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body { background: var(--primary, #19b394); color: var(--primary-foreground, #fff); font-weight: 600 } .sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sd-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sd-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sd-list__item-body { background: var(--primary-light, rgba(25, 179, 148, 0.1)); color: var(--foreground, #161616) } .sv_progress-buttons__container-center { text-align: center } .sv_progress-buttons__container { display: inline-block; font-size: 0; width: 100%; max-width: 1100px; white-space: nowrap; overflow: hidden } .sv_progress-buttons__image-button-left { display: inline-block; vertical-align: top; margin-top: 22px; font-size: 14px; width: 16px; height: 16px; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTEsMTIgOSwxNCAzLDggOSwyIDExLDQgNyw4ICIvPg0KPC9zdmc+DQo=) } .sv_progress-buttons__image-button-right { display: inline-block; vertical-align: top; margin-top: 22px; font-size: 14px; width: 16px; height: 16px; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNSw0IDcsMiAxMyw4IDcsMTQgNSwxMiA5LDggIi8+DQo8L3N2Zz4NCg==) } .sv_progress-buttons__image-button--hidden { visibility: hidden } .sv_progress-buttons__list-container { max-width: calc(100% - 36px); display: inline-block; overflow: hidden } .sv_progress-buttons__list { display: inline-block; width: max-content; padding-left: 28px; padding-right: 28px; margin-top: 14px; margin-bottom: 14px } .sv_progress-buttons__list li { width: 138px; font-size: 14px; font-family: var(--font-family, var(--font-family)); position: relative; text-align: center; vertical-align: top; display: inline-block } .sv_progress-buttons__list li:before { width: 24px; height: 24px; content: ""; line-height: 30px; display: block; margin: 0 auto 10px auto; border: 3px solid; border-radius: 50%; box-sizing: content-box; cursor: pointer } .sv_progress-buttons__list li:after { width: 73%; height: 3px; content: ""; position: absolute; top: 15px; left: -36.5% } .sv_progress-buttons__list li:first-child:after { content: none } .sv_progress-buttons__list .sv_progress-buttons__page-title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold } .sv_progress-buttons__list .sv_progress-buttons__page-description { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sv_progress-buttons__list li.sv_progress-buttons__list-element--nonclickable:before { cursor: not-allowed } .sv-container-modern { color: var(--text-color, #404040); font-size: var(--font-size, 16px); font-family: var(--font-family, var(--font-family)); margin-bottom: calc(10 * var(--base-unit, 8px)) } .sv-container-modern__title { padding-left: .55em; color: var(--main-color, #1ab394); padding-top: 5em; padding-bottom: .9375em } @media only screen and (min-width: 1000px) { .sv-container-modern__title { margin-right: 5%; margin-left: 5% } } @media only screen and (max-width: 1000px) { .sv-container-modern__title { margin-right: 10px; margin-left: 10px } } .sv-container-modern__title h3 { margin: 0; font-size: 1.875em } .sv-container-modern__title h5 { margin: 0 } .sv-container-modern__close { clear: right } .sv-container-modern fieldset { border: none; padding: 0; margin: 0 } .sv-container-modern legend { border: none; padding: 0; margin: 0 } .sv-body__timer, .sv-body__page, .sv-body__footer.sv-footer.sv-action-bar { margin-top: 2em } @media only screen and (min-width: 1000px) { .sv-body__timer, .sv-body__page, .sv-body__footer.sv-footer.sv-action-bar { margin-right: 5%; margin-left: 5% } } @media only screen and (max-width: 1000px) { .sv-body__timer, .sv-body__page, .sv-body__footer.sv-footer.sv-action-bar { margin-right: 10px; margin-left: 10px } } .sv-body__timer { padding: 0 calc(1 * var(--base-unit, 8px)); box-sizing: border-box } .sv-body__progress { margin-bottom: 4.5em } .sv-body__progress:not(:first-child) { margin-top: 2.5em } .sv-page__title { margin: 0; margin-bottom: 1.333em; font-size: 1.875em; padding-left: .293em } .sv-page__description { min-height: 2.8em; font-size: 1em; padding-left: .55em } .sv-page__title+.sv-page__description { margin-top: -2.8em } .sv-panel { box-sizing: border-box; width: 100% } .sv-panel__title { font-size: 1.25em; margin: 0; padding: 0; padding-bottom: .1em; padding-left: .44em; padding-right: .44em; position: relative } .sv-panel__footer { margin: 0; padding: 1em .44em 1em 0 } .sv-panel__description { padding-left: .55em } .sv-panel__title--expandable { cursor: pointer; display: flex; padding-right: 24px; align-items: center } .sv-panel__title--expandable:after { content: ""; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; background-size: 10px 12px; width: 24px; height: 24px; position: absolute; right: 0 } .sv-panel__title--expandable.sv-panel__title--expanded:after { transform: rotate(180deg) } .sv-panel__icon { outline: none } .sv-panel__icon:before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; height: .5em; width: .6em; margin-left: 1.5em; vertical-align: middle } .sv-panel__icon--expanded:before { transform: rotate(180deg) } .sv-panel .sv-question__title { font-size: 1em; padding-left: .55em } .sv-panel__content:not(:first-child) { margin-top: .75em } .sv-panel .sv-row:not(:last-child) { padding-bottom: 1.875em } .sv-panel__title--error { background-color: var(--error-background-color, rgba(213, 41, 1, 0.2)) } .sv-paneldynamic__progress-container { position: relative; margin-left: .75em; margin-right: 250px; margin-top: 20px } .sv-paneldynamic__add-btn { background-color: var(--add-button-color, #1948b3); float: right; margin-top: -18px } [dir=rtl] .sv-paneldynamic__add-btn, [style*="direction:rtl"] .sv-paneldynamic__add-btn, [style*="direction: rtl"] .sv-paneldynamic__add-btn { float: left } .sv-paneldynamic__add-btn--list-mode { float: none; margin-top: 1em } .sv-paneldynamic__remove-btn { background-color: var(--remove-button-color, #ff1800); margin-top: 1.25em } .sv-paneldynamic__remove-btn--right { margin-top: 0; margin-left: 1.25em } .sv-paneldynamic__prev-btn, .sv-paneldynamic__next-btn { box-sizing: border-box; display: inline-block; fill: var(--text-color, #404040); cursor: pointer; width: .7em; top: -0.28em; position: absolute } .sv-paneldynamic__prev-btn svg, .sv-paneldynamic__next-btn svg { display: block; height: .7em; width: .7em } .sv-paneldynamic__prev-btn { left: -1.3em; transform: rotate(90deg) } .sv-paneldynamic__next-btn { right: -1.3em; transform: rotate(270deg) } .sv-paneldynamic__prev-btn--disabled, .sv-paneldynamic__next-btn--disabled { fill: var(--disable-color, #dbdbdb); cursor: auto } .sv-paneldynamic__progress-text { color: var(--progress-text-color, #9d9d9d); font-weight: bold; font-size: .87em; margin-top: .69em; margin-left: 1em } .sv-paneldynamic__separator { border: none; margin: 0 } .sv-paneldynamic__progress--top { margin-bottom: 1em } .sv-paneldynamic__progress--bottom { margin-top: 1em } .sv-paneldynamic__panel-wrapper~.sv-paneldynamic__panel-wrapper { padding-top: 2.5em } .sv-paneldynamic__panel-wrapper--in-row { display: flex; flex-direction: row; align-items: center } @supports(display: flex) { .sv-row { display: flex; flex-wrap: wrap } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sv-row>.sv-row__panel, .sv-row__question:not(:last-child) { float: left } } @media only screen and (-ms-high-contrast: active)and (max-width: 600px), only screen and (-ms-high-contrast: none)and (max-width: 600px) { .sv-row>.sv-row__panel, .sv-row__question:not(:last-child) { padding-bottom: 2.5em; float: none } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { [dir=rtl] .sv-row__question:not(:last-child), [style*="direction:rtl"] .sv-row__question:not(:last-child), [style*="direction: rtl"] .sv-row__question:not(:last-child) { float: right } } @media only screen and (-ms-high-contrast: active)and (max-width: 6000px), only screen and (-ms-high-contrast: none)and (max-width: 6000px) { .sv-row__question--small:only-child { max-width: 3000px } } @media only screen and (-ms-high-contrast: active)and (max-width: 3000px), only screen and (-ms-high-contrast: none)and (max-width: 3000px) { .sv-row__question--small:only-child { max-width: 1200px } } @media only screen and (-ms-high-contrast: active)and (max-width: 2000px), only screen and (-ms-high-contrast: none)and (max-width: 2000px) { .sv-row__question--small:only-child { max-width: 700px } } @media only screen and (-ms-high-contrast: active)and (max-width: 1000px), only screen and (-ms-high-contrast: none)and (max-width: 1000px) { .sv-row__question--small:only-child { max-width: 500px } } @media only screen and (-ms-high-contrast: active)and (max-width: 500px), only screen and (-ms-high-contrast: none)and (max-width: 500px) { .sv-row__question--small:only-child { max-width: 300px } } @media only screen and (-ms-high-contrast: active)and (max-width: 600px), only screen and (-ms-high-contrast: none)and (max-width: 600px) { .sv-row>.sv-row__panel, .sv-row__question { width: 100% !important; padding-right: 0 !important } } .sv-row>.sv-row__panel, .sv-row__question { vertical-align: top; white-space: normal } .sv-row__question:first-child:last-child { flex: none !important } .sv-row:not(:last-child) { padding-bottom: 2.5em } .sv-question { overflow: auto; box-sizing: border-box; font-family: inherit } .sv-question__title { position: relative; box-sizing: border-box; margin: 0; padding: .25em .44em; cursor: default; font-size: 1.25em; word-break: break-word } .sv-question__required-text { line-height: .8em; font-size: 1.4em } .sv-question__description { margin: 0; padding-left: .55em; font-size: 1em; word-break: break-word } .sv-question__input { width: 100%; height: 1.81em } .sv-question__content { margin-left: .55em } .sv-question__erbox { color: var(--error-color, #d52901); font-size: .74em; font-weight: bold } .sv-question__erbox--location--top { margin-bottom: .4375em } .sv-question__erbox--location--bottom { margin-top: .4375em } .sv-question__footer { padding: .87em 0 } .sv-question__title--answer { background-color: var(--answer-background-color, rgba(26, 179, 148, 0.2)) } .sv-question__title--error { background-color: var(--error-background-color, rgba(213, 41, 1, 0.2)) } .sv-question__header--location--top { margin-bottom: .65em } .sv-question__header--location--left { float: left; width: 27%; margin-right: .875em } [dir=rtl] .sv-question__header--location--left, [style*="direction:rtl"] .sv-question__header--location--left, [style*="direction: rtl"] .sv-question__header--location--left { float: right } .sv-question__header--location--bottom { margin-top: .8em } .sv-question__content--left { overflow: hidden } .sv-question__other { margin-top: .5em } .sv-question__form-group { margin-top: .5em } .sv-question--disabled .sv-question__header { color: var(--disabled-text-color, rgba(64, 64, 64, 0.5)) } .sv-image { display: inline-block } .sv-question__title--expandable { cursor: pointer; display: flex; padding-right: 24px; align-items: center } .sv-question__title--expandable:after { content: ""; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; background-size: 10px 12px; width: 24px; height: 24px; position: absolute; right: 0 } .sv-question__title--expandable.sv-question__title--expanded:after { transform: rotate(180deg) } .sv-question__icon { outline: none } .sv-question__icon:before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; height: .5em; width: .6em; margin-left: 1.5em; vertical-align: middle } .sv-question__icon--expanded:before { transform: rotate(180deg) } .sv-progress { height: .19em; background-color: var(--header-background-color, #e7e7e7); position: relative } .sv-progress__bar { position: relative; height: 100%; background-color: var(--main-color, #1ab394) } .sv-progress__text { position: absolute; margin-top: .69em; color: var(--progress-text-color, #9d9d9d); font-size: .87em; font-weight: bold; padding-left: .6321em } @media only screen and (min-width: 1000px) { .sv-progress__text { margin-left: 5% } } @media only screen and (max-width: 1000px) { .sv-progress__text { margin-left: 10px } } .sv_progress-buttons__list li:before { border-color: var(--progress-buttons-color, #8dd9ca); background-color: var(--progress-buttons-color, #8dd9ca) } .sv_progress-buttons__list li:after { background-color: var(--text-border-color, #d4d4d4) } .sv_progress-buttons__list .sv_progress-buttons__page-title { color: var(--text-color, #404040) } .sv_progress-buttons__list .sv_progress-buttons__page-description { color: var(--text-color, #404040) } .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed:before { border-color: var(--main-color, #1ab394); background-color: var(--main-color, #1ab394) } .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed+li:after { background-color: var(--progress-buttons-color, #8dd9ca) } .sv_progress-buttons__list li.sv_progress-buttons__list-element--current:before { border-color: var(--main-color, #1ab394); background-color: #fff } .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed.sv_progress-buttons__list-element--current:before { border-color: var(--main-color, #1ab394); background-color: #fff } .sv-title { font-family: var(--font-family, var(--font-family)); font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal } .sv-description { color: var(--disabled-text-color, rgba(64, 64, 64, 0.5)) } .sv-question .sv-selectbase { margin-bottom: 4px } .sv-selectbase__item { margin-bottom: .425em; vertical-align: top } .sv-selectbase__item--inline { display: inline-block; padding-right: 5% } .sv-selectbase__column { min-width: 140px; vertical-align: top } .sv-selectbase__label { position: relative; display: block; box-sizing: border-box; cursor: inherit; margin-left: 41px; min-height: 30px } [dir=rtl] .sv-selectbase__label, [style*="direction:rtl"] .sv-selectbase__label, [style*="direction: rtl"] .sv-selectbase__label { margin-right: 41px; margin-left: 0 } .sv-selectbase__decorator.sv-item__decorator { position: absolute; left: -41px } [dir=rtl] .sv-selectbase__decorator.sv-item__decorator, [style*="direction:rtl"] .sv-selectbase__decorator.sv-item__decorator, [style*="direction: rtl"] .sv-selectbase__decorator.sv-item__decorator { left: initial; right: -41px } .sv-selectbase__clear-btn { margin-top: .9em; background-color: var(--clean-button-color, #1948b3) } .sv-selectbase .sv-selectbase__item.sv-q-col-1 { padding-right: 0 } .sv-question .sv-q-column-1 { width: 100%; max-width: 100%; display: inline-block; padding-right: 1em; box-sizing: border-box; word-break: break-word } .sv-question .sv-q-column-2 { max-width: 50%; display: inline-block; padding-right: 1em; box-sizing: border-box; word-break: break-word } .sv-question .sv-q-column-3 { max-width: 33.33333%; display: inline-block; padding-right: 1em; box-sizing: border-box; word-break: break-word } .sv-question .sv-q-column-4 { max-width: 25%; display: inline-block; padding-right: 1em; box-sizing: border-box; word-break: break-word } .sv-question .sv-q-column-5 { max-width: 20%; display: inline-block; padding-right: 1em; box-sizing: border-box; word-break: break-word } .sv-multipletext { width: 100%; table-layout: fixed } .sv-multipletext__item-label { display: flex; align-items: center } .sv-multipletext__item { flex: 1 } .sv-multipletext__item-title { margin-right: 1em; width: 33% } .sv-multipletext__cell:not(:first-child) { padding-left: .5em } .sv-multipletext__cell:not(:last-child) { padding-right: .5em } .sv-matrix { overflow-x: auto } .sv-matrix .sv-table__cell--header { text-align: center } .sv-matrix__label { display: inline-block; margin: 0 } .sv-matrix__cell { min-width: 10em; text-align: center } .sv-matrix__cell:first-child { text-align: left } .sv-matrix__text { cursor: pointer } .sv-matrix__text--checked { color: var(--body-background-color, white); background-color: var(--main-color, #1ab394) } .sv-matrix__text--disabled { cursor: default } .sv-matrix__text--disabled.sv-matrix__text--checked { background-color: var(--disable-color, #dbdbdb) } .sv-matrix__row--error { background-color: var(--error-background-color, rgba(213, 41, 1, 0.2)) } .sv-matrixdynamic__add-btn { background-color: var(--add-button-color, #1948b3) } .sv-matrixdynamic__remove-btn { background-color: var(--remove-button-color, #ff1800) } .sv-detail-panel__icon { display: block; position: absolute; left: 50%; top: 50%; height: 13px; width: 24px; transform: translate(-50%, -50%) rotate(270deg) } .sv-detail-panel__icon--expanded { transform: translate(-50%, -50%) } .sv-detail-panel__icon:before { content: ""; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239A9A9A;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19,6 17,4 10,11 3,4 1,6 10,15 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; height: 18px; width: 24px } .sv-root-modern ::-webkit-scrollbar { height: 6px; width: 6px; background-color: var(--main-hover-color, #9f9f9f) } .sv-root-modern ::-webkit-scrollbar-thumb { background: var(--main-color, #1ab394) } .sv-table { width: 100%; background-color: rgba(var(--main-hover-color, #9f9f9f), 0.1); border-collapse: separate; border-spacing: 0 } .sv-table tbody tr:last-child .sv-table__cell { padding-bottom: 2.5em } .sv-table tr:first-child .sv-table__cell { padding-top: 1.875em } .sv-table td:first-child, .sv-table th:first-child { padding-left: 1.875em } .sv-table td:last-child, .sv-table th:last-child { padding-right: 1.875em } .sv-table__row--detail { background-color: var(--header-background-color, #e7e7e7) } .sv-table__row--detail td { border-top: 1px solid var(--text-border-color, #d4d4d4); border-bottom: 1px solid var(--text-border-color, #d4d4d4); padding: 1em 0 } .sv-table__cell { padding: .9375em 0; box-sizing: content-box; vertical-align: top } .sv-table__cell:not(:last-child) { padding-right: 1em } .sv-table__cell:not(:first-child) { padding-left: 1em } .sv-table__cell--header { font-family: var(--font-family, var(--font-family)); font-weight: bold; text-align: left } .sv-table__cell--rowText { vertical-align: middle } .sv-table__cell--detail { text-align: center; vertical-align: middle; width: 32px } .sv-table__cell--detail-rowtext { vertical-align: middle } .sv-table__cell--detail-panel { padding-left: 1em } .sv-table__cell--detail-button { appearance: none; position: relative; border: 3px solid var(--border-color, rgba(64, 64, 64, 0.5)); border-radius: 50px; text-align: center; vertical-align: middle; width: 32px; height: 32px; padding: 0; margin: 0; outline: none; cursor: pointer; background: rgba(0, 0, 0, 0) } .sv-table__empty--rows--section { text-align: center; vertical-align: middle } .sv-table__empty--rows--text { padding: 20px } .sv-table__cell--actions sv-action-bar, .sv-table__cell--actions .sv-action-bar { margin-left: 0; padding-left: 0 } .sv-footer.sv-action-bar { display: block; min-height: var(--base-line-height, 2em); padding: 2.5em 0 .87em 0; margin-left: auto } .sv-footer.sv-action-bar .sv-action__content { display: block } .sv-footer.sv-action-bar .sv-action:not(:last-child) .sv-action__content { padding-right: 0 } .sv-btn--navigation { margin: 0 1em; float: right; background-color: var(--main-color, #1ab394) } .sv-footer__complete-btn, .sv-footer__next-btn, .sv-footer__preview-btn { float: right } .sv-footer__prev-btn, .sv-footer__edit-btn { float: left } [dir=rtl] .sv-footer__complete-btn, [style*="direction:rtl"] .sv-footer__complete-btn, [style*="direction: rtl"] .sv-footer__complete-btn { float: left } [dir=rtl] .sv-footer__preview-btn, [style*="direction:rtl"] .sv-footer__preview-btn, [style*="direction: rtl"] .sv-footer__preview-btn { float: left } [dir=rtl] .sv-footer__next-btn, [style*="direction:rtl"] .sv-footer__next-btn, [style*="direction: rtl"] .sv-footer__next-btn { float: left } [dir=rtl] .sv-footer__prev-btn, [style*="direction:rtl"] .sv-footer__prev-btn, [style*="direction: rtl"] .sv-footer__prev-btn { float: right } [dir=rtl] .sv-footer__edit-btn, [style*="direction:rtl"] .sv-footer__edit-btn, [style*="direction: rtl"] .sv-footer__edit-btn { float: right } .sv-btn.sv-action-bar-item, .sv-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 1.214em; color: var(--body-background-color, white); cursor: pointer; font-family: inherit; font-size: .875em; font-weight: bold; outline: none; padding: .5em 2.786em .6em; text-align: left } .sv-btn--navigation { background-color: var(--main-color, #1ab394) } .sv-item { position: relative; cursor: pointer } .sv-item--disabled { cursor: default } .sv-item__decorator { position: relative; display: inline-block; box-sizing: border-box; width: 30px; height: 30px; border: solid 1px rgba(0, 0, 0, 0); vertical-align: middle } .sv-item__svg { position: absolute; top: 50%; left: 50%; display: inline-block; box-sizing: border-box; width: 24px; height: 24px; margin-right: -50%; transform: translate(-50%, -50%) } .sv-item__control:focus+.sv-item__decorator { border-color: var(--main-color, #1ab394); outline: none } .sv-item__control-label { position: relative; top: 4px } .sv-checkbox__decorator { border-radius: 2px } .sv-checkbox__svg { border: 3px solid var(--border-color, rgba(64, 64, 64, 0.5)); border-radius: 2px; fill: rgba(0, 0, 0, 0) } .sv-checkbox--allowhover:hover .sv-checkbox__svg { border: none; background-color: var(--main-hover-color, #9f9f9f); fill: #fff } .sv-checkbox--checked .sv-checkbox__svg { border: none; background-color: var(--main-color, #1ab394); fill: #fff } .sv-checkbox--checked.sv-checkbox--disabled .sv-checkbox__svg { border: none; background-color: var(--disable-color, #dbdbdb); fill: #fff } .sv-checkbox--disabled .sv-checkbox__svg { border: 3px solid var(--disable-color, #dbdbdb) } .sv-radio__decorator { border-radius: 100% } .sv-radio__svg { border: 3px solid var(--border-color, rgba(64, 64, 64, 0.5)); border-radius: 100%; fill: rgba(0, 0, 0, 0) } .sv-radio--allowhover:hover .sv-radio__svg { fill: var(--border-color, rgba(64, 64, 64, 0.5)) } .sv-radio--checked .sv-radio__svg { border-color: var(--radio-checked-color, #404040); fill: var(--radio-checked-color, #404040) } .sv-radio--disabled .sv-radio__svg { border-color: var(--disable-color, #dbdbdb) } .sv-radio--disabled.sv-radio--checked .sv-radio__svg { fill: var(--disable-color, #dbdbdb) } .sv-boolean { display: block; position: relative; line-height: 1.5em } .sv-boolean__switch { float: left; box-sizing: border-box; width: 4em; height: 1.5em; margin-right: 1.0625em; margin-left: 1.3125em; padding: .125em .1875em; border-radius: .75em; margin-bottom: 2px } .sv-boolean__switch { background-color: var(--main-color, #1ab394) } .sv-boolean__slider { background-color: var(--slider-color, #fff) } .sv-boolean__label--disabled { color: var(--disabled-label-color, rgba(64, 64, 64, 0.5)) } .sv-boolean--disabled .sv-boolean__switch { background-color: var(--main-hover-color, #9f9f9f) } .sv-boolean--disabled .sv-boolean__slider { background-color: var(--disabled-slider-color, #cfcfcf) } .sv-boolean input:focus~.sv-boolean__switch { outline: 1px solid var(--main-color, #1ab394); outline-offset: 1px } [dir=rtl] .sv-boolean__switch, [style*="direction:rtl"] .sv-boolean__switch, [style*="direction: rtl"] .sv-boolean__switch { float: right } .sv-boolean__slider { display: block; width: 1.25em; height: 1.25em; transition-duration: .1s; transition-property: margin-left; transition-timing-function: linear; border: none; border-radius: 100% } .sv-boolean--indeterminate .sv-boolean__slider { margin-left: calc(50% - .625em) } .sv-boolean--checked .sv-boolean__slider { margin-left: calc(100% - 1.25em) } .sv-boolean__label { cursor: pointer; float: left } [dir=rtl] .sv-boolean__label, [style*="direction:rtl"] .sv-boolean__label, [style*="direction: rtl"] .sv-boolean__label { float: right } [dir=rtl] .sv-boolean--indeterminate .sv-boolean__slider, [style*="direction:rtl"] .sv-boolean--indeterminate .sv-boolean__slider, [style*="direction: rtl"] .sv-boolean--indeterminate .sv-boolean__slider { margin-right: calc(50% - .625em) } [dir=rtl] .sv-boolean--checked .sv-boolean__slider, [style*="direction:rtl"] .sv-boolean--checked .sv-boolean__slider, [style*="direction: rtl"] .sv-boolean--checked .sv-boolean__slider { margin-right: calc(100% - 1.25em) } .sv-boolean__switch { background-color: var(--main-color, #1ab394) } .sv-boolean__slider { background-color: var(--slider-color, #fff) } .sv-boolean__label--disabled { color: var(--disabled-label-color, rgba(64, 64, 64, 0.5)) } .sv-boolean--disabled .sv-boolean__switch { background-color: var(--main-hover-color, #9f9f9f) } .sv-boolean--disabled .sv-boolean__slider { background-color: var(--disabled-slider-color, #cfcfcf) } .sv-imagepicker__item { border: none; padding: .24em } .sv-imagepicker__item--inline { display: inline-block } .sv-imagepicker__item--inline:not(:last-child) { margin-right: 4% } .sv-imagepicker__image { border: .24em solid rgba(0, 0, 0, 0); display: block; pointer-events: none } .sv-imagepicker__label { cursor: inherit } .sv-imagepicker__text { font-size: 1.14em; padding-left: .24em } .sv-imagepicker__item--allowhover:hover .sv-imagepicker__image { background-color: var(--main-hover-color, #9f9f9f); border-color: var(--main-hover-color, #9f9f9f) } .sv-imagepicker__item:not(.sv-imagepicker__item--checked) .sv-imagepicker__control:focus~div .sv-imagepicker__image { background-color: var(--main-hover-color, #9f9f9f); border-color: var(--main-hover-color, #9f9f9f) } .sv-imagepicker__item--checked .sv-imagepicker__image { background-color: var(--main-color, #1ab394); border-color: var(--main-color, #1ab394) } .sv-imagepicker__item { cursor: pointer } .sv-imagepicker__item--disabled { cursor: default } .sv-imagepicker__item--disabled.sv-imagepicker__item--checked .sv-imagepicker__image { background-color: var(--disable-color, #dbdbdb); border-color: var(--disable-color, #dbdbdb) } .sv-dropdown { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block; background: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .57em 100%; border: none; border-bottom: .06em solid var(--text-border-color, #d4d4d4); box-sizing: border-box; font-family: inherit; font-size: inherit; padding-block: .25em; padding-inline-end: 1.5em; padding-inline-start: .87em; height: 2.19em; width: 100%; display: flex; justify-content: space-between } .sv-dropdown:focus, .sv-dropdown:focus-within { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E "); border-color: var(--text-border-color, #d4d4d4); outline: none } .sv-dropdown::-ms-expand { display: none } .sv-dropdown--error { border-color: var(--error-color, #d52901); color: var(--error-color, #d52901) } .sv-dropdown--error::placeholder, .sv-dropdown--error::-ms-input-placeholder { color: var(--error-color, #d52901) } .sv-dropdown option { color: var(--text-color, #404040) } .sv-dropdown__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-family: var(--font-family, var(--font-family)); font-size: inherit; color: var(--text-color, #404040); position: relative } .sv_dropdown_control__input-field-component { height: auto } .sv-dropdown_clean-button { padding: 3px 12px; margin: auto 0 } .sv-dropdown_clean-button-svg { width: 12px; height: 12px } .sv-input.sv-dropdown:focus-within .sv-dropdown__filter-string-input { z-index: 2000 } .sv-dropdown__filter-string-input { border: none; outline: none; padding: 0; font-family: var(--font-family, var(--font-family)); font-size: inherit; background-color: rgba(0, 0, 0, 0); width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; appearance: none; position: absolute; left: 0; top: 0; height: 100% } .sv-dropdown--empty:not(.sv-input--disabled) .sv-dropdown__filter-string-input::placeholder { font-family: var(--font-family, var(--font-family)); color: var(--text-color, #404040) } .sv-dropdown__filter-string-input::placeholder { color: var(--disabled-text-color, rgba(64, 64, 64, 0.5)); font-size: inherit; width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; appearance: none } [dir=rtl] .sv-dropdown, [style*="direction:rtl"] .sv-dropdown, [style*="direction: rtl"] .sv-dropdown { background-position: left .7em top 50%, 0 0 } .sv-input.sv-tagbox:not(.sv-tagbox--empty):not(.sv-input--disabled) { height: auto; padding: .5em; padding-inline-end: 2em } .sv-tagbox_clean-button { height: 1.5em; padding: .5em; margin: auto 0 } .sv-tagbox__value.sv-dropdown__value { position: relative; gap: .25em; display: flex; flex-wrap: wrap; flex-grow: 1; padding-inline: unset; margin-inline: unset; margin-block: unset } .sv-tagbox__item { position: relative; display: flex; color: var(--text-color, #404040); height: 1.5em; padding-block: .25em; padding-inline-end: .4em; padding-inline-start: .87em; border: solid .1875em #9f9f9f; border-radius: 2px; min-width: 2.3125em } .sv-tagbox__item:hover { background-color: var(--main-hover-color, #9f9f9f); color: var(--body-background-color, white) } .sv-tagbox__item:hover .sv-tagbox__item_clean-button-svg use { fill: var(--body-background-color, white) } .sv-tagbox__item-text { color: inherit; font-size: 1em } .sv-tagbox__item_clean-button-svg { margin: .3125em; width: 1em; height: 1em } .sv-tagbox__item_clean-button-svg use { fill: var(--text-color, #404040) } .sv-tagbox__filter-string-input { width: auto; display: flex; flex-grow: 1; position: initial } .sv-tagbox__placeholder { position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%; text-align: left; cursor: text; pointer-events: none; color: var(--main-hover-color, #9f9f9f) } .sv-tagbox { border-bottom: .06em solid var(--text-border-color, #d4d4d4) } .sv-tagbox:focus { border-color: var(--text-border-color, #d4d4d4) } .sv-tagbox--error { border-color: var(--error-color, #d52901); color: var(--error-color, #d52901) } .sv-tagbox--error::placeholder { color: var(--error-color, #d52901) } .sv-tagbox--error::-ms-input-placeholder { color: var(--error-color, #d52901) } .sv-text { box-sizing: border-box; width: 100%; height: 2.19em; padding: .25em 0 .25em .87em; border: none; border-radius: 0; border-bottom: .07em solid var(--text-border-color, #d4d4d4); box-shadow: none; background-color: rgba(0, 0, 0, 0); font-family: inherit; font-size: 1em } .sv-text:focus { border-color: var(--main-color, #1ab394); outline: none; box-shadow: none } .sv-text:invalid { box-shadow: none } .sv-text:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset } .sv-text::placeholder { opacity: 1; color: var(--text-color, #404040) } .sv-text:-ms-input-placeholder { opacity: 1; color: var(--text-color, #404040) } .sv-text::-ms-input-placeholder { opacity: 1; color: var(--text-color, #404040) } .sv-text[type=date] { padding-right: 2px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat, repeat; background-position: right .61em top 50%, 0 0; background-size: .57em auto, 100% } .sv-text[type=date]:focus { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E ") } .sv-text[type=date]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0) } .sv-text[type=date]::-webkit-clear-button { display: none } .sv-text[type=date]::-webkit-inner-spin-button { display: none } .sv-text--error { color: var(--error-color, #d52901); border-color: var(--error-color, #d52901) } .sv-text--error::placeholder { color: var(--error-color, #d52901) } .sv-text--error::-ms-input-placeholder { color: var(--error-color, #d52901) } input.sv-text, textarea.sv-comment, select.sv-dropdown { color: var(--text-color, #404040); background-color: var(--inputs-background-color, white) } .sv-rating { color: var(--text-color, #404040); padding-bottom: 3px } .sv-rating input:focus+.sv-rating__min-text+.sv-rating__item-text, .sv-rating input:focus+.sv-rating__item-text { outline: 1px solid var(--main-color, #1ab394); outline-offset: 2px } .sv-rating__item { position: relative; display: inline } .sv-rating__item-text { min-width: 2.3125em; height: 2.3125em; display: inline-block; color: var(--main-hover-color, #9f9f9f); padding: 0 .3125em; border: solid .1875em var(--main-hover-color, #9f9f9f); text-align: center; font-size: 1em; font-weight: bold; line-height: 1.13; cursor: pointer; margin: 3px 0; margin-right: .26em; box-sizing: border-box } .sv-rating__item-text>span { margin-top: .44em; display: inline-block } .sv-rating__item-text:hover { background-color: var(--main-hover-color, #9f9f9f); color: var(--body-background-color, white) } .sv-rating__item--selected .sv-rating__item-text { background-color: var(--main-color, #1ab394); color: var(--body-background-color, white); border-color: var(--main-color, #1ab394) } .sv-rating__item--selected .sv-rating__item-text:hover { background-color: var(--main-color, #1ab394) } .sv-rating__min-text { font-size: 1em; margin-right: 1.25em; cursor: pointer } .sv-rating__max-text { font-size: 1em; margin-left: .87em; cursor: pointer } .sv-question--disabled .sv-rating__item-text { cursor: default; color: var(--disable-color, #dbdbdb); border-color: var(--disable-color, #dbdbdb) } .sv-question--disabled .sv-rating__item-text:hover { background-color: rgba(0, 0, 0, 0) } .sv-question--disabled .sv-rating--disabled .sv-rating__item-text:hover .sv-rating__item--selected .sv-rating__item-text { background-color: var(--disable-color, #dbdbdb); color: var(--body-background-color, white) } .sv-question--disabled .sv-rating__item--selected .sv-rating__item-text { background-color: var(--disable-color, #dbdbdb); color: var(--body-background-color, white) } .sv-question--disabled .sv-rating__min-text { cursor: default } .sv-question--disabled .sv-rating__max-text { cursor: default } .sv-comment { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: .06em solid var(--text-border-color, #d4d4d4); border-radius: 0; box-sizing: border-box; padding: .25em .87em; font-family: inherit; font-size: 1em; outline: none; width: 100%; max-width: 100% } .sv-comment:focus { border-color: var(--main-color, #1ab394) } .sv-file { position: relative } .sv-file__decorator { background-color: var(--body-container-background-color, #f4f4f4); padding: 1.68em 0 } .sv-file__clean-btn { background-color: var(--remove-button-color, #ff1800); margin-top: 1.25em } .sv-file__choose-btn:not(.sv-file__choose-btn--disabled) { background-color: var(--add-button-color, #1948b3); display: inline-block } .sv-file__choose-btn--disabled { cursor: default; background-color: var(--disable-color, #dbdbdb); display: inline-block } .sv-file__no-file-chosen { display: inline-block; font-size: .87em; margin-left: 1em } .sv-file__preview { display: inline-block; padding-right: 23px; position: relative; margin-top: 1.25em; vertical-align: top } .sv-file__preview:not(:last-child) { margin-right: 31px } .sv-file__remove-svg { position: absolute; fill: #ff1800; cursor: pointer; height: 16px; top: 0; right: 0; width: 16px } .sv-file__remove-svg .sv-svg-icon { width: 16px; height: 16px } .sv-file__sign a { color: var(--text-color, #404040); text-align: left; text-decoration: none } .sv-file__wrapper { position: relative; display: inline-block; margin: 0; margin-left: 50%; transform: translate(-50%, 0); padding: 0 } .sv-clearfix:after { content: ""; display: table; clear: both } .sv-completedpage { font-family: var(--font-family, var(--font-family)); font-size: 1.875em; font-weight: bold; box-sizing: border-box; height: 14em; padding-top: 4.5em; padding-bottom: 4.5em; text-align: center; color: var(--text-color, #404040); background-color: var(--body-container-background-color, #f4f4f4) } .sv-completedpage:before { display: block; width: 72px; height: 72px; margin-left: calc(50% - 36px); content: ""; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 72 72' style='enable-background:new 0 0 72 72;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239A9A9A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M11.9,72c-0.6-0.1-1.2-0.3-1.8-0.4C4.2,70.1,0,64.7,0,58.6c0-15.1,0-30.1,0-45.2C0,6,6,0,13.4,0 c12,0,24,0,36,0c2.4,0,4.4,1.7,4.6,4c0.2,2.4-1.3,4.4-3.6,4.9C50,9,49.7,9,49.4,9C37.6,9,25.8,9,14,9c-1.5,0-2.8,0.4-3.9,1.5 c-0.8,0.9-1.2,2-1.2,3.2c0,8.2,0,16.4,0,24.6C9,45,9,51.6,9,58.2c0,2.9,1.9,4.8,4.8,4.8c14.9,0,29.7,0,44.6,0c2.6,0,4.6-2,4.6-4.6 c0-5.9,0-11.8,0-17.7c0-2.4,1.6-4.3,3.9-4.6c2.3-0.3,4.3,1,5,3.4c0,0.1,0.1,0.2,0.1,0.2c0,6.8,0,13.6,0,20.4c0,0.1-0.1,0.3-0.1,0.4 c-0.8,5.4-4.7,9.8-10.1,11.2c-0.6,0.1-1.2,0.3-1.8,0.4C44,72,28,72,11.9,72z'/%3E%3Cpath class='st0' d='M35.9,38.8c0.4-0.4,0.5-0.7,0.7-0.9c8.4-8.4,16.8-16.8,25.2-25.2c1.9-1.9,4.5-2,6.3-0.4 c1.9,1.6,2.1,4.6,0.4,6.4c-0.2,0.2-0.3,0.3-0.5,0.5c-9.5,9.5-19.1,19.1-28.6,28.6c-2.2,2.2-4.8,2.2-7,0 c-5.1-5.1-10.2-10.2-15.4-15.4c-1.3-1.3-1.7-2.8-1.2-4.5c0.5-1.7,1.6-2.8,3.4-3.1c1.6-0.4,3.1,0.1,4.2,1.3c4,4,7.9,7.9,11.9,11.9 C35.6,38.2,35.7,38.5,35.9,38.8z'/%3E%3C/g%3E%3C/svg%3E%0A") } @media only screen and (min-width: 1000px) { .sv-completedpage { margin-right: 5%; margin-left: calc(5% + .293em) } } @media only screen and (max-width: 1000px) { .sv-completedpage { margin-left: calc(10px + .293em); margin-right: 10px } } .sv-header { white-space: nowrap } .sv-logo--left { display: inline-block; vertical-align: top; margin-right: 2em } .sv-logo--right { vertical-align: top; margin-left: 2em; float: right } .sv-logo--top { display: block; width: 100%; text-align: center } .sv-logo--bottom { display: block; width: 100%; text-align: center } .sv-header__text { display: inline-block; vertical-align: top } .sjs_sp_container { border: 1px dashed var(--disable-color, #dbdbdb) } .sjs_sp_placeholder { color: var(--foreground-light, var(--foreground-light, #909090)) } .sv-action-bar { display: flex; box-sizing: content-box; position: relative; align-items: center; margin-left: auto; overflow: hidden; white-space: nowrap } .sv-action-bar-separator { display: inline-block; width: 1px; height: 24px; vertical-align: middle; margin-right: 16px; background-color: var(--border, #d6d6d6) } .sv-action-bar--default-size-mode .sv-action-bar-separator { margin: 0 calc(1 * var(--base-unit, 8px)) } .sv-action-bar--small-size-mode .sv-action-bar-separator { margin: 0 calc(0.5 * var(--base-unit, 8px)) } .sv-action-bar-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; padding: calc(1 * var(--base-unit, 8px)); box-sizing: border-box; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0); color: var(--foreground, #161616); cursor: pointer; font-family: var(--font-family, var(--font-family)); overflow-x: hidden; white-space: nowrap } button.sv-action-bar-item { overflow: hidden } .sv-action-bar--default-size-mode .sv-action-bar-item { height: calc(5 * var(--base-unit, 8px)); font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); margin: 0 calc(1 * var(--base-unit, 8px)) } .sv-action-bar--small-size-mode .sv-action-bar-item { height: calc(4 * var(--base-unit, 8px)); font-size: calc(1.5 * var(--base-unit, 8px)); line-height: calc(2 * var(--base-unit, 8px)); margin: 0 calc(0.5 * var(--base-unit, 8px)) } .sv-action:first-of-type .sv-action-bar-item { margin-inline-start: 0 } .sv-action:last-of-type .sv-action-bar-item { margin-inline-end: 0 } .sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon { margin-inline-start: calc(1 * var(--base-unit, 8px)) } .sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon { margin-inline-start: calc(0.5 * var(--base-unit, 8px)) } .sv-action-bar-item__icon svg { display: block } .sv-action-bar-item__icon use { fill: var(--foreground-light, #909090) } .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled, .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled { outline: none; background-color: var(--background-dim, #f3f3f3) } .sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible { outline: none } .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled { opacity: .5 } .sv-action-bar-item:disabled { opacity: .25; cursor: default } .sv-action-bar-item__title { color: inherit; vertical-align: middle; white-space: nowrap } .sv-action-bar-item--secondary .sv-action-bar-item__icon use { fill: var(--secondary, #ff9814) } .sv-action-bar-item--active .sv-action-bar-item__icon use { fill: var(--primary, #19b394) } .sv-action-bar-item-dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; height: calc(5 * var(--base-unit, 8px)); padding: calc(1 * var(--base-unit, 8px)); box-sizing: border-box; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0); cursor: pointer; line-height: calc(3 * var(--base-unit, 8px)); font-size: calc(2 * var(--base-unit, 8px)); font-family: var(--font-family, var(--font-family)) } .sv-expand-action:before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; height: 10px; width: 12px; margin: auto 8px } .sv-expand-action--expanded:before { transform: rotate(180deg) } .sv-dots { width: 48px } .sv-dots__item { width: 100% } .sv-dots__item .sv-action-bar-item__icon { margin: auto } .sv-action--hidden { width: 0px; height: 0px; overflow: hidden; visibility: hidden } .sv-action__content { display: flex; flex-direction: row; align-items: center } .sv-action__content>* { flex: 0 0 auto } .sv-action--space { margin-left: auto } .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) { background-color: var(--background-dim, #f3f3f3); opacity: 50% } .sv-dragged-element-shortcut { height: calc(3 * var(--base-unit, 8px)); min-width: calc(12.5 * var(--base-unit, 8px)); border-radius: calc(4.5 * var(--base-unit, 8px)); background-color: var(--background, #fff); padding: calc(2 * var(--base-unit, 8px)); cursor: grabbing; position: absolute; z-index: 1000; box-shadow: 0px 8px 16px rgba(0, 0, 0, .1); font-family: var(--font-family, var(--font-family)); font-size: calc(2 * var(--base-unit, 8px)); padding-left: calc(2.5 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)) } .sv-matrixdynamic__drag-icon { padding-top: calc(1.75 * var(--base-unit, 8px)) } .sv-matrixdynamic__drag-icon:after { content: " "; display: block; height: calc(0.75 * var(--base-unit, 8px)); width: calc(2.5 * var(--base-unit, 8px)); border: 1px solid #e7e7e7; box-sizing: border-box; border-radius: calc(1.25 * var(--base-unit, 8px)); cursor: move; margin-top: calc(1.5 * var(--base-unit, 8px)) } .sv-matrix-row--drag-drop-ghost-mod td { background-color: var(--background-dim, #f3f3f3) } .sv-matrix-row--drag-drop-ghost-mod td>* { visibility: hidden } sv-popup { display: block; position: absolute; z-index: -1 } .sv-popup { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; outline: none; z-index: 1500 } .sv-popup__container { box-shadow: 0px 2px 6px rgba(0, 0, 0, .1); position: absolute; padding: 0 } .sv-popup__shadow { width: 100%; height: 100%; border-radius: calc(1 * var(--base-unit, 8px)) } .sv-popup__body-content { background-color: var(--background, #fff); border-radius: calc(0.5 * var(--base-unit, 8px)); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; max-height: 90vh; max-width: 90vw } .sv-popup--modal { display: flex; align-items: center; justify-content: center; background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); padding: calc(11 * var(--base-unit, 8px)) calc(15 * var(--base-unit, 8px)); box-sizing: border-box } .sv-popup--modal .sv-popup__container { position: static } .sv-popup--modal .sv-popup__body-content { padding: calc(4 * var(--base-unit, 8px)) } .sv-popup--overlay.sv-popup--overlay { width: 100%; height: var(--sv-popup-overlay-height, 100vh) } .sv-popup--overlay.sv-popup--overlay .sv-popup__container { background: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); max-width: 100vw; max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--base-unit, 8px)); height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--base-unit, 8px)); width: 100%; padding-top: calc(2 * var(--base-unit, 8px)); border: unset } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-content { max-height: var(--sv-popup-overlay-height, 100vh); max-width: 100vw; border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px; background: var(--background, #fff); box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, .1); padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); height: calc(100% - (1 * var(--base-unit, 8px))) } .sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content { height: calc(100% - 10*var(--base-unit, 8px)) } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer { margin-top: calc(2 * var(--base-unit, 8px)) } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar { width: 100% } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action { width: 100% } .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item { width: 100% } .sv-popup--overlay.sv-popup--overlay .sv-popup__button { background-color: var(--primary, #19b394); border: 2px solid var(--primary, #19b394); color: var(--primary-foreground, #fff) } .sv-popup--modal .sv-popup__scrolling-content { padding: 2px; margin: -2px } .sv-popup__scrolling-content { height: 100%; overflow: auto; display: flex; flex-direction: column } .sv-popup__scrolling-content::-webkit-scrollbar, .sv-popup__scrolling-content *::-webkit-scrollbar { height: 6px; width: 6px; background-color: var(--background-dim, #f3f3f3) } .sv-popup__scrolling-content::-webkit-scrollbar-thumb, .sv-popup__scrolling-content *::-webkit-scrollbar-thumb { background: var(--primary-light, rgba(25, 179, 148, 0.1)) } .sv-popup__content { min-width: 100%; height: 100%; display: flex; flex-direction: column; min-height: 0 } .sv-popup--show-pointer.sv-popup--top .sv-popup__pointer { transform: translate(calc(-1 * var(--base-unit, 8px))) rotate(180deg) } .sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer { transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px))) } .sv-popup--show-pointer.sv-popup--right { transform: translate(calc(1 * var(--base-unit, 8px))) } .sv-popup--show-pointer.sv-popup--right .sv-popup__pointer { transform: translate(-12px, -4px) rotate(-90deg) } .sv-popup--show-pointer.sv-popup--left { transform: translate(calc(-1 * var(--base-unit, 8px))) } .sv-popup--show-pointer.sv-popup--left .sv-popup__pointer { transform: translate(-4px, -4px) rotate(90deg) } .sv-popup__pointer { display: block; position: absolute } .sv-popup__pointer:after { content: " "; display: block; width: 0; height: 0; border-left: calc(1 * var(--base-unit, 8px)) solid rgba(0, 0, 0, 0); border-right: calc(1 * var(--base-unit, 8px)) solid rgba(0, 0, 0, 0); border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff); align-self: center } .sv-popup__body-header { font-family: Open Sans; font-size: calc(3 * var(--base-unit, 8px)); line-height: calc(4 * var(--base-unit, 8px)); font-style: normal; font-weight: 700; margin-bottom: calc(2 * var(--base-unit, 8px)); color: var(--foreground, #161616) } .sv-popup__body-footer { display: flex; margin-top: calc(4 * var(--base-unit, 8px)) } .sv-popup__body-footer .sv-action-bar { gap: calc(1.5 * var(--base-unit, 8px)) } .sv-popup__button { padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px)); background: var(--background, #fff); box-shadow: 0px 1px 2px rgba(0, 0, 0, .15); border-radius: 4px; margin: 2px; cursor: pointer; font-family: var(--font-family, var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-style: normal; font-weight: 600; font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); text-align: center; color: var(--primary, #19b394); border: none; outline: none } .sv-popup__button:hover { box-shadow: 0 0 0 2px var(--primary, #19b394) } .sv-popup__button:disabled { color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); cursor: default } .sv-popup__button:disabled:hover { box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) } .sv-popup__button--apply { background-color: var(--primary, #19b394); color: var(--primary-foreground, #fff) } .sv-popup__button--apply:disabled { background-color: var(--background-dim, #f3f3f3) } .sv-popup--modal .sv-list__filter, .sv-popup--overlay .sv-list__filter { padding-top: calc(1 * var(--base-unit, 8px)) } .sv-popup--modal .sv-list__filter-icon, .sv-popup--overlay .sv-list__filter-icon { top: calc(2.5 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay { z-index: 2001; padding: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content { padding: 0; border-radius: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar { justify-content: flex-end } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar .sv-action { width: auto } .sv-dropdown-popup.sv-popup--overlay .sv-popup__button { background-color: rgba(0, 0, 0, 0); color: var(--primary, #19b394); border: none; box-shadow: none; padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); border-radius: calc(12.5 * var(--base-unit, 8px)); margin: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__container { max-height: calc(var(--sv-popup-overlay-height, 100vh)); height: calc(var(--sv-popup-overlay-height, 100vh)); padding-top: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content { height: calc(var(--sv-popup-overlay-height, 100vh)) } .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer { background-color: var(--background-dim-light, #f9f9f9); margin-top: 0; padding-top: calc(0.5 * var(--base-unit, 8px)); padding-bottom: calc(0.5 * var(--base-unit, 8px)); border-top: 1px solid var(--border-light, #eaeaea) } .sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content { height: calc(100% - 6*var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon { width: calc(2 * var(--base-unit, 8px)); height: calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__container { padding: 0 } .sv-dropdown-popup.sv-popup--overlay .sv-list { flex-grow: 1; padding: calc(0.5 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter { display: flex; align-items: center; padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon { position: static; top: calc(1.5 * var(--base-unit, 8px)); height: calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: calc(1 * var(--base-unit, 8px)) calc(0.5 * var(--base-unit, 8px)); background-color: var(--background, #fff) } .sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled { pointer-events: none; color: var(--foreground, #161616); opacity: .25 } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button { height: calc(3 * var(--base-unit, 8px)); width: calc(3 * var(--base-unit, 8px)); padding: calc(0.5 * var(--base-unit, 8px)); appearance: none; border: none; border-radius: 100%; background-color: rgba(0, 0, 0, 0) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg { height: calc(2 * var(--base-unit, 8px)); width: calc(2 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use { fill: var(--foreground-light, #909090) } .sv-dropdown-popup.sv-popup--overlay .sv-list__input { color: var(--foreground-light, #909090); font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); font-family: var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif); padding: calc(0.5 * var(--base-unit, 8px)) 0 calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) } .sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body { background: var(--background, #fff) } .sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body { background: var(--primary, #19b394); color: var(--primary-foreground, #fff); font-weight: 600 } .sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sd-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sd-list__item-body, .sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sd-list__item-body { background: var(--primary-light, rgba(25, 179, 148, 0.1)); color: var(--foreground, #161616) } .sv-button-group { display: flex; align-items: center; flex-direction: row; font-size: calc(2 * var(--base-unit, 8px)); overflow: auto; border: 1px solid var(--border, #d6d6d6) } .sv-button-group:focus-within { box-shadow: 0 0 0 1px var(--primary, #19b394); border-color: var(--primary, #19b394) } .sv-button-group__item { display: flex; box-sizing: border-box; flex-direction: row; justify-content: center; align-items: center; appearance: none; width: 100%; padding: 11px calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); outline: none; font-size: calc(2 * var(--base-unit, 8px)); font-weight: 400; background: var(--background, #fff); cursor: pointer; overflow: hidden; color: var(--foreground, #161616); position: relative } .sv-button-group__item:not(:last-of-type) { border-right: 1px solid var(--border, #d6d6d6) } .sv-button-group__item--hover:hover { background-color: var(--background-dim, #f3f3f3) } .sv-button-group__item-icon { display: block; height: calc(3 * var(--base-unit, 8px)) } .sv-button-group__item-icon use { fill: var(--foreground-light, #909090) } .sv-button-group__item--selected { font-weight: 600; color: var(--primary, #19b394) } .sv-button-group__item--selected .sv-button-group__item-icon use { fill: var(--primary, #19b394) } .sv-button-group__item--selected:hover { background-color: var(--background, #fff) } .sv-button-group__item-decorator { display: flex; align-items: center; max-width: 100% } .sv-button-group__item-caption { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sv-button-group__item-icon+.sv-button-group__item-caption { margin-left: calc(1 * var(--base-unit, 8px)) } .sv-button-group__item--disabled { color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); cursor: default } .sv-button-group__item--disabled .sv-button-group__item-icon use { fill: var(--foreground-disabled, rgba(22, 22, 22, 0.16)) } .sv-button-group__item--disabled:hover { background-color: var(--background, #fff) } .sv-button-group:focus-within { box-shadow: 0 0 0 1px var(--primary, #19b394); border-color: var(--primary, #19b394) } .sv-visuallyhidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0) } .sv-hidden { display: none !important } .sv-title-actions { display: flex; align-items: center; width: 100% } .sv-title-actions__title { flex-wrap: wrap; max-width: 90%; min-width: 50%; white-space: initial } .sv-action-title-bar { min-width: 56px } .sv-title-actions .sv-title-actions__title { flex-wrap: wrap; flex: 0 0 auto; max-width: unset; min-width: unset } .sv-title-actions .sv-action-title-bar { flex: 1 1 auto; justify-content: flex-end; min-width: unset } .sv_window { position: fixed; bottom: 3px; right: 10px; background-color: #5f9ea0; padding: 1px; font-family: var(--font-family, var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; z-index: 100 } .sv_window_title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .sv_window_content { padding: 0; margin: 0; max-height: 80vh; overflow-y: auto } .sv_window_title a, .sv_window_title a:link, .sv_window_title a:visited { text-decoration: none; font-size: 14px; font-style: normal; color: #000 } .sv-brand-info { width: 100%; font-family: var(--font-family, var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif)); text-align: center; color: #161616; background: #fff; padding: 32px 0; box-shadow: 0px -1px 0px #d6d6d6 } .sv-brand-info a { color: #161616; text-decoration-line: underline } .sv-brand-info__text { font-weight: 600; font-size: 16px; line-height: 24px; color: #161616 } .sv-brand-info__logo { display: inline-block } .sv-brand-info__logo img { width: 118px } .sv-brand-info__terms { font-weight: 400; font-size: 12px; line-height: 16px } .sv-brand-info__terms a { color: #909090 } .sv-ranking { outline: none; user-select: none } .sv-ranking-item { cursor: pointer; position: relative } .sv-ranking-item:focus .sv-ranking-item__icon--hover { visibility: hidden } .sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover { visibility: visible } .sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover { visibility: hidden } .sv-ranking-item:focus { outline: none } .sv-ranking-item:focus .sv-ranking-item__icon--focus { visibility: visible } .sv-ranking-item:focus .sv-ranking-item__index { background: var(--background, #fff); border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394) } .sv-ranking-item__content.sv-ranking-item__content { display: flex; align-items: center; line-height: 1em; padding: calc(0.5 * var(--base-unit, 8px)) 0px; border-radius: calc(12.5 * var(--base-unit, 8px)) } .sv-ranking-item__icon-container { position: relative; left: 0; top: 0; bottom: 0; flex-shrink: 0; width: calc(3 * var(--base-unit, 8px)); height: calc(4 * var(--base-unit, 8px)); margin-right: calc(1 * var(--base-unit, 8px)); margin-left: calc(1 * var(--base-unit, 8px)) } .sv-ranking-item__icon.sv-ranking-item__icon { visibility: hidden; fill: var(--primary, #19b394); position: absolute; top: calc(1 * var(--base-unit, 8px)); margin-right: calc(1 * var(--base-unit, 8px)); width: calc(1.75 * var(--base-unit, 8px)); height: calc(2 * var(--base-unit, 8px)) } .sv-ranking-item__index.sv-ranking-item__index { display: flex; flex-shrink: 0; align-items: center; justify-content: center; background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); color: var(--foreground, #161616); font-size: calc(2 * var(--base-unit, 8px)); border-radius: 100%; border: calc(0.25 * var(--base-unit, 8px)) solid rgba(0, 0, 0, 0); width: calc(5 * var(--base-unit, 8px)); height: calc(5 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); box-sizing: border-box; font-weight: 600; margin-left: calc(1 * var(--base-unit, 8px)) } .sv-ranking-item__index.sv-ranking-item__index.sv-ranking-item__index--empty:empty { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC"); background-position: center; background-repeat: no-repeat } .sv-ranking-item__text { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--foreground, #161616); font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); margin: 0 calc(2 * var(--base-unit, 8px)) } .sd-ranking--disabled .sv-ranking-item__text { color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)) } .sv-ranking-item__ghost.sv-ranking-item__ghost { display: none; background-color: var(--background-dim, #f3f3f3); border-radius: calc(12.5 * var(--base-unit, 8px)); padding: calc(0.5 * var(--base-unit, 8px)) 0px; width: calc(25 * var(--base-unit, 8px)); height: calc(5 * var(--base-unit, 8px)); z-index: 1; position: absolute; left: calc(5 * var(--base-unit, 8px)) } [dir=rtl] .sv-ranking-item__ghost { left: initilal; right: calc(5 * var(--base-unit, 8px)) } .sv-ranking-item--ghost .sv-ranking-item__ghost { display: block } .sv-ranking-item--ghost .sv-ranking-item__content { visibility: hidden } .sv-ranking-item--drag .sv-ranking-item__content { box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, .1); border-radius: calc(12.5 * var(--base-unit, 8px)) } .sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon { visibility: hidden } .sv-ranking-item--drag .sv-ranking-item__icon--hover { visibility: visible } .sv-ranking--mobile .sv-ranking-item__icon--hover { visibility: visible; fill: var(--foreground-light, #909090) } .sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover { visibility: hidden } .sv-ranking--mobile.sv-ranking-shortcut { max-width: 80% } .sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index { margin-left: 0 } .sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon { margin-left: 0 } .sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon { visibility: hidden } .sv-ranking--disabled { opacity: .8 } .sv-ranking-shortcut .sv-ranking-item__icon { fill: var(--primary, #19b394) } .sv-ranking-shortcut .sv-ranking-item__text { margin-right: calc(4 * var(--base-unit, 8px)) } .sv-ranking-shortcut .sv-ranking-item__icon--hover { visibility: visible } .sv-ranking-shortcut .sv-ranking-item__icon { margin-left: calc(1 * var(--base-unit, 8px)); width: calc(1.75 * var(--base-unit, 8px)); height: calc(2 * var(--base-unit, 8px)); top: calc(1 * var(--base-unit, 8px)) } .sv-list { padding: 0; margin: 0; overflow-y: auto; background: var(--background, #fff); font-family: var(--font-family, var(--font-family)); list-style-type: none } .sv-list__empty-container { width: 100%; font-family: var(--font-family, var(--font-family)); box-sizing: border-box; padding: calc(1.5 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sv-list__empty-text { line-height: calc(3 * var(--base-unit, 8px)); font-size: calc(2 * var(--base-unit, 8px)); font-weight: 400; text-align: center; color: var(--foreground-light, #909090) } .sv-list__item { width: 100%; align-items: center; box-sizing: border-box; color: var(--foreground, #161616); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sv-list__item-body { width: 100%; align-items: center; box-sizing: border-box; padding-block: calc(1 * var(--base-unit, 8px)); padding-inline-end: calc(8 * var(--base-unit, 8px)); padding-inline-start: calc(2 * var(--base-unit, 8px)); color: var(--foreground, #161616); font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sv-list__item.sv-list__item--focused, .sv-list__item:hover, .sv-list__item:focus { outline: none } .sv-list__item.sv-list__item--focused .sv-list__item-body, .sv-list__item:hover .sv-list__item-body, .sv-list__item:focus .sv-list__item-body { background-color: var(--background-dim, #f3f3f3) } .sv-list__item--with-icon.sv-list__item--with-icon { padding: 0 } .sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body { padding-top: calc(1.5 * var(--base-unit, 8px)); padding-bottom: calc(1.5 * var(--base-unit, 8px)); gap: calc(2 * var(--base-unit, 8px)); display: flex } .sv-list__item-icon { float: left; width: calc(3 * var(--base-unit, 8px)); height: calc(3 * var(--base-unit, 8px)) } .sv-list__item-icon svg { display: block } .sv-list__item-icon use { fill: var(--foreground-light, #909090) } [dir=rtl] .sv-list__item-icon, [style*="direction:rtl"] .sv-list__item-icon, [style*="direction: rtl"] .sv-list__item-icon { float: right } .sv-list__item-separator { margin: calc(1 * var(--base-unit, 8px)) 0; height: 1px; background-color: var(--border, #d6d6d6) } .sv-list__item.sv-list__item--selected .sv-list__item-body, .sv-list__item.sv-list__item--selected:hover .sv-list__item-body, .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body, .sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body, li:focus .sv-list__item.sv-list__item--selected .sv-list__item-body { background-color: var(--primary, #19b394); color: var(--primary-foreground, #fff); font-weight: 600 } .sv-list__item.sv-list__item--selected .sv-list__item-icon use, .sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use, .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use, .sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use, li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use { fill: var(--background, #fff) } .sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body, .sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body { background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); color: var(--foreground, #161616); font-weight: 400 } .sv-list__item.sv-list__item--disabled .sv-list__item-body { cursor: default; color: var(--foreground-light, #909090) } .sv-list__item span { white-space: nowrap } .sv-list__container { position: relative; display: flex; height: 100%; flex-direction: column; display: flex; min-height: 0 } .sv-list__filter { border-bottom: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16)); background: var(--background, #fff); padding-bottom: calc(1 * var(--base-unit, 8px)) } .sv-list__filter-icon { display: block; position: absolute; top: calc(1.5 * var(--base-unit, 8px)); inset-inline-start: calc(2 * var(--base-unit, 8px)) } .sv-list__filter-icon .sv-svg-icon { width: calc(3 * var(--base-unit, 8px)); height: calc(3 * var(--base-unit, 8px)) } .sv-list__filter-icon .sv-svg-icon use { fill: var(--foreground-light, #909090) } .sv-list__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; background: var(--background, #fff); box-sizing: border-box; width: 100%; outline: none; font-size: 1em; color: var(--foreground, #161616); padding: calc(1.5 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)); padding-inline-start: calc(7 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); border: none } .sv-list__input::placeholder { color: var(--foreground-light, #909090) } .sv-list__input:disabled, .sv-list__input:disabled::placeholder { color: var(--foreground-light, #909090) } .sv-list__loading-indicator { pointer-events: none } .sv-list__loading-indicator .sv-list__item-body { background-color: rgba(0, 0, 0, 0) } .sv-save-data_root { position: absolute; left: 50%; bottom: calc(3 * var(--base-unit, 8px)); transform: translate(-50%, 0); background: var(--background, #fff); opacity: .75; padding: calc(3 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px)); box-shadow: 0px 2px 6px rgba(0, 0, 0, .1); border-radius: calc(1 * var(--base-unit, 8px)); color: var(--foreground, #161616); min-width: calc(30 * var(--base-unit, 8px)); text-align: center; z-index: 1600; font-family: var(--font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif); font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); white-space: nowrap; display: flex; flex-direction: row; justify-content: center; align-items: center } .sv-save-data_root.sv-save-data_error { background-color: var(--red, #e60a3e); color: var(--background, #fff); opacity: 1; font-weight: 600; padding: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px)); gap: calc(6 * var(--base-unit, 8px)) } .sv-save-data_root.sv-save-data_error .sv-save-data_button { font-weight: 600; font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); height: calc(5 * var(--base-unit, 8px)); color: #fff; background-color: var(--red, #e60a3e); border: calc(0.25 * var(--base-unit, 8px)) solid #fff; border-radius: calc(0.75 * var(--base-unit, 8px)); padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)); display: flex; align-items: center } .sv-save-data_root.sv-save-data_error .sv-save-data_button:hover, .sv-save-data_root.sv-save-data_error .sv-save-data_button:focus { color: var(--red, #e60a3e); background-color: var(--background, #fff) } .sv-save-data_root.sv-save-data_success { background-color: var(--primary, #19b394); color: #fff; opacity: 1; font-weight: 600 } .sjs_sp_container { position: relative } .sjs_sp_controls { position: absolute; left: 0; bottom: 0 } .sjs_sp_controls>button { user-select: none } .sjs_sp_container>div>canvas:focus { outline: none } .sjs_sp_placeholder { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 0; user-select: none; pointer-events: none; width: 100%; height: 100% } .sv-boolean__decorator { border-radius: 2px } .sv_main .sv-boolean__decorator+.sv-boolean__label { float: none; vertical-align: top; margin-left: .5em } .sv-boolean__svg { border: none; border-radius: 2px; background-color: #1ab394; fill: #fff; width: 24px; height: 24px } .sv-boolean--allowhover:hover .sv-boolean__checked-path { display: inline-block } .sv-boolean--allowhover:hover .sv-boolean__svg { background-color: #9f9f9f; fill: #fff } .sv-boolean--allowhover:hover .sv-boolean__unchecked-path, .sv-boolean--allowhover:hover .sv-boolean__indeterminate-path { display: none } .sv-boolean__checked-path, .sv-boolean__indeterminate-path { display: none } .sv-boolean--indeterminate .sv-boolean__svg { background-color: inherit; fill: #1ab394 } .sv-boolean--indeterminate .sv-boolean__indeterminate-path { display: inline-block } .sv-boolean--indeterminate .sv-boolean__unchecked-path, .sv-boolean--checked .sv-boolean__unchecked-path { display: none } .sv-boolean--checked .sv-boolean__checked-path { display: inline-block } .sv-boolean--disabled.sv-boolean--indeterminate .sv-boolean__svg { background-color: inherit; fill: #dbdbdb } .sv-boolean--disabled .sv-boolean__svg { background-color: #dbdbdb } td.sv_matrix_cell .sv_qbln, td.td.sv_matrix_cell .sv_qbln { text-align: center } td.sv_matrix_cell .sv_qbln .sv-boolean, td.td.sv_matrix_cell .sv_qbln .sv-boolean { text-align: initial } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question { display: block; width: 100% !important } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-question__header--location--left, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-question__header--location--left { float: none } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-selectbase__item--inline, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-imagepicker__item--inline, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-selectbase__item--inline, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-imagepicker__item--inline { display: block } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table { display: block } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table thead, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table thead { display: none } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td.sv-table__cell--choice, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td.sv-table__cell--choice { text-align: initial } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tbody, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tr, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tbody, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tr, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td { display: block } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdropdown td:before, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdynamic td:before, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdropdown td:before, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdynamic td:before { content: attr(data-responsive-title) } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td label.sv-matrix__label, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td label.sv-matrix__label { display: inline } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td:after, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td:after { content: attr(data-responsive-title) } .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root .sv-matrix__cell, .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root .sv-matrix__cell { text-align: initial } @media(max-width: 600px) { .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question { display: block; width: 100% !important } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-question__header--location--left, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-question__header--location--left { float: none } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-selectbase__item--inline, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-imagepicker__item--inline, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-selectbase__item--inline, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-imagepicker__item--inline { display: block } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table { display: block } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table thead, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table thead { display: none } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td.sv-table__cell--choice, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td.sv-table__cell--choice { text-align: initial } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tbody, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tr, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tbody, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tr, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td { display: block } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdropdown td:before, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdynamic td:before, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdropdown td:before, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdynamic td:before { content: attr(data-responsive-title) } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td label.sv-matrix__label, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td label.sv-matrix__label { display: inline } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td:after, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td:after { content: attr(data-responsive-title) } .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root .sv-matrix__cell, .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root .sv-matrix__cell { text-align: initial } } body { --sv-modern-mark: true } .sv-matrixdynamic__drag-icon { padding-top: 16px } .sv-matrixdynamic__drag-icon:after { content: " "; display: block; height: 6px; width: 20px; border: 1px solid var(--border-color, rgba(64, 64, 64, 0.5)); box-sizing: border-box; border-radius: 10px; cursor: move; margin-top: 12px } .sv-matrix__drag-drop-ghost-position-top, .sv-matrix__drag-drop-ghost-position-bottom { position: relative } .sv-matrix__drag-drop-ghost-position-top::after, .sv-matrix__drag-drop-ghost-position-bottom::after { content: ""; width: 100%; height: 4px; background-color: var(--main-color, #1ab394); position: absolute; left: 0 } .sv-matrix__drag-drop-ghost-position-top::after { top: 0 } .sv-matrix__drag-drop-ghost-position-bottom::after { bottom: 0 } .sv-skeleton-element { background-color: var(--background-dim, var(--background-dim, #f3f3f3)) }
| ver. 1.4 |
Github
|
.
| PHP 7.2.34 | Generation time: 0.18 |
proxy
|
phpinfo
|
Settings