[class*=wpfs-] {
--font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
--primary-color: #2f2f37;
--secondary-color: #156ccc;
--error-color: #b70404;
--success-color: #18a348;
--light-color: #fff;
--info-color: #eb8d00;
--silver-color: #7f8393;
--x11-gray: #b6b8c5;
--default-border-radius: 4px;
--form-bg-color: #fff;
--form-base-color: #7f8393;
--form-secondary-color: #b6b8c5;
--form-control-bg-color: #fff;
--form-control-border-color: #7f8393;
--form-control-placeholder-color: #7f8393;
--form-control-hover-border-color: #7f8393;
--form-check-input-disabled-bg-color: rgba(182, 184, 197, 0.3);
--form-message-font-color: #fff;
--ui-widget-content-bg-color: #fff;
--ui-state-active-bg-color: #ecf3fb;
--ui-state-active-font-color: #fff;
--ui-state-selected-bg-color: #156ccc;
--ui-state-selected-font-color: #fff;
--ui-info-tooltip-font-color: #fff;
--ui-summary-tooltip-bg-color: #fff;
--ui-summary-tooltip-border-color: #b6b8c5;
--ui-summary-tooltip-description-font-color: #7f8393;
--link-font-color: #156ccc;
--link-hover-font-color: #1778e3;
--link-active-font-color: #156ccc;
--link-disabled-font-color: #b6b8c5;
--dialog-bg-color: #fff;
}
.wpfs-form {
--form-thank-you-message-font-color: #2f2f37;
}
.wpfs-btn {
--primary-bg-color: #156ccc;
--primary-font-color: #fff;
--primary-hover-focus-bg-color: #1778e3;
--primary-active-bg-color: #156ccc;
--primary-disabled-bg-color: #b6b8c5;
--primary-disabled-font-color: rgba(255, 255, 255, 0.6);
--danger-bg-color: #b70404;
--danger-font-color: #fff;
--danger-hover-focus-bg-color: #d00505;
--danger-active-bg-color: #b70404;
--danger-disabled-bg-color: #b6b8c5;
--danger-disabled-font-color: rgba(255, 255, 255, 0.6);
--outline-primary-bg-color: #fff;
--outline-primary-hover-focus-border-color: #156ccc;
--outline-primary-border-color: #b6b8c5;
--outline-primary-disabled-border-color: #b6b8c5;
--outline-primary-disabled-font-color: rgba(255, 255, 255, 0.6);
--outline-primary-selected-font-color: #fff;
}input[type=text].wpfs-form-control,
input[type=email].wpfs-form-control,
input[type=url].wpfs-form-control,
input[type=password].wpfs-form-control,
input[type=search].wpfs-form-control,
input[type=number].wpfs-form-control,
input[type=tel].wpfs-form-control,
input[type=range].wpfs-form-control,
input[type=date].wpfs-form-control,
input[type=month].wpfs-form-control,
input[type=week].wpfs-form-control,
input[type=time].wpfs-form-control,
input[type=datetime].wpfs-form-control,
input[type=datetime-local].wpfs-form-control,
input[type=color].wpfs-form-control,
textarea.wpfs-form-control {
background: var(--form-control-bg-color);
background-image: none;
display: inline-block;
width: 100%;
height: 40px;
color: var(--primary-color);
font-family: var(--font-family);
font-size: 15px;
padding: 0 16px;
border: 1px solid var(--form-control-border-color);
border-radius: var(--default-border-radius);
transition: border-color 0.3s ease, box-shadow 0.3s ease;
float: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
letter-spacing: normal;
font-weight: 400;
}
input[type=text].wpfs-form-control:focus,
input[type=email].wpfs-form-control:focus,
input[type=url].wpfs-form-control:focus,
input[type=password].wpfs-form-control:focus,
input[type=search].wpfs-form-control:focus,
input[type=number].wpfs-form-control:focus,
input[type=tel].wpfs-form-control:focus,
input[type=range].wpfs-form-control:focus,
input[type=date].wpfs-form-control:focus,
input[type=month].wpfs-form-control:focus,
input[type=week].wpfs-form-control:focus,
input[type=time].wpfs-form-control:focus,
input[type=datetime].wpfs-form-control:focus,
input[type=datetime-local].wpfs-form-control:focus,
input[type=color].wpfs-form-control:focus,
textarea.wpfs-form-control:focus {
outline: none;
}
input[type=text].wpfs-input-group-form-control:focus,
input[type=email].wpfs-input-group-form-control:focus,
input[type=url].wpfs-input-group-form-control:focus,
input[type=password].wpfs-input-group-form-control:focus,
input[type=search].wpfs-input-group-form-control:focus,
input[type=number].wpfs-input-group-form-control:focus,
input[type=tel].wpfs-input-group-form-control:focus,
input[type=range].wpfs-input-group-form-control:focus,
input[type=date].wpfs-input-group-form-control:focus,
input[type=month].wpfs-input-group-form-control:focus,
input[type=week].wpfs-input-group-form-control:focus,
input[type=time].wpfs-input-group-form-control:focus,
input[type=datetime].wpfs-input-group-form-control:focus,
input[type=datetime-local].wpfs-input-group-form-control:focus,
input[type=color].wpfs-input-group-form-control:focus,
textarea.wpfs-input-group-form-control:focus {
outline: none;
}
input[type=text].wpfs-form-control--error,
input[type=email].wpfs-form-control--error,
input[type=url].wpfs-form-control--error,
input[type=password].wpfs-form-control--error,
input[type=search].wpfs-form-control--error,
input[type=number].wpfs-form-control--error,
input[type=tel].wpfs-form-control--error,
input[type=range].wpfs-form-control--error,
input[type=date].wpfs-form-control--error,
input[type=month].wpfs-form-control--error,
input[type=week].wpfs-form-control--error,
input[type=time].wpfs-form-control--error,
input[type=datetime].wpfs-form-control--error,
input[type=datetime-local].wpfs-form-control--error,
input[type=color].wpfs-form-control--error,
textarea.wpfs-form-control--error {
border-color: var(--error-color);
}
[class^=wpfs-],
[class*=" wpfs-"] {
line-height: normal;
}
.wpfs-input-group > .wpfs-input-group-form-control {
background: var(--form-control-bg-color);
background-image: none;
color: var(--primary-color);
display: inline-block;
padding: 0 16px;
border: 0 !important;
border-radius: var(--default-border-radius);
font-size: 15px;
height: 40px;
margin: 0;
float: none;
outline: none !important;
}
.wpfs-form-group, .wpfs-form-check-group {
text-align: left;
}
.wpfs-form-label, .wpfs-form-check-group-title {
float: none;
padding: 0;
width: auto;
text-align: left;
}
.wpfs-form-check-label {
display: inline;
float: none;
font-weight: normal;
padding: 0 0 0 24px;
}
.wpfs-btn {
text-transform: none;
margin-bottom: 0;
}
.wpfs-btn-primary:focus, button.wpfs-btn-primary[type=submit]:focus,
button.wpfs-btn-primary:focus:not(:hover):not(:active):not(.has-text-color), .wpfs-btn-primary:not(.wpfs-btn-primary--disabled):not(:disabled):not(:active):hover {
color: var(--primary-font-color);
}
.wpfs-btn-outline-primary:focus, .wpfs-btn-outline-primary:not(.wpfs-btn-outline-primary--disabled):not(.wpfs-btn-outline-primary--selected):not(:disabled):hover {
background: var(--outline-primary-bg-color);
}
.wpfs-btn-outline-primary--selected:hover {
background: var(--primary-bg-color);
}
.wpfs-btn-outline-primary:disabled, .wpfs-btn-outline-primary-disabled {
background: transparent;
}
.wpfs-btn-link {
font-weight: normal;
background: transparent;
border-radius: 0;
}
.wpfs-btn-link--disabled, .wpfs-btn-link:disabled {
background: transparent;
color: var(--link-disabled-font-color);
}
.wpfs-btn-link--disabled:hover, .wpfs-btn-link:disabled:hover {
color: var(--link-disabled-font-color);
}
.wpfs-datepicker-div .ui-datepicker-calendar {
margin: 0;
}
.wpfs-datepicker-div .ui-datepicker-calendar tr {
border: 0;
}
.wpfs-datepicker-div .ui-datepicker-calendar th {
padding: 0;
border: 0;
text-align: center;
}
.wpfs-button-group .wpfs-form-check-input:checked + .wpfs-btn-outline-primary:hover {
background: var(--primary-bg-color);
}
.wpfs-summary-table {
min-width: auto;
border: 0;
margin: 0 !important;
}
.wpfs-summary-table tbody {
background: none !important;
border: 0 !important;
}
.wpfs-summary-table tbody .wpfs-summary-table-cell {
border: 0;
}
.wpfs-summary-table tfoot {
background: none !important;
color: var(--primary-color) !important;
border: 0 !important;
text-align: left;
}
.wpfs-summary-table tfoot .wpfs-summary-table-cell {
border: 0;
}
.wpfs-summary-table-row, .wpfs-summary-table-total {
background: none !important;
border: 0 !important;
}
.wpfs-summary-table-cell {
border: 0;
}
.wpfs-summary-table-cell:first-child {
font-weight: normal !important;
}
.wpfs-summary-table-cell:last-child {
text-align: right !important;
}
.wpfs-summary-table-cell:first-child, .wpfs-summary-table-cell:last-child {
padding: 4px !important;
}
.wpfs-tooltip {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.wpfs-form-check-group-title {
border: 0;
}
.wpfs-form .select2 {
display: none;
}
.wpfs-form-row .wpfs-form-group {
margin-bottom: 24px;
}
.wpfs-selectmenu-button .ui-icon {
display: block !important;
}
.entry-content .wpfs-input-group-link {
box-shadow: none;
}
.entry-content .wpfs-input-group-link:hover, .entry-content .wpfs-input-group-link:focus {
color: var(--link-hover-font-color);
box-shadow: none;
}
.entry-content .wpfs-btn {
text-transform: none;
}
.entry-content .wpfs-btn-link {
box-shadow: none;
}
.entry-content .wpfs-btn-link:not(.wpfs-btn-link--disabled):not(:disabled):focus, .entry-content .wpfs-btn-link:not(.wpfs-btn-link--disabled):not(:disabled):hover {
color: var(--link-hover-font-color);
box-shadow: none;
}
.entry-content .wpfs-btn-link--disabled:focus, .entry-content .wpfs-btn-link--disabled:hover, .entry-content .wpfs-btn-link:disabled:focus, .entry-content .wpfs-btn-link:disabled:hover {
color: var(--link-disabled-font-color);
box-shadow: none;
}
.entry-content .wpfs-stepper .ui-spinner-button {
font-size: 16px;
box-shadow: none;
text-decoration: none;
}
.entry-content .wpfs-form-label a, .entry-content .wpfs-form-check-label a {
color: var(--link-font-color);
box-shadow: none;
text-decoration: none;
}
.entry-content input[type=text].wpfs-form-control:focus, .entry-content input[type=text].wpfs-input-group-form-control:focus,
.entry-content input[type=email].wpfs-form-control:focus,
.entry-content input[type=email].wpfs-input-group-form-control:focus,
.entry-content input[type=url].wpfs-form-control:focus,
.entry-content input[type=url].wpfs-input-group-form-control:focus,
.entry-content input[type=password].wpfs-form-control:focus,
.entry-content input[type=password].wpfs-input-group-form-control:focus,
.entry-content input[type=search].wpfs-form-control:focus,
.entry-content input[type=search].wpfs-input-group-form-control:focus,
.entry-content input[type=number].wpfs-form-control:focus,
.entry-content input[type=number].wpfs-input-group-form-control:focus,
.entry-content input[type=tel].wpfs-form-control:focus,
.entry-content input[type=tel].wpfs-input-group-form-control:focus,
.entry-content input[type=range].wpfs-form-control:focus,
.entry-content input[type=range].wpfs-input-group-form-control:focus,
.entry-content input[type=date].wpfs-form-control:focus,
.entry-content input[type=date].wpfs-input-group-form-control:focus,
.entry-content input[type=month].wpfs-form-control:focus,
.entry-content input[type=month].wpfs-input-group-form-control:focus,
.entry-content input[type=week].wpfs-form-control:focus,
.entry-content input[type=week].wpfs-input-group-form-control:focus,
.entry-content input[type=time].wpfs-form-control:focus,
.entry-content input[type=time].wpfs-input-group-form-control:focus,
.entry-content input[type=datetime].wpfs-form-control:focus,
.entry-content input[type=datetime].wpfs-input-group-form-control:focus,
.entry-content input[type=datetime-local].wpfs-form-control:focus,
.entry-content input[type=datetime-local].wpfs-input-group-form-control:focus,
.entry-content input[type=color].wpfs-form-control:focus,
.entry-content input[type=color].wpfs-input-group-form-control:focus,
.entry-content textarea.wpfs-form-control:focus,
.entry-content textarea.wpfs-input-group-form-control:focus {
outline: none;
box-shadow: none;
}
.entry .entry-content .wpfs-input-group-link {
text-decoration: none;
}
.entry .entry-content .wpfs-btn {
text-transform: none;
}
.entry .entry-content .wpfs-btn-link {
text-decoration: none;
}
input[type=radio] + .wpfs-btn-outline-primary {
font-weight: bold;
}
#content .wpb_text_column .wpfs-form-check {
padding: 0;
}
#content .wpb_text_column .wpfs-form-check-group .wpfs-form-check {
padding: 0;
margin-bottom: 16px;
}
#content .wpb_text_column .wpfs-form-row .wpfs-form-group {
margin-bottom: 24px;
}
#content .wpb_text_column input[type=checkbox] + label,
#content .wpb_text_column input[type=radio] + label {
margin: 0;
}
.wpfs-form-select .stm_select {
display: none;
}
input[type=checkbox].wpfs-form-check-input + .wpfs-form-check-label,
input[type=radio].wpfs-form-check-input + .wpfs-form-check-label {
font-size: 15px;
padding-left: 24px;
margin-left: 0;
margin-bottom: 0;
vertical-align: baseline;
}
input[type=checkbox].wpfs-form-check-input + .wpfs-btn,
input[type=radio].wpfs-form-check-input + .wpfs-btn {
font-size: 15px;
margin-left: 0;
margin-bottom: 0;
vertical-align: baseline;
}
.wpfs-stepper .ui-spinner {
background: var(--form-control-bg-color);
border: 0;
overflow: visible;
}
.wpfs-stepper .ui-spinner a.ui-spinner-button {
background: none;
border: 0;
text-decoration: none;
}
.wpfs-stepper .ui-spinner a.ui-spinner-button .ui-button-text {
display: block;
padding: 0;
}
.wpfs-stepper .ui-spinner a.ui-spinner-button .ui-icon {
background: none;
text-indent: 0;
display: block;
position: static;
text-decoration: none;
transition: color 0.3s ease;
font-size: 18px;
}
.wpfs-stepper .wpfs-form-control {
margin: 0;
}
body[data-form-submit=regular] .container-wrap button[type=submit] {
padding: 0px 22px !important;
margin-right: 0;
}
body[data-form-submit=regular] .container-wrap button[type=submit].wpfs-btn-primary--loader {
padding-left: 56px !important;
}
body[data-form-submit=regular] .container-wrap button[type=submit].wpfs-btn-primary--loader:disabled:hover {
-webkit-transform: none !important;
transform: none !important;
}
.wpfs-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
}
.wpfs-sr-only-focusable:active, .wpfs-sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
[class^=wpfs-],
[class*=" wpfs-"] {
font-family: var(--font-family);
font-size: initial;
color: var(--primary-color);
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: "wpfs-icons";
src: url(//www.volution.eu/wp-content/plugins/wp-full-stripe/assets/fonts/wpfs-icons/wpfs-icons.ttf) format("truetype"), url(//www.volution.eu/wp-content/plugins/wp-full-stripe/assets/fonts/wpfs-icons/wpfs-icons.woff) format("woff"), url(//www.volution.eu/wp-content/plugins/wp-full-stripe/assets/fonts/wpfs-icons/wpfs-icons.svg#wpfs-icons) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=wpfs-icon-],
[class*=" wpfs-icon-"] {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpfs-icon-check-circle:before {
content: "\e906";
}
.wpfs-icon-arrow:before {
content: "\e903";
}
.wpfs-icon-calendar:before {
content: "\e907";
}
.wpfs-icon-check:before {
content: "\e902";
}
.wpfs-icon-decrease:before {
content: "\e909";
}
.wpfs-icon-error-diamond:before {
content: "\e901";
}
.wpfs-icon-help-circle:before {
content: "\e904";
}
.wpfs-icon-increase:before {
content: "\e900";
}
.wpfs-icon-spinner:before {
content: "\e905";
}
.wpfs-icon-success-circle:before {
content: "\e908";
}
.wpfs-icon-accounting-document:before {
content: "\e90b";
}
.wpfs-btn {
display: inline-block;
cursor: pointer;
padding: 0;
border: 0;
text-align: center;
text-decoration: none !important;
}
.wpfs-btn-primary, button.wpfs-btn-primary[type=submit],
.no-touch button.wpfs-btn-primary[type=submit],
button.wpfs-btn-primary:not(:hover):not(:active):not(.has-text-color) {
background: var(--primary-bg-color);
height: 40px;
line-height: 38px;
color: var(--primary-font-color);
font-size: 17px;
font-weight: bold;
padding: 0 16px;
box-shadow: 0px 2px 2px rgba(47, 47, 55, 0.25);
border-radius: var(--default-border-radius);
transition: background-color 0.3s ease;
text-transform: none;
}
.wpfs-btn-primary:focus, button.wpfs-btn-primary[type=submit]:focus,
button.wpfs-btn-primary:focus:not(:hover):not(:active):not(.has-text-color), .wpfs-btn-primary:not(.wpfs-btn-primary--disabled):not(:disabled):not(:active):hover {
background: var(--primary-hover-focus-bg-color);
box-shadow: 0px 2px 2px rgba(47, 47, 55, 0.25);
text-transform: none;
}
.wpfs-btn-primary:focus, button.wpfs-btn-primary[type=submit]:focus,
button.wpfs-btn-primary:focus:not(:hover):not(:active):not(.has-text-color) {
outline: none;
}
.wpfs-btn-primary:active, button.wpfs-btn-primary[type=submit]:active,
button.wpfs-btn-primary:active:not(:hover):not(:active):not(.has-text-color) {
background: var(--primary-active-bg-color);
box-shadow: inset 0px 2px 2px rgba(47, 47, 55, 0.25);
text-transform: none;
}
.wpfs-btn-primary:disabled, button.wpfs-btn-primary[type=submit]:disabled,
button.wpfs-btn-primary:disabled:not(:hover):not(:active):not(.has-text-color), .wpfs-btn-primary--disabled, .wpfs-btn-primary--disabled:visited {
background: var(--primary-disabled-bg-color);
color: var(--primary-disabled-font-color);
box-shadow: none;
cursor: not-allowed;
text-transform: none;
}
.wpfs-btn-primary--loader {
position: relative;
padding-left: 56px !important;
text-transform: none;
}
.wpfs-btn-primary--loader:disabled, .wpfs-btn-primary--loader--disabled {
color: var(--primary-disabled-font-color);
}
.wpfs-btn-primary--loader:after {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
left: 16px;
font-size: 24px;
margin-top: -12px;
-webkit-transform-origin: 50% 52%;
transform-origin: 50% 52%;
-webkit-animation: loader 1s infinite ease;
animation: loader 1s infinite ease;
}
.wpfs-btn-danger {
background: var(--danger-bg-color);
height: 40px;
line-height: 38px;
color: var(--danger-font-color);
font-size: 17px;
font-weight: bold;
padding: 0 16px;
box-shadow: 0px 2px 2px rgba(47, 47, 55, 0.25);
border-radius: var(--default-border-radius);
transition: background-color 0.3s ease;
text-transform: none;
}
.wpfs-btn-danger:focus, .wpfs-btn-danger:not(.wpfs-btn-danger--disabled):not(:disabled):not(:active):hover {
background: var(--danger-hover-focus-bg-color);
box-shadow: 0px 2px 2px rgba(47, 47, 55, 0.25);
text-transform: none;
}
.wpfs-btn-danger:focus {
outline: none;
}
.wpfs-btn-danger:active {
background: var(--danger-active-bg-color);
box-shadow: inset 0px 2px 2px rgba(47, 47, 55, 0.25);
text-transform: none;
}
.wpfs-btn-danger:disabled, .wpfs-btn-danger--disabled, .wpfs-btn-danger--disabled:visited {
background: var(--danger-disabled-bg-color);
color: var(--danger-disabled-font-color);
box-shadow: none;
cursor: not-allowed;
text-transform: none;
}
.wpfs-btn-danger--loader {
position: relative;
padding-left: 56px;
text-transform: none;
}
.wpfs-btn-danger--loader:disabled, .wpfs-btn-danger--loader--disabled {
color: var(--primary-font-color);
}
.wpfs-btn-danger--loader:after {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
left: 16px;
font-size: 24px;
margin-top: -12px;
-webkit-transform-origin: 50% 52%;
transform-origin: 50% 52%;
-webkit-animation: loader 1s infinite ease;
animation: loader 1s infinite ease;
}
.wpfs-btn-outline-primary {
background: var(--outline-primary-bg-color);
height: 40px;
line-height: 38px;
font-size: 15px;
font-weight: bold;
padding: 0 24px;
border: 1px solid var(--outline-primary-border-color);
box-sizing: border-box;
box-shadow: 0px 2px 2px rgba(47, 47, 55, 0.25);
border-radius: var(--default-border-radius);
transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
text-transform: none;
}
.wpfs-btn-outline-primary:focus, .wpfs-btn-outline-primary:not(.wpfs-btn-outline-primary--disabled):not(:disabled):hover {
border-color: var(--outline-primary-hover-focus-border-color);
text-transform: none;
}
.wpfs-btn-outline-primary:focus {
outline: none;
}
.wpfs-btn-outline-primary:active {
box-shadow: inset 0px 2px 2px rgba(47, 47, 55, 0.25);
text-transform: none;
}
.wpfs-btn-outline-primary:disabled, .wpfs-btn-outline-primary--disabled, .wpfs-btn-outline-primary--disabled:visited {
background: var(--outline-primary-disabled-border-color);
border-color: var(--outline-primary-disabled-border-color);
color: var(--outline-primary-disabled-font-color);
cursor: not-allowed;
text-transform: none;
}
.wpfs-btn-outline-primary--selected, .wpfs-btn-outline-primary--selected:focus {
background: var(--primary-bg-color);
color: var(--outline-primary-selected-font-color);
border-color: var(--primary-bg-color);
}
.wpfs-btn-link {
color: var(--link-font-color);
font-size: 15px;
text-decoration: none;
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
text-transform: none;
}
.wpfs-btn-link:visited {
color: var(--link-font-color);
}
.wpfs-btn-link:not(.wpfs-btn-link--disabled):not(:disabled):focus, .wpfs-btn-link:not(.wpfs-btn-link--disabled):not(:disabled):hover {
background: none;
color: var(--link-hover-font-color);
border-bottom-color: var(--link-hover-font-color);
text-transform: none;
}
.wpfs-btn-link:active {
color: var(--link-active-font-color);
border-bottom-color: var(--link-hover-font-color);
text-transform: none;
}
.wpfs-btn-link--disabled, .wpfs-btn-link:disabled, .wpfs-btn-link--disabled:visited {
color: var(--link-disabled-font-color);
cursor: not-allowed;
text-transform: none;
}
.wpfs-btn-link--bold {
font-weight: bold;
border-bottom: none;
}
.wpfs-btn-link--sm {
font-size: 13px;
}
.wpfs-btn-link--loader {
position: relative;
padding-left: 30px;
text-transform: none;
}
.wpfs-btn-link--loader:after {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
left: 0;
font-size: 20px;
margin-top: -10px;
-webkit-transform-origin: 50% 55%;
transform-origin: 50% 55%;
-webkit-animation: loader 1s infinite ease;
animation: loader 1s infinite ease;
}
.wpfs-btn-link--collapsible {
position: relative;
padding-right: 14px;
}
.wpfs-btn-link--collapsible:before {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
position: absolute;
top: calc(50% - 5px);
right: 0;
font-size: 10px;
font-weight: bold;
}
.wpfs-btn-link--collapsible-expanded:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.wpfs-btn-collapsible {
position: relative;
background: var(--light-color);
height: 40px;
line-height: 38px;
color: var(--secondary-color);
font-size: 17px;
font-weight: bold;
padding: 0 36px 0 16px;
border: 1px solid var(--secondary-color);
border-radius: var(--default-border-radius);
transition: background-color 0.3s ease;
text-transform: none;
}
.wpfs-btn-collapsible:before {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
position: absolute;
top: calc(50% - 6px);
right: 16px;
font-size: 12px;
font-weight: bold;
}
.wpfs-btn-collapsible:hover {
background: #fff;
}
.wpfs-btn-collapsible--expanded:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.wpfs-form {
width: 100%;
text-align: left;
}
.wpfs-form--inline {
width: auto;
display: inline-block;
}
.wpfs-form-group {
margin-bottom: 24px;
}
.wpfs-form-label, .wpfs-form-check-group-title {
display: block;
font-weight: bold;
font-size: 13px;
color: var(--form-base-color);
}
.wpfs-form-label--with-info, .wpfs-form-check-group-title--with-info {
position: relative;
display: inline-block;
}
.wpfs-form-label {
margin-bottom: 8px;
}
.wpfs-form-check-group-title {
margin-bottom: 12px;
}
.wpfs-form-check-group {
background: none;
display: block;
padding: 0;
margin: 0 0 8px;
border: none;
}
.wpfs-form-check-group .wpfs-form-check {
margin-bottom: 16px;
}
.wpfs-form-control {
background: var(--form-control-bg-color);
display: inline-block;
width: 100%;
height: 40px;
font-size: 15px;
padding: 0 16px;
border: 1px solid var(--form-control-border-color);
border-radius: var(--default-border-radius);
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.wpfs-form-control::-webkit-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-form-control::-moz-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-form-control:-ms-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-form-control::-ms-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-form-control::placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
transition: color 0.3s ease;
}
.wpfs-form-control:not(:disabled):not(.wpfs-form-control--error):not(.wpfs-form-control--focus):not(:focus):hover {
border: 1px solid var(--form-control-hover-border-color);
}
.wpfs-form-control:focus {
outline: none;
}
.wpfs-form-control:not(.wpfs-form-control--error).wpfs-form-control--focus, .wpfs-form-control:not(.wpfs-form-control--error):focus {
border-color: var(--secondary-color);
box-shadow: 0px 0px 0px 1px var(--secondary-color) !important;
}
.wpfs-form-control--error {
border-color: var(--error-color);
}
.wpfs-form-card {
padding-top: 11px;
}
.wpfs-form-card .ElementsApp,
.wpfs-form-card .ElementsApp .InputElement {
color: var(--primary-color);
font-family: var(--font-family);
font-size: "15px";
}
.wpfs-form-card .ElementsApp::-webkit-input-placeholder, .wpfs-form-card .ElementsApp .InputElement::-webkit-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
}
.wpfs-form-card .ElementsApp::-moz-placeholder, .wpfs-form-card .ElementsApp .InputElement::-moz-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
}
.wpfs-form-card .ElementsApp:-ms-input-placeholder, .wpfs-form-card .ElementsApp .InputElement:-ms-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
}
.wpfs-form-card .ElementsApp::-ms-input-placeholder, .wpfs-form-card .ElementsApp .InputElement::-ms-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
}
.wpfs-form-card .ElementsApp::placeholder,
.wpfs-form-card .ElementsApp .InputElement::placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
}
.wpfs-form-check {
position: relative;
margin-bottom: 24px;
}
.wpfs-form-check-input[type=checkbox], .wpfs-form-check-input[type=radio] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
margin: 0;
z-index: -1;
width: auto;
min-width: auto;
height: auto;
background: transparent;
border: 0;
}
.wpfs-form-check-input + .wpfs-form-check-label {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpfs-form-check-input + .wpfs-form-check-label:before {
content: "";
background: var(--form-control-bg-color);
position: absolute;
top: 1px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid var(--form-control-border-color);
box-sizing: border-box;
transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
z-index: 1;
}
.wpfs-form-check-input:not(.wpfs-form-check-input--error):hover + .wpfs-form-check-label:before {
border-color: var(--form-control-hover-border-color);
}
.wpfs-form-check-input:focus + .wpfs-form-check-label:before {
border-color: var(--secondary-color);
box-shadow: 0px 0px 0px 1px var(--secondary-color);
}
.wpfs-form-check-input:disabled + .wpfs-form-check-label {
cursor: not-allowed;
}
.wpfs-form-check-input:disabled + .wpfs-form-check-label:before {
background: var(--form-check-input-disabled-bg-color);
}
.wpfs-form-check-input[type=checkbox] + .wpfs-form-check-label:before {
border-radius: var(--default-border-radius);
}
.wpfs-form-check-input[type=checkbox]:checked + .wpfs-form-check-label:before {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
background: var(--secondary-color);
color: var(--light-color);
font-size: 9px;
border-color: var(--secondary-color);
text-align: center;
padding-top: 3px;
}
.wpfs-form-check-input[type=radio] + .wpfs-form-check-label:before {
border-radius: 50%;
}
.wpfs-form-check-input[type=radio] + .wpfs-form-check-label:after {
content: "";
background: var(--secondary-color);
position: absolute;
top: 5px;
left: 4px;
width: 8px;
height: 8px;
z-index: 2;
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease;
}
.wpfs-form-check-input[type=radio]:checked + .wpfs-form-check-label:before {
border-color: var(--secondary-color);
}
.wpfs-form-check-input[type=radio]:checked + .wpfs-form-check-label:after {
opacity: 1;
}
.wpfs-form-check-input--error + .wpfs-form-check-label:before {
border-color: var(--error-color);
}
.wpfs-form-check-label {
font-size: 15px;
padding-left: 24px;
}
.wpfs-form-select {
height: 40px;
}
.wpfs-form-select select {
background: var(--form-control-bg-color);
width: 100%;
height: 40px;
font-family: var(--font-family);
font-size: 15px;
padding: 0 16px;
border: 1px solid var(--form-control-border-color);
border-radius: var(--default-border-radius);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpfs-form-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 32px;
}
.wpfs-form-label-info {
position: absolute;
top: 0;
right: -13px;
color: inherit;
font-size: 12px;
cursor: pointer;
}
.wpfs-form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.wpfs-form-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
padding-right: 8px;
padding-left: 8px;
}
@media (max-width: 575.98px) {
.wpfs-form-col {
min-width: 100%;
}
}
.wpfs-form-error-message {
color: var(--error-color);
font-size: 13px;
font-weight: bold;
margin-top: 4px;
}
.wpfs-form-message {
color: var(--form-message-font-color);
font-size: 15px;
line-height: 24px;
padding: 8px 16px;
border-radius: var(--default-border-radius);
margin-bottom: 24px;
}
.wpfs-form-message--correct, .wpfs-form-message--incorrect {
position: relative;
padding-left: 64px;
}
.wpfs-form-message--correct:before, .wpfs-form-message--incorrect:before {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 16px;
left: 16px;
color: var(--form-message-font-color);
font-size: 30px;
}
.wpfs-form-message--correct {
background: var(--success-color);
}
.wpfs-form-message--correct:before {
content: "\e906";
}
.wpfs-form-message--incorrect {
background: var(--error-color);
}
.wpfs-form-message--incorrect:before {
content: "\e901";
}
.wpfs-form-message--sm-icon {
padding: 12px 16px 12px 56px;
}
.wpfs-form-message--sm-icon:before {
font-size: 22px;
margin-top: -3px;
}
.wpfs-form-message a {
color: var(--form-message-font-color);
font-weight: bold;
text-decoration: none;
}
.wpfs-form-message-title {
color: var(--form-message-font-color);
line-height: 24px;
font-weight: bold;
}
.wpfs-form-thank-you {
padding: 40px;
text-align: center;
}
.wpfs-form-thank-you-icon {
color: var(--success-color);
font-size: 64px;
margin-bottom: 24px;
}
.wpfs-form-thank-you-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
}
.wpfs-form-thank-you-message {
color: var(--form-thank-you-message-font-color);
font-size: 15px;
line-height: 24px;
margin-bottom: 24px;
}
.wpfs-form-thank-you-message a {
color: var(--primary-color);
text-decoration: none;
}
.wpfs-form-label a:not(.wpfs-btn), .wpfs-form-check-label a:not(.wpfs-btn) {
color: var(--link-font-color);
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
text-decoration: none;
}
.wpfs-form-label a:not(.wpfs-btn):hover, .wpfs-form-label a:not(.wpfs-btn):active, .wpfs-form-check-label a:not(.wpfs-btn):hover, .wpfs-form-check-label a:not(.wpfs-btn):active {
color: var(--link-hover-font-color);
border-bottom-color: var(--link-hover-font-color);
}
.wpfs-form-separator {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
}
.wpfs-form-separator:before, .wpfs-form-separator:after {
content: "";
background: var(--x11-gray);
-ms-flex: 1;
flex: 1;
height: 1px;
}
.wpfs-form-separator-title {
color: var(--silver-color);
font-size: 13px;
font-weight: bold;
line-height: 16px;
text-transform: uppercase;
text-align: center;
padding: 0 8px;
}
.wpfs-input-group {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
border: 1px solid var(--form-control-border-color);
border-radius: var(--default-border-radius);
transition: all 0.3s ease;
}
.wpfs-input-group:not(.wpfs-input-group--disabled):not(.wpfs-input-group--error):not(:focus-within):hover {
border: 1px solid var(--form-control-hover-border-color);
}
.wpfs-input-group:not(.wpfs-input-group--error):focus-within {
border-color: var(--secondary-color);
box-shadow: 0px 0px 0px 1px var(--secondary-color);
}
.wpfs-input-group--error {
border-color: var(--error-color);
}
.wpfs-input-group > .wpfs-input-group-form-control {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
}
.wpfs-input-group > .wpfs-input-group-form-control:not(:first-child) {
padding-left: 0;
border: 0;
}
.wpfs-input-group > .wpfs-input-group-form-control:not(:last-child) {
padding-right: 0;
border: 0;
}
.wpfs-input-group-prepend, .wpfs-input-group-append {
background: var(--form-control-bg-color);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 16px;
border-radius: var(--default-border-radius);
cursor: text;
}
.wpfs-input-group-prepend {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
}
.wpfs-input-group-append {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
}
.wpfs-input-group-text {
color: var(--form-base-color);
font-size: 13px;
font-weight: bold;
}
.wpfs-input-group-link {
color: var(--secondary-color);
font-size: 15px;
font-weight: bold;
text-decoration: none;
transition: color 0.3s ease;
}
.wpfs-input-group-link:focus {
outline: none;
}
.wpfs-input-group-link:focus, .wpfs-input-group-link:hover {
color: var(--link-hover-font-color);
}
.wpfs-input-group-link--loader {
position: relative;
width: 24px;
}
.wpfs-input-group-link--loader span {
display: none;
}
.wpfs-input-group-link--loader:after {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
left: 0;
font-size: 24px;
margin-top: -12px;
-webkit-transform-origin: 50% 52%;
transform-origin: 50% 52%;
-webkit-animation: loader 1s infinite ease;
animation: loader 1s infinite ease;
}
.wpfs-input-group-icon [class^=wpfs-icon-],
.wpfs-input-group-icon [class*=" wpfs-icon-"] {
color: var(--form-base-color);
}
.wpfs-input-group-form-control {
background: var(--form-control-bg-color);
width: 100%;
height: 38px;
font-size: 15px;
padding: 0 16px;
border: 0;
border-radius: var(--default-border-radius);
}
.wpfs-input-group-form-control:focus {
outline: none;
}
.wpfs-input-group-form-control::-webkit-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-input-group-form-control::-moz-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-input-group-form-control:-ms-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-input-group-form-control::-ms-input-placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wpfs-input-group-form-control::placeholder {
color: var(--form-control-placeholder-color);
font-family: var(--font-family);
transition: color 0.3s ease;
}
.wpfs-tooltip {
position: absolute;
max-width: 300px;
z-index: 100;
}
.wpfs-tooltip.wpfs-ui.ui-widget-content {
padding: 0;
border: none;
}
.wpfs-tooltip-content {
display: none !important;
}
.wpfs-ui.ui-front,
.wpfs-ui .ui-front {
z-index: 10000;
}
.wpfs-ui.ui-menu,
.wpfs-ui .ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.wpfs-ui.ui-widget-content,
.wpfs-ui .ui-widget-content {
background: var(--ui-widget-content-bg-color);
border: 1px solid var(--form-base-color);
border-radius: var(--default-border-radius);
}
.wpfs-ui .ui-menu-item {
cursor: pointer;
margin: 0;
}
.wpfs-ui .ui-button {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: var(--primary-color);
font-weight: normal;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wpfs-selectmenu-button {
width: 100% !important;
white-space: nowrap;
}
.wpfs-selectmenu-button:hover {
background: var(--ui-widget-content-bg-color);
}
.wpfs-selectmenu-button:hover .ui-selectmenu-text {
color: var(--primary-color);
}
.wpfs-selectmenu-button.ui-selectmenu-button-open .ui-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.wpfs-selectmenu-button.ui-state-placeholder .ui-selectmenu-text {
color: var(--form-base-color);
}
.wpfs-selectmenu-button .ui-icon {
position: absolute;
top: 50%;
right: 16px;
width: 16px;
height: 16px;
color: var(--form-base-color);
font-size: 16px;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
pointer-events: none;
margin-top: -8px;
}
.wpfs-selectmenu-button .ui-selectmenu-text {
position: absolute;
width: calc(100% - 16px);
top: 0;
left: 16px;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 40px 10px 0;
transition: color 0.3s ease;
}
.wpfs-selectmenu-menu {
display: none;
position: absolute;
top: 0;
left: 0;
padding: 4px 0 0 0;
margin: 0;
}
.wpfs-selectmenu-menu.ui-selectmenu-open {
display: block;
}
.wpfs-selectmenu-menu .ui-menu {
max-height: 240px;
overflow: auto;
overflow-x: hidden;
}
.wpfs-selectmenu-menu .ui-menu-item:not(.ui-state-disabled).ui-state-focus .ui-menu-item-wrapper:not(.ui-state-selected) {
background: var(--ui-state-active-bg-color);
}
.wpfs-selectmenu-menu .ui-menu-item-wrapper {
font-size: 15px;
padding: 8px 16px;
transition: background 0.3s ease;
}
.wpfs-selectmenu-menu .ui-state-active {
background: var(--ui-state-active-bg-color);
}
.wpfs-selectmenu-menu .ui-state-selected {
background: var(--ui-state-selected-bg-color);
color: var(--ui-state-selected-font-color);
}
.wpfs-selectmenu-menu .ui-selectmenu-optgroup {
color: var(--form-base-color);
font-size: 13px;
font-weight: bold;
padding: 9px 0 9px 16px;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: normal;
margin: 0;
}
.wpfs-selectmenu-menu .ui-state-disabled {
color: var(--form-base-color);
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
border: 0;
}
.wpfs-selectmenu-menu .ui-state-disabled.ui-state-focus {
color: var(--form-base-color);
}
.wpfs-selectmenu-menu .ui-state-disabled .ui-state-active,
.wpfs-selectmenu-menu .ui-state-disabled .ui-menu-item-wrapper {
background: var(--ui-widget-content-bg-color);
outline: none;
}
.wpfs-selectmenu-menu .ui-state-focus {
border: 0;
background: none;
color: var(--primary-color);
}
.wpfs-button-group {
display: block;
max-width: 480px;
min-width: 0;
margin-bottom: 0;
}
.wpfs-button-group .wpfs-form-check-group-title {
margin-bottom: 8px;
}
.wpfs-button-group .wpfs-form-check-input:checked + .wpfs-btn-outline-primary {
background: var(--primary-bg-color);
color: var(--primary-font-color);
border-color: var(--primary-bg-color);
}
.wpfs-button-group .wpfs-form-check-input:disabled + .wpfs-btn-outline-primary {
border-color: var(--outline-primary-disabled-border-color);
color: var(--outline-primary-disabled-font-color);
box-shadow: none;
cursor: not-allowed;
}
.wpfs-button-group--without-space .wpfs-button-group-row {
margin-left: 0;
}
.wpfs-button-group--without-space .wpfs-button-group-row > .wpfs-button-group-item:not(:first-child) .wpfs-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.wpfs-button-group--without-space .wpfs-button-group-row > .wpfs-button-group-item:not(:last-child) .wpfs-btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.wpfs-button-group--without-space .wpfs-button-group-item {
padding-left: 0;
}
.wpfs-button-group--without-space .wpfs-button-group-item:not(:last-child) .wpfs-btn-outline-primary {
border-right: 0;
}
.wpfs-button-group--without-space .wpfs-button-group-item:hover + .wpfs-button-group-item .wpfs-btn-outline-primary {
border-left-color: var(--outline-primary-hover-focus-border-color);
}
.wpfs-button-group--without-space .wpfs-button-group-item .wpfs-btn {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wpfs-button-group-row {
display: -ms-flexbox;
display: flex;
margin-left: -16px;
}
.wpfs-button-group-row--fixed {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpfs-button-group-row--fixed .wpfs-button-group-item {
-ms-flex: none;
flex: none;
max-width: none;
min-width: auto;
}
.wpfs-button-group-row--fixed .wpfs-button-group-item .wpfs-btn {
padding-left: 12px;
padding-right: 12px;
}
@media (max-width: 575.98px) {
.wpfs-button-group-row {
margin-left: -8px;
}
}
.wpfs-button-group-item {
-ms-flex: 1;
flex: 1;
position: relative;
max-width: 100%;
min-width: 0;
padding-left: 16px;
margin-bottom: 16px;
}
@media (max-width: 575.98px) {
.wpfs-button-group-item {
padding-left: 8px;
}
}
.wpfs-button-group-item .wpfs-btn {
display: block;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 575.98px) {
.wpfs-button-group-item .wpfs-btn {
padding-left: 8px;
padding-right: 8px;
}
}
.wpfs-coupon {
position: relative;
font-size: 16px;
line-height: 24px;
padding-left: 24px;
margin-bottom: 8px;
}
.wpfs-coupon:last-of-type {
margin-bottom: 0;
}
.wpfs-coupon:not(.wpfs-coupon--warning):before {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e906";
position: absolute;
top: 4px;
left: 0;
font-size: 16px;
font-weight: bold;
color: var(--success-color);
}
.wpfs-coupon--warning:before {
background: url(//www.volution.eu/wp-content/plugins/wp-full-stripe/assets/images/icons/warning.svg);
background-size: cover;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
content: "";
}
.wpfs-coupon-summary {
font-size: 13px;
}
.wpfs-coupon-summary-note {
color: var(--form-base-color);
}
.wpfs-summary:not(.wpfs-summary--collapsible) {
background: var(--ui-summary-tooltip-bg-color);
position: relative;
width: 250px;
padding: 12px 8px;
border: 1px solid var(--ui-summary-tooltip-border-color);
border-radius: var(--default-border-radius);
}
.wpfs-summary:not(.wpfs-summary--collapsible):after, .wpfs-summary:not(.wpfs-summary--collapsible):before {
left: 20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.wpfs-summary:not(.wpfs-summary--collapsible):after {
border-width: 6px;
margin-left: -6px;
}
.wpfs-summary:not(.wpfs-summary--collapsible):before {
border-width: 7px;
margin-left: -7px;
}
.wpfs-summary--collapsible .wpfs-summary-table {
font-size: 15px;
}
.wpfs-summary--collapsible .wpfs-summary-table-cell {
font-size: 15px;
line-height: 24px;
padding: 0 0 8px !important;
}
.wpfs-summary--collapsible .wpfs-summary-table-total .wpfs-summary-table-cell {
padding: 8px 0 0 !important;
}
.wpfs-summary--collapsible .wpfs-summary-table-total .wpfs-summary-table-cell:first-of-type {
font-weight: bold !important;
}
.wpfs-summary--collapsible .wpfs-summary-description {
font-size: 13px;
margin: 0;
}
.wpfs-summary--collapsible .wpfs-summary-description:first-of-type {
margin-top: 0;
}
.wpfs-summary-table {
width: 100%;
font-size: 13px;
table-layout: fixed;
border-collapse: collapse;
}
.wpfs-summary-table-row:last-child .wpfs-summary-table-cell {
padding-bottom: 8px;
}
.wpfs-summary-table-cell {
font-size: 13px;
padding: 4px;
}
.wpfs-summary-table-cell:last-child {
font-weight: bold;
text-align: right;
}
.wpfs-summary-table-total .wpfs-summary-table-cell {
background: none;
padding-top: 8px;
font-size: 15px;
border-top: 1px solid var(--ui-summary-tooltip-border-color) !important;
}
.wpfs-summary-description {
color: var(--ui-summary-tooltip-description-font-color);
font-size: 12px;
line-height: 16px;
margin: 0 4px 16px;
}
.wpfs-summary-description:first-of-type {
margin-top: 12px;
}
.wpfs-summary-description:last-of-type {
margin-bottom: 0;
}
.wpfs-tooltip.top .wpfs-summary:after, .wpfs-tooltip.top .wpfs-summary:before {
bottom: 100%;
}
.wpfs-tooltip.top .wpfs-summary:after {
border-bottom-color: var(--ui-summary-tooltip-bg-color);
}
.wpfs-tooltip.top .wpfs-summary:before {
border-bottom-color: var(--ui-summary-tooltip-border-color);
}
.wpfs-tooltip.bottom .wpfs-summary:after, .wpfs-tooltip.bottom .wpfs-summary:before {
top: 100%;
}
.wpfs-tooltip.bottom .wpfs-summary:after {
border-top-color: var(--ui-summary-tooltip-bg-color);
}
.wpfs-tooltip.bottom .wpfs-summary:before {
border-top-color: var(--ui-summary-tooltip-border-color);
}
.wpfs-tooltip.top .wpfs-info-tooltip:after {
bottom: 100%;
}
.wpfs-tooltip.top .wpfs-info-tooltip:after {
border-bottom-color: var(--primary-color);
}
.wpfs-tooltip.bottom .wpfs-info-tooltip:after {
top: 100%;
}
.wpfs-tooltip.bottom .wpfs-info-tooltip:after {
border-top-color: var(--primary-color);
}
.wpfs-info-tooltip {
background: var(--primary-color);
max-width: 240px;
color: var(--ui-info-tooltip-font-color);
font-size: 13px;
font-weight: bold;
line-height: 16px;
padding: 8px;
border-radius: var(--default-border-radius);
margin-left: -10px;
}
.wpfs-info-tooltip:after {
left: 6px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.wpfs-info-tooltip:after {
border-width: 6px;
margin-left: -6px;
}
.wpfs-combobox .wpfs-input-group-icon {
font-size: 16px;
cursor: pointer;
height: 16px;
}
.wpfs-combobox .wpfs-icon-arrow {
display: inline-block;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.wpfs-combobox .wpfs-input-group-form-control {
color: var(--primary-color) !important;
}
.wpfs-combobox--open .wpfs-icon-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.wpfs-combobox-menu.ui-menu {
position: absolute;
top: 0;
left: 0;
max-height: 240px;
overflow: auto;
overflow-x: hidden;
}
.wpfs-combobox-menu .ui-menu-item.ui-state-disabled {
cursor: not-allowed;
}
.wpfs-combobox-menu .ui-menu-item:not(.ui-state-disabled).ui-state-focus .ui-menu-item-wrapper:not(.ui-state-selected) {
background: var(--ui-state-active-bg-color);
}
.wpfs-combobox-menu .ui-menu-item:not(.ui-state-disabled) .ui-state-active {
background: var(--ui-state-active-bg-color);
}
.wpfs-combobox-menu .ui-menu-item:not(.ui-state-disabled) .ui-state-selected {
background: var(--ui-state-selected-bg-color);
color: var(--ui-state-selected-font-color);
}
.wpfs-combobox-menu .ui-menu-item-wrapper {
font-size: 15px;
padding: 8px 16px;
transition: background 0.3s ease;
}
.wpfs-stepper .ui-spinner {
position: relative;
display: inline-block;
}
.wpfs-stepper .ui-spinner-input {
padding: 0 40px;
text-align: center;
}
.wpfs-stepper .ui-spinner-button {
position: absolute;
top: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 100%;
cursor: pointer;
color: transparent;
text-align: center;
box-sizing: border-box;
}
.wpfs-stepper .ui-spinner-button:not(.ui-state-disabled):hover .ui-icon {
color: var(--secondary-color);
}
.wpfs-stepper .ui-spinner-button.ui-state-disabled {
cursor: not-allowed !important;
outline: none;
opacity: 1;
}
.wpfs-stepper .ui-spinner-button .ui-icon {
color: var(--form-base-color);
transition: color 0.3s ease;
}
.wpfs-stepper .ui-spinner-down {
left: 0;
}
.wpfs-stepper .ui-spinner-up {
right: 0;
}
.wpfs-stepper .ui-button-icon-space {
display: none;
}
.wpfs-datepicker .wpfs-input-group-icon {
font-size: 24px;
}
.wpfs-datepicker-div {
width: 320px;
font-size: 15px;
padding: 24px 16px;
margin-left: -2px;
}
.wpfs-datepicker-div.top {
margin-top: 4px;
}
.wpfs-datepicker-div.bottom {
margin-top: -4px;
}
.wpfs-datepicker-div .ui-datepicker-header {
position: relative;
margin-bottom: 24px;
}
.wpfs-datepicker-div .ui-datepicker-prev,
.wpfs-datepicker-div .ui-datepicker-next {
position: absolute;
top: 0;
cursor: pointer;
}
.wpfs-datepicker-div .ui-datepicker-prev .ui-icon,
.wpfs-datepicker-div .ui-datepicker-next .ui-icon {
font-family: "wpfs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
color: var(--form-base-color);
font-size: 12px;
}
.wpfs-datepicker-div .ui-datepicker-prev .ui-icon:after,
.wpfs-datepicker-div .ui-datepicker-next .ui-icon:after {
content: "\e903";
}
.wpfs-datepicker-div .ui-datepicker-prev {
left: 0;
}
.wpfs-datepicker-div .ui-datepicker-prev .ui-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.wpfs-datepicker-div .ui-datepicker-next {
right: 0;
}
.wpfs-datepicker-div .ui-datepicker-next .ui-icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.wpfs-datepicker-div .ui-datepicker-title {
text-align: center;
}
.wpfs-datepicker-div .ui-datepicker-calendar {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border: 0;
}
.wpfs-datepicker-div .ui-datepicker-calendar th {
width: 32px;
height: 32px;
color: var(--form-base-color);
font-size: 13px;
vertical-align: middle;
}
.wpfs-datepicker-div .ui-datepicker-calendar td {
text-align: center;
font-size: 15px;
padding: 4px;
border: 0;
}
.wpfs-datepicker-div .ui-datepicker-calendar td:not(.ui-datepicker-unselectable) .ui-state-default:not(.ui-state-active):hover {
background: var(--ui-state-active-bg-color);
}
.wpfs-datepicker-div .ui-datepicker-calendar td.ui-state-disabled .ui-state-default, .wpfs-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
color: var(--form-secondary-color);
}
.wpfs-datepicker-div .ui-datepicker-calendar .ui-state-default {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
color: var(--primary-color);
text-decoration: none;
border-radius: var(--default-border-radius);
transition: background 0.3s ease, color 0.3s ease;
}
.wpfs-datepicker-div .ui-datepicker-calendar .ui-state-active {
background: var(--secondary-color);
color: var(--ui-state-active-font-color);
}
.wpfs-collapsible--expanded .wpfs-collapsible-content {
display: block;
}
.wpfs-collapsible-content {
display: none;
}
.wpfs-mt-0, .wpfs-my-0 {
margin-top: 0;
}
.wpfs-mb-0, .wpfs-my-0 {
margin-bottom: 0;
}
.wpfs-ml-0, .wpfs-mx-0 {
margin-left: 0;
}
.wpfs-mr-0, .wpfs-mx-0 {
margin-right: 0;
}
.wpfs-mt-1, .wpfs-my-1 {
margin-top: 8px;
}
.wpfs-mb-1, .wpfs-my-1 {
margin-bottom: 8px;
}
.wpfs-ml-1, .wpfs-mx-1 {
margin-left: 8px;
}
.wpfs-mr-1, .wpfs-mx-1 {
margin-right: 8px;
}
.wpfs-mt-2, .wpfs-my-2 {
margin-top: 16px;
}
.wpfs-mb-2, .wpfs-my-2 {
margin-bottom: 16px;
}
.wpfs-ml-2, .wpfs-mx-2 {
margin-left: 16px;
}
.wpfs-mr-2, .wpfs-mx-2 {
margin-right: 16px;
}
.wpfs-mt-3, .wpfs-my-3 {
margin-top: 24px;
}
.wpfs-mb-3, .wpfs-my-3 {
margin-bottom: 24px;
}
.wpfs-ml-3, .wpfs-mx-3 {
margin-left: 24px;
}
.wpfs-mr-3, .wpfs-mx-3 {
margin-right: 24px;
}
.wpfs-mt-4, .wpfs-my-4 {
margin-top: 32px;
}
.wpfs-mb-4, .wpfs-my-4 {
margin-bottom: 32px;
}
.wpfs-ml-4, .wpfs-mx-4 {
margin-left: 32px;
}
.wpfs-mr-4, .wpfs-mx-4 {
margin-right: 32px;
}
.wpfs-mt-5, .wpfs-my-5 {
margin-top: 40px;
}
.wpfs-mb-5, .wpfs-my-5 {
margin-bottom: 40px;
}
.wpfs-ml-5, .wpfs-mx-5 {
margin-left: 40px;
}
.wpfs-mr-5, .wpfs-mx-5 {
margin-right: 40px;
}
.wpfs-w-5 {
max-width: 40px !important;
}
.wpfs-w-6 {
max-width: 48px !important;
}
.wpfs-w-7 {
max-width: 56px !important;
}
.wpfs-w-8 {
max-width: 64px !important;
}
.wpfs-w-9 {
max-width: 72px !important;
}
.wpfs-w-10 {
max-width: 80px !important;
}
.wpfs-w-15 {
max-width: 120px !important;
}
.wpfs-w-20 {
max-width: 160px !important;
}
.wpfs-w-25 {
max-width: 200px !important;
}
.wpfs-w-30 {
max-width: 240px !important;
}
.wpfs-w-35 {
max-width: 280px !important;
}
.wpfs-w-40 {
max-width: 320px !important;
}
.wpfs-w-45 {
max-width: 360px !important;
}
.wpfs-w-50 {
max-width: 400px !important;
}
.wpfs-w-55 {
max-width: 440px !important;
}
.wpfs-w-60 {
max-width: 480px !important;
}
.wpfs-w-65 {
max-width: 520px !important;
}
.wpfs-w-70 {
max-width: 560px !important;
}
.wpfs-w-75 {
max-width: 600px !important;
}
.wpfs-w-80 {
max-width: 640px !important;
}
.wpfs-w-85 {
max-width: 680px !important;
}
.wpfs-w-90 {
max-width: 720px !important;
}