File: /home/dfwparty/candytheclown.com/wp-content/plugins/ws-form-pro/admin/css/ws-form-admin.min.css
:root {
--wsf-admin-body-width: 100vw;
--wsf-admin-menu-width: 160px;
--wsf-admin-sidebar-width: 340px;
--wsf-admin-sidebar-margin: calc(var(--wsf-admin-sidebar-width) + 1px);
--wsf-admin-sidebar-resize-height: 80px;
--wsf-admin-sidebar-resize-width: 8px;
--wsf-admin-sidebar-width-expanded: calc(var(--wsf-admin-body-width) - var(--wsf-admin-menu-width));
--wsf-admin-layout-editor-width: calc(var(--wsf-admin-body-width) - var(--wsf-admin-menu-width) - var(--wsf-admin-sidebar-width));
--wsf-admin-popup-progress-inner-width: 298px;
--wsf-admin-popup-progress-inner-height: 343px;
--wsf-admin-popup-progress-inner-left: calc(var(--wsf-admin-menu-width) + ((var(--wsf-admin-body-width) - var(--wsf-admin-menu-width)) / 2) - (var(--wsf-admin-popup-progress-inner-width) / 2));
}
@font-face {
font-family: "WSFLato";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/lato.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;
}
.ui-state-active,
.ui-state-default,
.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget-content,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-active,
.ui-widget-header,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-active {
background: none;
box-sizing: border-box;
min-width: auto;
width: auto;
}
.ui-datepicker {
width: 17em;
}
.ui-datepicker.ui-widget-content {
background: #ffffff;
}
.ui-datepicker .ui-widget-header {
background: #e9e9e9;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker html .ui-button.ui-state-disabled:active {
background: #f6f6f6;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
background: #fffa90;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover {
background: #007fff;
}
#wsf-form .ui-state-active::before,
#wsf-form .ui-state-active::after {
display: none;
}
#wsf-text-editor-tmce,
#wsf-text-editor-html {
height: 27px;
}
img.wsf-responsive, svg.wsf-responsive {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}
body.wsf-scroll-lock {
overflow: hidden;
}
body.wsf-scroll-lock #wsf-layout-editor, body.wsf-scroll-lock .wsf-sidebar-inner {
overflow: hidden;
}
body.admin_page_ws-form-welcome #wpcontent {
padding-left: 0 !important;
}
body.admin_page_ws-form-welcome #wpbody {
background-color: #002e5f;
height: calc(100vh - var(--wp-admin--admin-bar--height));
position: relative;
}
body.admin_page_ws-form-welcome #wsf-loader {
margin: 0;
}
body.admin_page_ws-form-welcome #wpfooter {
display: none;
}
body.admin_page_ws-form-welcome .update-nag,
body.admin_page_ws-form-welcome .updated,
body.admin_page_ws-form-welcome .notice,
body.admin_page_ws-form-welcome .error {
display: none !important;
}
.wpforms-license-notice,
.sbi-license-expired,
.sbi-why-renew {
display: none !important;
}
#wsf-welcome {
-webkit-font-smoothing: subpixel-antialiased;
box-sizing: border-box;
color: #ffffff;
font-display: optional;
font-family: "WSFLato", "Helvetica", "Arial", sans-serif;
font-weight: 300;
left: 50%;
line-height: normal;
padding: 20px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
#wsf-welcome .wsf-welcome-logo {
margin-bottom: 40px;
}
#wsf-welcome .wsf-welcome-logo svg {
max-width: 300px;
}
#wsf-welcome .wsf-welcome-logo svg path,
#wsf-welcome .wsf-welcome-logo svg circle {
fill: #ffffff;
}
#wsf-welcome .wsf-welcome-partner {
margin-bottom: 40px;
}
#wsf-welcome .wsf-welcome-partner p {
font-size: 12px;
margin: 0 0 10px;
}
#wsf-welcome a.wsf-welcome-button {
align-items: center;
background-color: #ffffff;
border: 2px solid transparent;
border-radius: 100px;
color: #002e5f;
cursor: pointer;
display: inline-flex;
font-display: optional;
font-family: "WSFLato", "Helvetica", "Arial", sans-serif;
font-size: 20px;
font-weight: 700;
gap: 12px;
line-height: 1;
margin: 0 12px;
padding: 20px;
text-decoration: none;
transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#wsf-welcome a.wsf-welcome-button svg {
fill: #002e5f;
flex-shrink: 0;
height: 24px;
width: 24px;
}
#wsf-welcome a.wsf-welcome-button:hover {
background-color: rgb(239.7, 239.7, 239.7);
}
#wsf-welcome a.wsf-welcome-button:focus {
outline: 0;
}
#wsf-welcome a.wsf-welcome-button.wsf-welcome-button-secondary {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
#wsf-welcome a.wsf-welcome-button.wsf-welcome-button-secondary svg {
fill: #ffffff;
}
#wsf-welcome a.wsf-welcome-button.wsf-welcome-button-secondary:hover {
background-color: rgba(255, 255, 255, 0.12);
}
.wsf-video-container {
border: 2px solid #ffffff;
border-radius: 10px;
cursor: pointer;
margin: 0 auto 40px;
max-width: 768px;
overflow: hidden;
}
.wsf-video-container img,
.wsf-video-container iframe {
aspect-ratio: 16/9;
border: 0;
display: block;
height: auto;
width: 100%;
}
@media screen and (min-width: 783px) {
.wsf-table-migrate-outer {
display: inline-block;
}
}
.wsf-table-migrate {
border: 1px solid #ceced2;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.wsf-table-migrate h2 {
margin: 0;
}
.wsf-table-migrate th,
.wsf-table-migrate td {
font-size: 12px;
line-height: 1.4;
padding: 3px;
vertical-align: top;
}
@media screen and (max-width: 782px) {
.wsf-table-migrate th,
.wsf-table-migrate td {
display: table-cell;
}
}
.wsf-table-migrate th {
background-color: #dedede;
font-weight: bold;
text-align: left;
width: auto;
}
.wsf-table-migrate th + th {
border-left: 1px solid #ceced2;
}
.wsf-table-migrate td {
background-color: #ffffff;
border-top: 1px solid #ceced2;
}
.wsf-table-migrate td + td {
border-left: 1px solid #ceced2;
}
.wsf-table-migrate td > select.wsf-field:not([multiple]):not([size]) {
background-color: transparent;
background-position: right 0 center;
border: none;
height: auto;
min-height: auto;
min-width: 100%;
padding: 0;
padding-right: 9px;
}
@media screen and (max-width: 782px) {
#wpbody .wsf-table-migrate td > select.wsf-field:not([multiple]):not([size]) {
color: #000000;
height: auto;
padding: 0;
padding-right: 18px;
}
#wpbody .wsf-table-migrate td > select.wsf-field:not([multiple]):not([size]).wsf-field-large {
height: auto;
padding-right: 22px;
}
#wpbody .wsf-table-migrate td > select.wsf-field:not([multiple]):not([size]).wsf-field-small {
height: auto;
padding-right: 14px;
}
}
.wsf-table-migrate td > .select2-container {
height: 25px;
margin: -4px;
padding: 5px 4px 3px;
width: calc(100% + 8px) !important;
}
.wsf-table-migrate td > .select2-container .select2-selection--single,
.wsf-table-migrate td > .select2-container .select2-selection--multiple {
border: none;
box-shadow: none;
font-size: 12px;
height: auto;
min-height: auto;
outline: none;
padding: 0;
}
.wsf-table-migrate td > .select2-container .select2-selection--single {
background-position: right 0 center;
padding-right: 9px;
}
.wsf-table-migrate td > .select2-container .select2-search--inline .select2-search__field {
font-size: 12px;
}
.wsf-table-migrate [data-icon] {
height: 16px;
padding: 4px 3px;
top: auto;
width: 16px;
}
.wsf-table-migrate [data-icon]::before {
display: none;
}
.wsf-table-migrate [data-action=wsf-field-mapping-delete] svg {
cursor: pointer;
display: block;
}
.wsf-table-migrate [data-action=wsf-field-mapping-delete] svg path {
fill: #ceced2;
transition: fill 200ms ease-in-out;
}
.wsf-table-migrate [data-action=wsf-field-mapping-delete]:hover svg path {
fill: #bb0000;
}
[data-action=wsf-field-mapping-add] {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
padding: 4px;
}
[data-action=wsf-field-mapping-add] svg {
cursor: pointer;
display: block;
}
[data-action=wsf-field-mapping-add] svg path {
fill: #002e5f;
}
#wsf-migrate-status,
#wsf-migrate-status-form,
#wsf-migrate-status-submissions,
#wsf-field-mapping-blank {
display: none;
}
.ws-form_page_ws-form-settings .nav-tab {
font-weight: normal;
}
#wsf-settings tr.wsf-read-only {
opacity: 0.5;
pointer-events: none;
}
#wsf-settings .wsf-settings-code {
background: rgba(0, 0, 0, 0.07);
display: inline-block;
font-family: Consolas, Monaco, monospace;
font-size: 10px;
margin-right: 12px;
padding: 12px;
}
#wsf-settings .wsf-settings-copy-inline {
align-items: center;
display: inline-flex;
flex-wrap: wrap;
gap: 3px;
max-width: 100%;
position: relative;
vertical-align: middle;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-target {
background: rgba(0, 0, 0, 0.07);
cursor: pointer;
direction: ltr;
font-family: Consolas, Monaco, monospace;
font-size: 11px;
margin: 0;
padding: 2px 3px;
text-align: left;
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
word-break: break-all;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-button {
align-items: center;
background: transparent;
border: 1px solid transparent;
border-radius: 2px;
box-sizing: content-box;
cursor: pointer;
display: inline-flex;
flex: 0 0 auto;
height: 24px;
justify-content: center;
margin: 0;
padding: 0;
width: 24px;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-button:focus {
border-color: #666666;
outline: none;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-button:hover .wsf-settings-copy-button-icon svg path {
fill: #000000;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-button-icon {
display: flex;
line-height: 0;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-button-icon svg {
display: block;
height: 16px;
width: 16px;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-button-icon svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-settings .wsf-settings-copy-inline .wsf-settings-copy-feedback {
flex: 0 0 auto;
margin: 0;
white-space: nowrap;
}
#wsf-settings .wsf-settings-image-preview {
display: inline-block;
margin: 0 6px -4px 0;
position: relative;
vertical-align: bottom;
}
#wsf-settings .wsf-settings-image-preview img {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
height: auto;
max-width: 300px;
}
#wsf-settings [data-action=wsf-image-reset] {
position: absolute;
right: 6px;
top: 6px;
}
#wsf-settings [data-action=wsf-image-reset] svg {
cursor: pointer;
display: block;
}
#wsf-settings [data-action=wsf-image-reset] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-settings [data-action=wsf-image-reset]:hover svg path {
fill: #bb0000;
}
#wsf-settings .wsf-table-system {
border: 1px solid #ceced2;
border-collapse: collapse;
border-spacing: 0;
}
#wsf-settings .wsf-table-system h2 {
margin: 0;
}
@media screen and (max-width: 782px) {
#wsf-settings .wsf-table-system tr + tr {
border-top: 1px solid #ceced2;
}
}
#wsf-settings .wsf-table-system th, #wsf-settings .wsf-table-system td {
padding: 3px;
vertical-align: top;
}
#wsf-settings .wsf-table-system th {
background-color: #dedede;
font-size: 12px;
font-weight: bold;
position: relative;
text-align: left;
}
#wsf-settings .wsf-table-system th + th {
border-left: 1px solid #ceced2;
}
#wsf-settings .wsf-table-system td {
background-color: #ffffff;
font-size: 12px;
}
#wsf-settings .wsf-table-system td .wsf-list-inline > li {
margin-bottom: 0;
}
#wsf-settings .wsf-table-system td > table {
border: none;
margin: -3px;
}
#wsf-settings .wsf-table-system td > table tr:first-child td {
border-top: none;
}
@media screen and (min-width: 783px) {
#wsf-settings .wsf-table-system td {
border-top: 1px solid #ceced2;
}
#wsf-settings .wsf-table-system td + td {
border-left: 1px solid #ceced2;
}
}
#wsf-settings .wsf-table-system svg {
display: inline-block;
margin-left: 6px;
vertical-align: text-top;
}
#wsf-settings .wsf-table-system .wsf-system-valid td {
background-color: #F4FdF6;
}
#wsf-settings .wsf-table-system .wsf-system-valid svg path {
fill: #2e8540;
}
#wsf-settings .wsf-table-system .wsf-system-invalid td {
background-color: #FEFBE9;
}
#wsf-settings .wsf-table-system .wsf-system-invalid svg path {
fill: #fdb81e;
}
#wsf-settings > .form-table > tbody > tr.margin-small > th {
padding: 15px 10px 0 0;
}
#wsf-settings > .form-table > tbody > tr.margin-small > td {
padding: 10px 10px 0;
}
#wsf-settings > .form-table > tbody > tr.margin-small:last-child > th {
padding: 15px 10px 20px 0;
}
#wsf-settings > .form-table > tbody > tr.margin-small:last-child > td {
padding: 10px 10px 20px 10px;
}
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field {
display: inline-block;
vertical-align: middle;
width: auto;
}
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field.wsf-encryption-snippet,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field.wsf-encryption-snippet {
font-family: Menlo, monospace;
margin-top: 6px;
width: 100%;
}
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td select.wsf-field.wsf-encryption-snippet[readonly],
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field.wsf-encryption-snippet[readonly] {
background-color: #ffffff;
}
@media screen and (min-width: 783px) {
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field {
min-width: 320px;
}
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + a.wsf-button {
margin-left: 6px;
}
}
@media screen and (max-width: 782px) {
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field {
width: 100%;
}
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field .wsf-settings-image-preview img,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field .wsf-settings-image-preview img {
max-width: 100%;
}
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=date].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=datetime-local].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=month].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=password].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=time].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=week].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=email].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=number].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=search].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=tel].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=text].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=url].wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td select.wsf-field + a.wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td textarea.wsf-field + a.wsf-button {
margin-top: 6px;
}
}
#wsf-settings > .form-table > tbody > tr > td input[type=checkbox].wsf-field + label.wsf-label,
#wsf-settings > .form-table > tbody > tr > td input[type=radio].wsf-field + label.wsf-label {
margin-top: 4px;
}
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label {
display: inline-block;
width: auto;
}
@media screen and (min-width: 783px) {
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label {
min-width: 320px;
}
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + a.wsf-button {
margin-left: 6px;
}
}
@media screen and (max-width: 782px) {
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label {
width: 100%;
}
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + button.wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + input[type=button].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + input[type=submit].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + input[type=reset].wsf-button,
#wsf-settings > .form-table > tbody > tr > td input[type=file].wsf-field + label.wsf-label + a.wsf-button {
margin-top: 6px;
}
}
#wsf-settings > .form-table > tbody > tr > td .wsf-helper,
#wsf-settings > .form-table > tbody > tr > td .wsf-helper code {
font-size: 12px;
}
#wsf-form {
background: none;
border: none;
border-radius: 0;
color: #444;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 0;
position: relative;
}
#wsf-template-add-tabs {
background: inherit;
border: inherit;
border-radius: inherit;
align-items: flex-end;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: -1px;
margin-left: -3px;
margin-right: -3px;
margin-top: 0;
padding: 0;
position: relative;
}
body.ws-form_page_ws-form-add.mobile #wsf-template-add-tabs {
margin-bottom: 0;
}
body.ws-form_page_ws-form-add.mobile #wsf-template-add-tabs > li {
margin-bottom: 6px;
}
body.ws-form_page_ws-form-add.mobile #wsf-template-add-tabs > li.ui-state-active > a {
border-bottom-color: #ceced2;
}
#wsf-template-add-tabs > li {
background: inherit;
background-color: transparent !important;
border: inherit;
border-radius: inherit;
box-sizing: border-box;
float: none;
margin: 0;
outline: none;
padding: 0 3px;
position: relative;
z-index: 1;
}
#wsf-template-add-tabs > li > a {
background-color: #dedede;
border: 1px solid #ceced2;
box-shadow: none;
color: #444;
cursor: pointer;
display: block;
float: none;
padding: 11px 12px;
text-align: center;
text-decoration: none;
float: none;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
#wsf-template-add-tabs > li > a [data-action=wsf-api-reload] {
display: inline-block;
margin-left: 6px;
vertical-align: text-bottom;
}
#wsf-template-add-tabs > li.ui-state-active > a {
background-color: #f1f1f1;
border-bottom-color: transparent;
color: #000000;
cursor: default;
}
#wsf-template-add {
background: none;
border: none;
border-radius: 0;
font-family: inherit;
font-size: inherit;
padding: 0;
}
#wsf-template-add .ui-tabs-panel {
background-color: transparent !important;
border-top: 1px solid #ceced2;
margin-left: auto;
margin-right: auto;
padding: 12px 0;
}
#wsf-template-add .ui-tabs-panel h3 {
margin: 0 0 6px;
}
#wsf-template-add button {
font-family: inherit;
}
.wsf-popup-progress {
display: none;
}
.wsf-popup-progress-backdrop {
background-color: #000000;
bottom: 0;
filter: alpha(opacity=70);
left: -20px;
opacity: 0.7;
position: fixed;
right: 0;
top: 0;
z-index: 10000;
}
.wsf-popup-progress-inner {
background-color: #ffffff;
border: 1px solid #ceced2;
left: var(--wsf-admin-popup-progress-inner-left);
margin-top: calc(var(--wsf-admin-popup-progress-inner-height) / 2 * -1);
padding: 20px 20px 0;
position: fixed;
top: 50%;
z-index: 10000;
}
.wsf-popup-progress-inner img {
margin-bottom: 20px;
max-width: 256px;
}
.wsf-popup-progress-inner p {
font-size: 16px;
line-height: 16px;
margin: 0 0 20px;
text-align: center;
}
.wsf-popup-progress-bar progress.wsf-progress {
height: 20px;
margin-bottom: 20px;
}
.wsf-popup-progress-bar progress.wsf-progress[value]::-webkit-progress-value {
background-color: #002e5f;
}
.wsf-popup-progress-bar progress.wsf-progress[value]::-moz-progress-bar {
background-color: #002e5f;
}
.wsf-popup-progress-bar progress.wsf-progress[value]::-ms-fill {
background-color: #002e5f;
}
body.toplevel_page_ws-form a:focus {
box-shadow: none;
}
body.toplevel_page_ws-form .wp-list-table {
table-layout: auto;
}
body.toplevel_page_ws-form #media {
width: 75px;
}
body.toplevel_page_ws-form th.manage-column {
vertical-align: top;
white-space: nowrap;
}
body.toplevel_page_ws-form th.manage-column input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
margin-top: 2px;
}
body.toplevel_page_ws-form th.sortable a,
body.toplevel_page_ws-form th.sorted a {
display: inline-flex;
align-items: center;
white-space: nowrap;
}
body.toplevel_page_ws-form th.sortable a .sorting-indicators,
body.toplevel_page_ws-form th.sorted a .sorting-indicators {
flex-shrink: 0;
}
body.toplevel_page_ws-form .preview {
float: none;
}
body.toplevel_page_ws-form .wsf-shortcode {
cursor: copy;
white-space: nowrap;
}
@media screen and (min-width: 783px) {
body.toplevel_page_ws-form #id,
body.toplevel_page_ws-form #count_submit,
body.toplevel_page_ws-form #shortcode,
body.toplevel_page_ws-form .column-id,
body.toplevel_page_ws-form .column-count_submit,
body.toplevel_page_ws-form .column-shortcode {
width: 1%;
white-space: nowrap;
}
body.toplevel_page_ws-form #count_stat_view,
body.toplevel_page_ws-form #conversion,
body.toplevel_page_ws-form .column-count_stat_view,
body.toplevel_page_ws-form .column-conversion {
width: 1%;
white-space: nowrap;
}
}
body.toplevel_page_ws-form .wsf-form-table-stats {
border-collapse: collapse;
border-spacing: 0;
}
body.toplevel_page_ws-form .wsf-form-table-stats th {
font-size: 10px !important;
padding: 0 6px 0 0 !important;
}
body.toplevel_page_ws-form .wsf-form-table-stats td {
font-size: 10px !important;
font-weight: bold !important;
padding: 0 0 0 6px !important;
}
body.toplevel_page_ws-form .wsf-form-table-stats + .wsf-helper {
font-size: 10px;
line-height: 1.3em;
margin-top: 0;
}
#wsf-form-table,
#wsf-form-add,
#wsf-style-table {
position: relative;
}
body.toplevel_page_ws-form,
body.ws-form_page_ws-form-add,
body.admin_page_ws-form-edit,
body.ws-form_page_ws-form-submit,
body.ws-form_page_ws-form-migrate,
body.ws-form_page_ws-form-settings,
body.ws-form_page_ws-form-add-ons,
body.ws-form_page_ws-form-upgrade {
background-color: #F1F1F1;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
body.toplevel_page_ws-form a:focus,
body.ws-form_page_ws-form-add a:focus,
body.admin_page_ws-form-edit a:focus,
body.ws-form_page_ws-form-submit a:focus,
body.ws-form_page_ws-form-migrate a:focus,
body.ws-form_page_ws-form-settings a:focus,
body.ws-form_page_ws-form-add-ons a:focus,
body.ws-form_page_ws-form-upgrade a:focus {
box-shadow: none;
}
body.toplevel_page_ws-form #wpcontent,
body.ws-form_page_ws-form-add #wpcontent,
body.admin_page_ws-form-edit #wpcontent,
body.ws-form_page_ws-form-submit #wpcontent,
body.ws-form_page_ws-form-migrate #wpcontent,
body.ws-form_page_ws-form-settings #wpcontent,
body.ws-form_page_ws-form-add-ons #wpcontent,
body.ws-form_page_ws-form-upgrade #wpcontent {
padding-left: 20px;
}
body.toplevel_page_ws-form #poststuff,
body.ws-form_page_ws-form-add #poststuff,
body.admin_page_ws-form-edit #poststuff,
body.ws-form_page_ws-form-submit #poststuff,
body.ws-form_page_ws-form-migrate #poststuff,
body.ws-form_page_ws-form-settings #poststuff,
body.ws-form_page_ws-form-add-ons #poststuff,
body.ws-form_page_ws-form-upgrade #poststuff {
min-width: 0;
padding-top: 0;
}
body.toplevel_page_ws-form #poststuff #post-body.columns-2,
body.ws-form_page_ws-form-add #poststuff #post-body.columns-2,
body.admin_page_ws-form-edit #poststuff #post-body.columns-2,
body.ws-form_page_ws-form-submit #poststuff #post-body.columns-2,
body.ws-form_page_ws-form-migrate #poststuff #post-body.columns-2,
body.ws-form_page_ws-form-settings #poststuff #post-body.columns-2,
body.ws-form_page_ws-form-add-ons #poststuff #post-body.columns-2,
body.ws-form_page_ws-form-upgrade #poststuff #post-body.columns-2 {
margin-right: var(--wsf-admin-sidebar-margin);
}
body.toplevel_page_ws-form #post-body-content,
body.ws-form_page_ws-form-add #post-body-content,
body.admin_page_ws-form-edit #post-body-content,
body.ws-form_page_ws-form-submit #post-body-content,
body.ws-form_page_ws-form-migrate #post-body-content,
body.ws-form_page_ws-form-settings #post-body-content,
body.ws-form_page_ws-form-add-ons #post-body-content,
body.ws-form_page_ws-form-upgrade #post-body-content {
margin-bottom: 0;
min-width: 0;
}
@media screen and (max-width: 782px) {
body.toplevel_page_ws-form .auto-fold #wpcontent,
body.ws-form_page_ws-form-add .auto-fold #wpcontent,
body.admin_page_ws-form-edit .auto-fold #wpcontent,
body.ws-form_page_ws-form-submit .auto-fold #wpcontent,
body.ws-form_page_ws-form-migrate .auto-fold #wpcontent,
body.ws-form_page_ws-form-settings .auto-fold #wpcontent,
body.ws-form_page_ws-form-add-ons .auto-fold #wpcontent,
body.ws-form_page_ws-form-upgrade .auto-fold #wpcontent {
padding-left: 20px;
}
body.toplevel_page_ws-form .wsf-wpcom,
body.ws-form_page_ws-form-add .wsf-wpcom,
body.admin_page_ws-form-edit .wsf-wpcom,
body.ws-form_page_ws-form-submit .wsf-wpcom,
body.ws-form_page_ws-form-migrate .wsf-wpcom,
body.ws-form_page_ws-form-settings .wsf-wpcom,
body.ws-form_page_ws-form-add-ons .wsf-wpcom,
body.ws-form_page_ws-form-upgrade .wsf-wpcom {
margin-top: 6px;
}
body.toplevel_page_ws-form .wsf-wpcom .wsf-header,
body.ws-form_page_ws-form-add .wsf-wpcom .wsf-header,
body.admin_page_ws-form-edit .wsf-wpcom .wsf-header,
body.ws-form_page_ws-form-submit .wsf-wpcom .wsf-header,
body.ws-form_page_ws-form-migrate .wsf-wpcom .wsf-header,
body.ws-form_page_ws-form-settings .wsf-wpcom .wsf-header,
body.ws-form_page_ws-form-add-ons .wsf-wpcom .wsf-header,
body.ws-form_page_ws-form-upgrade .wsf-wpcom .wsf-header {
margin-left: 45px;
}
}
@media only screen and (max-width: 960px) {
body.toplevel_page_ws-form .auto-fold #wpcontent, body.toplevel_page_ws-form .auto-fold #wpfooter,
body.ws-form_page_ws-form-add .auto-fold #wpcontent,
body.ws-form_page_ws-form-add .auto-fold #wpfooter,
body.admin_page_ws-form-edit .auto-fold #wpcontent,
body.admin_page_ws-form-edit .auto-fold #wpfooter,
body.ws-form_page_ws-form-submit .auto-fold #wpcontent,
body.ws-form_page_ws-form-submit .auto-fold #wpfooter,
body.ws-form_page_ws-form-migrate .auto-fold #wpcontent,
body.ws-form_page_ws-form-migrate .auto-fold #wpfooter,
body.ws-form_page_ws-form-settings .auto-fold #wpcontent,
body.ws-form_page_ws-form-settings .auto-fold #wpfooter,
body.ws-form_page_ws-form-add-ons .auto-fold #wpcontent,
body.ws-form_page_ws-form-add-ons .auto-fold #wpfooter,
body.ws-form_page_ws-form-upgrade .auto-fold #wpcontent,
body.ws-form_page_ws-form-upgrade .auto-fold #wpfooter {
margin-left: 28px;
}
}
body.toplevel_page_ws-form .wp-header-end,
body.ws-form_page_ws-form-add .wp-header-end,
body.admin_page_ws-form-edit .wp-header-end,
body.ws-form_page_ws-form-submit .wp-header-end,
body.ws-form_page_ws-form-migrate .wp-header-end,
body.ws-form_page_ws-form-settings .wp-header-end,
body.ws-form_page_ws-form-add-ons .wp-header-end,
body.ws-form_page_ws-form-upgrade .wp-header-end {
margin: -2px 0 0;
visibility: hidden;
}
body.toplevel_page_ws-form .update-nag,
body.toplevel_page_ws-form .updated,
body.toplevel_page_ws-form .notice,
body.toplevel_page_ws-form .error,
body.ws-form_page_ws-form-add .update-nag,
body.ws-form_page_ws-form-add .updated,
body.ws-form_page_ws-form-add .notice,
body.ws-form_page_ws-form-add .error,
body.admin_page_ws-form-edit .update-nag,
body.admin_page_ws-form-edit .updated,
body.admin_page_ws-form-edit .notice,
body.admin_page_ws-form-edit .error,
body.ws-form_page_ws-form-submit .update-nag,
body.ws-form_page_ws-form-submit .updated,
body.ws-form_page_ws-form-submit .notice,
body.ws-form_page_ws-form-submit .error,
body.ws-form_page_ws-form-migrate .update-nag,
body.ws-form_page_ws-form-migrate .updated,
body.ws-form_page_ws-form-migrate .notice,
body.ws-form_page_ws-form-migrate .error,
body.ws-form_page_ws-form-settings .update-nag,
body.ws-form_page_ws-form-settings .updated,
body.ws-form_page_ws-form-settings .notice,
body.ws-form_page_ws-form-settings .error,
body.ws-form_page_ws-form-add-ons .update-nag,
body.ws-form_page_ws-form-add-ons .updated,
body.ws-form_page_ws-form-add-ons .notice,
body.ws-form_page_ws-form-add-ons .error,
body.ws-form_page_ws-form-upgrade .update-nag,
body.ws-form_page_ws-form-upgrade .updated,
body.ws-form_page_ws-form-upgrade .notice,
body.ws-form_page_ws-form-upgrade .error {
position: relative;
}
#wsf-layout-editor {
display: flex;
flex-direction: column;
height: calc(100% - 46px);
margin: 0 0 0 -20px;
overflow-y: auto;
position: fixed;
width: var(--wsf-admin-layout-editor-width);
z-index: 1;
}
#wsf-layout-editor #poststuff {
flex-grow: 1;
overflow-x: hidden;
padding: 0 20px;
}
#wsf-layout-editor .notice,
#wsf-layout-editor div.updated,
#wsf-layout-editor div.error {
margin: 0 0 12px;
}
#wsf-layout-editor #titlewrap button[data-action=wsf-label-save] {
display: none;
position: absolute;
right: 5px;
top: 5px;
}
body.admin_page_ws-form-edit div.wp-link-input input {
width: 189px;
}
body.admin_page_ws-form-edit #update-nag,
body.admin_page_ws-form-edit .update-nag {
display: none;
}
body.admin_page_ws-form-edit.mobile .wsf-group-header > .wsf-settings,
body.admin_page_ws-form-edit.mobile .wsf-section:hover > .wsf-settings,
body.admin_page_ws-form-edit.mobile .wsf-field-wrapper:hover > .wsf-settings {
opacity: 1;
}
body.admin_page_ws-form-edit.mobile .wsf-group-header > .wsf-settings li[data-action=template_add], body.admin_page_ws-form-edit.mobile .wsf-group-header > .wsf-settings li[data-action=upload], body.admin_page_ws-form-edit.mobile .wsf-group-header > .wsf-settings li[data-action=download], body.admin_page_ws-form-edit.mobile .wsf-group-header > .wsf-settings li[data-action=edit],
body.admin_page_ws-form-edit.mobile .wsf-section:hover > .wsf-settings li[data-action=template_add],
body.admin_page_ws-form-edit.mobile .wsf-section:hover > .wsf-settings li[data-action=upload],
body.admin_page_ws-form-edit.mobile .wsf-section:hover > .wsf-settings li[data-action=download],
body.admin_page_ws-form-edit.mobile .wsf-section:hover > .wsf-settings li[data-action=edit],
body.admin_page_ws-form-edit.mobile .wsf-field-wrapper:hover > .wsf-settings li[data-action=template_add],
body.admin_page_ws-form-edit.mobile .wsf-field-wrapper:hover > .wsf-settings li[data-action=upload],
body.admin_page_ws-form-edit.mobile .wsf-field-wrapper:hover > .wsf-settings li[data-action=download],
body.admin_page_ws-form-edit.mobile .wsf-field-wrapper:hover > .wsf-settings li[data-action=edit] {
display: block;
opacity: 1;
}
body.admin_page_ws-form-edit.mobile .wsf-column-size,
body.admin_page_ws-form-edit.mobile .wsf-offset {
opacity: 1;
}
.wsf-list-inline {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -3px;
}
.wsf-list-inline > li {
margin-bottom: 12px;
padding-left: 3px;
padding-right: 3px;
}
#wsf-loader {
background-color: #ceced2;
height: 4px;
margin: 0 0 0 -20px;
opacity: 0;
overflow: hidden;
position: fixed;
width: var(--wsf-admin-layout-editor-width);
z-index: 9999;
}
#wsf-loader::before {
background-image: linear-gradient(to right, #ceced2, #002e5f 20%, #002e5f 80%, #ceced2 100%);
content: "";
display: block;
height: 4px;
left: -200px;
position: absolute;
width: 200px;
}
#wsf-loader.wsf-loader-on {
opacity: 1;
}
#wsf-loader.wsf-loader-on::before {
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite;
}
@-webkit-keyframes loading {
from {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
@keyframes loading {
from {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#wsf-sidebars .wsf-sidebar {
background-color: #ffffff;
border-top: none;
border-right: none;
border-bottom: none;
border-left: 1px solid #ceced2;
display: flex;
flex-direction: column;
font-family: inherit;
font-size: inherit;
height: calc(100% - var(--wp-admin--admin-bar--height));
padding: 0;
position: fixed;
right: 0;
top: var(--wp-admin--admin-bar--height);
transition: -webkit-transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
width: var(--wsf-admin-sidebar-width);
z-index: 10000;
}
#wsf-sidebars .wsf-sidebar .wsf-sidebar-resize {
background-color: #ffffff;
border: 1px solid #ceced2;
border-bottom-left-radius: var(--wsf-admin-sidebar-resize-width);
border-top-left-radius: var(--wsf-admin-sidebar-resize-width);
box-sizing: border-box;
cursor: col-resize;
height: var(--wsf-admin-sidebar-resize-height);
left: calc(var(--wsf-admin-sidebar-resize-width) * -1);
position: absolute;
top: calc(50% - var(--wsf-admin-sidebar-resize-height) / 2);
width: var(--wsf-admin-sidebar-resize-width);
}
#wsf-sidebars .wsf-sidebar .wsf-helper {
color: #666666;
font-size: 12px;
font-style: italic;
margin-top: 3px;
}
#wsf-sidebars .wsf-sidebar .wsf-helper table {
border: 1px solid #ceced2;
margin: 5px 0;
}
#wsf-sidebars .wsf-sidebar .wsf-helper table th, #wsf-sidebars .wsf-sidebar .wsf-helper table td {
font-size: 11px;
font-style: normal;
}
#wsf-sidebars .wsf-sidebar .notice {
margin: 0;
}
#wsf-sidebars .wsf-sidebar .notice h3 {
margin-top: 12px;
padding-bottom: 0;
}
@media only screen and (max-width: 782px) {
#wsf-sidebars .wsf-sidebar {
height: calc(100% - 46px);
top: 46px;
}
}
@media only screen and (max-width: 600px) {
#wsf-sidebars .wsf-sidebar {
border-left: none;
height: 100%;
top: 0;
width: 100%;
}
}
#wsf-sidebars .wsf-sidebar.wsf-sidebar-open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#wsf-sidebars .wsf-sidebar.wsf-sidebar-closed {
-webkit-transform: translateX(calc(100% + var(--wsf-admin-sidebar-resize-width)));
transform: translateX(calc(100% + var(--wsf-admin-sidebar-resize-width)));
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-sidebar-expand] {
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-sidebar-contract] {
display: none;
}
#wsf-sidebars .wsf-sidebar.wsf-sidebar-expanded {
border-left: none;
width: var(--wsf-admin-sidebar-width-expanded);
}
#wsf-sidebars .wsf-sidebar.wsf-sidebar-expanded .wsf-sidebar-resize {
display: none;
}
#wsf-sidebars .wsf-sidebar.wsf-sidebar-expanded [data-action=wsf-sidebar-expand] {
display: none;
}
#wsf-sidebars .wsf-sidebar.wsf-sidebar-expanded [data-action=wsf-sidebar-contract] {
display: block;
}
@media only screen and (max-width: 600px) {
#wsf-sidebars .wsf-sidebar [data-action=wsf-sidebar-expand], #wsf-sidebars .wsf-sidebar.wsf-sidebar-expanded [data-action=wsf-sidebar-contract] {
display: none;
}
}
#wsf-sidebars .wsf-sidebar .wsf-sidebar-tabs-panel {
background-color: #ffffff !important;
padding: 0;
}
#wsf-sidebars .wsf-sidebar .wsf-select-list {
border: 1px solid #ceced2;
border-radius: 4px;
margin-top: 6px;
max-height: 248px;
overflow-y: auto;
position: relative;
}
#wsf-sidebars .wsf-sidebar .wsf-select-list th {
background-color: #dedede;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#wsf-sidebars .wsf-sidebar .wsf-select-list td {
border-top: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#wsf-sidebars .wsf-sidebar .wsf-select-list tr + tr th,
#wsf-sidebars .wsf-sidebar .wsf-select-list tr + tr td {
border-top: 1px solid #ceced2;
}
#wsf-sidebars .wsf-sidebar .wsf-select-list tbody tr:hover td {
background-color: #002e5f;
border-top-color: #002e5f;
color: #ffffff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#wsf-sidebars .wsf-sidebar .wsf-calc {
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 4px;
margin-top: 6px;
max-width: 343px;
padding: 3px;
position: relative;
}
#wsf-sidebars .wsf-sidebar .wsf-calc table {
table-layout: fixed;
}
#wsf-sidebars .wsf-sidebar .wsf-calc table td {
background-color: transparent;
border-top: none;
}
#wsf-sidebars .wsf-sidebar .wsf-calc table td + td {
border-left: none;
}
#wsf-sidebars .wsf-sidebar p {
margin: 0 0 12px;
}
#wsf-sidebars .wsf-sidebar table {
border-spacing: 0;
width: 100%;
border-collapse: separate !important;
}
#wsf-sidebars .wsf-sidebar table thead, #wsf-sidebars .wsf-sidebar table tbody, #wsf-sidebars .wsf-sidebar table tfoot {
position: inherit !important;
}
#wsf-sidebars .wsf-sidebar .wsf-table-outer > table {
border: 1px solid #ceced2;
}
#wsf-sidebars .wsf-sidebar .wsf-repeater > table {
border: 1px solid #ceced2;
table-layout: fixed;
}
#wsf-sidebars .wsf-sidebar .wsf-repeater > table td:not([data-icon]) {
overflow: hidden;
}
#wsf-sidebars .wsf-sidebar .wsf-repeater + .wsf-helper {
margin-top: -21px;
margin-right: 24px;
}
#wsf-sidebars .wsf-sidebar .wsf-repeater [data-wsf-tooltip-title]:hover::before, #wsf-sidebars .wsf-sidebar .wsf-repeater [data-wsf-tooltip-title]:hover::after {
transition-delay: 800ms;
}
#wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row {
display: none;
}
#wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row > td:not(.wsf-hidden-table-cell) {
position: absolute;
}
#wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row > td {
background: none;
border: none;
padding: 0;
}
#wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row > td > div {
background-color: #ffffff;
border-top: 1px solid #ceced2;
padding: 6px;
}
#wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row > td > div > table {
border: 1px solid #ceced2;
}
#wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row > td > div > table th, #wsf-sidebars .wsf-sidebar tr.wsf-hidden-table-row > td > div > table td {
font-family: Menlo, monospace;
font-size: 10px;
word-break: break-word;
}
#wsf-sidebars .wsf-sidebar th,
#wsf-sidebars .wsf-sidebar td {
font-size: 12px;
padding: 3px;
vertical-align: top;
}
#wsf-sidebars .wsf-sidebar th > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=url].wsf-field,
#wsf-sidebars .wsf-sidebar th > select.wsf-field,
#wsf-sidebars .wsf-sidebar th > textarea.wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=url].wsf-field,
#wsf-sidebars .wsf-sidebar td > select.wsf-field,
#wsf-sidebars .wsf-sidebar td > textarea.wsf-field {
background-color: transparent;
border: none;
border-radius: 0;
min-height: auto;
min-width: 96px;
padding: 0;
}
#wsf-sidebars .wsf-sidebar th > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar th > input[type=url].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar td > input[type=url].wsf-field {
height: auto;
}
#wsf-sidebars .wsf-sidebar th > select.wsf-field:not([multiple]):not([size]),
#wsf-sidebars .wsf-sidebar td > select.wsf-field:not([multiple]):not([size]) {
background-position: right 0 center;
height: auto;
padding-right: 9px;
}
#wsf-sidebars .wsf-sidebar th > .select2-container,
#wsf-sidebars .wsf-sidebar td > .select2-container {
height: 25px;
margin: -4px;
padding: 5px 4px 3px;
width: calc(100% + 8px) !important;
}
#wsf-sidebars .wsf-sidebar th > .select2-container .select2-selection--single,
#wsf-sidebars .wsf-sidebar th > .select2-container .select2-selection--multiple,
#wsf-sidebars .wsf-sidebar td > .select2-container .select2-selection--single,
#wsf-sidebars .wsf-sidebar td > .select2-container .select2-selection--multiple {
border: none;
border-radius: 0;
box-shadow: none;
font-size: 12px;
height: auto;
min-height: auto;
outline: none;
padding: 0;
}
#wsf-sidebars .wsf-sidebar th > .select2-container .select2-selection--single,
#wsf-sidebars .wsf-sidebar td > .select2-container .select2-selection--single {
background-position: right 0 center;
padding-right: 9px;
}
#wsf-sidebars .wsf-sidebar th > input[type=checkbox].wsf-field + label.wsf-label,
#wsf-sidebars .wsf-sidebar td > input[type=checkbox].wsf-field + label.wsf-label {
display: block;
padding-left: 0;
}
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=url].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > select.wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > textarea.wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=url].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > select.wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > textarea.wsf-field {
background-color: transparent;
border: none;
border-radius: 0;
margin-bottom: 0;
min-height: auto;
min-width: 96px;
padding: 0;
}
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=url].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=date].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=datetime-local].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=month].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=password].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=time].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=week].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=email].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=number].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=search].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=tel].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=text].wsf-field,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=url].wsf-field {
height: auto;
}
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > button.wsf-button,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=button].wsf-button,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=submit].wsf-button,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > input[type=reset].wsf-button,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > a.wsf-button,
#wsf-sidebars .wsf-sidebar th > .wsf-field-inline > select.wsf-button,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > button.wsf-button,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=button].wsf-button,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=submit].wsf-button,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > input[type=reset].wsf-button,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > a.wsf-button,
#wsf-sidebars .wsf-sidebar td > .wsf-field-inline > select.wsf-button {
border: none;
border-radius: 0;
height: auto;
margin: -3px -3px -3px 0;
}
#wsf-sidebars .wsf-sidebar th {
background-color: #dedede;
font-weight: bold;
position: relative;
text-align: left;
}
#wsf-sidebars .wsf-sidebar th + th {
border-left: 1px solid #ceced2;
}
#wsf-sidebars .wsf-sidebar th [data-action=wsf-data-grid-column-delete] {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar th:hover [data-action=wsf-data-grid-column-delete] {
opacity: 1;
}
#wsf-sidebars .wsf-sidebar td {
background-color: #ffffff;
border-top: 1px solid #ceced2;
}
#wsf-sidebars .wsf-sidebar td .wsf-list-inline > li {
margin-bottom: 0;
}
#wsf-sidebars .wsf-sidebar td + td {
border-left: 1px solid #ceced2;
}
#wsf-sidebars .wsf-sidebar td > table {
border: none;
margin: -3px;
width: calc(100% + 6px);
}
#wsf-sidebars .wsf-sidebar td > table tr:first-child td {
border-top: none;
}
#wsf-sidebars .wsf-sidebar tr.wsf-ui-cancel > td {
background-color: #F8EBEA;
}
#wsf-sidebars .wsf-sidebar tr.wsf-ui-cancel > td[data-fixed-sort] svg {
cursor: not-allowed;
}
#wsf-sidebars .wsf-sidebar tr.wsf-ui-cancel > td[data-fixed-sort] svg path {
fill: #ceced2;
}
#wsf-sidebars .wsf-sidebar tr.wsf-ui-cancel + tr.wsf-hidden-table-row > td > div {
background-color: #F8EBEA;
}
#wsf-sidebars .wsf-sidebar tr.wsf-ui-cancel + tr.wsf-hidden-table-row > td > div .wsf-fieldset.wsf-fieldset-header {
background-color: #F8EBEA;
}
#wsf-sidebars .wsf-sidebar tr.wsf-conditional-highlight > td {
background-color: #fffdbd;
}
#wsf-sidebars .wsf-sidebar#wsf-sidebar-conditional tr.wsf-hidden-table-row > td > div, #wsf-sidebars .wsf-sidebar#wsf-sidebar-action tr.wsf-hidden-table-row > td > div {
margin: 0 -92px 0 -47px;
padding: 0;
}
#wsf-sidebars .wsf-sidebar [data-fixed-sort] {
height: 16px;
left: 1px;
padding: 4px 3px;
position: absolute;
top: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 16px;
z-index: 1;
}
#wsf-sidebars .wsf-sidebar [data-fixed-select] {
height: 18px;
left: 23px;
padding: 3px;
position: absolute;
top: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 18px;
z-index: 1;
}
#wsf-sidebars .wsf-sidebar [data-icon] {
height: 16px;
padding: 4px 3px;
top: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 16px;
}
#wsf-sidebars .wsf-sidebar [data-icon]::before {
display: none;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] {
height: 16px;
padding: 4px 3px;
position: absolute;
top: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 16px;
z-index: 2;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon]:nth-last-child(5) {
right: 93px;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon]:nth-last-child(4) {
right: 70px;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon]:nth-last-child(3) {
right: 47px;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon]:nth-last-child(2) {
right: 24px;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon]:last-child {
right: 1px;
}
#wsf-sidebars .wsf-sidebar [data-insert-image] {
position: relative;
}
#wsf-sidebars .wsf-sidebar [data-insert-image] [data-action=wsf-insert-image] {
background-color: #ffffff;
height: 20px;
opacity: 0;
padding: 4px 3px 0 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 200ms ease-in-out;
width: 16px;
}
#wsf-sidebars .wsf-sidebar [data-insert-image] [data-action=wsf-insert-image] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-insert-image] [data-action=wsf-insert-image] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-insert-image] [data-action=wsf-insert-image]:hover svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-insert-image]:hover input[type=text].wsf-field {
padding-right: 17px;
}
#wsf-sidebars .wsf-sidebar [data-insert-image]:hover [data-action=wsf-insert-image] {
opacity: 1;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-column-add] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-column-add] svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-sort] svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-sort] svg {
cursor: move;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-sort] svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-sort] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-sort]:hover svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-sort]:hover svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-sort].wsf-ui-cancel svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-sort].wsf-ui-cancel svg {
cursor: not-allowed;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-sort].wsf-ui-cancel svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-sort].wsf-ui-cancel svg path {
fill: #ceced2;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon]::before,
#wsf-sidebars .wsf-sidebar [data-icon]::before {
display: none;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] a svg,
#wsf-sidebars .wsf-sidebar [data-icon] a svg {
display: block;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] a svg path,
#wsf-sidebars .wsf-sidebar [data-icon] a svg path {
transition: fill 200ms ease-in-out;
fill: #666666;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] a:hover svg path,
#wsf-sidebars .wsf-sidebar [data-icon] a:hover svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-attribute],
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-toggle],
#wsf-sidebars .wsf-sidebar [data-icon] [data-attribute],
#wsf-sidebars .wsf-sidebar [data-icon] [data-toggle] {
transition: opacity 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-attribute] svg,
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-toggle] svg,
#wsf-sidebars .wsf-sidebar [data-icon] [data-attribute] svg,
#wsf-sidebars .wsf-sidebar [data-icon] [data-toggle] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-attribute] svg path,
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-toggle] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-attribute] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-toggle] svg path {
fill: #ceced2;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-attribute]:not([data-read-only]):hover svg path,
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-toggle]:not([data-read-only]):hover svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-attribute]:not([data-read-only]):hover svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-toggle]:not([data-read-only]):hover svg path {
fill: #666666;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-toggle*=wsf-action-meta-]:hover svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-toggle*=wsf-action-meta-]:hover svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-attribute=default] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-attribute=default] svg path {
fill: #3374b7;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-attribute=required] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-attribute=required] svg path {
fill: #bb0000;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-attribute=disabled] svg path, #wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-attribute=hidden] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-attribute=disabled] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-attribute=hidden] svg path {
fill: #000000;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-toggle*=wsf-action-meta-] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-toggle*=wsf-action-meta-] svg path {
fill: #3374b7;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-toggle*=wsf-action-logs-] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-toggle*=wsf-action-logs-] svg path {
fill: #3374b7;
}
#wsf-sidebars .wsf-sidebar [data-fixed-icon] [data-status=on][data-toggle*=wsf-action-errors-] svg path,
#wsf-sidebars .wsf-sidebar [data-icon] [data-status=on][data-toggle*=wsf-action-errors-] svg path {
fill: #bb0000;
}
#wsf-sidebars .wsf-sidebar [data-attribute=hidden] svg:last-child {
display: none;
}
#wsf-sidebars .wsf-sidebar [data-attribute=hidden][data-status=on] svg:first-child {
display: none;
}
#wsf-sidebars .wsf-sidebar [data-attribute=hidden][data-status=on] svg:last-child {
display: block;
}
#wsf-sidebars .wsf-sidebar tr.ui-sortable-helper {
display: table;
table-layout: fixed;
width: 100%;
}
#wsf-sidebars .wsf-sidebar tr.ui-sortable-helper [data-action=wsf-repeater-row-sort] svg path,
#wsf-sidebars .wsf-sidebar tr.ui-sortable-helper [data-action=wsf-data-grid-row-sort] svg path {
fill: #3374b7;
}
#wsf-sidebars .wsf-sidebar tr.ui-sortable-helper [data-action=wsf-repeater-row-sort][data-wsf-tooltip-title]::before, #wsf-sidebars .wsf-sidebar tr.ui-sortable-helper [data-action=wsf-repeater-row-sort][data-wsf-tooltip-title]::after,
#wsf-sidebars .wsf-sidebar tr.ui-sortable-helper [data-action=wsf-data-grid-row-sort][data-wsf-tooltip-title]::before,
#wsf-sidebars .wsf-sidebar tr.ui-sortable-helper [data-action=wsf-data-grid-row-sort][data-wsf-tooltip-title]::after {
opacity: 0;
transition-delay: 0s;
visibility: hidden;
}
#wsf-sidebars .wsf-sidebar .wsf-data-grid-table-inner > table > tbody > tr.ui-sortable-helper {
left: 0;
padding-left: 48px;
table-layout: auto;
width: calc(100% - 48px) !important;
}
#wsf-sidebars .wsf-sidebar .ui-sortable-placeholder > * {
display: none;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-edit] svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-edit] svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-submit-action-repost] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-edit] svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-edit] svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-submit-action-repost] svg path {
fill: #ceced2;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-edit]:hover svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-edit]:hover svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-submit-action-repost]:hover svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-edit].wsf-data-grid-row-open svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-edit].wsf-data-grid-row-open svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-submit-action-repost].wsf-data-grid-row-open svg path {
fill: #3374b7;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-clone] svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-clone] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-clone] svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-clone] svg path {
fill: #ceced2;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-conditional-clone]:hover svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-action-clone]:hover svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-submit-action-repost].wsf-api-method-calling svg {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-submit-action-repost].wsf-api-method-calling svg path {
fill: #3374b7;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-delete] svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-delete] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-delete] svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-delete] svg path {
fill: #ceced2;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-delete]:hover svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-delete]:hover svg path {
fill: #bb0000;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-column-delete] {
overflow: hidden;
position: absolute;
top: 4px;
right: 3px;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-column-delete] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-column-delete] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-column-delete]:hover svg path {
fill: #bb0000;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-add],
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-add] {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
padding: 4px;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-add] svg,
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-add] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-sidebar [data-action=wsf-data-grid-row-add] svg path,
#wsf-sidebars .wsf-sidebar [data-action=wsf-repeater-row-add] svg path {
fill: #002e5f;
}
#wsf-sidebars[data-group-count="1"] #wsf-sidebar-group ul.wsf-sidebar-tabs li:nth-child(1n+2),
#wsf-sidebars[data-group-count="1"] #wsf-sidebar-group .wsf-field-wrapper:nth-child(1n+2) {
display: none;
}
.wsf-sidebar-header {
align-items: center;
background-color: #002e5f;
box-sizing: border-box;
display: flex;
flex-shrink: 0;
padding: 12px;
}
.wsf-sidebar-header .wsf-sidebar-icon {
margin-right: 6px;
}
.wsf-sidebar-header .wsf-sidebar-icon svg {
display: block;
height: 18px;
width: 18px;
}
.wsf-sidebar-header .wsf-sidebar-icon svg path,
.wsf-sidebar-header .wsf-sidebar-icon svg circle {
fill: #ffffff;
}
#wsf-sidebars .wsf-sidebar-header h2 {
color: #ffffff;
flex: 1;
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0;
padding: 0;
}
.wsf-sidebar-header code {
background: none;
color: #f1f1f1;
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 10px;
line-height: 1;
margin: 0;
margin-left: 12px;
padding: 0;
}
.wsf-sidebar-header code[data-action=wsf-clipboard] {
cursor: copy;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-sidebar-header .wsf-encrypted,
.wsf-sidebar-header .wsf-kb-url,
.wsf-sidebar-header .wsf-compatibility,
.wsf-sidebar-header [data-action=wsf-sidebar-expand],
.wsf-sidebar-header [data-action=wsf-sidebar-contract] {
margin-left: 12px;
}
.wsf-sidebar-header .wsf-encrypted svg,
.wsf-sidebar-header .wsf-kb-url svg,
.wsf-sidebar-header .wsf-compatibility svg,
.wsf-sidebar-header [data-action=wsf-sidebar-expand] svg,
.wsf-sidebar-header [data-action=wsf-sidebar-contract] svg {
cursor: pointer;
display: block;
height: 18px;
width: 18px;
}
.wsf-sidebar-header .wsf-encrypted svg path,
.wsf-sidebar-header .wsf-kb-url svg path,
.wsf-sidebar-header .wsf-compatibility svg path,
.wsf-sidebar-header [data-action=wsf-sidebar-expand] svg path,
.wsf-sidebar-header [data-action=wsf-sidebar-contract] svg path {
fill: #ffffff;
}
.wsf-sidebar-header .wsf-encrypted:hover svg path,
.wsf-sidebar-header .wsf-kb-url:hover svg path,
.wsf-sidebar-header .wsf-compatibility:hover svg path,
.wsf-sidebar-header [data-action=wsf-sidebar-expand]:hover svg path,
.wsf-sidebar-header [data-action=wsf-sidebar-contract]:hover svg path {
fill: #ffffff;
}
.wsf-sidebar-header .wsf-sidebar-logo {
width: 60px;
opacity: 0.5;
transition: opacity 200ms;
-webkit-transition: opacity 200ms;
}
.wsf-sidebar-header .wsf-sidebar-logo:hover {
transition: opacity 200ms;
-webkit-transition: opacity 200ms;
opacity: 1;
}
.wsf-sidebar-inner {
overflow-x: hidden;
position: relative;
flex-grow: 1;
}
.wsf-sidebar-inner h3 {
color: #000000;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 0 0 12px;
}
#wsf-sidebar-toolbox .wsf-sidebar-tabs-panel {
border: none;
height: 100%;
margin-bottom: 0;
padding: 0;
}
#wsf-sidebar-toolbox .wsf-sidebar-inner {
overflow-y: auto;
}
#wsf-sidebar-toolbox .wsf-field-inner,
#wsf-sidebar-toolbox .wsf-section-inner {
cursor: pointer;
}
@media only screen and (min-width: 851px) {
#wsf-sidebar-toolbox .wsf-sidebar-footer {
display: none !important;
}
}
#wsf-sidebar-conditional .wsf-sidebar-inner,
#wsf-sidebar-action .wsf-sidebar-inner {
display: flex;
flex-direction: column;
}
#wsf-sidebar-conditional .wsf-sidebar-inner > .wsf-fieldset,
#wsf-sidebar-action .wsf-sidebar-inner > .wsf-fieldset {
flex-grow: 1;
}
.wsf-sidebar-upgrade {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border-top: 1px solid #ceced2;
padding: 12px;
font-style: italic;
}
#wsf-field-draggable .wsf-field-inner {
cursor: move;
}
#wsf-field-draggable .wsf-field-label input {
display: none;
}
#wsf-sidebars .wsf-sidebar-tabs {
background: #ffffff;
background-color: #ffffff;
border: none;
border-bottom: 1px solid #ceced2;
border-radius: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
line-height: 1.4em;
margin: 0;
padding: 0;
flex-shrink: 0;
}
#wsf-sidebars .wsf-sidebar-tabs > li {
background: none !important;
border: none;
border-radius: 0;
flex: 1 0 0;
margin: 0;
padding: 0;
outline: none;
position: relative;
}
#wsf-sidebars .wsf-sidebar-tabs > li > a {
border-bottom: 2px solid transparent;
box-shadow: none;
color: #444;
cursor: pointer;
display: block;
float: none;
font-size: 12px;
font-weight: bold;
opacity: 0.5;
overflow: hidden;
padding: 11px 22px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
text-transform: uppercase;
transition: border-color 200ms ease-in-out, color 200ms ease-in-out, opacity 200ms ease-in-out;
white-space: nowrap;
}
#wsf-sidebars .wsf-sidebar-tabs > li:hover > a {
border-bottom-color: #000000;
}
#wsf-sidebars .wsf-sidebar-tabs > li.ui-state-active > a {
border-bottom-color: #3374b7;
color: #3374b7;
cursor: default;
opacity: 1;
}
#wsf-sidebar-form .wsf-sidebar-tabs.wsf-sidebar-tabs-6 li a,
#wsf-sidebar-form .wsf-sidebar-tabs.wsf-sidebar-tabs-7 li a,
#wsf-sidebar-form .wsf-sidebar-tabs.wsf-sidebar-tabs-8 li a {
padding: 11px 12px;
}
.wsf-sidebar-footer {
background-color: #ffffff;
border-top: 1px solid #ceced2;
flex-shrink: 0;
padding: 12px 12px 0;
}
.wsf-sidebar-footer .wsf-sidebar-footer-saving-wrapper {
position: relative;
top: -36px;
left: -12px;
height: 0;
width: calc(100% + 24px);
z-index: 2;
}
.wsf-sidebar-footer .wsf-sidebar-footer-saving-wrapper .wsf-sidebar-footer-saving {
background-color: #2e8540;
color: #ffffff;
font-size: 12px;
padding: 3px 12px;
text-align: center;
display: none;
}
.wsf-sidebar-footer .wsf-list-inline > li.wsf-button-right {
margin-left: auto;
}
.wsf-saving .wsf-sidebar-footer-saving-wrapper .wsf-sidebar-footer-saving {
transition: none;
display: block;
}
.wsf-field-selector {
flex-grow: 1;
}
.wsf-field-selector > ul {
margin-bottom: 0;
margin-top: 0;
padding: 12px 12px 0;
}
.wsf-field-selector > ul .wsf-field-selector-group {
margin-bottom: 0;
}
.wsf-field-selector > ul .wsf-field-selector-group > ul {
display: flex;
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
}
.wsf-field-selector .wsf-field-wrapper {
flex: 0 0 50%;
max-width: 50%;
}
.wsf-field-selector .wsf-field-wrapper a {
overflow: hidden;
text-decoration: none;
}
.wsf-field-selector .wsf-field-wrapper .wsf-field-inner {
background-color: #002e5f;
border: none;
}
.wsf-field-selector .wsf-field-wrapper.wsf-field-disabled .wsf-field-inner {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-field-selector .wsf-field-wrapper.wsf-pro-required .wsf-field-inner {
cursor: pointer;
opacity: 0.5;
}
.wsf-field-selector .wsf-field-wrapper .wsf-field-label {
display: inline;
}
.wsf-field-selector .wsf-field-wrapper .wsf-field-label svg path,
.wsf-field-selector .wsf-field-wrapper .wsf-field-label svg circle {
fill: #ffffff;
}
.wsf-field-selector .wsf-field-wrapper .wsf-field-type {
color: #ffffff;
display: inline;
font-size: 12px;
}
#wsf-form [data-action=wsf-section-download],
#wsf-form [data-action=wsf-section-delete],
#wsf-section-draggable [data-action=wsf-section-download],
#wsf-section-draggable [data-action=wsf-section-delete] {
display: none;
}
.wsf-section-selector {
flex-grow: 1;
}
.wsf-section-selector > ul {
margin-bottom: 0;
margin-top: 0;
padding: 12px 12px 0;
}
.wsf-section-selector > ul .wsf-section-selector-group {
margin-bottom: 0;
position: relative;
}
.wsf-section-selector > ul .wsf-section-selector-group .wsf-section-selector-group-sections {
display: flex;
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
}
.wsf-section-selector .wsf-section {
flex: 0 0 50%;
max-width: 50%;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-download] {
background-color: #ffffff;
opacity: 0;
padding: 3px;
position: absolute;
right: 30px;
top: 6px;
transition: opacity 200ms ease-in-out;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-download] svg {
cursor: pointer;
display: block;
height: 16px;
width: 16px;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-download] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-download]:hover svg path {
fill: #002e5f;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-delete] {
background-color: #ffffff;
opacity: 0;
padding: 3px;
position: absolute;
right: 10px;
top: 6px;
transition: opacity 200ms ease-in-out;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-delete] svg {
cursor: pointer;
display: block;
height: 16px;
width: 16px;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-delete] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
.wsf-section-selector .wsf-section [data-action=wsf-section-delete]:hover svg path {
fill: #bb0000;
}
.wsf-section-selector .wsf-section:hover [data-action=wsf-section-download],
.wsf-section-selector .wsf-section:hover [data-action=wsf-section-delete] {
opacity: 1;
}
.wsf-section-selector .wsf-section .wsf-section-inner {
background-color: #ffffff;
position: relative;
}
.wsf-section-selector .wsf-section.wsf-ui-cancel > .wsf-section-inner {
background-color: #F8EBEA;
}
.wsf-section-selector .wsf-section.wsf-ui-cancel [data-action=wsf-section-download],
.wsf-section-selector .wsf-section.wsf-ui-cancel [data-action=wsf-section-delete] {
display: none;
}
.wsf-section-selector .wsf-section.wsf-pro-required .wsf-section-inner::after {
background-color: #002e5f;
color: #ffffff;
content: "PRO";
font-size: 10px;
line-height: 1;
padding: 3px 0;
position: absolute;
right: -14px;
text-align: center;
top: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 49px;
}
.wsf-section-selector .wsf-section.wsf-pro-required .wsf-section-inner > svg {
cursor: pointer;
opacity: 0.5;
}
#wsf-form-field-selector,
#wsf-form-section-selector {
display: flex;
flex-direction: column;
}
#wsf-form-field-selector .wsf-fieldset .wsf-field-wrapper,
#wsf-form-section-selector .wsf-fieldset .wsf-field-wrapper {
margin-bottom: 0;
}
.wsf-form-history {
padding: 12px 12px 0;
}
.wsf-form-history > ul {
margin-bottom: 0;
margin-top: 0;
position: static;
}
.wsf-form-history > ul > li {
display: flex;
flex-wrap: wrap;
cursor: pointer;
margin-bottom: 0;
position: relative;
}
.wsf-form-history > ul > li:not(:last-child):after {
background-color: #ceced2;
content: "";
height: 100%;
left: calc(24% - 1px);
position: absolute;
top: 0;
width: 2px;
}
.wsf-form-history > ul > li .date {
box-sizing: border-box;
font-weight: bold;
margin-bottom: 12px;
padding-right: 14px;
position: relative;
flex: 0 0 24%;
max-width: 24%;
}
.wsf-form-history > ul > li .date::before {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 50%;
content: "";
height: 12px;
position: absolute;
right: -8px;
top: 0;
width: 12px;
z-index: 99;
}
.wsf-form-history > ul > li .description {
box-sizing: border-box;
margin-bottom: 12px;
padding-left: 14px;
position: relative;
flex: 0 0 76%;
max-width: 76%;
}
.wsf-form-history > ul > li .description .wsf-history-highlight {
font-weight: bold;
}
.wsf-form-history > ul > li.wsf-history-current:after, .wsf-form-history > ul > li.wsf-history-undo:after {
background-color: #002e5f;
}
.wsf-form-history > ul > li.wsf-history-current .date:before {
background-color: #002e5f;
border-color: #002e5f;
}
.wsf-form-history > ul > li.wsf-history-undo .date:before {
border-color: #002e5f;
}
.page-title-action svg {
height: 16px;
vertical-align: text-bottom;
width: 16px;
}
.page-title-action svg path {
transition: fill 0.05s ease-in-out;
}
.page-title-action:hover svg path {
fill: #ffffff;
}
.page-title-action.wsf-editing {
background: #00a0d2;
border-color: #008EC2;
color: #ffffff;
}
.page-title-action.wsf-editing svg path {
fill: #ffffff;
}
/* Form Styles */
.wsf-form {
margin: 12px auto 0;
}
.wsf-form h3 {
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 5px 0 17px;
padding: 0;
position: relative;
}
.wsf-form h4 {
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 5px 0 17px;
padding: 0;
position: relative;
}
.wsf-settings {
color: #666666;
cursor: default;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
list-style: none;
opacity: 0;
top: 10px;
transition: opacity 200ms ease-in-out;
position: absolute;
right: 23px;
}
.wsf-settings li {
background-color: #666666 !important;
border-radius: 50%;
box-sizing: initial;
cursor: pointer;
height: 16px;
line-height: 1;
margin-bottom: 6px;
-webkit-margin-start: 6px;
margin-inline-start: 6px;
padding: 6px;
position: relative;
transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out;
width: 16px;
}
.wsf-settings li[data-action=template_add], .wsf-settings li[data-action=upload], .wsf-settings li[data-action=download], .wsf-settings li[data-action=clone], .wsf-settings li[data-action=delete] {
display: none;
opacity: 0;
}
.wsf-settings li svg {
margin-right: 0;
}
.wsf-settings li svg path, .wsf-settings li svg text {
fill: #ffffff;
}
.wsf-settings li:hover {
background-color: #002e5f !important;
}
.wsf-settings li[data-action=delete]:hover {
background-color: #bb0000 !important;
}
.wsf-settings.wsf-settings-group li[data-action=clone], .wsf-settings.wsf-settings-section li[data-action=clone] {
-webkit-margin-start: 18px;
margin-inline-start: 18px;
}
.wsf-settings.wsf-settings-form {
margin: 0 0 6px auto;
right: 0;
opacity: 1;
position: relative;
top: 0;
}
@media only screen and (max-width: 722px) {
.wsf-settings.wsf-settings-form {
margin: 6px auto 0;
}
}
@media only screen and (min-width: 851px) and (max-width: 1305px) {
.wsf-settings.wsf-settings-form {
margin: 6px auto 0;
}
}
.wsf-settings.wsf-settings-form li {
opacity: 1;
display: list-item;
box-sizing: initial;
}
.wsf-settings.wsf-settings-form li.wsf-editing {
background-color: #3374b7 !important;
}
.wsf-settings.wsf-settings-form li.wsf-pro-required {
background-color: #ceced2 !important;
}
.wsf-settings.wsf-settings-form li[data-action=wsf-undo].wsf-undo-inactive, .wsf-settings.wsf-settings-form li[data-action=wsf-redo].wsf-redo-inactive {
background-color: #ceced2 !important;
cursor: not-allowed;
}
.wsf-settings.wsf-settings-form li[data-action=wsf-form-upload], .wsf-settings.wsf-settings-form li[data-action-sidebar=toolbox] {
margin-left: 18px;
}
.wsf-settings.wsf-settings-no-resize {
right: 14px;
}
.wsf-offset {
cursor: col-resize;
height: 48px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
touch-action: none;
transition: opacity 200ms ease-in-out;
width: 23px;
z-index: 1;
}
.wsf-offset::after {
background-color: #666666;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
content: "";
display: block;
height: 48px;
left: 6px;
position: relative;
transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
width: 4px;
}
.wsf-offset:hover:after {
background-color: #002e5f;
}
.wsf-column-size {
cursor: col-resize;
height: 40px;
opacity: 0;
position: absolute;
right: 0;
top: 4px;
touch-action: none;
transition: opacity 200ms ease-in-out;
width: 23px;
z-index: 1;
}
.wsf-column-size::after {
background-color: #666666;
border-radius: 50%;
box-shadow: 0 10px 0 #666666, 0 20px 0 #666666;
content: "";
display: block;
height: 4px;
left: 8px;
margin-top: -10px;
position: absolute;
top: 50%;
transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 4px;
}
.wsf-column-size:hover:after {
background-color: #002e5f;
box-shadow: 0 10px 0 #002e5f, 0 20px 0 #002e5f;
}
body.wsf-offset-change-body *,
body.wsf-column-size-change-body * {
cursor: col-resize !important;
}
.wsf-group-add button,
.wsf-section-add button {
background-color: #002e5f;
border: none;
border-radius: 50%;
box-sizing: content-box;
cursor: pointer;
height: 28px;
outline: none;
padding: 0;
pointer-events: auto;
position: relative;
-webkit-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg);
transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
transition: transform 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
width: 28px;
}
.wsf-group-add button svg,
.wsf-section-add button svg {
height: 16px;
left: 0;
margin-left: 6px;
margin-top: 6px;
position: absolute;
top: 0;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 16px;
}
.wsf-group-add button svg path,
.wsf-section-add button svg path {
fill: #ffffff;
}
.wsf-group-add button svg:first-child,
.wsf-section-add button svg:first-child {
opacity: 0;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.wsf-group-add button:hover svg:first-child,
.wsf-section-add button:hover svg:first-child {
opacity: 1;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.wsf-group-add button:hover svg:last-child,
.wsf-section-add button:hover svg:last-child {
opacity: 0;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.wsf-section-add {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
}
.wsf-group-tab-input-dummy {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 700;
letter-spacing: normal;
line-height: 13px;
margin: 0;
padding: 0;
width: auto;
}
#wsf-form .wsf-group-tabs {
background: inherit;
border: inherit;
border-radius: inherit;
display: block;
letter-spacing: -4px;
margin-bottom: -1px;
margin-left: -3px;
margin-right: -3px;
margin-top: 0;
padding: inherit;
}
body.admin_page_ws-form-edit.mobile #wsf-form .wsf-group-tabs {
margin-bottom: 0;
white-space: normal;
}
body.admin_page_ws-form-edit.mobile #wsf-form .wsf-group-tabs > li {
margin-bottom: 6px;
}
body.admin_page_ws-form-edit.mobile #wsf-form .wsf-group-tabs > li.ui-state-active > a {
border-bottom-color: #ceced2;
}
body.admin_page_ws-form-edit.mobile #wsf-form .wsf-group-tabs > li.wsf-editing > a {
border-bottom-color: #3374b7;
}
body.admin_page_ws-form-edit.mobile #wsf-form .wsf-group-tabs > li.wsf-saving > a {
transition: none;
border-bottom-color: #2e8540;
}
body.admin_page_ws-form-edit.mobile #wsf-form .wsf-group-tabs > li.wsf-ui-cancel > a {
transition: none;
border-bottom-color: #bb0000;
}
#wsf-form .wsf-group-tabs > li {
background: inherit;
background-color: transparent !important;
border: none;
border-radius: inherit;
box-sizing: border-box;
display: inline-block;
float: none;
letter-spacing: normal;
line-height: 1;
margin: 0;
outline: none;
padding: 0 3px;
position: relative;
vertical-align: top;
z-index: 1;
}
#wsf-form .wsf-group-tabs > li > a {
background-color: #dedede;
border: 1px solid #ceced2;
box-shadow: none;
display: block;
float: inherit;
overflow: hidden;
padding: 11px 12px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
#wsf-form .wsf-group-tabs > li > a > .wsf-group-label {
font-size: 13px;
font-weight: bold;
}
#wsf-form .wsf-group-tabs > li > a > .wsf-group-label svg {
height: 16px;
margin-right: 6px;
position: relative;
top: 1px;
vertical-align: top;
width: 16px;
}
#wsf-form .wsf-group-tabs > li > a > .wsf-group-label svg path {
fill: #444;
}
#wsf-form .wsf-group-tabs > li > a > .wsf-group-label > input[type=text] {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
cursor: move;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
min-height: auto;
padding: 0;
position: relative;
width: 84px;
}
#wsf-form .wsf-group-tabs > li > a > .wsf-group-label > input[type=text]::-ms-clear {
display: none;
}
#wsf-form .wsf-group-tabs > li > a > .wsf-group-label > input[type=text][readonly] {
color: #444;
-webkit-text-fill-color: #444;
cursor: inherit;
}
#wsf-form .wsf-group-tabs > li.ui-sortable-handle > a {
cursor: pointer;
}
#wsf-form .wsf-group-tabs > li.ui-sortable-handle input[type=text][readonly] {
cursor: pointer;
}
#wsf-form .wsf-group-tabs > li.ui-state-active > a {
background-color: #f1f1f1;
border-bottom-color: transparent;
cursor: default;
}
#wsf-form .wsf-group-tabs > li.ui-state-active input[type=text][readonly] {
cursor: default;
}
#wsf-form .wsf-group-tabs > li.ui-state-active.ui-sortable-handle > a {
cursor: move;
}
#wsf-form .wsf-group-tabs > li.ui-state-active.ui-sortable-handle input[type=text][readonly] {
cursor: move;
}
#wsf-form .wsf-group-tabs > li.wsf-disabled > a {
border-style: dashed;
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-disabled > a input[type=text][readonly] {
color: #bfbfbf;
-webkit-text-fill-color: #bfbfbf;
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-disabled.ui-sortable-handle > a {
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-disabled.ui-sortable-handle input[type=text][readonly] {
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-conditional-highlight > a {
background-color: #fffdbd;
}
#wsf-form .wsf-group-tabs > li.wsf-editing > a {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border-color: #3374b7;
border-bottom-color: transparent;
}
#wsf-form .wsf-group-tabs > li.wsf-saving > a {
transition: none;
background-color: rgb(217.4776536313, 242.0223463687, 222.5558659218);
border-color: #2e8540;
border-bottom-color: transparent;
}
#wsf-form .wsf-group-tabs > li.wsf-ui-cancel > a {
transition: none;
background-color: #F8EBEA;
border-color: #bb0000;
border-bottom-color: transparent;
}
#wsf-form .wsf-group-tabs > li.wsf-ui-cancel > a input[type=text][readonly] {
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-ui-cancel.ui-sortable-handle > a {
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-ui-cancel.ui-sortable-handle > a input[type=text][readonly] {
cursor: default;
}
#wsf-form .wsf-group-tabs > li.wsf-group-add {
margin-top: 1px;
min-width: 34px;
overflow-y: visible;
padding-bottom: 4px;
padding-top: 6px;
}
.wsf-group-hidden {
display: none;
}
#wsf-form .wsf-group {
background-color: inherit !important;
border: none;
border-top: 1px solid #ceced2;
margin-left: auto;
margin-right: auto;
padding: 0 0 12px;
position: relative;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
@media only screen and (max-width: 850px) {
#wsf-form .wsf-group {
margin-right: 48px;
}
}
#wsf-form .wsf-group::before {
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 200ms ease-in-out;
width: 100%;
}
#wsf-form .wsf-group.wsf-column-helper:before {
opacity: 1;
}
#wsf-form .wsf-group .wsf-group-header {
margin-top: 10px;
min-height: 34px;
}
#wsf-form .wsf-group .wsf-group-header > .wsf-settings {
margin: 0;
opacity: 1;
position: relative;
right: 0;
top: 0;
}
#wsf-form .wsf-group.wsf-conditional-highlight {
background-color: #fffdbd !important;
}
#wsf-form .wsf-group.wsf-editing {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231) !important;
border-color: #3374b7;
}
#wsf-form .wsf-group.wsf-saving {
transition: none;
background-color: rgb(217.4776536313, 242.0223463687, 222.5558659218) !important;
border-color: #2e8540;
}
#wsf-form .wsf-group.wsf-ui-cancel {
transition: none;
background-color: #F8EBEA !important;
border-color: #bb0000;
}
#wsf-form .wsf-group.wsf-ui-cancel .wsf-group-header > .wsf-settings {
display: none;
}
.wsf-sections,
.wsf-fields {
margin-bottom: 0;
margin-left: -6px;
margin-right: -6px;
position: relative;
}
.wsf-sections {
margin-top: 4px;
}
.wsf-fields {
margin-top: 10px;
}
.wsf-section,
.wsf-field-wrapper {
background-size: 0;
box-sizing: border-box;
margin-bottom: 12px;
padding-left: 6px;
padding-right: 6px;
position: relative;
transition: opacity 200ms ease-in-out;
width: 100%;
}
.wsf-section.wsf-column-helper .wsf-section-inner:before {
opacity: 1;
}
.wsf-section-inner,
.wsf-field-inner {
border-color: #ceced2;
cursor: default;
position: relative;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-section-inner > .wsf-section-label,
.wsf-section-inner > .wsf-field-label,
.wsf-field-inner > .wsf-section-label,
.wsf-field-inner > .wsf-field-label {
font-size: 13px;
font-weight: bold;
}
.wsf-section-inner > .wsf-section-label svg,
.wsf-section-inner > .wsf-field-label svg,
.wsf-field-inner > .wsf-section-label svg,
.wsf-field-inner > .wsf-field-label svg {
height: 16px;
margin-right: 6px;
position: relative;
top: 1px;
vertical-align: top;
width: 16px;
}
.wsf-section-inner > .wsf-section-label svg path,
.wsf-section-inner > .wsf-field-label svg path,
.wsf-field-inner > .wsf-section-label svg path,
.wsf-field-inner > .wsf-field-label svg path {
fill: #444;
}
.wsf-section-inner > .wsf-section-label .wsf-data-source-error svg path,
.wsf-section-inner > .wsf-section-label .wsf-required-setting svg path,
.wsf-section-inner > .wsf-field-label .wsf-data-source-error svg path,
.wsf-section-inner > .wsf-field-label .wsf-required-setting svg path,
.wsf-field-inner > .wsf-section-label .wsf-data-source-error svg path,
.wsf-field-inner > .wsf-section-label .wsf-required-setting svg path,
.wsf-field-inner > .wsf-field-label .wsf-data-source-error svg path,
.wsf-field-inner > .wsf-field-label .wsf-required-setting svg path {
fill: #bb0000;
}
.wsf-section-inner > .wsf-section-label > input[type=text],
.wsf-section-inner > .wsf-field-label > input[type=text],
.wsf-field-inner > .wsf-section-label > input[type=text],
.wsf-field-inner > .wsf-field-label > input[type=text] {
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
cursor: move !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
margin: 0 !important;
min-height: auto;
padding: 0 !important;
position: relative;
width: calc(100% - 24px) !important;
}
.wsf-section-inner > .wsf-section-label > input[type=text]::-ms-clear,
.wsf-section-inner > .wsf-field-label > input[type=text]::-ms-clear,
.wsf-field-inner > .wsf-section-label > input[type=text]::-ms-clear,
.wsf-field-inner > .wsf-field-label > input[type=text]::-ms-clear {
display: none;
}
.wsf-section-inner > .wsf-section-label > input[type=text][readonly],
.wsf-section-inner > .wsf-field-label > input[type=text][readonly],
.wsf-field-inner > .wsf-section-label > input[type=text][readonly],
.wsf-field-inner > .wsf-field-label > input[type=text][readonly] {
color: #444;
-webkit-text-fill-color: #444;
}
.wsf-section-inner > .wsf-section-label.wsf-section-icon-count-1 > input[type=text], .wsf-section-inner > .wsf-section-label.wsf-field-icon-count-1 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-section-icon-count-1 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-field-icon-count-1 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-section-icon-count-1 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-field-icon-count-1 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-section-icon-count-1 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-field-icon-count-1 > input[type=text] {
width: calc(100% - 44px) !important;
}
.wsf-section-inner > .wsf-section-label.wsf-section-icon-count-2 > input[type=text], .wsf-section-inner > .wsf-section-label.wsf-field-icon-count-2 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-section-icon-count-2 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-field-icon-count-2 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-section-icon-count-2 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-field-icon-count-2 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-section-icon-count-2 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-field-icon-count-2 > input[type=text] {
width: calc(100% - 66px) !important;
}
.wsf-section-inner > .wsf-section-label.wsf-section-icon-count-3 > input[type=text], .wsf-section-inner > .wsf-section-label.wsf-field-icon-count-3 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-section-icon-count-3 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-field-icon-count-3 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-section-icon-count-3 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-field-icon-count-3 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-section-icon-count-3 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-field-icon-count-3 > input[type=text] {
width: calc(100% - 88px) !important;
}
.wsf-section-inner > .wsf-section-label.wsf-section-icon-count-4 > input[type=text], .wsf-section-inner > .wsf-section-label.wsf-field-icon-count-4 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-section-icon-count-4 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-field-icon-count-4 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-section-icon-count-4 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-field-icon-count-4 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-section-icon-count-4 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-field-icon-count-4 > input[type=text] {
width: calc(100% - 110px) !important;
}
.wsf-section-inner > .wsf-section-label.wsf-section-icon-count-5 > input[type=text], .wsf-section-inner > .wsf-section-label.wsf-field-icon-count-5 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-section-icon-count-5 > input[type=text],
.wsf-section-inner > .wsf-field-label.wsf-field-icon-count-5 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-section-icon-count-5 > input[type=text],
.wsf-field-inner > .wsf-section-label.wsf-field-icon-count-5 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-section-icon-count-5 > input[type=text],
.wsf-field-inner > .wsf-field-label.wsf-field-icon-count-5 > input[type=text] {
width: calc(100% - 132px) !important;
}
.wsf-section-inner {
background-color: #f1f1f1;
border-style: dashed;
border-width: 2px;
overflow: visible;
padding: 12px 12px 0;
}
.wsf-section-inner::before {
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 200ms ease-in-out;
width: 100%;
}
.wsf-section-inner > svg {
margin: -12px -12px 0;
max-width: calc(100% + 24px);
width: calc(100% + 24px);
}
.wsf-section-inner > svg > rect {
display: none;
}
.wsf-section[data-id]:not(.wsf-ui-cancel) .wsf-section-inner {
cursor: move;
}
.wsf-section[data-id]:not(.wsf-ui-cancel) .wsf-section-inner > .wsf-section-label > input[type=text][readonly] {
cursor: move;
}
.wsf-section-repeatable,
.wsf-section-hidden,
.wsf-section-disabled,
.wsf-section-conditional {
display: none;
}
.wsf-field-inner {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-radius: 4px;
padding: 6px;
}
[data-type=html] > .wsf-field-inner, [data-type=message] > .wsf-field-inner, [data-type=hidden] > .wsf-field-inner, [data-type=wc_subtotal] > .wsf-field-inner, [data-type=wc_cart] > .wsf-field-inner, [data-type=wc_total] > .wsf-field-inner, [data-type=wc_ci_total] > .wsf-field-inner, [data-type=texteditor] > .wsf-field-inner, [data-type=divider] > .wsf-field-inner, [data-type=spacer] > .wsf-field-inner {
background-color: #f1f1f1;
border-style: dashed;
}
[data-type=note] > .wsf-field-inner {
background-color: #ffffec;
border-color: #f0f07e;
}
[data-type$=_checkout] > .wsf-field-inner, [data-type$=section_add] > .wsf-field-inner, [data-type$=section_delete] > .wsf-field-inner, [data-type$=section_up] > .wsf-field-inner, [data-type$=section_down] > .wsf-field-inner, [data-type=clear] > .wsf-field-inner, [data-type=reset] > .wsf-field-inner, [data-type=tab_previous] > .wsf-field-inner, [data-type=tab_next] > .wsf-field-inner, [data-type=save] > .wsf-field-inner, [data-type=button] > .wsf-field-inner, [data-type=wc_add_to_cart] > .wsf-field-inner, [data-type=wc_clear] > .wsf-field-inner, [data-type=submit] > .wsf-field-inner {
background-color: #f1f1f1;
}
#wsf-form .wsf-field-wrapper .wsf-field-inner {
min-height: 34px;
}
.wsf-field-wrapper[data-id]:not(.wsf-ui-cancel) .wsf-field-inner {
cursor: move;
}
.wsf-field-wrapper[data-id]:not(.wsf-ui-cancel) .wsf-field-inner > .wsf-field-label > input[type=text][readonly] {
cursor: move;
}
.wsf-section:hover > .wsf-offset,
.wsf-section:hover > .wsf-settings,
.wsf-section:hover > .wsf-column-size,
.wsf-field-wrapper:hover > .wsf-offset,
.wsf-field-wrapper:hover > .wsf-settings,
.wsf-field-wrapper:hover > .wsf-column-size {
opacity: 1;
}
.wsf-section.ui-sortable-helper,
.wsf-field-wrapper.ui-sortable-helper {
opacity: 0.75;
}
.wsf-section.ui-sortable-helper > .wsf-offset,
.wsf-section.ui-sortable-helper > .wsf-settings,
.wsf-section.ui-sortable-helper > .wsf-column-size,
.wsf-field-wrapper.ui-sortable-helper > .wsf-offset,
.wsf-field-wrapper.ui-sortable-helper > .wsf-settings,
.wsf-field-wrapper.ui-sortable-helper > .wsf-column-size {
opacity: 0;
}
.wsf-section.ui-sortable-helper > .wsf-field-inner,
.wsf-field-wrapper.ui-sortable-helper > .wsf-field-inner {
cursor: move !important;
}
.wsf-section.ui-sortable-helper > .wsf-field-inner input,
.wsf-field-wrapper.ui-sortable-helper > .wsf-field-inner input {
cursor: move !important;
}
.wsf-offset-change > .wsf-section-inner,
.wsf-offset-change > .wsf-field-inner,
.wsf-column-size-change > .wsf-section-inner,
.wsf-column-size-change > .wsf-field-inner {
border-color: #3374b7;
}
.wsf-offset-change > .wsf-settings,
.wsf-column-size-change > .wsf-settings {
opacity: 0;
}
.wsf-offset-change > .wsf-column-size,
.wsf-offset-change > .wsf-column-size,
.wsf-column-size-change > .wsf-column-size,
.wsf-column-size-change > .wsf-column-size {
opacity: 1;
}
.wsf-offset-change > .wsf-offset:after {
background-color: #3374b7;
}
.wsf-column-size-change > .wsf-column-size:after {
background-color: #3374b7;
box-shadow: 0 10px 0 #3374b7, 0 20px 0 #3374b7;
}
.wsf-conditional-highlight > .wsf-section-inner,
.wsf-conditional-highlight > .wsf-field-inner {
background-color: #fffdbd;
}
.wsf-editing > .wsf-section-inner,
.wsf-editing > .wsf-field-inner {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border-color: #3374b7;
}
.wsf-editing > .wsf-group-header > .wsf-settings,
.wsf-editing > .wsf-settings {
opacity: 1;
}
@media only screen and (min-width: 851px) {
.wsf-editing > .wsf-group-header > .wsf-settings li[data-action=template_add], .wsf-editing > .wsf-group-header > .wsf-settings li[data-action=upload], .wsf-editing > .wsf-group-header > .wsf-settings li[data-action=download], .wsf-editing > .wsf-group-header > .wsf-settings li[data-action=clone], .wsf-editing > .wsf-group-header > .wsf-settings li[data-action=delete],
.wsf-editing > .wsf-settings li[data-action=template_add],
.wsf-editing > .wsf-settings li[data-action=upload],
.wsf-editing > .wsf-settings li[data-action=download],
.wsf-editing > .wsf-settings li[data-action=clone],
.wsf-editing > .wsf-settings li[data-action=delete] {
opacity: 1;
display: list-item;
}
}
.wsf-editing > .wsf-group-header > .wsf-settings li[data-action=edit],
.wsf-editing > .wsf-settings li[data-action=edit] {
background-color: #3374b7 !important;
}
.wsf-editing > .wsf-column-size {
opacity: 1;
}
.wsf-saving > .wsf-section-inner,
.wsf-saving > .wsf-field-inner {
transition: none;
background-color: rgb(217.4776536313, 242.0223463687, 222.5558659218);
border-color: #2e8540;
}
.wsf-ui-cancel > .wsf-section-inner,
.wsf-ui-cancel > .wsf-field-inner {
transition: none;
background-color: #F8EBEA;
border-color: #bb0000;
}
.wsf-ui-cancel > .wsf-section-inner input[type=text][readonly],
.wsf-ui-cancel > .wsf-field-inner input[type=text][readonly] {
cursor: default;
}
.wsf-ui-cancel > .wsf-settings,
.wsf-ui-cancel > .wsf-column-size,
.wsf-ui-cancel > .wsf-offset {
display: none;
}
.wsf-group-tab-placeholder,
.wsf-data-grid-group-tab-placeholder {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-group-tab-placeholder::after,
.wsf-data-grid-group-tab-placeholder::after {
border-color: #3374b7;
border-style: dashed;
border-bottom-style: dashed;
content: "";
display: block;
}
.wsf-section-placeholder,
.wsf-field-placeholder {
box-sizing: border-box;
padding-left: 6px;
padding-right: 6px;
position: relative;
width: 100%;
margin-bottom: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-section-placeholder::after,
.wsf-field-placeholder::after {
border-color: #3374b7;
border-style: dashed;
content: "";
display: block;
}
.wsf-group-tab-placeholder:after {
border-width: 1px;
height: calc(100% - 2px);
}
.wsf-data-grid-group-tab-placeholder:after {
border-width: 1px;
height: calc(100% - 2px);
}
.wsf-section-placeholder:after {
border-width: 2px;
height: calc(100% - 4px);
}
.wsf-field-placeholder:after {
border-width: 1px;
border-radius: 4px;
height: calc(100% - 2px);
}
.wsf-section-blank, .wsf-field-blank {
box-sizing: border-box;
padding-left: 6px;
padding-right: 6px;
position: relative;
width: 100%;
display: none;
margin-bottom: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-section-blank > div, .wsf-field-blank > div {
align-items: center;
background-color: #fffdbd;
display: flex;
flex-direction: column;
justify-content: center;
padding: 6px;
text-align: center;
}
#wsf-form-section-selector .wsf-section-blank {
display: list-item;
}
#wsf-form-section-selector .wsf-section-blank .wsf-section-upload {
display: none;
}
#wsf-form-section-selector .wsf-section ~ .wsf-section-blank {
display: none;
}
.wsf-section-blank > div {
border: 2px dashed #ceced2;
min-height: 78px;
}
.wsf-field-blank > div {
border: 1px dashed #666666;
border-radius: 4px;
min-height: 34px;
}
[data-wsf-tooltip] {
position: relative;
}
[data-wsf-tooltip]::before {
border-style: solid;
border-width: 6px;
content: "";
opacity: 0;
pointer-events: none;
position: absolute;
transition: opacity 200ms linear, visibility 0s;
visibility: hidden;
z-index: 10;
}
[data-wsf-tooltip]::after {
background-color: #444;
border-radius: 4px 4px;
color: #ffffff;
content: attr(data-wsf-tooltip-title);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.2;
opacity: 0;
padding: 4px;
pointer-events: none;
position: absolute;
text-align: center;
transition: opacity 200ms linear, visibility 0s;
visibility: hidden;
white-space: nowrap;
z-index: 10;
}
[data-wsf-tooltip][data-wsf-tooltip=bottom-center]::before {
border-color: transparent transparent #444 transparent;
left: 50%;
margin-top: -6px;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=bottom-center]::after {
left: 50%;
margin-top: 6px;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=bottom-left]::before {
border-color: transparent transparent #444 transparent;
left: 50%;
margin-top: -6px;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=bottom-left]::after {
left: -6px;
margin-top: 6px;
top: 100%;
}
[data-wsf-tooltip][data-wsf-tooltip=bottom-right]::before {
border-color: transparent transparent #444 transparent;
left: 50%;
margin-top: -6px;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=bottom-right]::after {
margin-top: 6px;
right: -6px;
top: 100%;
}
[data-wsf-tooltip][data-wsf-tooltip=left]::before {
border-color: transparent transparent transparent #444;
margin-right: -6px;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=left]::after {
margin-right: 6px;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=right]::before {
border-color: transparent #444 transparent transparent;
margin-left: -6px;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=right]::after {
left: 100%;
margin-left: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=top-center]::before {
border-color: #444 transparent transparent transparent;
bottom: 100%;
left: 50%;
margin-bottom: -6px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=top-center]::after {
bottom: 100%;
margin-bottom: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=top-left]::before {
border-color: #444 transparent transparent transparent;
bottom: 100%;
left: 50%;
margin-bottom: -6px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=top-left]::after {
bottom: 100%;
margin-bottom: 6px;
left: -6px;
}
[data-wsf-tooltip][data-wsf-tooltip=top-right]::before {
border-color: #444 transparent transparent transparent;
bottom: 100%;
left: 50%;
margin-bottom: -6px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-wsf-tooltip][data-wsf-tooltip=top-right]::after {
bottom: 100%;
margin-bottom: 6px;
right: -6px;
}
[data-wsf-tooltip][data-wsf-tooltip-title]:hover::before, [data-wsf-tooltip][data-wsf-tooltip-title]:hover::after {
opacity: 1;
transition-delay: 400ms;
visibility: visible;
}
body.wsf-intro [data-wsf-tooltip]::before, body.wsf-intro [data-wsf-tooltip]::after {
display: none;
}
#wsf-popover {
background-color: #444;
border-radius: 4px;
color: #ffffff;
cursor: default;
display: none;
padding: 6px;
position: absolute;
text-align: center;
width: 128px;
z-index: 10001;
}
#wsf-popover::after {
border-color: #444 transparent transparent transparent;
border-style: solid;
border-width: 6px;
content: "";
left: 50%;
margin-left: -6px;
position: absolute;
top: 100%;
}
#wsf-popover p {
font-size: 12px;
margin: 0 0 6px;
}
#wsf-popover .wsf-button {
width: 61px;
}
#wsf-popover .wsf-button + .wsf-button {
-webkit-margin-start: 6px;
margin-inline-start: 6px;
}
.wsf-required-setting svg path {
fill: #bb0000;
}
.wsf-required:after {
color: #bb0000;
content: "*";
margin-right: 3px;
}
.wsf-section-type,
.wsf-field-type {
color: #666666;
line-height: 1;
margin-top: 3px;
overflow: hidden;
position: relative;
white-space: nowrap;
}
.wsf-section-id,
.wsf-field-id {
margin-left: 6px;
}
#wsf-layout-editor .wsf-field-preview {
overflow: hidden;
}
#wsf-layout-editor .wsf-field-preview h1, #wsf-layout-editor .wsf-field-preview h2, #wsf-layout-editor .wsf-field-preview h3, #wsf-layout-editor .wsf-field-preview h4, #wsf-layout-editor .wsf-field-preview h5, #wsf-layout-editor .wsf-field-preview h6 {
font-weight: bold;
line-height: 1.2;
margin-bottom: 6px;
margin-top: 0;
padding: 0;
}
#wsf-layout-editor .wsf-field-preview h1 {
font-size: 32px;
}
#wsf-layout-editor .wsf-field-preview h2 {
font-size: 28px;
}
#wsf-layout-editor .wsf-field-preview h3 {
font-size: 24px;
}
#wsf-layout-editor .wsf-field-preview h4 {
font-size: 16px;
}
#wsf-layout-editor .wsf-field-preview h5 {
font-size: 14px;
}
#wsf-layout-editor .wsf-field-preview h6 {
font-size: 12px;
}
#wsf-layout-editor .wsf-field-preview p {
margin-bottom: 6px;
margin-top: 0;
}
#wsf-layout-editor .wsf-field-preview ul {
list-style: disc outside none;
margin-bottom: 12px;
padding-left: 24px;
}
#wsf-layout-editor .wsf-field-preview ol {
margin-bottom: 12px;
margin-left: 24px;
}
#wsf-layout-editor .wsf-field-preview li {
margin-bottom: 0;
}
#wsf-layout-editor .wsf-field-preview .aligncenter {
display: block;
height: auto;
margin: 0 auto 6px;
max-width: 100%;
}
#wsf-layout-editor .wsf-field-preview .alignleft, #wsf-layout-editor .wsf-field-preview .alignright {
height: auto;
margin-bottom: 6px;
max-width: 100%;
}
#wsf-layout-editor .wsf-field-preview .alignleft {
margin-right: 6px;
}
#wsf-layout-editor .wsf-field-preview .alignright {
margin-left: 6px;
}
#wsf-layout-editor .wsf-field-preview > *:first-child {
margin-top: 3px;
}
#wsf-layout-editor .wsf-field-preview > *:last-child {
margin-bottom: 0;
}
#wsf-breakpoints {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f1f1f1 25%);
display: flex;
flex-direction: row;
flex-shrink: 0;
flex-wrap: wrap;
padding: 0 20px;
width: calc(100% - 40px);
}
#wsf-slider {
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 4px;
height: 12px;
margin: 7px 14px 53px;
position: relative;
width: calc(100% - 96px);
}
#wsf-slider .ui-widget-header {
background: #002e5f;
background-color: #002e5f;
border: 1px solid #002e5f;
border-radius: 4px;
height: 100%;
top: 0;
}
#wsf-slider .ui-state-default {
background: #ffffff;
background-color: #ffffff;
border: 4px solid #002e5f;
border-radius: 50%;
cursor: pointer;
height: 28px;
margin-left: -14px;
margin-top: -14px;
top: 50%;
position: absolute;
width: 28px;
z-index: 2;
}
#wsf-slider .ui-state-default:focus {
outline: none;
}
#wsf-slider .ui-slider-range {
position: absolute;
}
#wsf-slider .ui-slider-range.ui-slider-range-min {
left: 0;
margin-left: -1px;
}
#wsf-slider .ui-slider-range.ui-slider-range-max {
margin-right: -1px;
right: 0;
}
#wsf-slider label {
cursor: pointer;
margin-left: -14px;
margin-top: 28px;
position: absolute;
text-align: center;
width: 28px;
}
#wsf-slider label svg {
height: 22px;
width: 22px;
}
#wsf-slider label svg path {
fill: #444;
}
.wsf-breakpoint-actions {
margin: 0 0 6px 6px;
}
#wsf-header {
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #f1f1f1 15%);
display: flex;
flex-direction: row;
flex-shrink: 0;
flex-wrap: wrap;
padding: 12px 20px 6px;
}
#wsf-header h1 {
display: inline-block;
font-size: 23px;
font-weight: normal;
line-height: 1.3;
margin: 0;
margin-right: 12px;
padding: 0;
}
#wsf-header .wsf-button {
margin-bottom: 6px;
margin-left: 6px;
vertical-align: top;
}
@media only screen and (max-width: 600px) {
#wsf-header .wsf-button svg {
display: none;
}
}
.wsf-header {
padding: 9px 0 4px 0;
}
.wsf-header h1 {
display: inline-block;
font-size: 23px;
font-weight: normal;
line-height: 1.3;
margin-bottom: 0;
margin-right: 6px;
padding: 0;
}
.wsf-header .wsf-button {
margin-bottom: 6px;
vertical-align: top;
}
@media only screen and (max-width: 600px) {
.wsf-header .wsf-button svg {
display: none;
}
}
.wsf-header .wsf-button + .wsf-button {
margin-left: 6px;
}
input[type=file].wsf-file-upload {
display: none;
}
.wsf-fieldset {
border: none;
margin: 0;
min-width: 0;
padding: 0;
}
.wsf-fieldset.wsf-fieldset-header {
background-color: #f1f1f1;
}
.wsf-fieldset.wsf-fieldset-header + div {
border-top: 1px solid #ceced2;
}
.wsf-fieldset .wsf-field-wrapper {
padding: 12px 12px 0;
}
.wsf-fieldset .wsf-field-wrapper.wsf-field-wrapper-header {
border-bottom: 1px solid #ceced2;
background-color: #f1f1f1;
padding-bottom: 12px;
}
.wsf-fieldset .wsf-field-wrapper + .wsf-field-wrapper {
padding-top: 0;
}
.wsf-fieldset .wsf-field-wrapper > label.wsf-label:last-child {
margin-bottom: 0;
}
.wsf-fieldset + .wsf-field-wrapper {
padding-top: 0;
}
.wsf-fieldset > .wsf-field-wrapper + .wsf-fieldset, .wsf-fieldset + .wsf-fieldset {
border-top: 1px solid #ceced2;
}
.wsf-fieldset legend {
border: 0;
float: left;
font-size: 14px;
font-weight: 600;
margin-bottom: 12px;
padding: 12px 12px 0;
width: calc(100% - 24px);
}
.wsf-fieldset legend + .wsf-field-wrapper:not(.wsf-field-hidden) {
clear: both;
padding-top: 0;
}
.wsf-fieldset.wsf-fieldset-repeatable {
border: 2px dashed #ceced2;
margin: 12px;
position: relative;
}
.wsf-fieldset.wsf-fieldset-repeatable > legend {
color: #666666;
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-weight: normal;
line-height: 1;
margin-bottom: -2px;
padding: 0;
text-align: right;
width: 100%;
}
.wsf-fieldset.wsf-fieldset-repeatable + .wsf-fieldset-repeatable {
border-top: none;
margin-top: -12px;
}
.wsf-fieldset #wsf-data-source-meta + .wsf-field-wrapper {
padding-top: 0;
}
.wsf-fieldset img {
display: block;
height: auto;
max-width: 100%;
}
.wsf-section-selector-group-options,
.wsf-meta-key-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
float: right;
margin: 0 -3px;
}
.wsf-section-selector-group-options > li,
.wsf-meta-key-options > li {
margin-bottom: 0;
padding-left: 3px;
padding-right: 3px;
}
.wsf-section-selector-group-options > li > a,
.wsf-meta-key-options > li > a {
display: block;
}
.wsf-section-selector-group-options .wsf-section-upload,
.wsf-meta-key-options .wsf-section-upload {
display: none;
}
.wsf-fieldset-panel {
background-color: #f1f1f1;
}
.wsf-breakpoint-sizes > div {
padding: 0 12px;
margin: 0 -12px 12px;
}
.wsf-breakpoint-sizes > div > label.wsf-label {
font-weight: bold;
}
.wsf-breakpoint-sizes > div > label.wsf-label svg {
height: 16px;
margin-right: 6px;
position: relative;
top: 1px;
vertical-align: top;
width: 16px;
}
.wsf-breakpoint-sizes > div + div {
border-top: 1px dashed #ceced2;
padding-top: 12px;
}
.wsf-breakpoint-sizes .wsf-list-inline > li {
margin-bottom: 0;
}
.wsf-breakpoint-width-offset {
display: flex;
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
}
.wsf-breakpoint-width-offset > div {
box-sizing: border-box;
padding-left: 6px;
padding-right: 6px;
position: relative;
width: 100%;
flex: 0 0 50%;
max-width: 50%;
}
.wsf-breakpoint-width-offset > div label.wsf-label {
font-size: 12px;
}
.wsf-orientation-breakpoint-sizes > div {
padding: 12px 12px 0;
margin: 0 -12px 12px;
}
.wsf-orientation-breakpoint-sizes > div > label.wsf-label {
font-weight: bold;
}
.wsf-orientation-breakpoint-sizes > div > label.wsf-label svg {
height: 16px;
margin-right: 6px;
position: relative;
top: 1px;
vertical-align: top;
width: 16px;
}
.wsf-orientation-breakpoint-sizes > div + div {
border-top: 1px dashed #ceced2;
}
.wsf-orientation-breakpoint-width > div {
box-sizing: border-box;
padding-left: 6px;
padding-right: 6px;
position: relative;
width: 100%;
flex: 0 0 50%;
max-width: 50%;
}
.wsf-orientation-breakpoint-width > div label.wsf-label {
font-size: 12px;
}
label.wsf-label {
cursor: default;
display: inline-block;
margin-bottom: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
label.wsf-labellabel.wsf-label-small {
font-size: 12px;
}
input[type=date].wsf-field,
input[type=datetime-local].wsf-field,
input[type=month].wsf-field,
input[type=password].wsf-field,
input[type=time].wsf-field,
input[type=week].wsf-field,
input[type=email].wsf-field,
input[type=number].wsf-field,
input[type=search].wsf-field,
input[type=tel].wsf-field,
input[type=text].wsf-field,
input[type=url].wsf-field,
select.wsf-field,
textarea.wsf-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 4px;
box-shadow: none;
color: #000000;
font-family: inherit;
font-size: 14px;
line-height: 1.4;
margin: 0;
min-height: auto;
max-width: 100%;
padding: 6px 6px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, background-image 200ms ease-in-out;
width: 100%;
}
input[type=date].wsf-field::-webkit-input-placeholder,
input[type=datetime-local].wsf-field::-webkit-input-placeholder,
input[type=month].wsf-field::-webkit-input-placeholder,
input[type=password].wsf-field::-webkit-input-placeholder,
input[type=time].wsf-field::-webkit-input-placeholder,
input[type=week].wsf-field::-webkit-input-placeholder,
input[type=email].wsf-field::-webkit-input-placeholder,
input[type=number].wsf-field::-webkit-input-placeholder,
input[type=search].wsf-field::-webkit-input-placeholder,
input[type=tel].wsf-field::-webkit-input-placeholder,
input[type=text].wsf-field::-webkit-input-placeholder,
input[type=url].wsf-field::-webkit-input-placeholder,
select.wsf-field::-webkit-input-placeholder,
textarea.wsf-field::-webkit-input-placeholder {
color: #666666;
opacity: 1;
}
input[type=date].wsf-field::-moz-placeholder,
input[type=datetime-local].wsf-field::-moz-placeholder,
input[type=month].wsf-field::-moz-placeholder,
input[type=password].wsf-field::-moz-placeholder,
input[type=time].wsf-field::-moz-placeholder,
input[type=week].wsf-field::-moz-placeholder,
input[type=email].wsf-field::-moz-placeholder,
input[type=number].wsf-field::-moz-placeholder,
input[type=search].wsf-field::-moz-placeholder,
input[type=tel].wsf-field::-moz-placeholder,
input[type=text].wsf-field::-moz-placeholder,
input[type=url].wsf-field::-moz-placeholder,
select.wsf-field::-moz-placeholder,
textarea.wsf-field::-moz-placeholder {
color: #666666;
opacity: 1;
}
input[type=date].wsf-field::-ms-input-placeholder,
input[type=datetime-local].wsf-field::-ms-input-placeholder,
input[type=month].wsf-field::-ms-input-placeholder,
input[type=password].wsf-field::-ms-input-placeholder,
input[type=time].wsf-field::-ms-input-placeholder,
input[type=week].wsf-field::-ms-input-placeholder,
input[type=email].wsf-field::-ms-input-placeholder,
input[type=number].wsf-field::-ms-input-placeholder,
input[type=search].wsf-field::-ms-input-placeholder,
input[type=tel].wsf-field::-ms-input-placeholder,
input[type=text].wsf-field::-ms-input-placeholder,
input[type=url].wsf-field::-ms-input-placeholder,
select.wsf-field::-ms-input-placeholder,
textarea.wsf-field::-ms-input-placeholder {
color: #666666;
opacity: 1;
}
input[type=date].wsf-field::placeholder,
input[type=datetime-local].wsf-field::placeholder,
input[type=month].wsf-field::placeholder,
input[type=password].wsf-field::placeholder,
input[type=time].wsf-field::placeholder,
input[type=week].wsf-field::placeholder,
input[type=email].wsf-field::placeholder,
input[type=number].wsf-field::placeholder,
input[type=search].wsf-field::placeholder,
input[type=tel].wsf-field::placeholder,
input[type=text].wsf-field::placeholder,
input[type=url].wsf-field::placeholder,
select.wsf-field::placeholder,
textarea.wsf-field::placeholder {
color: #666666;
opacity: 1;
}
input[type=date].wsf-field:hover:enabled,
input[type=datetime-local].wsf-field:hover:enabled,
input[type=month].wsf-field:hover:enabled,
input[type=password].wsf-field:hover:enabled,
input[type=time].wsf-field:hover:enabled,
input[type=week].wsf-field:hover:enabled,
input[type=email].wsf-field:hover:enabled,
input[type=number].wsf-field:hover:enabled,
input[type=search].wsf-field:hover:enabled,
input[type=tel].wsf-field:hover:enabled,
input[type=text].wsf-field:hover:enabled,
input[type=url].wsf-field:hover:enabled,
select.wsf-field:hover:enabled,
textarea.wsf-field:hover:enabled {
color: #000000;
}
input[type=date].wsf-field:focus,
input[type=datetime-local].wsf-field:focus,
input[type=month].wsf-field:focus,
input[type=password].wsf-field:focus,
input[type=time].wsf-field:focus,
input[type=week].wsf-field:focus,
input[type=email].wsf-field:focus,
input[type=number].wsf-field:focus,
input[type=search].wsf-field:focus,
input[type=tel].wsf-field:focus,
input[type=text].wsf-field:focus,
input[type=url].wsf-field:focus,
select.wsf-field:focus,
textarea.wsf-field:focus {
color: #000000;
border-color: #3374b7;
box-shadow: none;
outline: 0;
}
input[type=date].wsf-field.wsf-field-large,
input[type=datetime-local].wsf-field.wsf-field-large,
input[type=month].wsf-field.wsf-field-large,
input[type=password].wsf-field.wsf-field-large,
input[type=time].wsf-field.wsf-field-large,
input[type=week].wsf-field.wsf-field-large,
input[type=email].wsf-field.wsf-field-large,
input[type=number].wsf-field.wsf-field-large,
input[type=search].wsf-field.wsf-field-large,
input[type=tel].wsf-field.wsf-field-large,
input[type=text].wsf-field.wsf-field-large,
input[type=url].wsf-field.wsf-field-large,
select.wsf-field.wsf-field-large,
textarea.wsf-field.wsf-field-large {
border-width: 2px;
font-size: 16px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 8px;
}
input[type=date].wsf-field.wsf-field-small,
input[type=datetime-local].wsf-field.wsf-field-small,
input[type=month].wsf-field.wsf-field-small,
input[type=password].wsf-field.wsf-field-small,
input[type=time].wsf-field.wsf-field-small,
input[type=week].wsf-field.wsf-field-small,
input[type=email].wsf-field.wsf-field-small,
input[type=number].wsf-field.wsf-field-small,
input[type=search].wsf-field.wsf-field-small,
input[type=tel].wsf-field.wsf-field-small,
input[type=text].wsf-field.wsf-field-small,
input[type=url].wsf-field.wsf-field-small,
select.wsf-field.wsf-field-small,
textarea.wsf-field.wsf-field-small {
border-radius: 3px;
font-size: 12px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
}
input[type=date].wsf-field:disabled,
input[type=datetime-local].wsf-field:disabled,
input[type=month].wsf-field:disabled,
input[type=password].wsf-field:disabled,
input[type=time].wsf-field:disabled,
input[type=week].wsf-field:disabled,
input[type=email].wsf-field:disabled,
input[type=number].wsf-field:disabled,
input[type=search].wsf-field:disabled,
input[type=tel].wsf-field:disabled,
input[type=text].wsf-field:disabled,
input[type=url].wsf-field:disabled,
select.wsf-field:disabled,
textarea.wsf-field:disabled {
background-color: #f1f1f1;
color: #666666;
-webkit-text-fill-color: #666666;
cursor: not-allowed;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=date].wsf-field.wsf-error,
input[type=datetime-local].wsf-field.wsf-error,
input[type=month].wsf-field.wsf-error,
input[type=password].wsf-field.wsf-error,
input[type=time].wsf-field.wsf-error,
input[type=week].wsf-field.wsf-error,
input[type=email].wsf-field.wsf-error,
input[type=number].wsf-field.wsf-error,
input[type=search].wsf-field.wsf-error,
input[type=tel].wsf-field.wsf-error,
input[type=text].wsf-field.wsf-error,
input[type=url].wsf-field.wsf-error,
select.wsf-field.wsf-error,
textarea.wsf-field.wsf-error {
border-color: #bb0000;
}
input[type=date].wsf-field::-moz-focus-inner,
input[type=datetime-local].wsf-field::-moz-focus-inner,
input[type=month].wsf-field::-moz-focus-inner,
input[type=password].wsf-field::-moz-focus-inner,
input[type=time].wsf-field::-moz-focus-inner,
input[type=week].wsf-field::-moz-focus-inner,
input[type=email].wsf-field::-moz-focus-inner,
input[type=number].wsf-field::-moz-focus-inner,
input[type=search].wsf-field::-moz-focus-inner,
input[type=tel].wsf-field::-moz-focus-inner,
input[type=text].wsf-field::-moz-focus-inner,
input[type=url].wsf-field::-moz-focus-inner,
select.wsf-field::-moz-focus-inner,
textarea.wsf-field::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=date].wsf-field,
input[type=datetime-local].wsf-field,
input[type=month].wsf-field,
input[type=password].wsf-field,
input[type=time].wsf-field,
input[type=week].wsf-field,
input[type=email].wsf-field,
input[type=number].wsf-field,
input[type=search].wsf-field,
input[type=tel].wsf-field,
input[type=text].wsf-field,
input[type=url].wsf-field {
height: 34px;
}
input[type=date].wsf-field.wsf-field-large,
input[type=datetime-local].wsf-field.wsf-field-large,
input[type=month].wsf-field.wsf-field-large,
input[type=password].wsf-field.wsf-field-large,
input[type=time].wsf-field.wsf-field-large,
input[type=week].wsf-field.wsf-field-large,
input[type=email].wsf-field.wsf-field-large,
input[type=number].wsf-field.wsf-field-large,
input[type=search].wsf-field.wsf-field-large,
input[type=tel].wsf-field.wsf-field-large,
input[type=text].wsf-field.wsf-field-large,
input[type=url].wsf-field.wsf-field-large {
height: 42px;
}
input[type=date].wsf-field.wsf-field-small,
input[type=datetime-local].wsf-field.wsf-field-small,
input[type=month].wsf-field.wsf-field-small,
input[type=password].wsf-field.wsf-field-small,
input[type=time].wsf-field.wsf-field-small,
input[type=week].wsf-field.wsf-field-small,
input[type=email].wsf-field.wsf-field-small,
input[type=number].wsf-field.wsf-field-small,
input[type=search].wsf-field.wsf-field-small,
input[type=tel].wsf-field.wsf-field-small,
input[type=text].wsf-field.wsf-field-small,
input[type=url].wsf-field.wsf-field-small {
height: 27px;
}
@media screen and (max-width: 782px) {
input[type=date].wsf-field,
input[type=datetime-local].wsf-field,
input[type=month].wsf-field,
input[type=password].wsf-field,
input[type=time].wsf-field,
input[type=week].wsf-field,
input[type=email].wsf-field,
input[type=number].wsf-field,
input[type=search].wsf-field,
input[type=tel].wsf-field,
input[type=text].wsf-field,
input[type=url].wsf-field {
height: 34px;
min-height: auto;
}
input[type=date].wsf-field.wsf-field-large,
input[type=datetime-local].wsf-field.wsf-field-large,
input[type=month].wsf-field.wsf-field-large,
input[type=password].wsf-field.wsf-field-large,
input[type=time].wsf-field.wsf-field-large,
input[type=week].wsf-field.wsf-field-large,
input[type=email].wsf-field.wsf-field-large,
input[type=number].wsf-field.wsf-field-large,
input[type=search].wsf-field.wsf-field-large,
input[type=tel].wsf-field.wsf-field-large,
input[type=text].wsf-field.wsf-field-large,
input[type=url].wsf-field.wsf-field-large {
height: 42px;
}
input[type=date].wsf-field.wsf-field-small,
input[type=datetime-local].wsf-field.wsf-field-small,
input[type=month].wsf-field.wsf-field-small,
input[type=password].wsf-field.wsf-field-small,
input[type=time].wsf-field.wsf-field-small,
input[type=week].wsf-field.wsf-field-small,
input[type=email].wsf-field.wsf-field-small,
input[type=number].wsf-field.wsf-field-small,
input[type=search].wsf-field.wsf-field-small,
input[type=tel].wsf-field.wsf-field-small,
input[type=text].wsf-field.wsf-field-small,
input[type=url].wsf-field.wsf-field-small {
height: 27px;
}
}
.wsf-field-wrapper .wp-editor-wrap .wp-editor-container {
box-shadow: none;
}
.wsf-field-wrapper .wp-editor-wrap .wp-switch-editor {
box-sizing: inherit;
}
.wsf-field-wrapper .wp-editor-wrap .mce-tinymce,
.wsf-field-wrapper .wp-editor-wrap .mce-top-part::before {
box-shadow: none;
}
.wsf-field-wrapper .wp-editor-wrap textarea.wsf-field {
border: none;
border-radius: inherit;
margin-bottom: -4px;
}
.wsf-field-wrapper .wp-editor-wrap .mce-btn.mce-active button,
.wsf-field-wrapper .wp-editor-wrap .mce-btn.mce-active:hover button,
.wsf-field-wrapper .wp-editor-wrap .mce-btn.mce-active i,
.wsf-field-wrapper .wp-editor-wrap .mce-btn.mce-active:hover i {
color: #23282d;
}
textarea#wsf_contact_inquiry {
height: 75px;
}
.CodeMirror-scroll {
margin-right: -10px;
}
input[type=number].wsf-field::-webkit-inner-spin-button, input[type=number].wsf-field::-webkit-outer-spin-button {
height: auto;
}
@media screen and (max-width: 782px) {
#wpbody select.wsf-field {
color: #000000;
font-size: 14px;
height: auto;
line-height: 1.4;
min-height: auto;
padding: 6px 6px;
}
#wpbody select.wsf-field.wsf-field-large {
font-size: 16px;
}
#wpbody select.wsf-field.wsf-field-small {
font-size: 12px;
}
}
select.wsf-field:not([multiple]):not([size]) {
background-image: url('data:image/svg+xml,<svg%20width%3D"10"%20height%3D"5"%20viewBox%3D"169%20177%2010%205"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"><path%20fill%3D"%23000000"%20fill-rule%3D"evenodd"%20d%3D"M174%20182l5-5h-10"%2F><%2Fsvg>');
background-position: right 6px center;
background-repeat: no-repeat;
background-size: 6px 3px;
height: 34px;
overflow: hidden;
padding-right: 18px;
}
select.wsf-field:not([multiple]):not([size])::-ms-expand {
display: none;
}
select.wsf-field:not([multiple]):not([size]).wsf-field-large {
height: 42px;
padding-right: 22px;
}
select.wsf-field:not([multiple]):not([size]).wsf-field-small {
height: 27px;
padding-right: 14px;
}
select.wsf-field:not([multiple]):not([size]):disabled {
border-color: #ceced2;
background-image: url('data:image/svg+xml,<svg%20width%3D"10"%20height%3D"5"%20viewBox%3D"169%20177%2010%205"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"><path%20fill%3D"%23666666"%20fill-rule%3D"evenodd"%20d%3D"M174%20182l5-5h-10"%2F><%2Fsvg>');
}
select.wsf-field:not([multiple]):not([size]) optgroup {
font-weight: bold;
}
select.wsf-field:not([multiple]):not([size]) option:disabled {
color: #666666;
}
@media screen and (max-width: 782px) {
#wpbody select.wsf-field:not([multiple]):not([size]) {
height: 34px;
padding-right: 18px;
}
#wpbody select.wsf-field:not([multiple]):not([size]).wsf-field-large {
height: 42px;
padding-right: 22px;
}
#wpbody select.wsf-field:not([multiple]):not([size]).wsf-field-small {
height: 27px;
padding-right: 14px;
}
}
select.wsf-field[data-wsf-select2][multiple] {
height: 34px;
}
select.wsf-field[data-wsf-select2] ~ .select2-container {
display: block;
width: 100% !important;
}
select.wsf-field[data-wsf-select2] ~ .select2-container:focus {
outline: none;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--single,
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--multiple {
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 4px;
font-size: 14px;
height: auto;
min-height: 34px;
outline: 0;
padding: 6px 6px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, background-image 200ms ease-in-out, border-color 200ms ease-in-out;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--single {
background-image: url('data:image/svg+xml,<svg%20width%3D"10"%20height%3D"5"%20viewBox%3D"169%20177%2010%205"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"><path%20fill%3D"%23000000"%20fill-rule%3D"evenodd"%20d%3D"M174%20182l5-5h-10"%2F><%2Fsvg>');
background-position: right 6px center;
background-repeat: no-repeat;
background-size: 6px 3px;
padding-right: 18px;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default .select2-selection--multiple .select2-selection__clear {
margin-right: 0;
margin-top: -1px;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default.select2-container--disabled .select2-selection--single,
select.wsf-field[data-wsf-select2] ~ .select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #f1f1f1;
cursor: not-allowed;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default.select2-container--disabled .select2-selection--single {
background-image: url('data:image/svg+xml,<svg%20width%3D"10"%20height%3D"5"%20viewBox%3D"169%20177%2010%205"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"><path%20fill%3D"%23666666"%20fill-rule%3D"evenodd"%20d%3D"M174%20182l5-5h-10"%2F><%2Fsvg>');
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--multiple {
padding-bottom: 0;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-search--inline {
margin: 0;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-search--inline .select2-search__field {
color: #000000;
font-size: 14px;
line-height: 1.4;
margin: 0;
min-height: auto;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: #666666;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
color: #666666;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder {
color: #666666;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-search--inline .select2-search__field::placeholder {
color: #666666;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #f1f1f1;
border: 1px solid #ceced2;
border-radius: 4px;
font-size: 12px;
margin: 0 3px 3px 0;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #666666;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #000000;
}
select.wsf-field[data-wsf-select2] ~ .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--single,
select.wsf-field[data-wsf-select2] ~ .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--multiple {
border-color: #3374b7;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--single .select2-selection__rendered,
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--multiple .select2-selection__rendered {
color: #000000;
line-height: 1.4 !important;
margin-top: 1px;
padding-left: 0;
padding-right: 0;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-search--inline,
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
margin-bottom: 0;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--single .select2-selection__placeholder,
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--multiple .select2-selection__placeholder {
color: #000000;
}
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--single .select2-selection__arrow,
select.wsf-field[data-wsf-select2] ~ .select2-container .select2-selection--multiple .select2-selection__arrow {
display: none;
}
.wsf-select2-dropdown {
background-color: #ffffff;
z-index: 10000;
}
.wsf-multiple-instruction {
font-size: 10px;
}
.select2-container--open .wsf-select2-dropdown.select2-dropdown--above {
border-color: #ceced2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: none;
overflow-x: hidden;
}
.select2-container--open .wsf-select2-dropdown.select2-dropdown--below {
border: 1px solid #ceced2;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: none;
overflow-x: hidden;
}
.wsf-select2-dropdown .select2-search--dropdown {
margin-bottom: 3px;
padding: 3px 3px 0;
}
.wsf-select2-dropdown .select2-search__field {
border-radius: 4px;
line-height: 1.4;
margin: 0;
padding: 6px 6px;
transition: background-color 200ms, background-image 200ms, border-color 200ms;
}
.wsf-select2-dropdown .select2-search--dropdown .select2-search__field {
border: 1px solid #ceced2;
}
.wsf-select2-dropdown .select2-search--dropdown .select2-search__field:focus {
border-color: #3374b7;
box-shadow: none;
outline: 0;
}
.wsf-select2-dropdown .select2-results {
line-height: 1.4;
}
.wsf-select2-dropdown .select2-results .select2-results__option {
border-top: 1px solid #ceced2;
color: #000000;
font-size: 12px;
margin-bottom: 0;
padding: 3px;
}
.wsf-select2-dropdown .select2-results .select2-results__option[role=group] {
padding: 0;
}
.wsf-select2-dropdown .select2-results .select2-results__option[aria-disabled=true] {
color: #666666;
cursor: not-allowed;
}
.wsf-select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
background-color: #f1f1f1;
}
.wsf-select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected] {
background-color: #002e5f;
color: #ffffff;
}
textarea.wsf-field {
field-sizing: content;
min-height: 44px;
overflow: auto;
resize: vertical;
}
textarea.wsf-field#wsf_html_editor {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
height: 300px;
}
input[type=checkbox].wsf-field {
box-sizing: border-box;
height: 18px;
margin: 0;
opacity: 0;
position: absolute;
width: 18px;
}
input[type=checkbox].wsf-field + label.wsf-label {
margin-bottom: 6px;
padding-left: 23px;
position: relative;
}
input[type=checkbox].wsf-field + label.wsf-label::before {
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 4px;
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: 18px;
left: 0;
position: absolute;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
vertical-align: top;
width: 18px;
}
input[type=checkbox].wsf-field + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: 18px;
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: 18px;
}
input[type=checkbox].wsf-field + label.wsf-label + .wsf-helper {
margin-top: -3px;
}
input[type=checkbox].wsf-field:focus + label.wsf-label::before {
border-color: #3374b7;
}
input[type=checkbox].wsf-field:disabled + label.wsf-label {
color: #666666;
}
input[type=checkbox].wsf-field:disabled + label.wsf-label::before {
background-color: #f1f1f1;
cursor: not-allowed;
}
input[type=checkbox].wsf-field:disabled + label.wsf-label::after {
cursor: not-allowed;
}
input[type=checkbox].wsf-field:checked + label.wsf-label::before {
background-color: #3374b7;
border-color: #3374b7;
}
input[type=checkbox].wsf-field:checked + label.wsf-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
background-position: 50%;
background-size: 50%;
background-repeat: no-repeat;
}
input[type=checkbox].wsf-field:checked:disabled + label.wsf-label::before {
opacity: 0.5;
}
input[type=checkbox].wsf-field.wsf-switch {
width: 32px;
}
input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
padding-left: 35px;
}
input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: 11px;
position: absolute;
width: 32px;
}
input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: #ceced2;
border-radius: 50%;
height: 14px;
left: 2px;
top: 2px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, left 200ms ease-in-out;
width: 14px;
}
input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: #3374b7;
}
input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: #3374b7;
box-shadow: none;
}
input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: #ffffff;
background-image: none;
border-color: #ffffff;
left: 16px;
}
input[type=checkbox].wsf-field.wsf-switch-warning:checked + label.wsf-label::before {
background-color: #fdb81e;
border-color: #fdb81e;
}
input[type=radio].wsf-field {
box-sizing: border-box;
height: 18px;
margin: 0;
opacity: 0;
position: absolute;
width: 18px;
}
input[type=radio].wsf-field + label.wsf-label {
margin-bottom: 6px;
padding-left: 23px;
position: relative;
}
input[type=radio].wsf-field + label.wsf-label::before {
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 50%;
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: 18px;
left: 0;
position: absolute;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
vertical-align: top;
width: 18px;
}
input[type=radio].wsf-field + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: 18px;
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: 18px;
}
input[type=radio].wsf-field + label.wsf-label + .wsf-helper {
margin-top: -3px;
}
input[type=radio].wsf-field:focus + label.wsf-label::before {
border-color: #3374b7;
}
input[type=radio].wsf-field:disabled + label.wsf-label {
color: #666666;
}
input[type=radio].wsf-field:disabled + label.wsf-label::before {
background-color: #f1f1f1;
cursor: not-allowed;
}
input[type=radio].wsf-field:disabled + label.wsf-label::after {
cursor: not-allowed;
}
input[type=radio].wsf-field:checked + label.wsf-label::before {
background-color: #3374b7;
border-color: #3374b7;
}
input[type=radio].wsf-field:checked + label.wsf-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;
}
input[type=radio].wsf-field:checked:disabled + label.wsf-label::before {
opacity: 0.5;
}
input[type=radio].wsf-field.wsf-switch {
width: 32px;
}
input[type=radio].wsf-field.wsf-switch + label.wsf-label {
padding-left: 35px;
}
input[type=radio].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: 11px;
position: absolute;
width: 32px;
}
input[type=radio].wsf-field.wsf-switch + label.wsf-label::after {
background-color: #ceced2;
border-radius: 50%;
height: 14px;
left: 2px;
top: 2px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, left 200ms ease-in-out;
width: 14px;
}
input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: #3374b7;
}
input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: #3374b7;
box-shadow: none;
}
input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: #ffffff;
background-image: none;
border-color: #ffffff;
left: 16px;
}
input[type=file].wsf-field {
height: 0;
opacity: 0;
position: absolute;
width: 0;
}
input[type=file].wsf-field + label.wsf-label {
background-color: #ffffff;
border: 1px solid #ceced2;
border-radius: 4px;
box-sizing: border-box;
color: #000000;
cursor: pointer;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.4;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 6px;
position: relative;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
white-space: nowrap;
width: 100%;
}
input[type=file].wsf-field + label.wsf-label::after {
background-color: #ceced2;
border: 1px solid #ceced2;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
box-sizing: border-box;
color: #000000;
content: "Browse";
display: inline-block;
font-size: 14px;
height: 34px;
line-height: 1.4;
padding: 6px 6px;
position: absolute;
right: -1px;
top: -1px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, opacity 200ms ease-in-out;
}
input[type=file].wsf-field:enabled + label.wsf-label:hover::after {
background-color: rgb(179.414893617, 179.414893617, 185.585106383);
border-color: rgb(179.414893617, 179.414893617, 185.585106383);
}
input[type=file].wsf-field:focus + label.wsf-label {
border-color: #3374b7;
}
input[type=file].wsf-field:focus + label.wsf-label::after {
background-color: rgb(152.829787234, 152.829787234, 161.170212766);
border-color: rgb(152.829787234, 152.829787234, 161.170212766);
}
input[type=file].wsf-field.wsf-field-large + label.wsf-label {
border-width: 2px;
font-size: 16px;
height: 42px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 8px;
}
input[type=file].wsf-field.wsf-field-large + label.wsf-label::after {
border-width: 2px;
font-size: 16px;
height: 42px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 8px;
right: -2px;
top: -2px;
}
input[type=file].wsf-field.wsf-field-small + label.wsf-label {
border-radius: 3px;
font-size: 12px;
height: 27px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
}
input[type=file].wsf-field.wsf-field-small + label.wsf-label::after {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
font-size: 12px;
height: 27px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
}
input[type=file].wsf-field:disabled + label.wsf-label {
background-color: #f1f1f1;
color: #666666;
cursor: not-allowed;
}
input[type=file].wsf-field:disabled + label.wsf-label::after {
opacity: 0.5;
}
input[type=range].wsf-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
margin: 8px 0 0;
padding: 0;
width: 100%;
}
input[type=range].wsf-field::-webkit-slider-runnable-track {
background-color: #f1f1f1;
border-radius: 4px;
cursor: pointer;
height: 9px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
height: 9px;
}
input[type=range].wsf-field::-moz-range-track {
background-color: #f1f1f1;
border-radius: 4px;
cursor: pointer;
height: 9px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
input[type=range].wsf-field::-ms-track {
background-color: #f1f1f1;
border-radius: 4px;
cursor: pointer;
height: 9px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
background-color: transparent;
border-color: transparent;
border-color: transparent;
color: transparent;
}
input[type=range].wsf-field::-ms-fill-lower, input[type=range].wsf-field::-ms-fill-upper {
background-color: #f1f1f1;
border-radius: 4px;
cursor: pointer;
height: 9px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
input[type=range].wsf-field::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background-color: #3374b7;
border: none;
border-radius: 50%;
cursor: pointer;
height: 18px;
margin-top: -4.5px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
width: 18px;
}
input[type=range].wsf-field::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
background-color: #3374b7;
border: none;
border-radius: 50%;
cursor: pointer;
height: 18px;
margin-top: -4.5px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
width: 18px;
}
input[type=range].wsf-field::-ms-thumb {
appearance: none;
background-color: #3374b7;
border: none;
border-radius: 50%;
cursor: pointer;
height: 18px;
margin-top: -4.5px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
width: 18px;
}
input[type=range].wsf-field:focus {
outline: none;
}
input[type=range].wsf-field:focus::-moz-focus-outer {
border: 0;
}
input[type=range].wsf-field:focus::-webkit-slider-runnable-track {
border-color: #3374b7;
}
input[type=range].wsf-field:focus::-moz-range-track {
border-color: #3374b7;
}
input[type=range].wsf-field:focus::-ms-fill-lower, input[type=range].wsf-field:focus::-ms-fill-upper {
border-color: #3374b7;
}
input[type=range].wsf-field.wsf-field-large {
margin-top: 8px;
}
input[type=range].wsf-field.wsf-field-large::-webkit-slider-runnable-track {
border-width: 2px;
height: 6px;
height: 10px;
}
input[type=range].wsf-field.wsf-field-large::-moz-range-track {
border-width: 2px;
height: 6px;
}
input[type=range].wsf-field.wsf-field-large::-ms-fill-lower, input[type=range].wsf-field.wsf-field-large::-ms-fill-upper {
border-width: 2px;
height: 6px;
}
input[type=range].wsf-field.wsf-field-large::-webkit-slider-thumb {
border-width: 2px;
height: 20px;
margin-top: -5px;
width: 20px;
height: 24px;
margin-top: -9px;
width: 24px;
}
input[type=range].wsf-field.wsf-field-large::-moz-range-thumb {
border-width: 2px;
height: 20px;
margin-top: -5px;
width: 20px;
}
input[type=range].wsf-field.wsf-field-large::-ms-thumb {
border-width: 2px;
height: 20px;
margin-top: -5px;
width: 20px;
}
input[type=range].wsf-field.wsf-field-small {
margin-top: 7px;
}
input[type=range].wsf-field.wsf-field-small::-webkit-slider-runnable-track {
border-radius: 3px;
height: 6px;
height: 8px;
}
input[type=range].wsf-field.wsf-field-small::-moz-range-track {
border-radius: 3px;
height: 6px;
}
input[type=range].wsf-field.wsf-field-small::-ms-fill-lower, input[type=range].wsf-field.wsf-field-small::-ms-fill-upper {
border-radius: 3px;
height: 6px;
}
input[type=range].wsf-field.wsf-field-small::-webkit-slider-thumb {
height: 16px;
margin-top: -4px;
width: 16px;
height: 18px;
margin-top: -6px;
width: 18px;
}
input[type=range].wsf-field.wsf-field-small::-moz-range-thumb {
height: 16px;
margin-top: -4px;
width: 16px;
}
input[type=range].wsf-field.wsf-field-small::-ms-thumb {
height: 16px;
margin-top: -4px;
width: 16px;
}
input[type=range].wsf-field:disabled {
opacity: 0.5;
}
input[type=range].wsf-field:disabled::-webkit-slider-runnable-track {
background-color: #f1f1f1;
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-moz-range-track {
background-color: #f1f1f1;
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-ms-fill-lower, input[type=range].wsf-field:disabled::-ms-fill-upper {
background-color: #f1f1f1;
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-webkit-slider-thumb {
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-moz-range-thumb {
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-ms-thumb {
cursor: not-allowed;
}
input[type=color].wsf-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ceced2;
border-radius: 4px;
box-shadow: none;
cursor: pointer;
display: block;
height: 30px;
margin: 0;
padding: 0;
transition: border-color 200ms ease-in-out;
width: 30px;
}
input[type=color].wsf-field:focus {
border-color: #3374b7;
box-shadow: none;
outline: 0;
}
input[type=color].wsf-field.wsf-field-large {
border-width: 2px;
height: 28px;
width: 28px;
}
input[type=color].wsf-field.wsf-field-small {
border-radius: 3px;
height: 28px;
width: 28px;
}
input[type=color].wsf-field:disabled {
cursor: not-allowed;
opacity: 0.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=color].wsf-field::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=color].wsf-field::-webkit-color-swatch-wrapper {
padding: 0;
}
input[type=color].wsf-field::-webkit-color-swatch {
border: none;
border-radius: 4px;
}
.wsf-sidebar-html img {
margin: 0 0 8px;
}
.wsf-sidebar-html ol {
counter-reset: item;
list-style: none;
padding-left: 0;
margin: 0;
}
.wsf-sidebar-html ol > li {
counter-increment: item;
}
.wsf-sidebar-html ol > li::before {
background-color: #ceced2;
border-radius: 50%;
color: #000000;
content: counter(item);
display: inline-block;
font-weight: 400;
margin-right: 6px;
text-align: center;
width: 18px;
font-size: 12px;
}
.wsf-sidebar-html ol > li.wsf-disabled {
opacity: 0.5;
}
.wsf-sidebar-html p {
font-size: 12px;
}
.wsf-sidebar-note {
color: #000;
font-size: 12px;
padding: 10px;
}
.wsf-sidebar-note.wsf-sidebar-note-warning {
background: #fff8f1;
border: 1px dashed #fdb81e;
}
.wsf-sidebar-note.wsf-sidebar-note-information {
background: #f1f9ff;
border: 1px dashed #3374b7;
}
button.wsf-button,
input[type=button].wsf-button,
input[type=submit].wsf-button,
input[type=reset].wsf-button,
a.wsf-button,
select.wsf-button {
background-color: #ceced2;
border: 1px solid #ceced2;
border-radius: 4px;
box-sizing: border-box;
box-shadow: none;
color: #000000;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 34px;
line-height: 1.4;
margin: 0;
padding: 6px 6px;
text-align: center;
text-decoration: none;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, opacity 200ms ease-in-out;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
button.wsf-button:hover,
input[type=button].wsf-button:hover,
input[type=submit].wsf-button:hover,
input[type=reset].wsf-button:hover,
a.wsf-button:hover,
select.wsf-button:hover {
background-color: rgb(179.414893617, 179.414893617, 185.585106383);
border-color: rgb(179.414893617, 179.414893617, 185.585106383);
color: #000000;
}
button.wsf-button:hover:disabled,
input[type=button].wsf-button:hover:disabled,
input[type=submit].wsf-button:hover:disabled,
input[type=reset].wsf-button:hover:disabled,
a.wsf-button:hover:disabled,
select.wsf-button:hover:disabled {
background-color: #ceced2;
border-color: #ceced2;
}
button.wsf-button:focus, button.wsf-button:active,
input[type=button].wsf-button:focus,
input[type=button].wsf-button:active,
input[type=submit].wsf-button:focus,
input[type=submit].wsf-button:active,
input[type=reset].wsf-button:focus,
input[type=reset].wsf-button:active,
a.wsf-button:focus,
a.wsf-button:active,
select.wsf-button:focus,
select.wsf-button:active {
background-color: rgb(152.829787234, 152.829787234, 161.170212766);
border-color: rgb(152.829787234, 152.829787234, 161.170212766);
color: #000000;
-webkit-transform: none;
transform: none;
}
button.wsf-button:focus:disabled, button.wsf-button:active:disabled,
input[type=button].wsf-button:focus:disabled,
input[type=button].wsf-button:active:disabled,
input[type=submit].wsf-button:focus:disabled,
input[type=submit].wsf-button:active:disabled,
input[type=reset].wsf-button:focus:disabled,
input[type=reset].wsf-button:active:disabled,
a.wsf-button:focus:disabled,
a.wsf-button:active:disabled,
select.wsf-button:focus:disabled,
select.wsf-button:active:disabled {
background-color: #ceced2;
border-color: #ceced2;
}
button.wsf-button svg,
input[type=button].wsf-button svg,
input[type=submit].wsf-button svg,
input[type=reset].wsf-button svg,
a.wsf-button svg,
select.wsf-button svg {
display: inline-block;
height: 16px;
position: relative;
top: 1px;
vertical-align: top;
width: 16px;
}
button.wsf-button svg path,
input[type=button].wsf-button svg path,
input[type=submit].wsf-button svg path,
input[type=reset].wsf-button svg path,
a.wsf-button svg path,
select.wsf-button svg path {
fill: #000000;
}
button.wsf-button.wsf-button-large,
input[type=button].wsf-button.wsf-button-large,
input[type=submit].wsf-button.wsf-button-large,
input[type=reset].wsf-button.wsf-button-large,
a.wsf-button.wsf-button-large,
select.wsf-button.wsf-button-large {
border-width: 2px;
font-size: 16px;
height: 42px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 8px;
}
button.wsf-button.wsf-button-large svg,
input[type=button].wsf-button.wsf-button-large svg,
input[type=submit].wsf-button.wsf-button-large svg,
input[type=reset].wsf-button.wsf-button-large svg,
a.wsf-button.wsf-button-large svg,
select.wsf-button.wsf-button-large svg {
height: 18px;
width: 18px;
}
button.wsf-button.wsf-button-small,
input[type=button].wsf-button.wsf-button-small,
input[type=submit].wsf-button.wsf-button-small,
input[type=reset].wsf-button.wsf-button-small,
a.wsf-button.wsf-button-small,
select.wsf-button.wsf-button-small {
border-radius: 3px;
font-size: 12px;
height: 27px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
}
button.wsf-button.wsf-button-small svg,
input[type=button].wsf-button.wsf-button-small svg,
input[type=submit].wsf-button.wsf-button-small svg,
input[type=reset].wsf-button.wsf-button-small svg,
a.wsf-button.wsf-button-small svg,
select.wsf-button.wsf-button-small svg {
height: 14px;
width: 14px;
}
button.wsf-button.wsf-button-inline, button.wsf-button[data-mode=activate], button.wsf-button[data-mode=deactivate],
input[type=button].wsf-button.wsf-button-inline,
input[type=button].wsf-button[data-mode=activate],
input[type=button].wsf-button[data-mode=deactivate],
input[type=submit].wsf-button.wsf-button-inline,
input[type=submit].wsf-button[data-mode=activate],
input[type=submit].wsf-button[data-mode=deactivate],
input[type=reset].wsf-button.wsf-button-inline,
input[type=reset].wsf-button[data-mode=activate],
input[type=reset].wsf-button[data-mode=deactivate],
a.wsf-button.wsf-button-inline,
a.wsf-button[data-mode=activate],
a.wsf-button[data-mode=deactivate],
select.wsf-button.wsf-button-inline,
select.wsf-button[data-mode=activate],
select.wsf-button[data-mode=deactivate] {
margin-left: 6px;
vertical-align: middle;
}
button.wsf-button.wsf-button-full,
input[type=button].wsf-button.wsf-button-full,
input[type=submit].wsf-button.wsf-button-full,
input[type=reset].wsf-button.wsf-button-full,
a.wsf-button.wsf-button-full,
select.wsf-button.wsf-button-full {
width: 100%;
}
button.wsf-button.wsf-button-primary,
input[type=button].wsf-button.wsf-button-primary,
input[type=submit].wsf-button.wsf-button-primary,
input[type=reset].wsf-button.wsf-button-primary,
a.wsf-button.wsf-button-primary,
select.wsf-button.wsf-button-primary {
background-color: #002e5f;
border-color: #002e5f;
color: #ffffff;
}
button.wsf-button.wsf-button-primary svg path,
input[type=button].wsf-button.wsf-button-primary svg path,
input[type=submit].wsf-button.wsf-button-primary svg path,
input[type=reset].wsf-button.wsf-button-primary svg path,
a.wsf-button.wsf-button-primary svg path,
select.wsf-button.wsf-button-primary svg path {
fill: #ffffff;
}
button.wsf-button.wsf-button-primary:hover,
input[type=button].wsf-button.wsf-button-primary:hover,
input[type=submit].wsf-button.wsf-button-primary:hover,
input[type=reset].wsf-button.wsf-button-primary:hover,
a.wsf-button.wsf-button-primary:hover,
select.wsf-button.wsf-button-primary:hover {
background-color: rgb(0, 21.3052631579, 44);
border-color: rgb(0, 21.3052631579, 44);
color: #ffffff;
}
button.wsf-button.wsf-button-primary:hover:disabled,
input[type=button].wsf-button.wsf-button-primary:hover:disabled,
input[type=submit].wsf-button.wsf-button-primary:hover:disabled,
input[type=reset].wsf-button.wsf-button-primary:hover:disabled,
a.wsf-button.wsf-button-primary:hover:disabled,
select.wsf-button.wsf-button-primary:hover:disabled {
background-color: #002e5f;
border-color: #002e5f;
}
button.wsf-button.wsf-button-primary:focus, button.wsf-button.wsf-button-primary:active,
input[type=button].wsf-button.wsf-button-primary:focus,
input[type=button].wsf-button.wsf-button-primary:active,
input[type=submit].wsf-button.wsf-button-primary:focus,
input[type=submit].wsf-button.wsf-button-primary:active,
input[type=reset].wsf-button.wsf-button-primary:focus,
input[type=reset].wsf-button.wsf-button-primary:active,
a.wsf-button.wsf-button-primary:focus,
a.wsf-button.wsf-button-primary:active,
select.wsf-button.wsf-button-primary:focus,
select.wsf-button.wsf-button-primary:active {
background-color: hsl(210.9473684211, 100%, -1.3725490196%);
border-color: hsl(210.9473684211, 100%, -1.3725490196%);
color: #ffffff;
}
button.wsf-button.wsf-button-primary:focus:disabled, button.wsf-button.wsf-button-primary:active:disabled,
input[type=button].wsf-button.wsf-button-primary:focus:disabled,
input[type=button].wsf-button.wsf-button-primary:active:disabled,
input[type=submit].wsf-button.wsf-button-primary:focus:disabled,
input[type=submit].wsf-button.wsf-button-primary:active:disabled,
input[type=reset].wsf-button.wsf-button-primary:focus:disabled,
input[type=reset].wsf-button.wsf-button-primary:active:disabled,
a.wsf-button.wsf-button-primary:focus:disabled,
a.wsf-button.wsf-button-primary:active:disabled,
select.wsf-button.wsf-button-primary:focus:disabled,
select.wsf-button.wsf-button-primary:active:disabled {
background-color: #002e5f;
border-color: #002e5f;
}
button.wsf-button.wsf-button-success,
input[type=button].wsf-button.wsf-button-success,
input[type=submit].wsf-button.wsf-button-success,
input[type=reset].wsf-button.wsf-button-success,
a.wsf-button.wsf-button-success,
select.wsf-button.wsf-button-success {
background-color: #2e8540;
border-color: #2e8540;
color: #ffffff;
}
button.wsf-button.wsf-button-success svg path,
input[type=button].wsf-button.wsf-button-success svg path,
input[type=submit].wsf-button.wsf-button-success svg path,
input[type=reset].wsf-button.wsf-button-success svg path,
a.wsf-button.wsf-button-success svg path,
select.wsf-button.wsf-button-success svg path {
fill: #ffffff;
}
button.wsf-button.wsf-button-success:hover,
input[type=button].wsf-button.wsf-button-success:hover,
input[type=submit].wsf-button.wsf-button-success:hover,
input[type=reset].wsf-button.wsf-button-success:hover,
a.wsf-button.wsf-button-success:hover,
select.wsf-button.wsf-button-success:hover {
background-color: rgb(32.8938547486, 95.1061452514, 45.7653631285);
border-color: rgb(32.8938547486, 95.1061452514, 45.7653631285);
color: #ffffff;
}
button.wsf-button.wsf-button-success:hover:disabled,
input[type=button].wsf-button.wsf-button-success:hover:disabled,
input[type=submit].wsf-button.wsf-button-success:hover:disabled,
input[type=reset].wsf-button.wsf-button-success:hover:disabled,
a.wsf-button.wsf-button-success:hover:disabled,
select.wsf-button.wsf-button-success:hover:disabled {
background-color: #2e8540;
border-color: #2e8540;
}
button.wsf-button.wsf-button-success:focus, button.wsf-button.wsf-button-success:active,
input[type=button].wsf-button.wsf-button-success:focus,
input[type=button].wsf-button.wsf-button-success:active,
input[type=submit].wsf-button.wsf-button-success:focus,
input[type=submit].wsf-button.wsf-button-success:active,
input[type=reset].wsf-button.wsf-button-success:focus,
input[type=reset].wsf-button.wsf-button-success:active,
a.wsf-button.wsf-button-success:focus,
a.wsf-button.wsf-button-success:active,
select.wsf-button.wsf-button-success:focus,
select.wsf-button.wsf-button-success:active {
background-color: rgb(19.7877094972, 57.2122905028, 27.530726257);
border-color: rgb(19.7877094972, 57.2122905028, 27.530726257);
color: #ffffff;
}
button.wsf-button.wsf-button-success:focus:disabled, button.wsf-button.wsf-button-success:active:disabled,
input[type=button].wsf-button.wsf-button-success:focus:disabled,
input[type=button].wsf-button.wsf-button-success:active:disabled,
input[type=submit].wsf-button.wsf-button-success:focus:disabled,
input[type=submit].wsf-button.wsf-button-success:active:disabled,
input[type=reset].wsf-button.wsf-button-success:focus:disabled,
input[type=reset].wsf-button.wsf-button-success:active:disabled,
a.wsf-button.wsf-button-success:focus:disabled,
a.wsf-button.wsf-button-success:active:disabled,
select.wsf-button.wsf-button-success:focus:disabled,
select.wsf-button.wsf-button-success:active:disabled {
background-color: #2e8540;
border-color: #2e8540;
}
button.wsf-button.wsf-button-information,
input[type=button].wsf-button.wsf-button-information,
input[type=submit].wsf-button.wsf-button-information,
input[type=reset].wsf-button.wsf-button-information,
a.wsf-button.wsf-button-information,
select.wsf-button.wsf-button-information {
background-color: #3374b7;
border-color: #3374b7;
color: #ffffff;
}
button.wsf-button.wsf-button-information svg path,
input[type=button].wsf-button.wsf-button-information svg path,
input[type=submit].wsf-button.wsf-button-information svg path,
input[type=reset].wsf-button.wsf-button-information svg path,
a.wsf-button.wsf-button-information svg path,
select.wsf-button.wsf-button-information svg path {
fill: #ffffff;
}
button.wsf-button.wsf-button-information:hover,
input[type=button].wsf-button.wsf-button-information:hover,
input[type=submit].wsf-button.wsf-button-information:hover,
input[type=reset].wsf-button.wsf-button-information:hover,
a.wsf-button.wsf-button-information:hover,
select.wsf-button.wsf-button-information:hover {
background-color: rgb(39.8846153846, 90.7179487179, 143.1153846154);
border-color: rgb(39.8846153846, 90.7179487179, 143.1153846154);
color: #ffffff;
}
button.wsf-button.wsf-button-information:hover:disabled,
input[type=button].wsf-button.wsf-button-information:hover:disabled,
input[type=submit].wsf-button.wsf-button-information:hover:disabled,
input[type=reset].wsf-button.wsf-button-information:hover:disabled,
a.wsf-button.wsf-button-information:hover:disabled,
select.wsf-button.wsf-button-information:hover:disabled {
background-color: #3374b7;
border-color: #3374b7;
}
button.wsf-button.wsf-button-information:focus, button.wsf-button.wsf-button-information:active,
input[type=button].wsf-button.wsf-button-information:focus,
input[type=button].wsf-button.wsf-button-information:active,
input[type=submit].wsf-button.wsf-button-information:focus,
input[type=submit].wsf-button.wsf-button-information:active,
input[type=reset].wsf-button.wsf-button-information:focus,
input[type=reset].wsf-button.wsf-button-information:active,
a.wsf-button.wsf-button-information:focus,
a.wsf-button.wsf-button-information:active,
select.wsf-button.wsf-button-information:focus,
select.wsf-button.wsf-button-information:active {
background-color: rgb(28.7692307692, 65.4358974359, 103.2307692308);
border-color: rgb(28.7692307692, 65.4358974359, 103.2307692308);
color: #ffffff;
}
button.wsf-button.wsf-button-information:focus:disabled, button.wsf-button.wsf-button-information:active:disabled,
input[type=button].wsf-button.wsf-button-information:focus:disabled,
input[type=button].wsf-button.wsf-button-information:active:disabled,
input[type=submit].wsf-button.wsf-button-information:focus:disabled,
input[type=submit].wsf-button.wsf-button-information:active:disabled,
input[type=reset].wsf-button.wsf-button-information:focus:disabled,
input[type=reset].wsf-button.wsf-button-information:active:disabled,
a.wsf-button.wsf-button-information:focus:disabled,
a.wsf-button.wsf-button-information:active:disabled,
select.wsf-button.wsf-button-information:focus:disabled,
select.wsf-button.wsf-button-information:active:disabled {
background-color: #3374b7;
border-color: #3374b7;
}
button.wsf-button.wsf-button-warning,
input[type=button].wsf-button.wsf-button-warning,
input[type=submit].wsf-button.wsf-button-warning,
input[type=reset].wsf-button.wsf-button-warning,
a.wsf-button.wsf-button-warning,
select.wsf-button.wsf-button-warning {
background-color: #fdb81e;
border-color: #fdb81e;
color: #ffffff;
}
button.wsf-button.wsf-button-warning svg path,
input[type=button].wsf-button.wsf-button-warning svg path,
input[type=submit].wsf-button.wsf-button-warning svg path,
input[type=reset].wsf-button.wsf-button-warning svg path,
a.wsf-button.wsf-button-warning svg path,
select.wsf-button.wsf-button-warning svg path {
fill: #ffffff;
}
button.wsf-button.wsf-button-warning:hover,
input[type=button].wsf-button.wsf-button-warning:hover,
input[type=submit].wsf-button.wsf-button-warning:hover,
input[type=reset].wsf-button.wsf-button-warning:hover,
a.wsf-button.wsf-button-warning:hover,
select.wsf-button.wsf-button-warning:hover {
background-color: rgb(229.9559471366, 159.436123348, 2.0440528634);
border-color: rgb(229.9559471366, 159.436123348, 2.0440528634);
color: #ffffff;
}
button.wsf-button.wsf-button-warning:hover:disabled,
input[type=button].wsf-button.wsf-button-warning:hover:disabled,
input[type=submit].wsf-button.wsf-button-warning:hover:disabled,
input[type=reset].wsf-button.wsf-button-warning:hover:disabled,
a.wsf-button.wsf-button-warning:hover:disabled,
select.wsf-button.wsf-button-warning:hover:disabled {
background-color: #fdb81e;
border-color: #fdb81e;
}
button.wsf-button.wsf-button-warning:focus, button.wsf-button.wsf-button-warning:active,
input[type=button].wsf-button.wsf-button-warning:focus,
input[type=button].wsf-button.wsf-button-warning:active,
input[type=submit].wsf-button.wsf-button-warning:focus,
input[type=submit].wsf-button.wsf-button-warning:active,
input[type=reset].wsf-button.wsf-button-warning:focus,
input[type=reset].wsf-button.wsf-button-warning:active,
a.wsf-button.wsf-button-warning:focus,
a.wsf-button.wsf-button-warning:active,
select.wsf-button.wsf-button-warning:focus,
select.wsf-button.wsf-button-warning:active {
background-color: rgb(179.4052863436, 124.3876651982, 1.5947136564);
border-color: rgb(179.4052863436, 124.3876651982, 1.5947136564);
color: #ffffff;
}
button.wsf-button.wsf-button-warning:focus:disabled, button.wsf-button.wsf-button-warning:active:disabled,
input[type=button].wsf-button.wsf-button-warning:focus:disabled,
input[type=button].wsf-button.wsf-button-warning:active:disabled,
input[type=submit].wsf-button.wsf-button-warning:focus:disabled,
input[type=submit].wsf-button.wsf-button-warning:active:disabled,
input[type=reset].wsf-button.wsf-button-warning:focus:disabled,
input[type=reset].wsf-button.wsf-button-warning:active:disabled,
a.wsf-button.wsf-button-warning:focus:disabled,
a.wsf-button.wsf-button-warning:active:disabled,
select.wsf-button.wsf-button-warning:focus:disabled,
select.wsf-button.wsf-button-warning:active:disabled {
background-color: #fdb81e;
border-color: #fdb81e;
}
button.wsf-button.wsf-button-danger,
input[type=button].wsf-button.wsf-button-danger,
input[type=submit].wsf-button.wsf-button-danger,
input[type=reset].wsf-button.wsf-button-danger,
a.wsf-button.wsf-button-danger,
select.wsf-button.wsf-button-danger {
background-color: #bb0000;
border-color: #bb0000;
color: #ffffff;
}
button.wsf-button.wsf-button-danger svg path,
input[type=button].wsf-button.wsf-button-danger svg path,
input[type=submit].wsf-button.wsf-button-danger svg path,
input[type=reset].wsf-button.wsf-button-danger svg path,
a.wsf-button.wsf-button-danger svg path,
select.wsf-button.wsf-button-danger svg path {
fill: #ffffff;
}
button.wsf-button.wsf-button-danger:hover,
input[type=button].wsf-button.wsf-button-danger:hover,
input[type=submit].wsf-button.wsf-button-danger:hover,
input[type=reset].wsf-button.wsf-button-danger:hover,
a.wsf-button.wsf-button-danger:hover,
select.wsf-button.wsf-button-danger:hover {
background-color: #880000;
border-color: #880000;
color: #ffffff;
}
button.wsf-button.wsf-button-danger:hover:disabled,
input[type=button].wsf-button.wsf-button-danger:hover:disabled,
input[type=submit].wsf-button.wsf-button-danger:hover:disabled,
input[type=reset].wsf-button.wsf-button-danger:hover:disabled,
a.wsf-button.wsf-button-danger:hover:disabled,
select.wsf-button.wsf-button-danger:hover:disabled {
background-color: #bb0000;
border-color: #bb0000;
}
button.wsf-button.wsf-button-danger:focus, button.wsf-button.wsf-button-danger:active,
input[type=button].wsf-button.wsf-button-danger:focus,
input[type=button].wsf-button.wsf-button-danger:active,
input[type=submit].wsf-button.wsf-button-danger:focus,
input[type=submit].wsf-button.wsf-button-danger:active,
input[type=reset].wsf-button.wsf-button-danger:focus,
input[type=reset].wsf-button.wsf-button-danger:active,
a.wsf-button.wsf-button-danger:focus,
a.wsf-button.wsf-button-danger:active,
select.wsf-button.wsf-button-danger:focus,
select.wsf-button.wsf-button-danger:active {
background-color: #550000;
border-color: #550000;
color: #ffffff;
}
button.wsf-button.wsf-button-danger:focus:disabled, button.wsf-button.wsf-button-danger:active:disabled,
input[type=button].wsf-button.wsf-button-danger:focus:disabled,
input[type=button].wsf-button.wsf-button-danger:active:disabled,
input[type=submit].wsf-button.wsf-button-danger:focus:disabled,
input[type=submit].wsf-button.wsf-button-danger:active:disabled,
input[type=reset].wsf-button.wsf-button-danger:focus:disabled,
input[type=reset].wsf-button.wsf-button-danger:active:disabled,
a.wsf-button.wsf-button-danger:focus:disabled,
a.wsf-button.wsf-button-danger:active:disabled,
select.wsf-button.wsf-button-danger:focus:disabled,
select.wsf-button.wsf-button-danger:active:disabled {
background-color: #bb0000;
border-color: #bb0000;
}
button.wsf-button:disabled,
input[type=button].wsf-button:disabled,
input[type=submit].wsf-button:disabled,
input[type=reset].wsf-button:disabled,
a.wsf-button:disabled,
select.wsf-button:disabled {
cursor: not-allowed;
opacity: 0.5;
}
button.wsf-button,
input[type=button].wsf-button,
input[type=submit].wsf-button,
input[type=reset].wsf-button,
select.wsf-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: visible;
}
button.wsf-button:focus,
input[type=button].wsf-button:focus,
input[type=submit].wsf-button:focus,
input[type=reset].wsf-button:focus,
select.wsf-button:focus {
outline: 0;
}
button.wsf-button::-moz-focus-inner,
input[type=button].wsf-button::-moz-focus-inner,
input[type=submit].wsf-button::-moz-focus-inner,
input[type=reset].wsf-button::-moz-focus-inner,
select.wsf-button::-moz-focus-inner {
border: 0;
margin: 0;
padding: 0;
}
select.wsf-button {
max-width: 100%;
-moz-text-align-last: center;
text-align-last: center;
}
select.wsf-button:focus {
box-shadow: none;
}
.wp-core-ui .wsf-inline-button {
margin-left: 6px;
vertical-align: middle;
}
.wsf-field-inline {
align-items: center;
display: flex;
flex-wrap: nowrap;
}
.wsf-field-inline input[type=date].wsf-field,
.wsf-field-inline input[type=datetime-local].wsf-field,
.wsf-field-inline input[type=month].wsf-field,
.wsf-field-inline input[type=password].wsf-field,
.wsf-field-inline input[type=time].wsf-field,
.wsf-field-inline input[type=week].wsf-field,
.wsf-field-inline input[type=email].wsf-field,
.wsf-field-inline input[type=number].wsf-field,
.wsf-field-inline input[type=search].wsf-field,
.wsf-field-inline input[type=tel].wsf-field,
.wsf-field-inline input[type=text].wsf-field,
.wsf-field-inline input[type=url].wsf-field,
.wsf-field-inline select.wsf-field,
.wsf-field-inline textarea.wsf-field {
flex: 1 0;
}
.wsf-field-inline input[type=date].wsf-field:not(:last-child),
.wsf-field-inline input[type=datetime-local].wsf-field:not(:last-child),
.wsf-field-inline input[type=month].wsf-field:not(:last-child),
.wsf-field-inline input[type=password].wsf-field:not(:last-child),
.wsf-field-inline input[type=time].wsf-field:not(:last-child),
.wsf-field-inline input[type=week].wsf-field:not(:last-child),
.wsf-field-inline input[type=email].wsf-field:not(:last-child),
.wsf-field-inline input[type=number].wsf-field:not(:last-child),
.wsf-field-inline input[type=search].wsf-field:not(:last-child),
.wsf-field-inline input[type=tel].wsf-field:not(:last-child),
.wsf-field-inline input[type=text].wsf-field:not(:last-child),
.wsf-field-inline input[type=url].wsf-field:not(:last-child),
.wsf-field-inline select.wsf-field:not(:last-child),
.wsf-field-inline textarea.wsf-field:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: none;
}
.wsf-field-inline input[type=date].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=datetime-local].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=month].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=password].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=time].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=week].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=email].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=number].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=search].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=tel].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=text].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline input[type=url].wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline select.wsf-field:not(:first-child):not(:last-child),
.wsf-field-inline textarea.wsf-field:not(:first-child):not(:last-child) {
border-radius: 0;
}
.wsf-field-inline input[type=date].wsf-field:not(:first-child),
.wsf-field-inline input[type=datetime-local].wsf-field:not(:first-child),
.wsf-field-inline input[type=month].wsf-field:not(:first-child),
.wsf-field-inline input[type=password].wsf-field:not(:first-child),
.wsf-field-inline input[type=time].wsf-field:not(:first-child),
.wsf-field-inline input[type=week].wsf-field:not(:first-child),
.wsf-field-inline input[type=email].wsf-field:not(:first-child),
.wsf-field-inline input[type=number].wsf-field:not(:first-child),
.wsf-field-inline input[type=search].wsf-field:not(:first-child),
.wsf-field-inline input[type=tel].wsf-field:not(:first-child),
.wsf-field-inline input[type=text].wsf-field:not(:first-child),
.wsf-field-inline input[type=url].wsf-field:not(:first-child),
.wsf-field-inline select.wsf-field:not(:first-child),
.wsf-field-inline textarea.wsf-field:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.wsf-field-inline input[type=date].wsf-field.wsf-field-small,
.wsf-field-inline input[type=datetime-local].wsf-field.wsf-field-small,
.wsf-field-inline input[type=month].wsf-field.wsf-field-small,
.wsf-field-inline input[type=password].wsf-field.wsf-field-small,
.wsf-field-inline input[type=time].wsf-field.wsf-field-small,
.wsf-field-inline input[type=week].wsf-field.wsf-field-small,
.wsf-field-inline input[type=email].wsf-field.wsf-field-small,
.wsf-field-inline input[type=number].wsf-field.wsf-field-small,
.wsf-field-inline input[type=search].wsf-field.wsf-field-small,
.wsf-field-inline input[type=tel].wsf-field.wsf-field-small,
.wsf-field-inline input[type=text].wsf-field.wsf-field-small,
.wsf-field-inline input[type=url].wsf-field.wsf-field-small,
.wsf-field-inline select.wsf-field.wsf-field-small,
.wsf-field-inline textarea.wsf-field.wsf-field-small {
margin-bottom: 6px;
}
.wsf-field-inline button.wsf-button:not(:last-child),
.wsf-field-inline input[type=button].wsf-button:not(:last-child),
.wsf-field-inline input[type=submit].wsf-button:not(:last-child),
.wsf-field-inline input[type=reset].wsf-button:not(:last-child),
.wsf-field-inline a.wsf-button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.wsf-field-inline button.wsf-button:not(:first-child):not(:last-child),
.wsf-field-inline input[type=button].wsf-button:not(:first-child):not(:last-child),
.wsf-field-inline input[type=submit].wsf-button:not(:first-child):not(:last-child),
.wsf-field-inline input[type=reset].wsf-button:not(:first-child):not(:last-child),
.wsf-field-inline a.wsf-button:not(:first-child):not(:last-child) {
border-radius: 0;
}
.wsf-field-inline button.wsf-button:not(:first-child),
.wsf-field-inline input[type=button].wsf-button:not(:first-child),
.wsf-field-inline input[type=submit].wsf-button:not(:first-child),
.wsf-field-inline input[type=reset].wsf-button:not(:first-child),
.wsf-field-inline a.wsf-button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.wsf-field-inline button.wsf-button.wsf-button-small,
.wsf-field-inline input[type=button].wsf-button.wsf-button-small,
.wsf-field-inline input[type=submit].wsf-button.wsf-button-small,
.wsf-field-inline input[type=reset].wsf-button.wsf-button-small,
.wsf-field-inline a.wsf-button.wsf-button-small {
margin-bottom: 6px;
}
progress.wsf-progress {
display: block;
height: 12px;
margin-top: 3px;
vertical-align: baseline;
width: 100%;
}
progress.wsf-progress[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ceced2;
border: none;
border-radius: 4px;
}
progress.wsf-progress[value]::-webkit-progress-bar {
background-color: #ceced2;
border-radius: 4px;
}
progress.wsf-progress[value]::-webkit-progress-value {
background-color: #3374b7;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
progress.wsf-progress[value]::-moz-progress-bar {
background-color: #3374b7;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
progress.wsf-progress[value]::-ms-fill {
background-color: #3374b7;
border: 0;
}
progress.wsf-progress[value="100"]::-webkit-progress-value {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
progress.wsf-progress[value="100"]::-moz-progress-bar {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
progress.wsf-progress.wsf-progress-large {
border-width: 2px;
height: 15px;
}
progress.wsf-progress.wsf-progress-small {
border-radius: 3px;
height: 10.2px;
}
progress.wsf-progress.wsf-progress-small[value] {
border-radius: 3px;
}
progress.wsf-progress.wsf-progress-small[value]::-webkit-progress-bar {
border-radius: 3px;
}
progress.wsf-progress.wsf-progress-small[value]::-webkit-progress-value {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
progress.wsf-progress.wsf-progress-small[value]::-moz-progress-bar {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
progress.wsf-progress.wsf-progress-small[value="100"]::-webkit-progress-value {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
progress.wsf-progress.wsf-progress-small[value="100"]::-moz-progress-bar {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
#wsf-sidebars .wsf-data-grid-groups {
background: none;
border: none;
border-radius: 0;
font-family: inherit;
position: relative;
}
#wsf-sidebars .wsf-data-grid-group {
background-color: #f1f1f1;
border: 1px solid #ceced2;
border-radius: 0;
padding: 6px 6px 0;
position: relative;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
#wsf-sidebars .wsf-data-grid-group.wsf-ui-cancel {
transition: none;
background-color: #F8EBEA;
border-color: #bb0000;
}
#wsf-sidebars .wsf-data-grid-group-tabs-wrapper {
align-items: flex-end;
display: flex;
min-height: 26px;
position: relative;
}
#wsf-sidebars .wsf-data-grid-group-tabs {
background: inherit;
background-color: transparent !important;
border: inherit;
border-radius: inherit;
display: block;
flex-grow: 1;
letter-spacing: -4px;
margin-bottom: -1px;
margin-left: -1.5px;
margin-right: -1.5px;
margin-top: 0;
padding: 0;
position: relative;
}
body.admin_page_ws-form-edit.mobile #wsf-sidebars .wsf-data-grid-group-tabs {
margin-bottom: 0;
white-space: normal;
}
body.admin_page_ws-form-edit.mobile #wsf-sidebars .wsf-data-grid-group-tabs > li {
margin-bottom: 3px;
}
body.admin_page_ws-form-edit.mobile #wsf-sidebars .wsf-data-grid-group-tabs > li.ui-state-active > a {
border-bottom-color: #ceced2;
}
body.admin_page_ws-form-edit.mobile #wsf-sidebars .wsf-data-grid-group-tabs > li.wsf-editing > a {
border-bottom-color: #3374b7;
}
body.admin_page_ws-form-edit.mobile #wsf-sidebars .wsf-data-grid-group-tabs > li.wsf-ui-cancel > a {
transition: none;
border-bottom-color: #bb0000;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li {
background: inherit;
border: inherit;
border-radius: inherit;
box-sizing: border-box;
display: inline-block;
float: none;
letter-spacing: normal;
margin: 0;
outline: none;
padding: 0 1.5px;
position: relative;
vertical-align: top;
z-index: 1;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li > a {
background-color: #dedede;
border: 1px solid #ceced2;
box-shadow: none;
color: #444;
cursor: pointer;
display: block;
float: none;
font-size: 12px;
line-height: 1.6;
overflow: hidden;
padding: 3px 6px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
white-space: nowrap;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li > span {
background-color: #f1f1f1;
border: 1px solid #ceced2;
border-bottom-color: transparent;
color: #000000;
display: block;
font-size: 12px;
padding: 3px 6px;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li [data-action=wsf-data-grid-group-delete] {
opacity: 0;
position: absolute;
right: 7px;
top: 5px;
transition: opacity 200ms ease-in-out;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li [data-action=wsf-data-grid-group-delete] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li [data-action=wsf-data-grid-group-delete] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li [data-action=wsf-data-grid-group-delete] svg:hover path {
fill: #bb0000;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li.ui-sortable-handle > a {
cursor: pointer;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li.ui-state-active > a {
background-color: #f1f1f1;
border-bottom-color: transparent;
color: #000000;
cursor: default;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li.ui-state-active.ui-sortable-handle > a {
cursor: move;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li.wsf-ui-cancel > a {
transition: none;
background-color: #F8EBEA;
border-color: #bb0000;
border-bottom-color: transparent;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li.wsf-ui-cancel [data-action=wsf-data-grid-group-delete] {
display: none;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li.wsf-ui-cancel.ui-sortable-handle > a {
cursor: default;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li:hover [data-action=wsf-data-grid-group-delete] {
opacity: 1;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li[data-action=wsf-data-grid-group-add] {
margin-bottom: 6px;
min-width: 16px;
overflow-y: visible;
padding-top: 5px;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li[data-action=wsf-data-grid-group-add] svg {
cursor: pointer;
display: block;
}
#wsf-sidebars .wsf-data-grid-group-tabs > li[data-action=wsf-data-grid-group-add] svg path {
fill: #002e5f;
}
#wsf-sidebars .wsf-data-grid-options {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 0 -3px;
}
#wsf-sidebars .wsf-data-grid-options > li {
margin-bottom: 6px;
padding-left: 3px;
padding-right: 3px;
}
.wsf-data-grid-compatibility svg,
[data-action=wsf-data-grid-upload] svg,
[data-action=wsf-data-grid-download] svg {
cursor: pointer;
display: block;
height: 16px;
width: 16px;
}
.wsf-data-grid-compatibility svg path,
[data-action=wsf-data-grid-upload] svg path,
[data-action=wsf-data-grid-download] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
.wsf-data-grid-compatibility:hover svg path,
[data-action=wsf-data-grid-upload]:hover svg path,
[data-action=wsf-data-grid-download]:hover svg path {
fill: #002e5f;
}
.wsf-data-grid-table-outer {
flex: 1 0;
margin-bottom: 6px;
position: relative;
}
.wsf-data-grid-table-inner {
border: 1px solid #ceced2;
overflow-x: auto;
}
.wsf-data-grid-table-inner > table.wsf-table-scroll th,
.wsf-data-grid-table-inner > table.wsf-table-scroll td {
min-width: 200px;
}
.wsf-data-grid-table-inner > table.wsf-table-scroll [data-fixed-sort],
.wsf-data-grid-table-inner > table.wsf-table-scroll [data-fixed-select],
.wsf-data-grid-table-inner > table.wsf-table-scroll [data-fixed-icon] {
min-width: auto;
}
.wsf-data-grid-table-inner [data-wsf-tooltip-title]:hover::before, .wsf-data-grid-table-inner [data-wsf-tooltip-title]:hover::after {
transition-delay: 800ms;
}
.wsf-data-grid-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0 -2px 12px;
position: relative;
}
.wsf-data-grid-pagination > li {
margin-bottom: 0;
padding-left: 2px;
padding-right: 2px;
}
.wsf-data-grid-pagination > li > div {
cursor: pointer;
}
.wsf-data-grid-pagination > li > div > svg {
height: 16px;
width: 16px;
}
.wsf-data-grid-pagination > li:nth-child(n+3):nth-last-child(n+3) > div {
border-radius: 3px;
font-size: 12px;
height: 16px;
line-height: 16px;
min-width: 12px;
padding: 0 2px;
text-align: center;
transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}
.wsf-data-grid-pagination > li:nth-child(n+3):nth-last-child(n+3):hover > div {
background-color: #ceced2;
}
.wsf-data-grid-pagination > li:nth-child(n+3):nth-last-child(n+3).active > div {
background-color: #3374b7;
color: #ffffff;
cursor: default;
}
.wsf-data-grid-pagination > li.disabled > div {
cursor: not-allowed;
}
.wsf-data-grid-pagination > li.disabled > div path {
fill: #666666;
}
.wsf-data-grid-footer.wsf-list-inline > li {
flex: 1 0 0;
margin-bottom: 0;
}
.wsf-data-grid-footer.wsf-list-inline > li.wsf-flex-none {
flex: none;
}
[data-action=wsf-data-grid-settings] {
background-color: #666666;
border-radius: 50%;
cursor: pointer;
height: 16px;
line-height: 1;
margin-top: 21px;
padding: 6px;
position: relative;
transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out;
width: 16px;
}
[data-action=wsf-data-grid-settings] svg {
height: 16px;
width: 16px;
}
[data-action=wsf-data-grid-settings] svg path {
fill: #ffffff;
}
[data-action=wsf-data-grid-settings]:hover {
background-color: #002e5f;
}
[data-action=wsf-data-grid-settings].wsf-editing {
background-color: #3374b7;
}
.wsf-data-grid-settings {
display: none;
}
.wsf-data-grid-settings-wrapper input[type=text].wsf-field,
.wsf-data-grid-settings-wrapper select.wsf-field,
.wsf-data-grid-settings-wrapper input[type=checkbox].wsf-field + label.wsf-label,
.wsf-data-grid-settings-wrapper .wsf-button {
margin-bottom: 6px;
}
.wsf-data-grid-settings-wrapper input[type=checkbox].wsf-field + label.wsf-label {
display: block;
}
.wsf-object-upload-json-window,
.wsf-section-selector-upload-json-window,
.wsf-data-grid-upload-csv-window {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border: 2px dashed #3374b7;
bottom: 0;
display: none;
left: 0;
opacity: 0.95;
overflow-x: auto;
padding: 12px;
position: absolute;
right: 0;
top: 0;
z-index: 300;
}
.wsf-group > .wsf-object-upload-json-window {
top: -2px;
}
.wsf-section > .wsf-object-upload-json-window {
left: 6px;
right: 6px;
}
.wsf-section-selector-upload-json-window {
margin-bottom: 12px;
}
.wsf-data-grid-upload-csv-window {
margin: 0 12px;
}
.wsf-object-upload-json-window-content,
.wsf-section-selector-upload-json-window-content,
.wsf-data-grid-upload-csv-window-content {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
pointer-events: none;
}
.wsf-object-upload-json-window-content h1,
.wsf-section-selector-upload-json-window-content h1,
.wsf-data-grid-upload-csv-window-content h1 {
font-size: 20px;
font-weight: normal;
line-height: 1.3;
margin: 0;
padding: 0;
}
.wsf-uploads {
font-size: 12px;
max-width: 287px;
width: 100%;
}
.wsf-upload-status-bar + .wsf-upload-status-bar {
margin-top: 6px;
}
.wsf-upload-status-bar-progress {
background-color: #f1f1f1;
border: 1px solid #3374b7;
border-radius: 4px;
height: 20px;
overflow: hidden;
}
.wsf-upload-status-bar-progress div {
background-color: #3374b7;
color: #ffffff;
height: 100%;
text-align: right;
transition: width 100ms ease-in-out;
}
.wsf-upload-status-bar-progress div span {
display: inline-block;
margin-right: 3px;
margin-top: 1px;
}
.wsf-upload-status-bar-file-name {
margin-top: 3px;
width: 250px;
}
.wsf-upload-status-bar-file-size {
font-weight: bold;
}
.wsf-field-edit-field-sub {
margin-bottom: 12px;
}
[data-action=wsf-auto-map]:focus,
[data-action=wsf-api-reload]:focus,
[data-action=wsf-calc]:focus,
[data-action=wsf-section-upload]:focus,
.wsf-meta-key-options a:focus,
[data-action=wsf-select-list]:focus,
[data-action=wsf-conditional-variable-helper]:focus,
[data-action=wsf-conditional-value-helper]:focus,
[data-action=wsf-variable-helper]:focus,
.wsf-compatibility:focus,
.wsf-kb-url:focus {
box-shadow: none;
}
[data-action=wsf-auto-map] svg,
[data-action=wsf-api-reload] svg,
[data-action=wsf-calc] svg,
[data-action=wsf-section-upload] svg,
.wsf-meta-key-options a svg,
[data-action=wsf-select-list] svg,
[data-action=wsf-conditional-variable-helper] svg,
[data-action=wsf-conditional-value-helper] svg,
[data-action=wsf-variable-helper] svg,
.wsf-compatibility svg,
.wsf-kb-url svg {
cursor: pointer;
display: block;
}
[data-action=wsf-auto-map] svg path,
[data-action=wsf-api-reload] svg path,
[data-action=wsf-calc] svg path,
[data-action=wsf-section-upload] svg path,
.wsf-meta-key-options a svg path,
[data-action=wsf-select-list] svg path,
[data-action=wsf-conditional-variable-helper] svg path,
[data-action=wsf-conditional-value-helper] svg path,
[data-action=wsf-variable-helper] svg path,
.wsf-compatibility svg path,
.wsf-kb-url svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
[data-action=wsf-auto-map]:hover svg path,
[data-action=wsf-api-reload]:hover svg path,
[data-action=wsf-calc]:hover svg path,
[data-action=wsf-section-upload]:hover svg path,
.wsf-meta-key-options a:hover svg path,
[data-action=wsf-select-list]:hover svg path,
[data-action=wsf-conditional-variable-helper]:hover svg path,
[data-action=wsf-conditional-value-helper]:hover svg path,
[data-action=wsf-variable-helper]:hover svg path,
.wsf-compatibility:hover svg path,
.wsf-kb-url:hover svg path {
fill: #002e5f;
}
@-webkit-keyframes arrow-left {
0% {
-webkit-transform: translateX(13px);
transform: translateX(13px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes arrow-left {
0% {
-webkit-transform: translateX(13px);
transform: translateX(13px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes arrow-right {
0% {
-webkit-transform: translateX(-13px);
transform: translateX(-13px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes arrow-right {
0% {
-webkit-transform: translateX(-13px);
transform: translateX(-13px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.wsf-calc-open svg path,
.wsf-select-list-open svg path {
fill: #002e5f;
}
.wsf-api-method-calling[data-action=wsf-auto-map] svg path {
fill: #3374b7;
}
.wsf-api-method-calling[data-action=wsf-auto-map] svg path:first-child {
-webkit-animation: arrow-left 800ms infinite;
animation: arrow-left 800ms infinite;
}
.wsf-api-method-calling[data-action=wsf-auto-map] svg path:last-child {
-webkit-animation: arrow-right 800ms infinite;
animation: arrow-right 800ms infinite;
}
.wsf-api-method-calling[data-action=wsf-api-reload] svg {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
.wsf-api-method-calling[data-action=wsf-api-reload] svg path {
fill: #3374b7;
}
.wsf-field-indent {
margin-left: 23px;
}
#wsf-conditional-tr > td > div > ul {
margin: 0;
padding: 6px 6px 0;
}
#wsf-conditional-tr > td > div > ul > li {
margin-bottom: 0;
}
#wsf-conditional-tr > td > div > ul > li > ul {
border-left: 1px solid #3374b7;
margin-left: 6px;
padding: 6px 0 22px 6px;
position: relative;
}
#wsf-conditional-tr > td > div > ul > li.wsf-conditional-else-wrapper > ul {
border-left-color: transparent;
}
#wsf-sidebar-conditional .wsf-conditional-title {
display: inline-block;
margin-bottom: 0;
min-width: 48px;
text-align: center;
}
#wsf-sidebar-conditional .wsf-conditional-title h3 {
background-color: #3374b7;
border: 1px solid #3374b7;
border-radius: 3px;
color: #ffffff;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
margin: 0;
padding: 4px 4px;
text-transform: uppercase;
}
#wsf-sidebar-conditional .wsf-conditional-group {
transition: opacity 200ms ease-in-out;
}
#wsf-sidebar-conditional .wsf-conditional-group:first-child .wsf-conditional-group-logic-previous {
display: none;
}
#wsf-sidebar-conditional .wsf-conditional-group > ul {
background-color: #f1f1f1;
border: 1px solid #ceced2;
border-radius: 3px;
display: inline-block;
margin-left: 6px;
min-width: 32px;
padding: 28px 6px 22px;
position: relative;
width: calc(100% - 26px);
}
#wsf-sidebar-conditional .wsf-conditional-group > ul::after {
background-color: #ceced2;
bottom: -7px;
content: "";
height: 6px;
left: 6px;
margin-left: -1px;
position: absolute;
width: 1px;
}
#wsf-sidebar-conditional .wsf-conditional-group + .wsf-conditional-group > ul::before {
background-color: #ceced2;
content: "";
height: 6px;
left: 6px;
margin-left: -1px;
position: absolute;
top: -7px;
width: 1px;
}
#wsf-sidebar-conditional .wsf-conditional-group.ui-sortable-helper {
opacity: 0.75;
}
#wsf-sidebar-conditional .wsf-conditional-group.ui-sortable-helper [data-action=wsf-group-sort] svg path {
fill: #3374b7;
}
#wsf-sidebar-conditional .wsf-conditional-group-logic-previous {
margin-bottom: 6px;
width: 48px;
}
#wsf-sidebar-conditional .wsf-conditional-group-logic-previous select.wsf-field {
background-color: #f1f1f1;
border: 1px solid #ceced2;
text-transform: uppercase;
}
#wsf-sidebar-conditional .wsf-conditional-logic {
margin-bottom: 6px;
width: 48px;
}
#wsf-sidebar-conditional .wsf-conditional-logic select.wsf-field {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border: 1px solid #3374b7;
text-transform: uppercase;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-variable-inner, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-variable-inner,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-variable-inner,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-variable-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-variable-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-variable-inner {
align-items: center;
display: flex;
position: relative;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-input-inner, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-input-inner {
flex: 1 1 auto;
position: relative;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable input.wsf-field, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable input.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable input.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input.wsf-field {
width: 100%;
padding-right: 32px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable textarea.wsf-field, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field {
width: 100%;
padding-right: 32px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-variable-helper], #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-variable-helper],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-variable-helper],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-variable-helper],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-variable-helper],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-variable-helper] {
flex: none;
position: absolute;
right: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-variable-helper] svg, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-variable-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-variable-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-variable-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-variable-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-variable-helper] svg {
height: 10px;
width: 10px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-value-helper], #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-value-helper] {
flex: none;
position: absolute;
right: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-value-helper] svg, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-value-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-value-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-value-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable [data-action=wsf-conditional-value-helper] svg,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value [data-action=wsf-conditional-value-helper] svg {
height: 10px;
width: 10px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-textarea-inner textarea.wsf-field, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-textarea-inner textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-textarea-inner textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-textarea-inner textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-textarea-inner textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-textarea-inner textarea.wsf-field {
min-height: 44px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-textarea-inner [data-action=wsf-conditional-value-helper], #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-textarea-inner [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-textarea-inner [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-textarea-inner [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-variable .wsf-conditional-value-textarea-inner [data-action=wsf-conditional-value-helper],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-textarea-inner [data-action=wsf-conditional-value-helper] {
top: 8.5px;
-webkit-transform: none;
transform: none;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) textarea.wsf-field {
width: 179px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2).wsf-html-editor {
width: 179px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) textarea.wsf-field {
width: 179px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) .wsf-conditional-value-input-inner {
width: 179px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) textarea.wsf-field, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) textarea.wsf-field {
width: 201px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2).wsf-html-editor, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2).wsf-html-editor {
width: 201px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) textarea.wsf-field, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) textarea.wsf-field {
width: 201px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-child(2) .wsf-conditional-value-input-inner, #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li:nth-last-child(2) .wsf-conditional-value-input-inner {
width: 201px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li textarea.wsf-field {
width: 223px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-html-editor {
width: 223px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li textarea.wsf-field {
width: 223px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li .wsf-conditional-value-input-inner {
width: 223px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) textarea.wsf-field {
width: 205px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2).wsf-html-editor,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2).wsf-html-editor {
width: 205px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) textarea.wsf-field {
width: 205px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2):nth-last-child(2) .wsf-conditional-value-input-inner {
width: 205px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) textarea.wsf-field, #wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) textarea.wsf-field {
width: 227px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2).wsf-html-editor, #wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2).wsf-html-editor,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2).wsf-html-editor,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2).wsf-html-editor {
width: 227px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) textarea.wsf-field, #wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) textarea.wsf-field {
width: 227px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-child(2) .wsf-conditional-value-input-inner, #wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li:nth-last-child(2) .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-child(2) .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li:nth-last-child(2) .wsf-conditional-value-input-inner {
width: 227px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=date].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=month].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=password].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=time].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=week].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=email].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=number].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=search].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=tel].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=text].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li input[type=url].wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li select.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li textarea.wsf-field {
width: 249px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li.wsf-html-editor,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li.wsf-html-editor {
width: 249px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li textarea.wsf-field,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li textarea.wsf-field {
width: 249px;
}
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li .wsf-conditional-value-input-inner {
width: 249px;
}
#wsf-sidebar-conditional .wsf-conditional-condition,
#wsf-sidebar-conditional .wsf-conditional-then,
#wsf-sidebar-conditional .wsf-conditional-else {
transition: opacity 200ms ease-in-out;
}
#wsf-sidebar-conditional .wsf-conditional-condition:first-child .wsf-conditional-logic,
#wsf-sidebar-conditional .wsf-conditional-then:first-child .wsf-conditional-logic,
#wsf-sidebar-conditional .wsf-conditional-else:first-child .wsf-conditional-logic {
display: none;
}
#wsf-sidebar-conditional .wsf-conditional-condition.ui-sortable-helper,
#wsf-sidebar-conditional .wsf-conditional-then.ui-sortable-helper,
#wsf-sidebar-conditional .wsf-conditional-else.ui-sortable-helper {
opacity: 0.75;
}
#wsf-sidebar-conditional .wsf-conditional-condition.ui-sortable-helper [data-action=wsf-condition-sort] svg path,
#wsf-sidebar-conditional .wsf-conditional-then.ui-sortable-helper [data-action=wsf-condition-sort] svg path,
#wsf-sidebar-conditional .wsf-conditional-else.ui-sortable-helper [data-action=wsf-condition-sort] svg path {
fill: #3374b7;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border: 1px solid #3374b7;
border-radius: 3px;
display: inline-flex;
margin-left: 6px;
margin-right: 0;
padding: 6px 3px 0;
position: relative;
width: calc(100% - 20px);
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li {
margin-bottom: 6px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li [data-attribute=object_id],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li [data-attribute=object_id],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li [data-attribute=object_id] {
background-color: #fffdbd;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li [data-attribute=logic], #wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li [data-attribute=object_action],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li [data-attribute=logic],
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li [data-attribute=object_action],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li [data-attribute=logic],
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li [data-attribute=object_action] {
background-color: #ceced2;
border-color: #666666;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li [data-attribute=case_sensitive] + label.wsf-label,
#wsf-sidebar-conditional .wsf-conditional-condition > ul.wsf-list-inline > li [data-attribute=multiple] + label.wsf-label,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li [data-attribute=case_sensitive] + label.wsf-label,
#wsf-sidebar-conditional .wsf-conditional-then > ul.wsf-list-inline > li [data-attribute=multiple] + label.wsf-label,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li [data-attribute=case_sensitive] + label.wsf-label,
#wsf-sidebar-conditional .wsf-conditional-else > ul.wsf-list-inline > li [data-attribute=multiple] + label.wsf-label {
margin-top: 5px;
}
#wsf-sidebar-conditional .wsf-conditional-condition > ul::after,
#wsf-sidebar-conditional .wsf-conditional-then > ul::after,
#wsf-sidebar-conditional .wsf-conditional-else > ul::after {
background-color: #3374b7;
bottom: -7px;
content: "";
height: 6px;
left: 6px;
margin-left: -1px;
position: absolute;
width: 1px;
}
#wsf-sidebar-conditional .wsf-conditional-condition + .wsf-conditional-condition > ul::before,
#wsf-sidebar-conditional .wsf-conditional-then + .wsf-conditional-condition > ul::before,
#wsf-sidebar-conditional .wsf-conditional-else + .wsf-conditional-condition > ul::before {
background-color: #3374b7;
content: "";
height: 6px;
left: 6px;
margin-left: -1px;
position: absolute;
top: -7px;
width: 1px;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-sort],
#wsf-sidebar-conditional [data-action=wsf-conditional-then-sort],
#wsf-sidebar-conditional [data-action=wsf-conditional-else-sort] {
margin-top: 6px;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-sort] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-sort] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-sort] svg {
cursor: move;
display: block;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-sort] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-sort] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-sort] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-sort]:hover svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-sort]:hover svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-sort]:hover svg path {
fill: #002e5f;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-delete],
#wsf-sidebar-conditional [data-action=wsf-conditional-then-delete],
#wsf-sidebar-conditional [data-action=wsf-conditional-else-delete] {
margin-top: 6px;
-webkit-margin-start: auto;
margin-inline-start: auto;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-delete] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-delete] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-delete] svg {
cursor: pointer;
display: block;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-delete] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-delete] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-delete] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-delete]:hover svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-delete]:hover svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-delete]:hover svg path {
fill: #bb0000;
}
#wsf-sidebar-conditional [data-action=wsf-group-sort] {
height: 16px;
left: 6px;
position: absolute;
top: 6px;
}
#wsf-sidebar-conditional [data-action=wsf-group-sort] svg {
cursor: move;
}
#wsf-sidebar-conditional [data-action=wsf-group-sort] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebar-conditional [data-action=wsf-group-sort]:hover svg path {
fill: #002e5f;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-delete] {
height: 16px;
position: absolute;
right: 6px;
top: 6px;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-delete] svg {
cursor: pointer;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-delete] svg path {
fill: #666666;
transition: fill 200ms ease-in-out;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-delete]:hover svg path {
fill: #bb0000;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-add],
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-add],
#wsf-sidebar-conditional [data-action=wsf-conditional-then-add],
#wsf-sidebar-conditional [data-action=wsf-conditional-else-add] {
height: 16px;
left: 11px;
margin-bottom: 0;
position: absolute;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-add] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-add] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-add] svg,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-add] svg {
cursor: pointer;
}
#wsf-sidebar-conditional [data-action=wsf-conditional-group-add] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-condition-add] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-then-add] svg path,
#wsf-sidebar-conditional [data-action=wsf-conditional-else-add] svg path {
fill: #002e5f;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value {
flex: 1 0 0;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=date].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=month].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=password].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=time].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=week].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=email].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=number].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=search].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=tel].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=text].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value input[type=url].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value select.wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field {
min-width: 227px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value.wsf-html-editor {
min-width: 227px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field {
min-width: 227px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-condition > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-input-inner {
min-width: 227px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value {
flex: 1 0 0;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=date].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=month].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=password].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=time].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=week].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=email].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=number].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=search].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=tel].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=text].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value input[type=url].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value select.wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=date].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=datetime-local].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=month].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=password].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=time].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=week].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=email].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=number].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=search].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=tel].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=text].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value input[type=url].wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value select.wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field {
min-width: 249px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value.wsf-html-editor,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value.wsf-html-editor {
min-width: 249px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value textarea.wsf-field {
min-width: 249px;
width: 100%;
}
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-then > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-input-inner,
#wsf-sidebar-conditional.wsf-sidebar-expanded .wsf-conditional-else > ul.wsf-list-inline > li.wsf-conditional-value .wsf-conditional-value-input-inner {
min-width: 249px;
width: 100%;
}
#wsf-sidebars #wsf-kb-content h3 {
padding: 12px 0;
}
#wsf-sidebars #wsf-kb-content ul {
margin-top: 0;
}
#wsf-sidebars #wsf-kb-content ul li {
margin-bottom: 12px;
}
#wsf-sidebars #wsf-kb-content ul li a {
background-color: #f1f1f1;
border: 1px solid #ceced2;
color: #000000;
display: block;
overflow: hidden;
padding: 6px;
position: relative;
text-decoration: none;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
#wsf-sidebars #wsf-kb-content ul li a:hover {
background-color: rgb(238.5769230769, 244.4102564103, 250.4230769231);
border-color: #3374b7;
}
#wsf-sidebars #wsf-kb-content ul li h4 {
font-size: 14px;
margin: 0;
}
#wsf-sidebars #wsf-kb-content ul li.wsf-pro-required a::after {
background-color: #002e5f;
color: #ffffff;
content: "PRO";
font-size: 10px;
line-height: 1;
padding: 3px 0;
position: absolute;
right: -14px;
text-align: center;
top: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 49px;
}
#wsf-sidebars #wsf-kb-content ul li.wsf-pro-required h4 {
padding-right: 22px;
}
#wsf-sidebars #wsf-kb-content ul li p {
margin: 6px 0 0;
}
#wsf-sidebars #wsf-kb-content ul li p.c {
color: #666666;
font-size: 11px;
font-style: italic;
}
body.ws-form_page_ws-form-submit a:focus {
box-shadow: none;
}
body.ws-form_page_ws-form-submit .update-nag,
body.ws-form_page_ws-form-submit .updated,
body.ws-form_page_ws-form-submit .notice,
body.ws-form_page_ws-form-submit .error,
body.ws-form_page_ws-form-submit #screen-meta,
body.ws-form_page_ws-form-submit #screen-meta-links,
body.ws-form_page_ws-form-submit .wsf-header,
body.ws-form_page_ws-form-submit #wsf-submissions {
transition: margin-right 400ms ease-in-out;
}
@media only screen and (min-width: 851px) {
body.ws-form_page_ws-form-submit #wsf-submissions table.wp-list-table th.column-id {
width: 215px;
}
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open .update-nag,
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open .updated,
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open .notice,
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open .error {
margin-right: var(--wsf-admin-sidebar-margin);
}
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open #screen-meta,
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open #screen-meta-links {
margin-right: var(--wsf-admin-sidebar-margin);
}
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open .wsf-header {
margin-right: var(--wsf-admin-sidebar-margin);
}
body.ws-form_page_ws-form-submit #wpcontent.wsf-sidebar-open #wsf-submissions {
margin-right: var(--wsf-admin-sidebar-margin);
}
}
@media screen and (max-width: 782px) {
body.ws-form_page_ws-form-submit .tablenav.top .actions {
display: block;
}
}
body.ws-form_page_ws-form-submit .alignleft.actions input[type=text] {
border-radius: 4px;
height: 28px;
}
body.ws-form_page_ws-form-submit .wsf-submit-not-viewed td:not(.column-id) {
font-weight: bold;
}
body.ws-form_page_ws-form-submit th.manage-column {
vertical-align: top;
}
body.ws-form_page_ws-form-submit #media {
width: 49px;
}
body.ws-form_page_ws-form-submit .wsf-starred {
cursor: pointer;
display: inline-block;
height: 16px;
width: 16px;
}
body.ws-form_page_ws-form-submit .wsf-starred svg path {
fill: #ceced2;
}
body.ws-form_page_ws-form-submit .wsf-starred.wsf-starred-header svg path {
fill: #0073AA;
}
body.ws-form_page_ws-form-submit .wsf-starred.wsf-starred-on svg path {
fill: #fdb81e;
}
body.ws-form_page_ws-form-submit #starred a:hover .wsf-starred.wsf-starred-header svg path {
fill: #00A0D2;
}
body.ws-form_page_ws-form-submit #wsf-submissions td img {
display: blcok;
height: auto;
max-width: 64px;
}
.wsf-submit-rating > li {
margin-bottom: 6px;
}
.wsf-submit-rating svg path {
fill: #ceced2;
}
.wsf-submit-rating .wsf-submit-rating-on svg path {
fill: #fdb81e;
}
.wsf-submit-color-sample {
border-radius: 3px;
display: inline-block;
height: 18px;
margin-right: 6px;
vertical-align: top;
width: 18px;
}
.wsf-submit-color {
font-family: Menlo, monospace;
}
#wsf-sidebar-submit h2 {
color: #ffffff;
font-size: 20px;
font-weight: normal;
line-height: 1;
margin: 0;
padding: 0;
}
#wsf-sidebar-submit h2 #wsf-loader {
margin-bottom: -8px;
top: -6px;
}
#wsf-sidebar-submit h2 #wsf-loader svg circle {
stroke: #ffffff;
}
#wsf-sidebar-submit h3 {
background-color: #f1f1f1;
border-bottom: 1px solid #ceced2;
padding: 12px;
}
#wsf-sidebar-submit #wsf-sidebar-info {
background-color: #ffffff;
border-bottom: 1px solid #ceced2;
font-size: 12px;
margin: 0 !important;
padding: 12px !important;
}
#wsf-sidebar-submit #wsf-sidebar-info th {
background-color: #ffffff;
}
#wsf-sidebar-submit #wsf-sidebar-info td {
border-top: none;
}
#wsf-sidebar-submit #wsf-sidebar-info tr:first-child > * {
padding-top: 0 !important;
}
#wsf-sidebar-submit #wsf-sidebar-info tr:last-child > * {
padding-bottom: 0 !important;
}
#wsf-sidebar-submit #wsf-sidebar-info tr > *:first-child {
padding-left: 0 !important;
}
#wsf-sidebar-submit #wsf-sidebar-info tr > *:last-child {
padding-right: 0 !important;
}
#wsf-sidebar-submit label.wsf-label {
font-weight: bold;
}
#wsf-sidebar-submit input[type=checkbox].wsf-field + label.wsf-label,
#wsf-sidebar-submit input[type=radio].wsf-field + label.wsf-label {
font-weight: normal;
}
#wsf-sidebar-submit textarea.wsf-field {
height: 200px;
}
#wsf-sidebar-submit .wsf-field-wrapper fieldset legend {
font-size: 13px;
font-weight: bold;
margin-bottom: 3px;
padding: 0 !important;
width: 100%;
}
.wsf-spam-level {
border-radius: 50%;
cursor: help;
display: inline-block;
height: 12px;
margin-right: 6px;
width: 12px;
}
@media print {
body.ws-form_page_ws-form-submit {
background: none;
color: #000000;
}
body.ws-form_page_ws-form-submit a {
color: #000000;
text-decoration: none;
}
body.ws-form_page_ws-form-submit #adminmenumain,
body.ws-form_page_ws-form-submit #screen-options-wrap,
body.ws-form_page_ws-form-submit #screen-meta-links,
body.ws-form_page_ws-form-submit .wp-header-end,
body.ws-form_page_ws-form-submit .subsubsub,
body.ws-form_page_ws-form-submit .wsf-header,
body.ws-form_page_ws-form-submit .update-nag,
body.ws-form_page_ws-form-submit .updated,
body.ws-form_page_ws-form-submit .notice,
body.ws-form_page_ws-form-submit .error,
body.ws-form_page_ws-form-submit #wsf-submissions,
body.ws-form_page_ws-form-submit .wsf-button,
body.ws-form_page_ws-form-submit .wsf-submit-file-view,
body.ws-form_page_ws-form-submit .wsf-submit-file-download,
body.ws-form_page_ws-form-submit .wsf-progress,
body.ws-form_page_ws-form-submit #wsf-submit-sctions,
body.ws-form_page_ws-form-submit .wsf-sidebar-footer,
body.ws-form_page_ws-form-submit .wsf-hidden-print,
body.ws-form_page_ws-form-submit #wpfooter {
display: none;
}
body.ws-form_page_ws-form-submit #wsf-popover,
body.ws-form_page_ws-form-submit #screen-meta {
display: none !important;
}
body.ws-form_page_ws-form-submit #wpcontent {
margin: 0;
padding: 0;
}
body.ws-form_page_ws-form-submit #wpbody {
padding-bottom: 0;
}
body.ws-form_page_ws-form-submit #wpbody-content {
padding-bottom: 0;
}
body.ws-form_page_ws-form-submit .wrap {
margin: 0;
}
body.ws-form_page_ws-form-submit #wsf-sidebars .wsf-sidebar {
background: none;
border-left: none;
display: block !important;
position: initial;
top: 0;
width: 100%;
}
body.ws-form_page_ws-form-submit .wsf-sidebar-header {
background: none;
margin-bottom: 12px;
padding: 0;
position: initial;
}
body.ws-form_page_ws-form-submit .wsf-sidebar-header code {
color: #000000;
}
body.ws-form_page_ws-form-submit .wsf-sidebar-header .wsf-sidebar-icon,
body.ws-form_page_ws-form-submit .wsf-sidebar-header .wsf-encrypted,
body.ws-form_page_ws-form-submit .wsf-sidebar-header .wsf-compatibility,
body.ws-form_page_ws-form-submit .wsf-sidebar-header [data-action=wsf-sidebar-expand],
body.ws-form_page_ws-form-submit .wsf-sidebar-header [data-action=wsf-sidebar-contract] {
display: none;
}
body.ws-form_page_ws-form-submit #wsf-sidebar-submit #wsf-sidebar-info {
background: none;
margin-bottom: 12px;
padding: 0 0 12px;
position: initial;
}
body.ws-form_page_ws-form-submit #wsf-sidebar-submit h2 {
color: #000000;
font-size: 26px;
font-weight: 600;
margin-bottom: 12px;
}
body.ws-form_page_ws-form-submit #wsf-sidebar-submit h3 {
background: none;
border-bottom: none;
font-size: 24px;
font-weight: 600;
margin-bottom: 12px;
padding: 0;
}
body.ws-form_page_ws-form-submit .wsf-sidebar-inner {
overflow-x: visible;
position: initial;
}
body.ws-form_page_ws-form-submit .wsf-fieldset legend {
font-size: 20px;
margin-bottom: 12px;
padding: 0;
width: 100%;
}
body.ws-form_page_ws-form-submit .wsf-fieldset + .wsf-fieldset {
border-top: none;
}
body.ws-form_page_ws-form-submit .wsf-fieldset .wsf-field-wrapper {
padding: 0;
}
body.ws-form_page_ws-form-submit .wsf-fieldset.wsf-fieldset-repeatable {
border: none;
margin: 0;
width: 100%;
}
body.ws-form_page_ws-form-submit .wsf-fieldset.wsf-fieldset-repeatable > legend {
display: none;
}
body.ws-form_page_ws-form-submit [data-type=signature] img {
max-width: 200px;
}
body.ws-form_page_ws-form-submit .wsf-submit-file-icon {
width: 16px;
}
body.ws-form_page_ws-form-submit .wsf-helper {
color: #000000;
font-size: 14px;
font-style: normal;
}
}
.introjs-hint {
z-index: 1;
}
.introjs-hint[data-step="0"] .introjs-hint-pulse,
.introjs-hint[data-step="1"] .introjs-hint-pulse,
.introjs-hint[data-step="2"] .introjs-hint-pulse,
.introjs-hint[data-step="3"] .introjs-hint-pulse,
.introjs-hint[data-step="4"] .introjs-hint-pulse,
.introjs-hint[data-step="5"] .introjs-hint-pulse,
.introjs-hint[data-step="6"] .introjs-hint-pulse,
.introjs-hint[data-step="7"] .introjs-hint-pulse,
.introjs-hint[data-step="8"] .introjs-hint-pulse,
.introjs-hint[data-step="9"] .introjs-hint-pulse,
.introjs-hint[data-step="10"] .introjs-hint-pulse {
left: 2px !important;
top: 30px !important;
}
.introjs-hint[data-step="11"] .introjs-hint-pulse {
left: 30px !important;
top: 7px !important;
}
.introjs-hint[data-step="12"] .introjs-hint-pulse {
left: 30px !important;
top: 7px !important;
}
.introjs-hint[data-step="13"] .introjs-hint-pulse {
left: 3px !important;
top: -30px !important;
}
.introjs-tooltip {
background-color: #444;
border-radius: 4px;
box-shadow: none;
color: #ffffff;
min-width: 200px;
padding: 6px;
text-align: center;
}
.introjs-tooltip .introjs-tooltiptext {
padding: 0;
}
.introjs-tooltip p {
font-size: 12px;
margin: 0 0 6px;
}
.introjs-tooltip p strong {
font-size: 14px;
}
.introjs-arrow {
border-width: 6px;
}
.introjs-arrow.bottom {
border-top-color: #444;
left: 9px;
bottom: -12px;
}
.introjs-arrow.top {
border-bottom-color: #444;
left: 9px;
top: -12px;
}
.introjs-button {
background-color: #3374b7;
background-image: none;
border: 1px solid #3374b7;
border-radius: 3px;
box-sizing: border-box;
box-shadow: none;
color: #ffffff;
cursor: pointer;
display: inline-block;
font: 12px/normal -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
height: 27px;
line-height: 1.4;
margin-top: 0;
padding: 5.1px 4px;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: capitalize;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
width: calc(50% - 3px);
}
.introjs-button:hover {
background-color: rgb(39.8846153846, 90.7179487179, 143.1153846154);
border-color: rgb(39.8846153846, 90.7179487179, 143.1153846154);
color: #ffffff;
box-shadow: none;
}
.introjs-button:active, .introjs-button:focus {
background-color: rgb(28.7692307692, 65.4358974359, 103.2307692308);
border-color: rgb(28.7692307692, 65.4358974359, 103.2307692308);
color: #ffffff;
}
.introjs-button + .introjs-button {
background-color: #ceced2;
border-color: #ceced2;
color: #000000;
margin-left: 2px;
}
.introjs-button + .introjs-button:hover {
background-color: rgb(179.414893617, 179.414893617, 185.585106383);
border-color: rgb(179.414893617, 179.414893617, 185.585106383);
box-shadow: none;
color: #000000;
}
.introjs-button + .introjs-button:active, .introjs-button + .introjs-button:focus {
background-color: rgb(152.829787234, 152.829787234, 161.170212766);
border-color: rgb(152.829787234, 152.829787234, 161.170212766);
color: #000000;
}
.wsf-intro-skip {
color: #ceced2;
cursor: pointer;
display: inline-block;
font-size: 12px;
margin-top: 6px;
transition: color 200ms ease-in-out, opacity 200ms ease-in-out;
}
.wsf-intro-skip:hover {
color: #3374b7;
}
.wsf-loading-hidden {
display: none;
}
#wsf-variable-helper-modal {
height: 80vh;
max-height: 80vh;
max-width: 100vw;
left: 0;
position: fixed;
overflow: hidden;
top: 0;
width: 600px;
}
#wsf-variable-helper-modal::-webkit-scrollbar {
display: block;
width: 12px;
height: 12px;
}
#wsf-variable-helper-header {
cursor: grab;
}
#wsf-variable-helper-search {
margin: 10px 0;
}
#wsf-variable-helper-search-no-results {
display: none;
}
#wsf-variable-helper-tabs {
list-style: none;
margin: 10px 0;
}
#wsf-variable-helper-tabs li.wsf-vh-tab {
background: #002e5f;
color: #FFF;
cursor: pointer;
border: none;
display: inline-block;
font-family: monospace;
font-size: 12px;
margin: 0 2px 2px 0;
padding: 2px 4px;
}
#wsf-variable-helper-tabs li.wsf-vh-tab.wsf-vh-tab-active {
background: #3374b7;
}
#wsf-variable-helper-tab-content h3 {
color: #000;
font-size: 16px;
font-weight: 600;
margin: 0 0 10px 0;
padding: 0;
}
#wsf-variable-helper-tab-content h4, #wsf-variable-helper-tab-content h5 {
color: #000;
font-size: 14px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group {
display: none;
}
#wsf-variable-helper-tab-content .wsf-vh-group.wsf-vh-group-active {
display: block;
}
#wsf-variable-helper-tab-content .wsf-vh-var-group {
margin: 0 0 5px 0;
padding: 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner {
margin-right: -8px;
overflow-y: scroll;
padding-right: 8px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner::-webkit-scrollbar {
display: block;
width: 12px;
height: 12px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner::-webkit-scrollbar-thumb {
background: #aaaaaa;
border-radius: 4px;
cursor: pointer;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner::-webkit-scrollbar-thumb:hover {
background: #444444;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner::-webkit-scrollbar-track {
background: #eeeeee;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var-section {
border: 1px dashed #888;
margin: 0 0 10px 0;
padding: 10px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var {
background: #EEE;
margin: 0 0 5px 0;
padding: 10px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var .wsf-vh-var-code code {
background: none;
cursor: pointer;
font-size: 14px;
line-height: 14px;
margin: 0;
padding: 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var .wsf-vh-var-code .wsf-vh-var-copy {
cursor: copy;
display: inline-block;
margin: 0 0 0 10px;
top: 2px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var .wsf-vh-var-code .wsf-vh-var-copy svg {
height: 14px;
width: 14px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var p.wsf-vh-var-preamble {
margin: 0 0 5px 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var p.wsf-vh-var-description {
margin: 10px 0 0 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var .wsf-vh-var-kb-url {
float: right;
margin: 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var .wsf-vh-var-kb-url svg {
height: 20px;
width: 20px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage li {
background: #000;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 12px;
margin: 0 3px 0 0;
padding: 4px 12px;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage li.wsf-vh-var-usage-client {
background: #008800;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage li.wsf-vh-var-usage-action {
background: #000088;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage li.wsf-vh-var-usage-datagrid {
background: #880000;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage li.wsf-vh-var-usage-progresshelp {
background: #880088;
}
#wsf-variable-helper-tab-content .wsf-vh-group-inner .wsf-vh-var ul.wsf-vh-var-usage li.wsf-vh-var-usage-texthelp {
background: #880088;
}
#wsf-style-list-table th.column-id,
#wsf-style-list-table td.column-id {
width: 100px;
}
#wsf-style-list-table .wsf-styler-color-preview-wrapper {
display: flex;
gap: 20px;
}
#wsf-style-list-table .wsf-styler-color-preview-wrapper .wsf-styler-color-preview-background {
background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
background-position: 0 0, 4px 4px;
background-size: 8px 8px;
border: 1px solid #000;
border-radius: 50%;
display: inline-block;
height: 36px;
margin-right: -10px;
width: 36px;
}
#wsf-style-list-table .wsf-styler-color-preview-wrapper .wsf-styler-color-preview-background .wsf-styler-color-preview {
border-radius: 50%;
height: 100%;
width: 100%;
}
#wsf-style-list-table .column-preview {
float: none;
}