File: /home/dfwparty/santabootshop.com/wp-content/uploads/ws-form/css/public/public.skin.conv.css
/* Skin ID: WS Form - Conversational (ws_form_conv) */
.wsf-form {
background-color: #ffffff;
box-sizing: border-box;
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
-webkit-tap-highlight-color: transparent;
text-size-adjust: 100%;
}
.wsf-form *, .wsf-form *:before, .wsf-form *:after {
box-sizing: inherit;
}
.wsf-section,
.wsf-fieldset {
border: none;
margin: 0;
min-width: 0;
padding: 0;
}
.wsf-section.wsf-sticky {
align-self: flex-start;
background-color: #ffffff;
height: auto;
margin-top: -40px;
padding-top: 40px;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.wsf-section > legend,
.wsf-fieldset > legend {
border: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 26px;
font-weight: normal;
line-height: 1.4;
margin-bottom: 20px;
padding: 0;
}
.wsf-form ul.wsf-group-tabs {
border-bottom: 2px solid #ceced2;
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
margin: 0 0 40px 0;
padding: 0;
position: relative;
}
.wsf-form ul.wsf-group-tabs > li {
box-sizing: border-box;
margin-bottom: -2px;
outline: none;
position: relative;
}
.wsf-form ul.wsf-group-tabs > li > a {
background-color: transparent;
border: 2px solid transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: none;
color: #000000;
cursor: pointer;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
padding: 8px 16px;
text-align: center;
text-decoration: none;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
white-space: nowrap;
}
.wsf-form ul.wsf-group-tabs > li > a:focus {
border-color: #ceced2;
outline: 0;
}
.wsf-form ul.wsf-group-tabs > li > a.wsf-tab-disabled {
color: #767676;
cursor: not-allowed;
pointer-events: none;
}
.wsf-form ul.wsf-group-tabs > li.wsf-tab-active {
z-index: 1;
}
.wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a {
background-color: #ffffff;
border-color: #ceced2;
border-bottom-color: transparent;
color: #000000;
cursor: default;
}
.wsf-form-canvas.wsf-vertical {
display: flex;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs {
border-bottom: none;
-webkit-border-end: 2px solid #ceced2;
border-inline-end: 2px solid #ceced2;
flex-direction: column;
-webkit-margin-end: 40px;
margin-inline-end: 40px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs > li {
margin-bottom: 0;
-webkit-margin-end: -2px;
margin-inline-end: -2px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs > li > a {
border: 2px solid transparent;
border-top-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs > li > a:focus {
border-color: #ceced2;
outline: 0;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs > li.wsf-tab-active > a {
border-color: #ceced2;
-webkit-border-end-color: transparent;
border-inline-end-color: transparent;
}
.wsf-form-canvas.wsf-vertical .wsf-groups {
width: 100%;
}
.wsf-form ul.wsf-group-tabs.wsf-steps {
border-bottom: none;
counter-reset: step;
justify-content: space-between;
flex-wrap: nowrap;
z-index: 0;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li {
margin-bottom: 0;
width: 100%;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a {
border: none;
padding: 0;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a:before {
background-color: #205493;
border: 2px solid #205493;
border-radius: 50%;
content: counter(step);
counter-increment: step;
color: #ffffff;
display: block;
font-weight: bold;
height: 52px;
line-height: 48px;
margin: 0 auto 20px;
text-align: center;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out, color 200ms ease-in-out;
width: 52px;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a:before {
background-color: #2e8540;
border: 2px solid #2e8540;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a:after {
background-color: #205493;
content: '';
height: 2px;
left: -50%;
position: absolute;
top: 26px;
transition: background-color 200ms ease-in-out;
width: 100%;
z-index: -2;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a:after {
background-color: #2e8540;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li:first-child > a:after {
content: none;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a:not(.wsf-tab-disabled):focus:before {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li > a:not(.wsf-tab-disabled):focus:before {
border-color: #2e8540;
box-shadow: 0 0 0 4px rgba(46,133,64,0.25);
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li > a.wsf-tab-disabled:before,
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a.wsf-tab-disabled:before {
color: #767676;
cursor: not-allowed;
pointer-events: none;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active {
z-index: -1;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a {
background-color: transparent;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active > a:before {
background-color: #ffffff;
color: #205493;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-success > li.wsf-tab-active > a:before {
color: #2e8540;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a:before {
background-color: #ffffff;
border-color: #ceced2;
color: #000000;
}
.wsf-form ul.wsf-group-tabs.wsf-steps > li.wsf-tab-active ~ li > a:after {
background-color: #ceced2;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-no-label > li > a > span {
display: none;
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-checks > li > a:before {
content: '\2713';
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-checks > li.wsf-tab-active > a:before {
content: counter(step);
}
.wsf-form ul.wsf-group-tabs.wsf-steps.wsf-steps-checks > li.wsf-tab-active ~ li > a:before {
content: counter(step);
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-steps {
-webkit-border-end: none;
border-inline-end: none;
justify-content: flex-start;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-steps > li {
margin-bottom: 39px;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-steps > li > a:after {
height: 100%;
left: 26px;
top: -50%;
width: 2px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-steps > li > a {
text-align: left;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-steps > li > a:before {
display: inline-block;
margin-bottom: 0;
-webkit-margin-end: 20px;
margin-inline-end: 20px;
}
.wsf-form ul.wsf-group-tabs.wsf-sticky {
align-self: flex-start;
background-color: #ffffff;
height: auto;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form ul.wsf-group-tabs.wsf-sticky {
margin-top: -40px;
padding-top: 40px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-sticky {
margin-top: 0;
padding-top: 0;
}
.wsf-form ul.wsf-group-tabs.wsf-sticky.wsf-steps {
margin-bottom: 0;
padding-bottom: 40px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-sticky.wsf-steps {
margin-top: -40px;
padding-top: 40px;
}
.wsf-form-canvas.wsf-vertical ul.wsf-group-tabs.wsf-sticky.wsf-steps > li > a:last-child {
margin-bottom: 0;
}
.wsf-grid {
margin-left: -20px;
margin-right: -20px;
}
.wsf-tile {
padding-left: 20px;
padding-right: 20px;
}
.wsf-field-wrapper {
margin-bottom: 40px;
}
.wsf-field-wrapper.wsf-sticky {
align-self: flex-start;
background-color: #ffffff;
height: auto;
margin-bottom: 0;
margin-top: -40px;
padding-bottom: 40px;
padding-top: 40px;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.wsf-field-wrapper[data-type='texteditor'],
.wsf-field-wrapper[data-type='html'],
.wsf-field-wrapper[data-type='divider'],
.wsf-field-wrapper[data-type='message'] {
margin-bottom: 0;
}
.wsf-inline {
display: inline-flex;
flex-direction: column;
-webkit-margin-end: 20px;
margin-inline-end: 20px;
}
.wsf-label-wrapper label.wsf-label {
padding: 10.5px 0;
margin-bottom: 0;
}
label.wsf-label {
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
margin-bottom: 10px;
user-select: none;
}
.wsf-field + label.wsf-label,
select.wsf-field ~ .select2-container + label.wsf-label,
input[type=text].wsf-field ~ .dropzone + label.wsf-label,
input[type=text].wsf-field ~ canvas + label.wsf-label,
.wsf-input-group-append + label.wsf-label {
margin-bottom: 0;
margin-top: 10px;
}
.wsf-invalid-feedback {
color: #bb0000;
font-size: 18px;
line-height: 1.4;
margin-top: 10px;
}
.wsf-help {
color: #000000;
display: block;
font-size: 18px;
line-height: 1.4;
margin-top: 10px;
}
.wsf-help-pre {
margin-bottom: 10px;
margin-top: 0;
}
.wsf-label-position-inside .wsf-help-pre {
margin-bottom: 18.5px;
}
[data-wsf-tooltip=""]:before,
[data-wsf-tooltip=""]:after {
opacity: 0 !important;
}
[data-wsf-tooltip] {
cursor: help;
position: relative;
}
[data-wsf-tooltip] svg {
display: inline-block;
vertical-align: text-bottom;
}
[data-wsf-tooltip]:before,
[data-wsf-tooltip]:after {
opacity: 0;
pointer-events: none;
position: absolute;
transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
user-select: none;
visibility: hidden;
z-index: 1000;
}
[data-wsf-tooltip]:focus {
outline: 0;
}
[data-wsf-tooltip]:hover:before,
[data-wsf-tooltip]:hover:after,
[data-wsf-tooltip]:focus:before,
[data-wsf-tooltip]:focus:after {
opacity: 1;
visibility: visible;
}
[data-wsf-tooltip]:before {
border: 5px solid transparent;
border-top-color: #767676;
bottom: calc(100% - 5px);
content: "";
left: 50%;
transform: translateX(-50%);
}
[data-wsf-tooltip]:after {
background-color: #767676;
border-radius: 4px;
bottom: calc(100% + 10px);
color: #ffffff;
content: attr(data-wsf-tooltip);
font-size: 18px;
left: 50%;
max-width: 320px;
min-width: 180px;
padding: 20px;
text-align: center;
transform: translateX(-50%);
}
.wsf-input-group {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wsf-input-group > .wsf-field,
.wsf-input-group > select.wsf-field ~ .select2-container,
.wsf-input-group > input[type=text].wsf-field ~ .dropzone,
.wsf-input-group > input[type=text].wsf-field ~ canvas,
.wsf-input-group > .iti {
flex: 1 1 auto;
min-width: 0;
position: relative;
width: 1% !important;
}
.wsf-input-group-has-prepend > .wsf-field,
.wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-input-group-has-prepend > .dropzone,
.wsf-input-group-has-prepend > .iti > input[type="tel"] {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.wsf-input-group-has-append > .wsf-field,
.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-input-group-has-append > .dropzone,
.wsf-input-group-has-append > .iti > input[type="tel"] {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-input-group-prepend,
.wsf-input-group-append {
align-items: center;
background-color: #efeff4;
border: 2px solid #ceced2;
color: #000000;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
padding: 8.5px 10px;
}
.wsf-input-group-prepend {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-end: none;
border-inline-end: none;
}
.wsf-input-group-append {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-start: none;
border-inline-start: none;
}
.wsf-input-group > label.wsf-label,
.wsf-input-group > .wsf-invalid-feedback,
.wsf-input-group > .wsf-help {
width: 100%;
}
input[type=date].wsf-field,
input[type=datetime-local].wsf-field,
input[type=file].wsf-field,
input[type=month].wsf-field,
input[type=password].wsf-field,
input[type=search].wsf-field,
input[type=time].wsf-field,
input[type=week].wsf-field,
input[type=email].wsf-field,
input[type=number].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;
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 4px;
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
margin: 0;
min-height: auto;
max-width: auto;
padding: 8.5px 10px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, background-image 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
width: 100%;
}
input[type=date].wsf-field,
input[type=datetime-local].wsf-field,
input[type=file].wsf-field,
input[type=month].wsf-field,
input[type=password].wsf-field,
input[type=search].wsf-field,
input[type=time].wsf-field,
input[type=week].wsf-field,
input[type=email].wsf-field,
input[type=number].wsf-field,
input[type=tel].wsf-field,
input[type=text].wsf-field,
input[type=url].wsf-field,
select.wsf-field:not([multiple]):not([size]) {
height: 52px;
}
input[type=date].wsf-field::placeholder,
input[type=datetime-local].wsf-field::placeholder,
input[type=file].wsf-field::placeholder,
input[type=month].wsf-field::placeholder,
input[type=password].wsf-field::placeholder,
input[type=search].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=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: #767676;
opacity: 1;
}
input[type=date].wsf-field:focus,
input[type=datetime-local].wsf-field:focus,
input[type=file].wsf-field:focus,
input[type=month].wsf-field:focus,
input[type=password].wsf-field:focus,
input[type=search].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=tel].wsf-field:focus,
input[type=text].wsf-field:focus,
input[type=url].wsf-field:focus,
select.wsf-field:focus,
textarea.wsf-field:focus {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
outline: 0;
}
input[type=date].wsf-field:disabled,
input[type=datetime-local].wsf-field:disabled,
input[type=file].wsf-field:disabled,
input[type=month].wsf-field:disabled,
input[type=password].wsf-field:disabled,
input[type=search].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=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: #efeff4;
color: #767676;
-webkit-text-fill-color: #767676;
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::-moz-focus-inner,
input[type=datetime-local].wsf-field::-moz-focus-inner,
input[type=file].wsf-field::-moz-focus-inner,
input[type=month].wsf-field::-moz-focus-inner,
input[type=password].wsf-field::-moz-focus-inner,
input[type=search].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=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;
}
/* Number */
input[type=number].wsf-field::-webkit-inner-spin-button,
input[type=number].wsf-field::-webkit-outer-spin-button {
height: auto;
}
input[type=number][data-wsf-no-spinner].wsf-field::-webkit-outer-spin-button,
input[type=number][data-wsf-no-spinner].wsf-field::-webkit-inner-spin-button {
display: none !important;
}
input[type=number][data-wsf-no-spinner].wsf-field {
-moz-appearance: textfield;
}
/* Text Area */
textarea.wsf-field {
min-height: 52px;
overflow: auto;
resize: vertical;
}
textarea.wsf-field[data-textarea-type='tinymce'] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
[data-type='textarea'] .wp-editor-tabs {
box-sizing: content-box;
}
[data-type='textarea'] .mce-btn.mce-active button,
[data-type='textarea'] .mce-btn.mce-active:hover button,
[data-type='textarea'] .mce-btn.mce-active i,
[data-type='textarea'] .mce-btn.mce-active:hover i {
color: #000;
}
/* Select */
select.wsf-field:not([multiple]):not([size]) {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E');
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 10px 5px;
-webkit-padding-end: 30px;
padding-inline-end: 30px;
/* padding: 8.5px 10px;*/
}
select.wsf-field:not([multiple]):not([size])::-ms-expand {
display: none;
}
select.wsf-field option {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
}
select.wsf-field:not([multiple]):not([size]):-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
select.wsf-field:not([multiple]):not([size]):disabled {
border-color: #ceced2;
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23767676%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E');
}
select.wsf-field optgroup {
font-weight: bold;
}
select.wsf-field option:disabled {
color: #767676;
}
select.wsf-field ~ .select2-container {
display: block;
width: 100% !important;
}
select.wsf-field ~ .select2-container:focus {
outline: none;
}
select.wsf-field ~ .select2-container .select2-selection--single,
select.wsf-field ~ .select2-container .select2-selection--multiple {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 4px;
font-size: 22px;
height: auto;
min-height: 52px;
outline: 0;
padding: 8.5px 10px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, background-image 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
select.wsf-field ~ .select2-container .select2-selection--single {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E');
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 10px 5px;
-webkit-padding-end: 30px;
padding-inline-end: 30px;
}
select.wsf-field ~ .select2-container--default .select2-selection--multiple .select2-selection__clear {
margin-right: 0;
margin-top: -1px;
}
select.wsf-field ~ .select2-container--default.select2-container--disabled .select2-selection--single,
select.wsf-field ~ .select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #efeff4;
cursor: not-allowed;
}
select.wsf-field ~ .select2-container--default.select2-container--disabled .select2-selection--single {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23767676%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E');
}
select.wsf-field ~ .select2-container .select2-selection--multiple {
padding-bottom: 0;
}
select.wsf-field ~ .select2-container .select2-search--inline {
margin: 0;
}
select.wsf-field ~ .select2-container .select2-search--inline .select2-search__field {
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
height: auto;
line-height: 1.4;
margin-top: 0;
}
select.wsf-field ~ .select2-container .select2-search--inline .select2-search__field::placeholder {
color: #767676;
}
select.wsf-field ~ .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #efeff4;
border-radius: 4px;
font-size: 18px;
margin: 0 0 10px;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
select.wsf-field ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #767676;
}
select.wsf-field ~ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #000000;
}
select.wsf-field ~ .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--single,
select.wsf-field ~ .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--multiple {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
select.wsf-field ~ .select2-container .select2-selection--single .select2-selection__rendered,
select.wsf-field ~ .select2-container .select2-selection--multiple .select2-selection__rendered {
color: #000000;
line-height: 1.4 !important;
padding-left: 0;
padding-right: 0;
}
select.wsf-field ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-search--inline,
select.wsf-field ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline{
margin-bottom: 0;
}
select.wsf-field ~ .select2-container .select2-selection--single .select2-selection__placeholder,
select.wsf-field ~ .select2-container .select2-selection--multiple .select2-selection__placeholder {
color: #000000;
}
select.wsf-field ~ .select2-container .select2-selection--single .select2-selection__arrow,
select.wsf-field ~ .select2-container .select2-selection--multiple .select2-selection__arrow {
display: none;
}
.wsf-select2-dropdown {
background-color: #ffffff;
z-index: 10000; /* Elementor Pop-up CSS Fix */
}
.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: 2px 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: 10px;
padding: 10px 10px 0;
}
.wsf-select2-dropdown .select2-search__field {
border-radius: 4px;
line-height: 1.4;
margin: 0;
padding: 8.5px 10px;
transition: background-color 200ms ease-in-out, background-image 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.wsf-select2-dropdown .select2-search--dropdown .select2-search__field {
background-color: #ffffff;
border: 2px solid #ceced2;
color: #000000;
}
.wsf-select2-dropdown .select2-search--dropdown .select2-search__field:focus {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
outline: 0;
}
.wsf-select2-dropdown .select2-results {
line-height: 1.4;
}
.wsf-select2-dropdown .select2-results .select2-results__option {
border-top: 2px solid #ceced2;
color: #000000;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 10px;
}
.select2-results .select2-results__option[role=group] {
padding: 0;
}
.select2-results .select2-results__option[aria-disabled=true] {
color: #767676;
cursor: not-allowed;
}
.wsf-select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
background-color: #efeff4;
}
.wsf-select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected] {
background-color: #205493;
color: #ffffff;
}
/* Checkbox */
input[type=checkbox].wsf-field {
background: none;
border: none;
bottom: auto;
height: 31px;
left: auto;
margin: 0;
opacity: 0;
position: absolute;
right: auto;
top: auto;
width: 31px;
}
input[type=checkbox].wsf-field + label.wsf-label {
color: #000000;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
margin: 0 0 20px;
-webkit-padding-start: 41px;
padding-inline-start: 41px;
position: relative;
transition: color 200ms ease-in-out;
}
input[type=checkbox].wsf-field + label.wsf-label:before {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 4px;
content: '';
cursor: pointer;
display: inline-block;
height: 31px;
left: 0;
position: absolute;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
vertical-align: top;
width: 31px;
}
input[type=checkbox].wsf-field + label.wsf-label:after {
content: '';
cursor: pointer;
display: inline-block;
height: 31px;
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: 31px;
}
input[type=checkbox].wsf-field + label.wsf-label + .wsf-invalid-feedback {
margin-bottom: 20px;
margin-top: -10px;
}
input[type=checkbox].wsf-field:focus + label.wsf-label:before {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=checkbox].wsf-field:disabled + label.wsf-label {
color: #767676;
}
input[type=checkbox].wsf-field:disabled + label.wsf-label:before {
background-color: #efeff4;
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: #205493;
border-color: #205493;
}
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: .5;
}
/* Radio */
input[type=radio].wsf-field {
background: none;
border: none;
bottom: auto;
height: 31px;
left: auto;
margin: 0;
opacity: 0;
position: absolute;
right: auto;
top: auto;
width: 31px;
}
input[type=radio].wsf-field + label.wsf-label {
color: #000000;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
margin: 0 0 20px;
-webkit-padding-start: 41px;
padding-inline-start: 41px;
position: relative;
transition: color 200ms ease-in-out;
}
input[type=radio].wsf-field + label.wsf-label:before {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 50%;
content: '';
cursor: pointer;
display: inline-block;
height: 31px;
left: 0;
position: absolute;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
vertical-align: top;
width: 31px;
}
input[type=radio].wsf-field + label.wsf-label:after {
content: '';
cursor: pointer;
display: inline-block;
height: 31px;
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: 31px;
}
input[type=radio].wsf-field + label.wsf-label + .wsf-invalid-feedback {
margin-bottom: 20px;
margin-top: -10px;
}
input[type=radio].wsf-field:focus + label.wsf-label:before {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=radio].wsf-field:disabled + label.wsf-label {
color: #767676;
}
input[type=radio].wsf-field:disabled + label.wsf-label:before {
background-color: #efeff4;
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: #205493;
border-color: #205493;
}
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: .5;
}
input[type=checkbox].wsf-field.wsf-switch,
input[type=radio].wsf-field.wsf-switch {
width: 54px;
}
input[type=checkbox].wsf-field.wsf-switch + label.wsf-label,
input[type=radio].wsf-field.wsf-switch + label.wsf-label {
-webkit-padding-start: 64px;
padding-inline-start: 64px;
position: relative;
}
input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:before,
input[type=radio].wsf-field.wsf-switch + label.wsf-label:before {
border-radius: 19.5px;
position: absolute;
width: 54px;
}
input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:after,
input[type=radio].wsf-field.wsf-switch + label.wsf-label:after {
background-color: #ceced2;
border-radius: 50%;
height: 23px;
left: 4px;
top: 4px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, left 200ms ease-in-out;
width: 23px;
}
input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label:after,
input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label:after {
border-color: #205493;
}
input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label:after,
input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label:after {
}
input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label:before,
input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label:before {
background-color: #205493;
}
input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label:after,
input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label:after {
background-color: #ffffff;
background-image: none;
border-color: #ffffff;
left: 27px}
input[type=checkbox].wsf-field.wsf-button + label.wsf-label,
input[type=radio].wsf-field.wsf-button + label.wsf-label {
background-color: #ceced2;
border: 2px solid #ceced2;
border-radius: 4px;
color: #000000;
cursor: pointer;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
padding: 8.5px 10px;
margin: 0 0 20px;
text-align: center;
text-decoration: none;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out, color 200ms ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
input[type=checkbox].wsf-field.wsf-button + label.wsf-label:after,
input[type=radio].wsf-field.wsf-button + label.wsf-label:after {
display: none;
}
input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label,
input[type=radio].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
display: block;
}
input[type=checkbox].wsf-field.wsf-button + label.wsf-label:before,
input[type=radio].wsf-field.wsf-button + label.wsf-label:before {
display: none;
}
input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label,
input[type=radio].wsf-field.wsf-button:focus + label.wsf-label {
box-shadow: 0 0 0 4px rgba(206,206,210,0.25);
}
input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label,
input[type=radio].wsf-field.wsf-button:disabled + label.wsf-label {
cursor: not-allowed;
opacity: .5;
}
input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label,
input[type=radio].wsf-field.wsf-button:checked + label.wsf-label {
background-color: #205493;
border-color: #205493;
color: #ffffff;
}
input[type=checkbox].wsf-field.wsf-button:checked:focus + label.wsf-label,
input[type=radio].wsf-field.wsf-button:checked:focus + label.wsf-label {
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=checkbox].wsf-field.wsf-color,
input[type=radio].wsf-field.wsf-color {
height: 52px;
width: 52px;
}
input[type=checkbox].wsf-field.wsf-color + label.wsf-label,
input[type=radio].wsf-field.wsf-color + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
input[type=checkbox].wsf-field.wsf-color + label.wsf-label:before,
input[type=radio].wsf-field.wsf-color + label.wsf-label:before {
display: none;
}
input[type=checkbox].wsf-field.wsf-color + label.wsf-label:after,
input[type=radio].wsf-field.wsf-color + label.wsf-label:after {
display: none;
}
input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span,
input[type=radio].wsf-field.wsf-color + label.wsf-label > span {
border: 2px solid #ceced2;
border-radius: 4px;
cursor: pointer;
display: inline-block;
height: 52px;
transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
vertical-align: middle;
width: 52px;
}
input[type=checkbox].wsf-field.wsf-color.wsf-circle + label.wsf-label > span,
input[type=radio].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
border-radius: 50%;
}
input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span,
input[type=radio].wsf-field.wsf-color:focus + label.wsf-label > span {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span,
input[type=radio].wsf-field.wsf-color:disabled + label.wsf-label > span {
cursor: not-allowed;
opacity: .5;
}
input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span,
input[type=radio].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: #205493;
box-shadow: inset 0 0 0 2px #ffffff;
}
input[type=checkbox].wsf-field.wsf-image + label.wsf-label,
input[type=radio].wsf-field.wsf-image + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
input[type=checkbox].wsf-field.wsf-image + label.wsf-label:before,
input[type=radio].wsf-field.wsf-image + label.wsf-label:before {
display: none;
}
input[type=checkbox].wsf-field.wsf-image + label.wsf-label:after,
input[type=radio].wsf-field.wsf-image + label.wsf-label:after {
display: none;
}
input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img,
input[type=radio].wsf-field.wsf-image + label.wsf-label > img {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 4px;
cursor: pointer;
display: inline-block;
height: auto;
max-width: 100%;
padding: 2px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
vertical-align: middle;
}
input[type=checkbox].wsf-field.wsf-image.wsf-circle + label.wsf-label > img,
input[type=radio].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
border-radius: 50%;
}
input[type=checkbox].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img,
input[type=radio].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
height: auto;
max-width: 100%;
width: 100%;
}
input[type=checkbox].wsf-field.wsf-image.wsf-image-full + label.wsf-label,
input[type=radio].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
width: 100%;
}
input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img,
input[type=radio].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img,
input[type=radio].wsf-field.wsf-image:disabled + label.wsf-label > img {
cursor: not-allowed;
opacity: .5;
}
input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img,
input[type=radio].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: #205493;
border-color: #205493;
}
.wsf-image-caption {
color: #000000;
display: block;
font-size: 18px;
line-height: 1.4;
margin-top: 10px;
}
[data-wsf-hierarchy='1'] {
-webkit-margin-start: 31px;
margin-inline-start: 31px;
}
[data-wsf-hierarchy='2'] {
-webkit-margin-start: 62px;
margin-inline-start: 62px;
}
[data-wsf-hierarchy='3'] {
-webkit-margin-start: 93px;
margin-inline-start: 93px;
}
[data-wsf-hierarchy='4'] {
-webkit-margin-start: 124px;
margin-inline-start: 124px;
}
[data-wsf-hierarchy='5'] {
-webkit-margin-start: 155px;
margin-inline-start: 155px;
}
[data-wsf-hierarchy='6'] {
-webkit-margin-start: 186px;
margin-inline-start: 186px;
}
[data-wsf-hierarchy='7'] {
-webkit-margin-start: 217px;
margin-inline-start: 217px;
}
[data-wsf-hierarchy='8'] {
-webkit-margin-start: 248px;
margin-inline-start: 248px;
}
[data-wsf-hierarchy='9'] {
-webkit-margin-start: 279px;
margin-inline-start: 279px;
}
[data-wsf-hierarchy='10'] {
-webkit-margin-start: 310px;
margin-inline-start: 310px;
}
/* Date/Time Picker */
body .xdsoft_datetimepicker {
background: #ffffff;
border: 2px solid #ceced2;
padding: 20px 0 20px 20px;
/* z-index added to ensure date/time picker appears in Bricks pop-ups which have a z-index of 10000 */
z-index: 999999;
}
body .xdsoft_datetimepicker.xdsoft_inline {
display: flex;
}
body .xdsoft_datetimepicker.xdsoft_inline .xdsoft_datepicker {
float: none;
width: 100%;
}
body .xdsoft_datetimepicker.xdsoft_inline .xdsoft_timepicker {
float: none;
}
body .xdsoft_datetimepicker.xdsoft_inline .xdsoft_datepicker.active + .xdsoft_timepicker {
min-width: 70px;
width: 25%;
}
body .xdsoft_datetimepicker.xdsoft_inline .xdsoft_datepicker:not(.active) + .xdsoft_timepicker {
width: 100%;
}
body .xdsoft_datetimepicker .xdsoft_datepicker,
body .xdsoft_datetimepicker .xdsoft_timepicker {
margin-left: 0;
margin-right: 20px;
}
body .xdsoft_datetimepicker .xdsoft_timepicker {
width: 70px;
}
body .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='10px' viewBox='0 0 5 10'%3E%3Cpolygon fill='%23000000' points='0 5 5 10 5 0'%3E%3C/polygon%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 8px 15px;
}
body .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='10px' viewBox='0 0 5 10'%3E%3Cpolygon fill='%23000000' points='0 10 5 5 0 0'%3E%3C/polygon%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 8px 15px;
}
body .xdsoft_datetimepicker .xdsoft_today_button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M8 1.4l-2 1.3v-1.7h-2v3l-4 2.6 0.6 0.8 7.4-4.8 7.4 4.8 0.6-0.8z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M8 4l-6 4v7h5v-3h2v3h5v-7z'%3E%3C/path%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='5px' viewBox='0 0 10 5'%3E%3Cpolyline fill='%23000000' points='0 5 10 5 5 0'%3E%3C/polyline%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 15px 8px;
margin-left: auto;
margin-right: auto;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='5px' viewBox='0 0 10 5'%3E%3Cpolyline fill='%23000000' points='0 0 10 0 5 5'%3E%3C/polyline%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 15px 8px;
margin-left: auto;
margin-right: auto;
}
body .xdsoft_datetimepicker .xdsoft_label {
background-color: #ffffff;
color: #000000;
font-size: 14px;
}
body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
border: 2px solid #ceced2;
}
body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
background-color: #ffffff;
}
body .xdsoft_datetimepicker .xdsoft_calendar td,
body .xdsoft_datetimepicker .xdsoft_calendar th {
background-color: #efeff4;
border: 2px solid #ceced2;
color: #000000;
font-size: 12px;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
border: 2px solid #ceced2;
}
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
background-color: #ffffff;
border-top: 2px solid #ceced2;
color: #000000;
}
body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #205493 !important;
box-shadow: none;
color: #ffffff !important;
}
body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
background: #205493 !important;
color: #ffffff !important;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
color: #205493 !important;
font-weight: bold;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
background: #205493 !important;
box-shadow: none;
color: #ffffff !important;
}
body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
background: #205493 !important;
color: #ffffff !important;
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
body .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
opacity: .25;
}
/* Range Slider */
input[type=range].wsf-field {
-webkit-appearance: none;
background: none;
background-size: calc(100% - 26px);
background-position: 13px center;
border: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
--wsf-color-lower-track: #205493;
--wsf-color-upper-track: #efeff4;
--wsf-fill-lower-track: 0%;
}
input[type=range].wsf-field[data-fill-lower-track]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right,
var(--wsf-color-lower-track),
var(--wsf-color-lower-track) var(--wsf-fill-lower-track),
var(--wsf-color-upper-track) var(--wsf-fill-lower-track),
var(--wsf-color-upper-track) 100%
);
}
input[type=range].wsf-field[data-fill-lower-track]::-moz-range-track {
background-image: linear-gradient(to right,
var(--wsf-color-lower-track),
var(--wsf-color-lower-track) var(--wsf-fill-lower-track),
var(--wsf-color-upper-track) var(--wsf-fill-lower-track),
var(--wsf-color-upper-track) 100%
);
}
input[type=range].wsf-field::-webkit-slider-runnable-track {
background-color: #efeff4;
border-radius: 4px;
cursor: pointer;
height: 13px;
}
input[type=range].wsf-field::-moz-range-track {
background-color: #efeff4;
border-radius: 4px;
cursor: pointer;
height: 13px;
}
input[type=range].wsf-field::-ms-track {
background-color: #efeff4;
border-radius: 4px;
cursor: pointer;
height: 13px;
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: #efeff4;
border-radius: 4px;
cursor: pointer;
height: 13px;
}
input[type=range].wsf-field[data-fill-lower-track]::-ms-fill-lower {
background-color: #205493;
}
input[type=range].wsf-field::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: #205493;
border-radius: 50%;
cursor: pointer;
height: 26px;
margin-top: -6.5px;
transition: box-shadow 200ms ease-in-out;
width: 26px;
}
input[type=range].wsf-field::-moz-range-thumb {
-webkit-appearance: none;
background-color: #205493;
border: none;
border-radius: 50%;
cursor: pointer;
height: 26px;
margin-top: -6.5px;
transition: box-shadow 200ms ease-in-out;
width: 26px;
}
input[type=range].wsf-field::-ms-thumb {
-webkit-appearance: none;
background-color: #205493;
border: none;
border-radius: 50%;
cursor: pointer;
height: 26px;
margin-top: -6.5px;
transition: box-shadow 200ms ease-in-out;
width: 26px;
}
input[type=range].wsf-field:focus {
outline: none;
}
input[type=range].wsf-field:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=range].wsf-field:focus::-moz-range-thumb {
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=range].wsf-field:focus::-ms-thumb{
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=range].wsf-field::-moz-focus-outer {
border: 0;
}
input[type=range].wsf-field:disabled {
opacity: .5;
}
input[type=range].wsf-field:disabled::-webkit-slider-runnable-track {
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-moz-range-track {
cursor: not-allowed;
}
input[type=range].wsf-field:disabled::-ms-fill-lower,
input[type=range].wsf-field:disabled::-ms-fill-upper {
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=range].wsf-field.wsf-hue::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
input[type=range].wsf-field.wsf-hue::-moz-range-track {
background-image: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
input[type=range].wsf-field.wsf-hue::-ms-track {
background-image: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.wsf-field-wrapper[data-type='range'] input[type=range].wsf-field + datalist,
.wsf-field-wrapper[data-type='price_range'] input[type=range].wsf-field + datalist {
display: block;
position: relative;
margin: 0 13px 0;
top: -36px;
width: calc(100% - 26px);
z-index: 0;
}
.wsf-field-wrapper[data-type='range'] input[type=range].wsf-field + datalist option,
.wsf-field-wrapper[data-type='price_range'] input[type=range].wsf-field + datalist option {
color: #000000;
display: block;
font-size: 18px;
font-weight: normal;
line-height: 1.4;
left: var(--wsf-position-tick-mark);
padding: 0;
position: absolute;
top: 0;
}
.wsf-field-wrapper[data-type='range'] input[type=range].wsf-field + datalist option:before,
.wsf-field-wrapper[data-type='price_range'] input[type=range].wsf-field + datalist option:before {
background-color: #ceced2;
content: '';
display: block;
height: 26px;
margin-left: -2px;
width: 2px;
}
.wsf-field-wrapper[data-type='range'] input[type=range].wsf-field + datalist option:after,
.wsf-field-wrapper[data-type='price_range'] input[type=range].wsf-field + datalist option:after {
content: attr(data-label);
position: absolute;
left: 50%;
transform: translateX(-50%);
}
@-moz-document url-prefix() {
.wsf-field-wrapper[data-type='range'] input[type=range].wsf-field + datalist,
.wsf-field-wrapper[data-type='price_range'] input[type=range].wsf-field + datalist {
display: none;
}
}
.wsf-field-wrapper[data-type='range'].wsf-range-vertical,
.wsf-field-wrapper[data-type='price_range'].wsf-range-vertical {
--wsf-range-vertical-height: 200px;
}
.wsf-field-wrapper[data-type='range'].wsf-range-vertical input[type=range].wsf-field,
.wsf-field-wrapper[data-type='price_range'].wsf-range-vertical input[type=price_range].wsf-field {
left: calc((-1 * var(--wsf-range-vertical-height)) + 13px);
position: relative;
transform: rotate(270deg);
transform-origin: center right;
width: var(--wsf-range-vertical-height);
z-index: 1;
}
.wsf-field-wrapper[data-type='range'].wsf-range-vertical input[type=range].wsf-field + datalist,
.wsf-field-wrapper[data-type='price_range'].wsf-range-vertical input[type=range].wsf-field + datalist {
left: calc((-1 * var(--wsf-range-vertical-height)) + 13px);
top: -10px;
transform: rotate(270deg);
transform-origin: center right;
width: calc(var(--wsf-range-vertical-height) - 26px);
}
.wsf-field-wrapper[data-type='range'].wsf-range-vertical input[type=range].wsf-field + datalist option:after,
.wsf-field-wrapper[data-type='price_range'].wsf-range-vertical input[type=range].wsf-field + datalist option:after {
top: 15px;
transform: rotate(90deg);
transform-origin: left center;
}
.wsf-field-wrapper[data-type='range'].wsf-range-vertical input[type=range].wsf-field ~ small,
.wsf-field-wrapper[data-type='price_range'].wsf-range-vertical input[type=price_range].wsf-field ~ small {
margin-top: calc(var(--wsf-range-vertical-height) - 13px);
position: relative;
}
/* Color Picker */
input[type=color].wsf-field:not(.minicolors-input) {
-webkit-appearance: none;
background: none;
border: 2px solid #ceced2;
border-radius: 4px;
box-shadow: inset 0 0 0 2px #ffffff;
cursor: pointer;
display: block;
height: 52px;
padding: 0;
transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
width: 52px;
}
input[type=color].wsf-field:focus {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
outline: 0;
}
input[type=color].wsf-field:disabled {
cursor: not-allowed;
opacity: .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;
box-shadow: inset 0 0 0 2px #ffffff;
}
.minicolors-theme-ws-form input[type=text].wsf-field.minicolors-input {
-webkit-padding-start: 62px;
padding-inline-start: 62px;
}
.minicolors-theme-ws-form .minicolors-swatch {
-webkit-border-end: 2px solid #ceced2;
border-inline-end: 2px solid #ceced2;
border-radius: 3px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
cursor: pointer;
height: 48px;
left: 2px;
overflow: hidden;
top: 2px;
width: 48px;
}
.minicolors-theme-ws-form .minicolors-swatch:after {
box-shadow: none;
}
input[type=text].wsf-field.minicolors-input {
padding: 8.5px 10px 8.5px 52px;
}
/* File Upload */
input[type=file].wsf-field {
cursor: pointer;
overflow: hidden;
}
input[type=file].wsf-field::file-selector-button {
-webkit-appearance: none;
background-color: #efeff4;
border: none;
-webkit-border-end: 2px solid #ceced2;
border-inline-end: 2px solid #ceced2;
border-radius: 0;
color: #000000;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
height: 52px;
line-height: 1.4;
margin: -8.5px -10px;
-webkit-margin-end: 8.5px;
margin-inline-end: 8.5px;
padding: 8.5px 10px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
input[type=file].wsf-field::-webkit-file-upload-button {
-webkit-appearance: none;
background-color: #efeff4;
border: none;
-webkit-border-end: 2px solid #ceced2;
border-inline-end: 2px solid #ceced2;
border-radius: 0;
color: #000000;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
height: 52px;
line-height: 1.4;
margin: -8.5px -10px;
-webkit-margin-end: 8.5px;
margin-inline-end: 8.5px;
padding: 8.5px 10px;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
input[type=file].wsf-field:enabled::file-selector-button:hover {
background-color: #d7d7dc;
}
input[type=file].wsf-field:enabled::-webkit-file-upload-button:hover {
background-color: #d7d7dc;
}
input[type=file].wsf-field:enabled::file-selector-button:focus {
background-color: #bfbfc3;
outline: 0;
}
input[type=file].wsf-field:enabled::-webkit-file-upload-button:focus {
background-color: #bfbfc3;
outline: 0;
}
input[type=file].wsf-field:disabled {
cursor: not-allowed;
}
input[type=file].wsf-field:disabled::file-selector-button {
color: #000000;
cursor: not-allowed;
-webkit-text-fill-color: #000000;
}
input[type=file].wsf-field:disabled::-webkit-file-upload-button {
color: #000000;
cursor: not-allowed;
-webkit-text-fill-color: #000000;
}
input[type=text].wsf-field ~ .dropzone {
background-color: #ffffff;
border: 2px dashed #ceced2;
border-radius: 4px;
padding: 40px 40px 0;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
cursor: pointer;
}
input[type=text].wsf-field ~ .dropzone .dz-message {
color: #767676;
margin-bottom: 40px;
text-align: center;
}
input[type=text].wsf-field ~ .dropzone.dz-started .dz-message {
display: none;
}
input[type=text].wsf-field ~ .dropzone .wsf-dropzonejs-previews {
pointer-events: none;
}
input[type=text].wsf-field ~ .dropzone .wsf-dropzonejs-preview {
cursor: move;
pointer-events: all;
}
input[type=text].wsf-field ~ .dropzone .wsf-progress {
background-color: #efeff4;
border-radius: 4px;
height: 13px;
margin-top: 10px;
overflow: hidden;
}
input[type=text].wsf-field ~ .dropzone .wsf-progress .wsf-upload {
background-color: #205493;
height: 100%;
}
input[type=text].wsf-field ~ .dropzone .wsf-progress.wsf-progress-success .wsf-upload {
background-color: #2e8540;
}
input[type=text].wsf-field ~ .dropzone .dz-complete .wsf-progress {
display: none;
}
input[type=text].wsf-field:enabled ~ .dropzone.dz-drag-hover {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
input[type=text].wsf-field:disabled ~ .dropzone {
background-color: #efeff4;
color: #767676;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=text].wsf-field:disabled ~ .dropzone .wsf-dropzonejs-preview {
opacity: .5;
}
.wsf-validated input[type=text].wsf-field:invalid ~ .dropzone {
border-color: #bb0000;
}
.wsf-validated input[type=text].wsf-field:invalid ~ .dropzone.dz-drag-hover {
box-shadow: 0 0 0 4px rgba(187,0,0,0.25);
}
input[type=text].wsf-field ~ .dropzone .wsf-invalid-feedback {
display: block;
}
/* Signature */
input[type=text].wsf-field ~ canvas {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 4px;
cursor: crosshair;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
width: 100%;
}
input[type=text].wsf-field ~ canvas:focus {
border-color: #205493;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
outline: 0;
}
input[type=text].wsf-field:disabled ~ canvas {
background-color: #efeff4;
color: #767676;
cursor: not-allowed;
opacity: 1;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=text].wsf-field:disabled ~ .wsf-help > [data-action='wsf-signature-clear'] {
display: none;
}
.wsf-validated input[type=text].wsf-field:invalid ~ canvas {
border-color: #bb0000;
}
.wsf-validated input[type=text].wsf-field:invalid ~ canvas:focus {
box-shadow: 0 0 0 4px rgba(187,0,0,0.25);
}
/* Progress */
progress.wsf-progress {
display: block;
height: 26px;
vertical-align: baseline;
width: 100%;
}
progress.wsf-progress[value] {
-webkit-appearance: none;
background-color: #efeff4;
border: none;
border-radius: 4px;
}
progress.wsf-progress[value]::-webkit-progress-bar {
background-color: #efeff4;
border-radius: 4px;
}
progress.wsf-progress[value]::-webkit-progress-value {
background-color: #205493;
border-radius: 4px;
}
progress.wsf-progress[value]::-moz-progress-bar {
background-color: #205493;
border-radius: 4px;
}
progress.wsf-progress[value]::-ms-fill {
background-color: #205493;
border: 0;
}
progress.wsf-progress.wsf-progress-success[value]::-webkit-progress-value {
background-color: #2e8540;
}
progress.wsf-progress.wsf-progress-success[value]::-moz-progress-bar {
background-color: #2e8540;
}
progress.wsf-progress.wsf-progress-success[value]::-ms-fill {
background-color: #2e8540;
}
/* Meter */
meter.wsf-meter {
background: #efeff4;
border: none;
border-radius: 4px;
display: block;
height: 26px;
overflow: hidden;
width: 100%;
}
meter.wsf-meter::-webkit-meter-bar {
background: #efeff4;
border: none;
border-radius: 4px;
display: block;
height: 26px;
width: 100%;
}
meter.wsf-meter::-webkit-meter-optimum-value {
background: #2e8540;
}
meter.wsf-meter:-moz-meter-optimum::-moz-meter-bar {
background: #2e8540;
}
meter.wsf-meter::-webkit-meter-suboptimum-value {
background: #fdb81e;
}
meter.wsf-meter:-moz-meter-sub-optimum::-moz-meter-bar {
background: #fdb81e;
}
meter.wsf-meter::-webkit-meter-even-less-good-value {
background: #bb0000;
}
meter.wsf-meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
background: #bb0000;
}
/* Password */
[data-type='password'] input.wsf-field[data-password-strength-meter] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25px' width='5px' viewBox='0 0 5 25'%3E%3Cpath fill='%23ceced2' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%23ceced2' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%23ceced2' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E");
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 5px 25px;
-webkit-padding-end: 25px;
padding-inline-end: 25px;
}
[data-type='password'] input.wsf-field[data-password-strength-meter=success] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25px' width='5px' viewBox='0 0 5 25'%3E%3Cpath fill='%232e8540' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%232e8540' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%232e8540' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
[data-type='password'] input.wsf-field[data-password-strength-meter=warning] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25px' width='5px' viewBox='0 0 5 25'%3E%3Cpath fill='%23fdb81e' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%23fdb81e' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%23ceced2' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
[data-type='password'] input.wsf-field[data-password-strength-meter=danger] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25px' width='5px' viewBox='0 0 5 25'%3E%3Cpath fill='%23bb0000' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%23ceced2' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%23ceced2' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
/* Legal */
[data-wsf-legal].wsf-field {
background-color: #ffffff;
border: 2px solid #ceced2;
border-radius: 4px;
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
padding: 8.5px 10px;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
[data-wsf-legal].wsf-field h1,
[data-wsf-legal].wsf-field h2,
[data-wsf-legal].wsf-field h3,
[data-wsf-legal].wsf-field h4,
[data-wsf-legal].wsf-field h5,
[data-wsf-legal].wsf-field h6 {
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.4;
margin: 0 0 8.5px;
}
[data-wsf-legal].wsf-field p,
[data-wsf-legal].wsf-field ul,
[data-wsf-legal].wsf-field ol,
[data-wsf-legal].wsf-field th,
[data-wsf-legal].wsf-field td {
color: #000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
line-height: 1.4;
margin: 0 0 8.5px;
}
/* Validation */
.wsf-validated input[type=date].wsf-field:invalid,
.wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-validated input[type=file].wsf-field:invalid,
.wsf-validated input[type=month].wsf-field:invalid,
.wsf-validated input[type=password].wsf-field:invalid,
.wsf-validated input[type=search].wsf-field:invalid,
.wsf-validated input[type=time].wsf-field:invalid,
.wsf-validated input[type=week].wsf-field:invalid,
.wsf-validated input[type=email].wsf-field:invalid,
.wsf-validated input[type=number].wsf-field:invalid,
.wsf-validated input[type=tel].wsf-field:invalid,
.wsf-validated input[type=text].wsf-field:invalid,
.wsf-validated input[type=url].wsf-field:invalid,
.wsf-validated select.wsf-field:invalid,
.wsf-validated textarea.wsf-field:invalid {
border-color: #bb0000;
color: #000000;
}
.wsf-validated input[type=date].wsf-field:invalid:focus,
.wsf-validated input[type=datetime-local].wsf-field:invalid:focus,
.wsf-validated input[type=file].wsf-field:invalid:focus,
.wsf-validated input[type=month].wsf-field:invalid:focus,
.wsf-validated input[type=password].wsf-field:invalid:focus,
.wsf-validated input[type=search].wsf-field:invalid:focus,
.wsf-validated input[type=time].wsf-field:invalid:focus,
.wsf-validated input[type=week].wsf-field:invalid:focus,
.wsf-validated input[type=email].wsf-field:invalid:focus,
.wsf-validated input[type=number].wsf-field:invalid:focus,
.wsf-validated input[type=tel].wsf-field:invalid:focus,
.wsf-validated input[type=text].wsf-field:invalid:focus,
.wsf-validated input[type=url].wsf-field:invalid:focus,
.wsf-validated select.wsf-field:invalid:focus,
.wsf-validated textarea.wsf-field:invalid:focus {
box-shadow: 0 0 0 4px rgba(187,0,0,0.25);
}
.wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-validated textarea.wsf-field:-moz-ui-invalid {
box-shadow: none;
}
.wsf-validated select.wsf-field:invalid ~ .select2-container .select2-selection--single,
.wsf-validated select.wsf-field:invalid ~ .select2-container .select2-selection--multiple {
border-color: #bb0000;
}
.wsf-validated select.wsf-field:invalid ~ .select2-container--default.select2-container--focus .select2-selection--single,
.wsf-validated select.wsf-field:invalid ~ .select2-container--default.select2-container--focus .select2-selection--multiple {
box-shadow: 0 0 0 4px rgba(187,0,0,0.25);
}
.wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label:before,
.wsf-validated input[type=radio].wsf-field:invalid + label.wsf-label:before {
border-color: #bb0000;
}
.wsf-validated input[type=checkbox].wsf-field:invalid:focus + label.wsf-label:before,
.wsf-validated input[type=radio].wsf-field:invalid:focus + label.wsf-label:before {
box-shadow: 0 0 0 4px rgba(187,0,0,0.25);
}
/* Message */
.wsf-alert {
background-color: #efeff4;
-webkit-border-start: 8px solid #ceced2;
border-inline-start: 8px solid #ceced2;
border-radius: 4px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
padding: 8.5px 10px;
margin-bottom: 40px;
}
.wsf-alert a {
text-decoration: underline;
}
.wsf-alert > :first-child {
margin-top: 0;
}
.wsf-alert > :last-child {
margin-bottom: 0;
}
.wsf-alert.wsf-alert-success {
background-color: #d5edda;
border-color: #6eb67d;
color: #1c5026;
}
.wsf-alert.wsf-alert-success a,
.wsf-alert.wsf-alert-success a:hover,
.wsf-alert.wsf-alert-success a:focus {
color: #12351a;
}
.wsf-alert.wsf-alert-information {
background-color: #d6f5fb;
border-color: #61d8f1;
color: #01738b;
}
.wsf-alert.wsf-alert-information a,
.wsf-alert.wsf-alert-information a:hover,
.wsf-alert.wsf-alert-information a:focus {
color: #014c5c;
}
.wsf-alert.wsf-alert-warning {
background-color: #fff4dd;
border-color: #fed478;
color: #654a0c;
}
.wsf-alert.wsf-alert-warning a,
.wsf-alert.wsf-alert-warning a:hover,
.wsf-alert.wsf-alert-warning a:focus {
color: #654a0c;
}
.wsf-alert.wsf-alert-danger {
background-color: #f5d0d0;
border-color: #d65656;
color: #4b0000;
}
.wsf-alert.wsf-alert-danger a,
.wsf-alert.wsf-alert-danger a:hover,
.wsf-alert.wsf-alert-danger a:focus {
color: #4b0000;
}
/* Button */
button.wsf-button {
-webkit-appearance: none;
background-color: #ceced2;
border: 2px solid #ceced2;
border-radius: 4px;
color: #000000;
cursor: pointer;
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 1.4;
padding: 8.5px 10px;
margin: 0;
text-align: center;
text-decoration: none;
touch-action: manipulation;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
button.wsf-button.wsf-button-full {
width: 100%;
}
button.wsf-button:focus,
button.wsf-button:active {
background-color: #a5a5a8;
border-color: #a5a5a8;
box-shadow: 0 0 0 4px rgba(206,206,210,0.25);
outline: 0;
}
button.wsf-button:disabled {
background-color: #ceced2;
border-color: #ceced2;
}
button.wsf-button.wsf-button-primary {
background-color: #205493;
border-color: #205493;
color: #ffffff;
}
button.wsf-button.wsf-button-primary:focus,
button.wsf-button.wsf-button-primary:active {
background-color: #1a4376;
border-color: #1a4376;
box-shadow: 0 0 0 4px rgba(32,84,147,0.25);
}
button.wsf-button.wsf-button-primary:disabled {
background-color: #205493;
border-color: #205493;
}
button.wsf-button.wsf-button-secondary {
background-color: #5b616b;
border-color: #5b616b;
color: #ffffff;
}
button.wsf-button.wsf-button-secondary:focus,
button.wsf-button.wsf-button-secondary:active {
background-color: #494e56;
border-color: #494e56;
box-shadow: 0 0 0 4px rgba(91,97,107,0.25);
}
button.wsf-button.wsf-button-secondary:disabled {
background-color: #5b616b;
border-color: #5b616b;
}
button.wsf-button.wsf-button-success {
background-color: #2e8540;
border-color: #2e8540;
color: #ffffff;
}
button.wsf-button.wsf-button-success:focus,
button.wsf-button.wsf-button-success:active {
background-color: #256a33;
border-color: #256a33;
box-shadow: 0 0 0 4px rgba(46,133,64,0.25);
}
button.wsf-button.wsf-button-success:disabled {
background-color: #2e8540;
border-color: #2e8540;
}
button.wsf-button.wsf-button-information {
background-color: #02bfe7;
border-color: #02bfe7;
color: #000000;
}
button.wsf-button.wsf-button-information:focus,
button.wsf-button.wsf-button-information:active {
background-color: #0299b9;
border-color: #0299b9;
box-shadow: 0 0 0 4px rgba(2,191,231,0.25);
}
button.wsf-button.wsf-button-information:disabled {
background-color: #02bfe7;
border-color: #02bfe7;
}
button.wsf-button.wsf-button-warning {
background-color: #fdb81e;
border-color: #fdb81e;
color: #000000;
}
button.wsf-button.wsf-button-warning:focus,
button.wsf-button.wsf-button-warning:active {
background-color: #ca9318;
border-color: #ca9318;
box-shadow: 0 0 0 4px rgba(253,184,30,0.25);
}
button.wsf-button.wsf-button-warning:disabled {
background-color: #fdb81e;
border-color: #fdb81e;
}
button.wsf-button.wsf-button-danger {
background-color: #bb0000;
border-color: #bb0000;
color: #ffffff;
}
button.wsf-button.wsf-button-danger:focus,
button.wsf-button.wsf-button-danger:active {
background-color: #960000;
border-color: #960000;
box-shadow: 0 0 0 4px rgba(187,0,0,0.25);
}
button.wsf-button.wsf-button-danger:disabled {
background-color: #bb0000;
border-color: #bb0000;
}
button.wsf-button.wsf-button-inverted {
background-color: #ffffff;
border-color: #ceced2;
color: #000000;
transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
button.wsf-button.wsf-button-inverted:focus,
button.wsf-button.wsf-button-inverted:active {
background-color: #ceced2;
}
button.wsf-button.wsf-button-inverted:disabled {
background-color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-primary {
border-color: #205493;
color: #205493;
}
button.wsf-button.wsf-button-inverted.wsf-button-primary:focus {
background-color: #205493;
border-color: #205493;
color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-primary:disabled {
background-color: #ffffff;
border-color: #205493;
color: #205493;
}
button.wsf-button.wsf-button-inverted.wsf-button-secondary {
border-color: #5b616b;
color: #5b616b;
}
button.wsf-button.wsf-button-inverted.wsf-button-secondary:focus {
background-color: #5b616b;
border-color: #5b616b;
color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-secondary:disabled {
background-color: #ffffff;
border-color: #5b616b;
color: #5b616b;
}
button.wsf-button.wsf-button-inverted.wsf-button-success {
border-color: #2e8540;
color: #2e8540;
}
button.wsf-button.wsf-button-inverted.wsf-button-success:focus {
background-color: #2e8540;
border-color: #2e8540;
color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-success:disabled {
background-color: #ffffff;
border-color: #2e8540;
color: #2e8540;
}
button.wsf-button.wsf-button-inverted.wsf-button-information {
border-color: #02bfe7;
color: #02bfe7;
}
button.wsf-button.wsf-button-inverted.wsf-button-information:focus {
background-color: #02bfe7;
border-color: #02bfe7;
color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-information:disabled {
background-color: #ffffff;
border-color: #02bfe7;
color: #02bfe7;
}
button.wsf-button.wsf-button-inverted.wsf-button-warning {
border-color: #fdb81e;
color: #fdb81e;
}
button.wsf-button.wsf-button-inverted.wsf-button-warning:focus {
background-color: #fdb81e;
border-color: #fdb81e;
color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-warning:disabled {
background-color: #ffffff;
border-color: #fdb81e;
color: #fdb81e;
}
button.wsf-button.wsf-button-inverted.wsf-button-danger {
border-color: #bb0000;
color: #bb0000;
}
button.wsf-button.wsf-button-inverted.wsf-button-danger:focus {
background-color: #bb0000;
border-color: #bb0000;
color: #ffffff;
}
button.wsf-button.wsf-button-inverted.wsf-button-danger:disabled {
background-color: #ffffff;
border-color: #bb0000;
color: #bb0000;
}
button.wsf-button::-moz-focus-inner {
border: 0;
margin: 0;
padding: 0;
}
button.wsf-button:disabled {
cursor: not-allowed;
opacity: .5;
transition: none;
}
.wsf-form-post-lock-progress button.wsf-button {
cursor: progress;
}
/* Helpers */
.wsf-text-primary {
color: #205493;
}
.wsf-text-secondary {
color: #5b616b;
}
.wsf-text-success {
color: #2e8540;
}
.wsf-text-information {
color: #02bfe7;
}
.wsf-text-warning {
color: #fdb81e;
}
.wsf-text-danger {
color: #bb0000;
}
.wsf-text-left {
text-align: left;
}
.wsf-text-center {
text-align: center;
}
.wsf-text-right {
text-align: right;
}
.wsf-hidden {
display: none !important;
}
.wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
.wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
.wsf-label-position-inside canvas.wsf-field + label,
.wsf-label-position-inside select.wsf-field + label,
.wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: 32px;
line-height: 1.4;
margin-top: 0;
position: absolute;
top: 8.5px;;
transform-origin: 0 0;
transition: transform 200ms;
user-select: none;
width: auto;
}
.wsf-label-position-inside canvas.wsf-field + label,
.wsf-label-position-inside select.wsf-field + label,
.wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: #ffffff;
-webkit-margin-start: -5.5px;
margin-inline-start: -5.5px;
padding-left: 5.5px;
padding-right: 5.5px;
transform: translate(0, -23px) scale(0.9);
}
.wsf-label-position-inside .iti input.wsf-field[placeholder]:focus + label,
.wsf-label-position-inside .iti input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-label-position-inside .iti input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-label-position-inside .iti input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
transform: translate(var(--wsf-tel-transform-x), -23px) scale(0.9);
}
/* Fix: z-index for Google Places search results container in Oxygen pop-ups */
.pac-container {
z-index: 1401;
}