PluginProbe
Booking Calendar / 11.8.3
Booking Calendar v11.8.3
11.8.4 11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 10.11 All 204 releases
booking / _dist / all / _out / wpbc_all_client.css

wpbc_all_client.css in Booking Calendar 11.8.3, at _dist/all/_out/wpbc_all_client.css

1,594 lines 81.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting {
2 background: #f9f9f9;
3 padding: 0 10px 10px;
4 box-sizing: border-box;
5 border-radius: 5px
6 }
7 .booking_form_div .wpbc_bfb_form,
8 .wpbc_bfb__panel--preview .wpbc_bfb__form_preview_section_container {
9 width: var(--wpbc-bfb-booking_form_layout_width,100%);
10 max-width: min(100%,67rem);
11 margin-left: auto;
12 margin-right: auto;
13 box-sizing: border-box
14 }
15 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom,
16 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_field_description,
17 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_static_text,
18 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpdev-list-item-label,
19 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom l,
20 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom label,
21 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom,
22 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_field_description,
23 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_static_text,
24 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpdev-list-item-label,
25 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom l,
26 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom label {
27 color: var(--wpbc_form-label-color)!important
28 }
29 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=date],
30 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime-local],
31 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime],
32 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=email],
33 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=month],
34 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=number],
35 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=password],
36 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=range],
37 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=search],
38 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=tel],
39 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=text],
40 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=time],
41 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=url],
42 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=week],
43 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom select,
44 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom textarea,
45 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=date],
46 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime-local],
47 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime],
48 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=email],
49 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=month],
50 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=number],
51 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=password],
52 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=range],
53 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=search],
54 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=tel],
55 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=text],
56 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=time],
57 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=url],
58 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=week],
59 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom select,
60 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom textarea {
61 background-color: var(--wpbc_form-field-background-color)!important;
62 color: var(--wpbc_form-field-text-color)!important;
63 border-color: var(--wpbc_form-field-border-color)!important
64 }
65 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before,
66 div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before,
67 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before,
68 div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before {
69 background-color: var(--wpbc_form-field-background-color)!important;
70 border-color: var(--wpbc_form-field-border-color)!important
71 }
72 div .wpbc_bfb_form .wpbc__row .wpbc__field,
73 div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column {
74 display: -ms-flexbox;
75 display: flex;
76 -ms-flex-direction: var(--wpbc-bfb-col-dir,column);
77 flex-direction: var(--wpbc-bfb-col-dir,column);
78 -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap);
79 flex-wrap: var(--wpbc-bfb-col-wrap,nowrap);
80 -ms-flex-pack: var(--wpbc-bfb-col-jc,flex-start);
81 justify-content: var(--wpbc-bfb-col-jc,flex-start);
82 -ms-flex-align: var(--wpbc-bfb-col-ai,stretch);
83 align-items: var(--wpbc-bfb-col-ai,stretch);
84 gap: var(--wpbc-bfb-col-gap,0);
85 -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start);
86 align-self: var(--wpbc-bfb-col-aself,flex-start)
87 }
88 div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input),
89 div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field {
90 -ms-flex: 1 1 100%;
91 flex: 1 1 100%
92 }
93 div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element {
94 display: -ms-flexbox;
95 display: flex;
96 -ms-flex-flow: row wrap;
97 flex-flow: row wrap;
98 -ms-flex-pack: start;
99 justify-content: flex-start;
100 -ms-flex-align: start;
101 align-items: flex-start;
102 -ms-flex-line-pack: normal;
103 align-content: normal;
104 padding: 0;
105 margin: 0;
106 gap: 0
107 }
108 div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:not(:has(.wpbc_calendar_wraper)),
109 div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) {
110 -ms-flex: 0 1 auto;
111 flex: 0 1 auto
112 }
113 .wpbc__field:has(.wpbc_calendar_wraper) {
114 max-width: 100%
115 }
116 div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container),
117 div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) {
118 -ms-flex: 1 1 auto;
119 flex: 1 1 auto
120 }
121 .wpbc_bfb_form .bfb_element input[type=date],
122 .wpbc_bfb_form .bfb_element input[type=datetime-local],
123 .wpbc_bfb_form .bfb_element input[type=datetime],
124 .wpbc_bfb_form .bfb_element input[type=email],
125 .wpbc_bfb_form .bfb_element input[type=month],
126 .wpbc_bfb_form .bfb_element input[type=number],
127 .wpbc_bfb_form .bfb_element input[type=password],
128 .wpbc_bfb_form .bfb_element input[type=range],
129 .wpbc_bfb_form .bfb_element input[type=search],
130 .wpbc_bfb_form .bfb_element input[type=tel],
131 .wpbc_bfb_form .bfb_element input[type=text],
132 .wpbc_bfb_form .bfb_element input[type=time],
133 .wpbc_bfb_form .bfb_element input[type=url],
134 .wpbc_bfb_form .bfb_element input[type=week],
135 .wpbc_bfb_form .bfb_element select,
136 .wpbc_bfb_form .bfb_element textarea,
137 .wpbc_bfb_form .wpbc_bfb__field input[type=date],
138 .wpbc_bfb_form .wpbc_bfb__field input[type=datetime-local],
139 .wpbc_bfb_form .wpbc_bfb__field input[type=datetime],
140 .wpbc_bfb_form .wpbc_bfb__field input[type=email],
141 .wpbc_bfb_form .wpbc_bfb__field input[type=month],
142 .wpbc_bfb_form .wpbc_bfb__field input[type=number],
143 .wpbc_bfb_form .wpbc_bfb__field input[type=password],
144 .wpbc_bfb_form .wpbc_bfb__field input[type=range],
145 .wpbc_bfb_form .wpbc_bfb__field input[type=search],
146 .wpbc_bfb_form .wpbc_bfb__field input[type=tel],
147 .wpbc_bfb_form .wpbc_bfb__field input[type=text],
148 .wpbc_bfb_form .wpbc_bfb__field input[type=time],
149 .wpbc_bfb_form .wpbc_bfb__field input[type=url],
150 .wpbc_bfb_form .wpbc_bfb__field input[type=week],
151 .wpbc_bfb_form .wpbc_bfb__field select,
152 .wpbc_bfb_form .wpbc_bfb__field textarea {
153 width: 100%;
154 max-width: 100%
155 }
156 .wpbc_bfb_form .wpbc_static_text {
157 width: 100%
158 }
159 .wpbc_bfb__preview-rendered .wpbc_static_text {
160 display: block
161 }
162 .wpbc_bfb_divider_wrap[data-orientation=vertical] .wpbc_bfb_divider--v {
163 -ms-transform: translate(-50%,-50%);
164 transform: translate(-50%,-50%)
165 }
166 div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox],
167 div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] {
168 margin: -5px 5px 0
169 }
170 body:not(.wp-admin) .wpbc_bfb_form .wpbc-hidden-on-frontend {
171 display: none!important
172 }
173 .wpbc_bfb__panel--preview .wpbc_bfb__field.wpbc-hidden-on-frontend > :not(.wpbc_bfb__overlay-controls),
174 .wpbc_bfb__panel--preview .wpbc_bfb__field:has(.wpbc-hidden-on-frontend) > :not(.wpbc_bfb__overlay-controls),
175 .wpbc_bfb__panel--preview .wpbc_bfb__section.wpbc-hidden-on-frontend > .wpbc_bfb__row {
176 opacity: .5
177 }
178 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] {
179 width: 100%;
180 margin: 0;
181 min-width: 50px
182 }
183 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical],
184 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction,
185 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction * {
186 height: 100%;
187 min-height: 50px;
188 margin: 0;
189 box-sizing: border-box;
190 padding: 0;
191 -ms-flex-pack: center;
192 justify-content: center;
193 -ms-flex-align: center;
194 align-items: center;
195 -ms-flex-flow: column nowrap;
196 flex-flow: column nowrap
197 }
198 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__field-preview {
199 position: relative
200 }
201 div .wpbc_container .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has([data-orientation=vertical]) {
202 -ms-flex: 0 1 auto;
203 flex: 0 1 auto
204 }
205 div div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=horizontal]) {
206 -ms-flex: 0 1 auto;
207 flex: 0 1 auto;
208 width: 100%
209 }
210 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]) {
211 height: 100%
212 }
213 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=horizontal] {
214 width: 100%
215 }
216 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--h {
217 display: block;
218 box-sizing: border-box
219 }
220 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
221 display: -ms-flexbox;
222 display: flex;
223 -ms-flex-item-align: stretch;
224 align-self: stretch;
225 position: relative
226 }
227 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--v {
228 width: 0;
229 box-sizing: content-box;
230 height: 100%
231 }
232 .wpbc_bfb_form [data-colstyles-active="1"] .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
233 -ms-flex: 0 0 auto;
234 flex: 0 0 auto
235 }
236 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr {
237 background: 0 0
238 }
239 @media (max-width:782px) {
240 div.booking_form_div .wpbc_bfb_form {
241 width: 100%;
242 max-width: 100%
243 }
244 .wpbc_bfb_form .wpbc__row.wpbc_bfb_full_day_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]),
245 .wpbc_bfb_form .wpbc__row.wpbc_bfb_time_slots_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]),
246 .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_full_day_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical],
247 .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_time_slots_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical] {
248 display: none
249 }
250 }
251 /*!
252 * Booking Form Fields
253 *
254 * // FixIn: 10.1.5.7.
255 */
256 :root {
257 --wpbc_form-field-border-radius: 3px;
258 --wpbc_form-field-border-style: solid;
259 --wpbc_form-field-border-size: 1px;
260 --wpbc_form-field-background-color: #ffffff;
261 --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25);
262 --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25);
263 --wpbc_form-field-focus-border-color: #066aab;
264 --wpbc_form-field-focus-shadow-color: #066aab;
265 --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7);
266 --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2);
267 --wpbc_form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
268 --wpbc_form-field-menu-color: #ffffff;
269 --wpbc_form-label-color: rgba(0, 0, 0, 0.85);
270 --wpbc_form-label-sublabel-color: rgba(0, 0, 0, 0.55);
271 --wpbc_form-label-error-color: #d63637;
272 --wpbc_form-button-border-radius: 3px;
273 --wpbc_form-button-border-style: none;
274 --wpbc_form-button-border-size: 1px;
275 --wpbc_form-button-light-border-style: solid;
276 --wpbc_form-button-light-border-size: var(--wpbc_form-button-border-size, 1px);
277 --wpbc_form-button-background-color: #066aab;
278 --wpbc_form-button-background-color-alt: #066aab;
279 --wpbc_form-button-border-color: #066aab;
280 --wpbc_form-button-text-color: #ffffff;
281 --wpbc_form-button-text-color-alt: #fff;
282 --wpbc_form-choice-checked-border-color: #066aab;
283 --wpbc_form-choice-checked-color: #066aab;
284 --wpbc_form-choice-focus-color: #066aab;
285 --wpbc_form-page-break-color: #066aab;
286 --wpbc_form-background-image: none;
287 --wpbc_form-background-position: center center;
288 --wpbc_form-background-repeat: no-repeat;
289 --wpbc_form-background-size: cover;
290 --wpbc_form-background-width: 100px;
291 --wpbc_form-background-height: 100px;
292 --wpbc_form-background-color: rgba(0, 0, 0, 0);
293 --wpbc_form-background-url: none;
294 --wpbc_form-container-padding: 0px;
295 --wpbc_form-container-border-style: none;
296 --wpbc_form-container-border-width: 1px;
297 --wpbc_form-container-border-color: #000000;
298 --wpbc_form-container-border-radius: 3px;
299 --wpbc_form-field-size-input-height: 43px;
300 --wpbc_form-field-size-input-spacing: 15px;
301 --wpbc_form-field-size-font-size: 16px;
302 --wpbc_form-field-size-line-height: 19px;
303 --wpbc_form-field-size-padding-h: 14px;
304 --wpbc_form-field-size-checkbox-size: 16px;
305 --wpbc_form-field-size-sublabel-spacing: 5px;
306 --wpbc_form-field-size-icon-size: 1;
307 --wpbc_form-label-size-font-size: 16px;
308 --wpbc_form-label-size-line-height: 19px;
309 --wpbc_form-label-size-sublabel-font-size: 14px;
310 --wpbc_form-label-size-sublabel-line-height: 17px;
311 --wpbc_form-button-size-font-size: 16px;
312 --wpbc_form-button-size-height: 41px;
313 --wpbc_form-button-size-padding-h: 15px;
314 --wpbc_form-button-size-margin-top: 10px;
315 --wpbc_form-container-shadow-size-box-shadow: none;
316 --wpbc_form-marging-between-several-checkbox-radio: 30px;
317 --wpbc_form-padding-between-label-checkbox-radio: 8px
318 }
319 /*! --------------------------------------------------------------------------------------------------------------------
320 * General Fields
321 * ------------------------------------------------------------------------------------------------------------------ */
322 div.wpbc_container.wpbc_form button,
323 div.wpbc_container.wpbc_form input,
324 div.wpbc_container.wpbc_form label,
325 div.wpbc_container.wpbc_form select,
326 div.wpbc_container.wpbc_form textarea {
327 margin: 0;
328 border: 0;
329 padding: 0;
330 vertical-align: middle;
331 background: 0 0;
332 height: auto;
333 box-sizing: border-box
334 }
335 .wp-core-ui div.wpbc_container.wpbc_form input[type=date],
336 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local],
337 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime],
338 .wp-core-ui div.wpbc_container.wpbc_form input[type=email],
339 .wp-core-ui div.wpbc_container.wpbc_form input[type=month],
340 .wp-core-ui div.wpbc_container.wpbc_form input[type=number],
341 .wp-core-ui div.wpbc_container.wpbc_form input[type=password],
342 .wp-core-ui div.wpbc_container.wpbc_form input[type=range],
343 .wp-core-ui div.wpbc_container.wpbc_form input[type=search],
344 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel],
345 .wp-core-ui div.wpbc_container.wpbc_form input[type=text],
346 .wp-core-ui div.wpbc_container.wpbc_form input[type=time],
347 .wp-core-ui div.wpbc_container.wpbc_form input[type=url],
348 .wp-core-ui div.wpbc_container.wpbc_form input[type=week],
349 .wp-core-ui div.wpbc_container.wpbc_form select,
350 .wp-core-ui div.wpbc_container.wpbc_form textarea,
351 div.wpbc_container.wpbc_form input[type=date],
352 div.wpbc_container.wpbc_form input[type=datetime-local],
353 div.wpbc_container.wpbc_form input[type=datetime],
354 div.wpbc_container.wpbc_form input[type=email],
355 div.wpbc_container.wpbc_form input[type=month],
356 div.wpbc_container.wpbc_form input[type=number],
357 div.wpbc_container.wpbc_form input[type=password],
358 div.wpbc_container.wpbc_form input[type=range],
359 div.wpbc_container.wpbc_form input[type=search],
360 div.wpbc_container.wpbc_form input[type=tel],
361 div.wpbc_container.wpbc_form input[type=text],
362 div.wpbc_container.wpbc_form input[type=time],
363 div.wpbc_container.wpbc_form input[type=url],
364 div.wpbc_container.wpbc_form input[type=week],
365 div.wpbc_container.wpbc_form select,
366 div.wpbc_container.wpbc_form textarea {
367 background-color: var(--wpbc_form-field-background-color);
368 background-clip: padding-box;
369 border-radius: var(--wpbc_form-field-border-radius);
370 color: var(--wpbc_form-field-text-color);
371 border-width: var(--wpbc_form-field-border-size);
372 border-style: var(--wpbc_form-field-border-style);
373 border-color: var(--wpbc_form-field-border-color);
374 padding: 0 var(--wpbc_form-field-size-padding-h);
375 font-size: var(--wpbc_form-field-size-font-size);
376 line-height: 100%;
377 box-shadow: none;
378 transition: border .15s,box-shadow .15s
379 }
380 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus,
381 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus,
382 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus,
383 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus,
384 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus,
385 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus,
386 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus,
387 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus,
388 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus,
389 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus,
390 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus,
391 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus,
392 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus,
393 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus,
394 .wp-core-ui div.wpbc_container.wpbc_form select:focus,
395 .wp-core-ui div.wpbc_container.wpbc_form textarea:focus,
396 div.wpbc_container.wpbc_form input[type=date]:focus,
397 div.wpbc_container.wpbc_form input[type=datetime-local]:focus,
398 div.wpbc_container.wpbc_form input[type=datetime]:focus,
399 div.wpbc_container.wpbc_form input[type=email]:focus,
400 div.wpbc_container.wpbc_form input[type=month]:focus,
401 div.wpbc_container.wpbc_form input[type=number]:focus,
402 div.wpbc_container.wpbc_form input[type=password]:focus,
403 div.wpbc_container.wpbc_form input[type=range]:focus,
404 div.wpbc_container.wpbc_form input[type=search]:focus,
405 div.wpbc_container.wpbc_form input[type=tel]:focus,
406 div.wpbc_container.wpbc_form input[type=text]:focus,
407 div.wpbc_container.wpbc_form input[type=time]:focus,
408 div.wpbc_container.wpbc_form input[type=url]:focus,
409 div.wpbc_container.wpbc_form input[type=week]:focus,
410 div.wpbc_container.wpbc_form select:focus,
411 div.wpbc_container.wpbc_form textarea:focus {
412 border-width: var(--wpbc_form-field-border-size);
413 border-style: solid;
414 border-color: var(--wpbc_form-field-focus-border-color,#066aab);
415 box-shadow: 0 0 0 1.2px var(--wpbc_form-field-focus-shadow-color,var(--wpbc_form-field-focus-border-color,#066aab)),0 1px 2px rgba(0,0,0,.15);
416 outline: 0
417 }
418 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
419 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
420 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid,
421 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus:invalid,
422 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus:invalid,
423 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus:invalid,
424 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus:invalid,
425 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus:invalid,
426 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus:invalid,
427 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus:invalid,
428 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus:invalid,
429 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus:invalid,
430 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus:invalid,
431 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus:invalid,
432 .wp-core-ui div.wpbc_container.wpbc_form select:focus:invalid,
433 .wp-core-ui div.wpbc_container.wpbc_form textarea:focus:invalid,
434 div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
435 div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
436 div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid,
437 div.wpbc_container.wpbc_form input[type=email]:focus:invalid,
438 div.wpbc_container.wpbc_form input[type=month]:focus:invalid,
439 div.wpbc_container.wpbc_form input[type=number]:focus:invalid,
440 div.wpbc_container.wpbc_form input[type=password]:focus:invalid,
441 div.wpbc_container.wpbc_form input[type=range]:focus:invalid,
442 div.wpbc_container.wpbc_form input[type=search]:focus:invalid,
443 div.wpbc_container.wpbc_form input[type=tel]:focus:invalid,
444 div.wpbc_container.wpbc_form input[type=text]:focus:invalid,
445 div.wpbc_container.wpbc_form input[type=time]:focus:invalid,
446 div.wpbc_container.wpbc_form input[type=url]:focus:invalid,
447 div.wpbc_container.wpbc_form input[type=week]:focus:invalid,
448 div.wpbc_container.wpbc_form select:focus:invalid,
449 div.wpbc_container.wpbc_form textarea:focus:invalid {
450 border-width: var(--wpbc_form-field-border-size);
451 border-style: solid;
452 border-color: var(--wpbc_form-field-focus-border-color,#066aab);
453 box-shadow: 0 0 0 1.2px var(--wpbc_form-field-focus-shadow-color,var(--wpbc_form-field-focus-border-color,#066aab)),0 1px 2px rgba(0,0,0,.15);
454 outline: 0;
455 color: var(--wpbc_form-field-text-color)
456 }
457 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
458 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder,
459 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder,
460 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder,
461 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder,
462 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder,
463 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder,
464 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder,
465 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder,
466 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder,
467 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder,
468 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder,
469 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder,
470 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder,
471 .wp-core-ui div.wpbc_container.wpbc_form select::-webkit-input-placeholder,
472 .wp-core-ui div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder,
473 div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
474 div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder,
475 div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder,
476 div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder,
477 div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder,
478 div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder,
479 div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder,
480 div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder,
481 div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder,
482 div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder,
483 div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder,
484 div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder,
485 div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder,
486 div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder,
487 div.wpbc_container.wpbc_form select::-webkit-input-placeholder,
488 div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder {
489 color: var(--wpbc_form-field-text-color);
490 opacity: .5;
491 pointer-events: none
492 }
493 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder,
494 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder,
495 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder,
496 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder,
497 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder,
498 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder,
499 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder,
500 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder,
501 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder,
502 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder,
503 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder,
504 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder,
505 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder,
506 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder,
507 .wp-core-ui div.wpbc_container.wpbc_form select::-moz-placeholder,
508 .wp-core-ui div.wpbc_container.wpbc_form textarea::-moz-placeholder,
509 div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder,
510 div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder,
511 div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder,
512 div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder,
513 div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder,
514 div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder,
515 div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder,
516 div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder,
517 div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder,
518 div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder,
519 div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder,
520 div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder,
521 div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder,
522 div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder,
523 div.wpbc_container.wpbc_form select::-moz-placeholder,
524 div.wpbc_container.wpbc_form textarea::-moz-placeholder {
525 color: var(--wpbc_form-field-text-color);
526 opacity: .5;
527 pointer-events: none
528 }
529 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder,
530 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder,
531 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder,
532 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder,
533 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder,
534 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder,
535 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder,
536 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder,
537 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder,
538 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder,
539 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder,
540 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder,
541 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder,
542 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder,
543 .wp-core-ui div.wpbc_container.wpbc_form select:-moz-placeholder,
544 .wp-core-ui div.wpbc_container.wpbc_form textarea:-moz-placeholder,
545 div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder,
546 div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder,
547 div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder,
548 div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder,
549 div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder,
550 div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder,
551 div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder,
552 div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder,
553 div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder,
554 div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder,
555 div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder,
556 div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder,
557 div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder,
558 div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder,
559 div.wpbc_container.wpbc_form select:-moz-placeholder,
560 div.wpbc_container.wpbc_form textarea:-moz-placeholder {
561 color: var(--wpbc_form-field-text-color);
562 opacity: .5;
563 pointer-events: none
564 }
565 /*! --------------------------------------------------------------------------------------------------------------------
566 * Textarea
567 * ------------------------------------------------------------------------------------------------------------------ */
568 .wp-core-ui div.wpbc_container.wpbc_form textarea,
569 div.wpbc_container.wpbc_form textarea {
570 width: 100%;
571 line-height: 1.3;
572 min-height: var(--wpbc_form-field-size-input-height);
573 padding: var(--wpbc_form-field-size-padding-h);
574 resize: vertical
575 }
576 /*! --------------------------------------------------------------------------------------------------------------------
577 * General Height
578 * ------------------------------------------------------------------------------------------------------------------ */
579 .wp-core-ui div.wpbc_container.wpbc_form input,
580 .wp-core-ui div.wpbc_container.wpbc_form select,
581 div.wpbc_container.wpbc_form input,
582 div.wpbc_container.wpbc_form select {
583 height: var(--wpbc_form-field-size-input-height)
584 }
585 /*! --------------------------------------------------------------------------------------------------------------------
586 * Select
587 * ------------------------------------------------------------------------------------------------------------------ */
588 .wp-core-ui div.wpbc_container.wpbc_form select,
589 div.wpbc_container.wpbc_form select {
590 appearance: none;
591 display: block;
592 max-width: 100%;
593 width: 100%;
594 text-transform: none;
595 text-shadow: none;
596 white-space: nowrap;
597 line-height: unset;
598 padding-block: 0;
599 padding-inline-end: 24px;
600 padding-inline-start: 12px;
601 min-height: var(--wpbc_form-field-size-input-height);
602 vertical-align: middle;
603 cursor: pointer
604 }
605 .wp-core-ui div.wpbc_container.wpbc_form select,
606 .wp-core-ui div.wpbc_container.wpbc_form select:disabled,
607 div.wpbc_container.wpbc_form select,
608 div.wpbc_container.wpbc_form select:disabled {
609 background-image: var(--wpbc_form-select-bg-img),none;
610 background-repeat: no-repeat;
611 background-position: calc(100% - 11px) 50%,calc(100% - 12px) 50%;
612 background-size: 16px 12px
613 }
614 .rtl .wp-core-ui div.wpbc_container.wpbc_form select,
615 .rtl .wp-core-ui div.wpbc_container.wpbc_form select:disabled,
616 .rtl div.wpbc_container.wpbc_form select,
617 .rtl div.wpbc_container.wpbc_form select:disabled {
618 background-position: 12px 50%,17px 50%
619 }
620 .wp-core-ui div.wpbc_container.wpbc_form select > option,
621 div.wpbc_container.wpbc_form select > option {
622 color: var(--wpbc_form-field-text-color)
623 }
624 .wp-core-ui div.wpbc_container.wpbc_form select > option.placeholder,
625 .wp-core-ui div.wpbc_container.wpbc_form select > option[disabled],
626 div.wpbc_container.wpbc_form select > option.placeholder,
627 div.wpbc_container.wpbc_form select > option[disabled] {
628 color: var(--wpbc_form-field-disabled-color);
629 opacity: .5
630 }
631 .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option,
632 div.wpbc_container.wpbc_form select:not([multiple]) > option {
633 background: var(--wpbc_form-field-menu-color)
634 }
635 .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked,
636 div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked {
637 font-weight: 700
638 }
639 .wp-core-ui div.wpbc_container.wpbc_form select[multiple],
640 div.wpbc_container.wpbc_form select[multiple] {
641 height: auto;
642 overflow-y: scroll;
643 background-image: none
644 }
645 .wp-core-ui div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked,
646 div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked {
647 background: var(--wpbc_form-button-background-color);
648 color: var(--wpbc_form-button-text-color-alt,var(--wpbc_form-button-text-color))
649 }
650 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only,
651 div.wpbc_container.wpbc_form input[type=number]:read-only {
652 appearance: textfield;
653 -moz-appearance: textfield;
654 -webkit-appearance: textfield
655 }
656 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button,
657 div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button {
658 visibility: hidden
659 }
660 /*! --------------------------------------------------------------------------------------------------------------------
661 * Radio and Checkboxes
662 * ------------------------------------------------------------------------------------------------------------------ */
663 div.wpbc_container.wpbc_form input[type=checkbox],
664 div.wpbc_container.wpbc_form input[type=radio] {
665 position: relative;
666 display: inline-block;
667 background: 0 0;
668 height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
669 width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
670 margin: 0 0 0 2px;
671 border: none;
672 box-shadow: none;
673 vertical-align: middle;
674 opacity: 1;
675 appearance: none
676 }
677 div.wpbc_container.wpbc_form input[type=checkbox]:after,
678 div.wpbc_container.wpbc_form input[type=checkbox]:before,
679 div.wpbc_container.wpbc_form input[type=radio]:after,
680 div.wpbc_container.wpbc_form input[type=radio]:before {
681 content: "";
682 position: absolute;
683 left: -2px;
684 top: 0;
685 width: var(--wpbc_form-field-size-checkbox-size);
686 height: var(--wpbc_form-field-size-checkbox-size);
687 box-sizing: content-box;
688 cursor: pointer
689 }
690 div.wpbc_container.wpbc_form input[type=checkbox]:before,
691 div.wpbc_container.wpbc_form input[type=radio]:before {
692 border-width: var(--wpbc_form-field-border-size);
693 border-style: var(--wpbc_form-field-border-style);
694 border-color: var(--wpbc_form-field-border-color);
695 background-color: var(--wpbc_form-field-background-color);
696 background-clip: padding-box;
697 background-image: none;
698 border-radius: 3px
699 }
700 div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a,
701 div.wpbc_container.wpbc_form .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label,
702 div.wpbc_container.wpbc_form .wpdev-list-item > input[type=radio] + .wpdev-list-item-label,
703 div.wpbc_container.wpbc_form input[type=checkbox] + label,
704 div.wpbc_container.wpbc_form input[type=radio] + label {
705 display: inline;
706 position: relative;
707 padding-inline-start: var(--wpbc_form-padding-between-label-checkbox-radio);
708 font-size: var(--wpbc_form-label-size-font-size);
709 vertical-align: middle;
710 cursor: pointer
711 }
712 div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a {
713 padding-top: 3px
714 }
715 div.wpbc_container.wpbc_form input[type=checkbox] + label,
716 div.wpbc_container.wpbc_form input[type=radio] + label {
717 cursor: pointer
718 }
719 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label:first-child {
720 display: inline;
721 position: relative;
722 padding-inline-end: var(--wpbc_form-padding-between-label-checkbox-radio);
723 font-size: var(--wpbc_form-label-size-font-size);
724 vertical-align: middle
725 }
726 div.wpbc_container.wpbc_form .wpdev-list-item > label.wpdev-list-item-label:first-child {
727 cursor: pointer
728 }
729 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=checkbox],
730 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=radio] {
731 margin-left: var(--wpbc_form-padding-between-label-checkbox-radio);
732 margin-right: var(--wpbc_form-padding-between-label-checkbox-radio)
733 }
734 div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item,
735 div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item {
736 margin-right: var(--wpbc_form-marging-between-several-checkbox-radio)
737 }
738 div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:last-child,
739 div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:last-child {
740 margin-right: 0
741 }
742 .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item,
743 .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item {
744 margin-left: var(--wpbc_form-marging-between-several-checkbox-radio)
745 }
746 .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:first-child,
747 .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:first-child {
748 margin-left: 0
749 }
750 div.wpbc_container.wpbc_form input[type=checkbox]:checked:before,
751 div.wpbc_container.wpbc_form input[type=radio]:checked:before {
752 margin: 0;
753 border-width: var(--wpbc_form-field-border-size);
754 border-style: solid;
755 border-color: var(--wpbc_form-choice-checked-border-color,#066aab);
756 outline: 0
757 }
758 div.wpbc_container.wpbc_form input[type=checkbox]:checked:focus:before,
759 div.wpbc_container.wpbc_form input[type=radio]:checked:focus:before {
760 border-color: var(--wpbc_form-choice-focus-color,#066aab);
761 box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15)
762 }
763 div.wpbc_container.wpbc_form input[type=checkbox]:focus,
764 div.wpbc_container.wpbc_form input[type=radio]:focus {
765 outline: 0
766 }
767 div.wpbc_container.wpbc_form input[type=checkbox]:focus:before,
768 div.wpbc_container.wpbc_form input[type=radio]:focus:before {
769 border-width: var(--wpbc_form-field-border-size);
770 border-style: solid;
771 border-color: var(--wpbc_form-choice-focus-color,#066aab);
772 box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15);
773 outline: 0
774 }
775 div.wpbc_container.wpbc_form input[type=checkbox]:checked:after {
776 border-top: none;
777 border-right: none;
778 height: calc(var(--wpbc_form-field-size-checkbox-size) * .6);
779 border-left: 4px solid var(--wpbc_form-choice-checked-color,#066aab);
780 border-bottom: 4px solid var(--wpbc_form-choice-checked-color,#066aab);
781 background-color: transparent;
782 -ms-transform: translate(0,1px) scale(.5) rotate(-45deg);
783 transform: translate(0,1px) scale(.5) rotate(-45deg);
784 left: calc(-4px + var(--wpbc_form-field-border-size,1px));
785 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
786 }
787 div.wpbc_container.wpbc_form input[type=radio],
788 div.wpbc_container.wpbc_form input[type=radio]:before {
789 border-radius: 50%
790 }
791 div.wpbc_container.wpbc_form input[type=radio]:checked:after {
792 border: 1px solid transparent;
793 border-radius: 50%;
794 background-color: var(--wpbc_form-choice-checked-color,#066aab);
795 -ms-transform: scale(.5);
796 transform: scale(.5);
797 -moz-transform: scale(.47);
798 left: calc(-3px + var(--wpbc_form-field-border-size,1px));
799 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
800 }
801 /*! --------------------------------------------------------------------------------------------------------------------
802 * Errors
803 * ------------------------------------------------------------------------------------------------------------------ */
804 div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error,
805 div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error {
806 font-weight: 400;
807 font-size: var(--wpbc_form-label-size-sublabel-font-size);
808 line-height: var(--wpbc_form-label-size-sublabel-line-height);
809 margin-top: var(--wpbc_form-field-size-input-spacing);
810 color: var(--wpbc_form-label-error-color);
811 padding: 0 0 0 5px;
812 position: relative
813 }
814 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error,
815 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error,
816 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error {
817 border-width: var(--wpbc_form-field-border-size);
818 border-style: solid;
819 border-color: var(--wpbc_form-label-error-color)
820 }
821 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:hover,
822 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:hover,
823 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:hover {
824 border-width: var(--wpbc_form-field-border-size);
825 border-style: solid;
826 border-color: var(--wpbc_form-label-error-color);
827 box-shadow: 0 0 2px 0 var(--wpbc_form-label-error-color)
828 }
829 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:focus,
830 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:focus,
831 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:focus {
832 border-width: var(--wpbc_form-field-border-size);
833 border-style: solid;
834 border-color: var(--wpbc_form-label-error-color);
835 box-shadow: 0 0 0 1.2px var(--wpbc_form-label-error-color)
836 }
837 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error,
838 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:focus,
839 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:hover,
840 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error,
841 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:focus,
842 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover {
843 border: none;
844 box-shadow: none
845 }
846 /*!
847 * Booking Form Buttons
848 *
849 * Front-end button styles for booking forms. Keep this file focused on form
850 * buttons only; admin buttons stay in the admin CSS sources.
851 */
852 /*! --------------------------------------------------------------------------------------------------------------------
853 * Shared Booking Calendar button component
854 *
855 * New public UI should use `.wpbc_button` plus a semantic modifier. The
856 * `.wpbc_button_light` and unclassed submit selectors are compatibility
857 * adapters for old custom form templates. All standard buttons deliberately
858 * share one fixed outer geometry. Secondary buttons may use a visible border,
859 * but border-box sizing keeps their outer height and alignment identical.
860 * An explicit `.wpbc_button_secondary` modifier always wins over the legacy
861 * rule that treats otherwise unclassified submit controls as primary.
862 * ------------------------------------------------------------------------------------------------------------------ */
863 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary),
864 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary),
865 .wpbc_booking_ui_theme_scope .wpbc_button,
866 .wpbc_container.wpbc_container_booking_form .wpbc_button,
867 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_gw),
868 .wpbc_container.wpbc_form .wpbc_button,
869 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_gw),
870 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary),
871 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) {
872 -ms-flex-align: center;
873 align-items: center;
874 appearance: none;
875 border-radius: var(--wpbc_form-button-border-radius,4px);
876 border-style: var(--wpbc_form-button-border-style,solid);
877 border-width: var(--wpbc_form-button-border-size,1px);
878 box-sizing: border-box;
879 cursor: pointer;
880 display: -ms-inline-flexbox;
881 display: inline-flex;
882 font-family: inherit;
883 font-size: var(--wpbc_form-button-size-font-size,16px);
884 font-weight: 500;
885 height: var(--wpbc_form-button-size-height,41px);
886 -ms-flex-pack: center;
887 justify-content: center;
888 line-height: 1;
889 margin: 0;
890 max-width: 100%;
891 min-width: 100px;
892 outline: transparent solid 2px;
893 outline-offset: 2px;
894 padding: 0 var(--wpbc_form-button-size-padding-h,24px);
895 position: relative;
896 text-align: center;
897 text-decoration: none;
898 text-shadow: none;
899 text-overflow: ellipsis;
900 overflow: hidden;
901 overflow-wrap: normal;
902 -ms-hyphens: auto;
903 hyphens: auto;
904 transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out;
905 vertical-align: middle;
906 white-space: normal;
907 width: auto
908 }
909 /*! --------------------------------------------------------------------------------------------------------------------
910 * Secondary buttons and legacy `.wpbc_button_light` compatibility
911 * ------------------------------------------------------------------------------------------------------------------ */
912 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary,
913 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary,
914 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary),
915 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary,
916 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) {
917 border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216));
918 border-style: var(--wpbc_form-button-light-border-style,solid);
919 border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px));
920 box-shadow: var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647));
921 background: var(--wpbc_form-button-light-background-color,#fdfdfd);
922 color: var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))
923 }
924 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus,
925 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:hover,
926 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus,
927 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:hover,
928 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus,
929 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover,
930 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus,
931 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:hover,
932 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus,
933 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover {
934 border-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd);
935 box-shadow: var(--wpbc_form-button-light-hover-box-shadow,var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647)));
936 background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd));
937 color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)))
938 }
939 /*! --------------------------------------------------------------------------------------------------------------------
940 * Primary buttons
941 *
942 * `.wpbc_button_light.button-primary` remains as a legacy alias. Do not use
943 * WordPress' generic `.button-primary` class in new public-facing markup.
944 * ------------------------------------------------------------------------------------------------------------------ */
945 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary),
946 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary),
947 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary,
948 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary,
949 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary,
950 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary,
951 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary),
952 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) {
953 background: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color,#066aab));
954 border-color: var(--wpbc_form-button-border-color,#066aab);
955 border-style: var(--wpbc_form-button-primary-border-style,var(--wpbc_form-button-border-style,solid));
956 box-shadow: none;
957 color: var(--wpbc_form-button-text-color,#fff)
958 }
959 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active,
960 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus,
961 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover,
962 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active,
963 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus,
964 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover,
965 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:active,
966 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus,
967 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:hover,
968 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:active,
969 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus,
970 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:hover,
971 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:active,
972 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus,
973 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover,
974 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:active,
975 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus,
976 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:hover,
977 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active,
978 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus,
979 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover,
980 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active,
981 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus,
982 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover {
983 background: var(--wpbc_form-button-hover-background-color,linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color,#066aab)));
984 color: var(--wpbc_form-button-hover-text-color,var(--wpbc_form-button-text-color,#fff));
985 border-color: var(--wpbc_form-button-hover-border-color,var(--wpbc_form-button-primary-hover-border-color,#fff))
986 }
987 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):active:not(:disabled) {
988 background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd));
989 border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)));
990 color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)));
991 cursor: pointer
992 }
993 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled,
994 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus,
995 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover,
996 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled,
997 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus,
998 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover {
999 color: #ccc;
1000 border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216));
1001 cursor: not-allowed;
1002 opacity: .6
1003 }
1004 .wpbc_booking_ui_theme_scope .wpbc_button:disabled,
1005 .wpbc_container.wpbc_container_booking_form .wpbc_button:disabled,
1006 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:disabled,
1007 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_primary:disabled,
1008 .wpbc_container.wpbc_form .wpbc_button:disabled,
1009 .wpbc_container.wpbc_form .wpbc_button_light.button-primary:disabled,
1010 .wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_primary:disabled,
1011 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled,
1012 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled {
1013 cursor: not-allowed;
1014 opacity: .6
1015 }
1016 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger {
1017 background: #de605c;
1018 border-color: #de605c;
1019 color: #f7f7f7;
1020 text-shadow: 0 0 #ba5956
1021 }
1022 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus,
1023 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover {
1024 background: #e65d59;
1025 color: #fff;
1026 border-color: #fff;
1027 box-shadow: 0 0 0 2px #de605c
1028 }
1029 /*! --------------------------------------------------------------------------------------------------------------------
1030 * Payment gateway buttons
1031 * ------------------------------------------------------------------------------------------------------------------ */
1032 .wpbc_container .wpbc_button_light.wpbc_button_gw {
1033 font-size: var(--wpbc_form-button-size-font-size,16px);
1034 border-style: solid;
1035 border-width: 2px;
1036 border-radius: .375em;
1037 padding: 0 2.2em;
1038 line-height: calc(var(--wpbc_form-button-light-size-height,43px) - 3px);
1039 text-decoration: none;
1040 cursor: pointer;
1041 -ms-flex: 1 1 100%;
1042 flex: 1 1 100%;
1043 display: -ms-flexbox;
1044 display: flex;
1045 -ms-flex-flow: column wrap;
1046 flex-flow: column wrap;
1047 -ms-flex-pack: start;
1048 justify-content: flex-start;
1049 -ms-flex-align: center;
1050 align-items: center;
1051 margin: 0;
1052 height: auto;
1053 outline: transparent solid 2px;
1054 outline-offset: 2px;
1055 box-sizing: border-box;
1056 text-shadow: none;
1057 text-overflow: ellipsis;
1058 overflow: hidden;
1059 overflow-wrap: normal;
1060 white-space: normal;
1061 -ms-hyphens: auto;
1062 hyphens: auto;
1063 width: 100%
1064 }
1065 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe,
1066 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1067 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover {
1068 background-image: url(../../../inc/assets/stripe.svg);
1069 background-position: 90% 50%;
1070 background-size: 80px auto;
1071 background-repeat: no-repeat;
1072 padding-right: 130px
1073 }
1074 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom,
1075 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1076 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1077 background-image: url(../../../../booking-calendar-com/inc/assets/stripe.svg);
1078 background-color: #2c2e2f;
1079 color: #fff;
1080 border-color: #2c2e2f;
1081 background-position: 90% 50%;
1082 background-size: 80px auto;
1083 background-repeat: no-repeat;
1084 padding-right: 130px
1085 }
1086 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1087 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1088 filter: brightness(1.3);
1089 border: 1px solid var(--wpbc_form-button-light-hover-border-color,#4d91cd);
1090 border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px));
1091 box-shadow: var(--wpbc_form-button-light-hover-box-shadow,var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647)));
1092 box-shadow: none;
1093 outline-offset: 0;
1094 outline-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd);
1095 outline-width: 1px
1096 }
1097 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe,
1098 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * {
1099 color: var(--wpbc_form-button-light-text-color,#fff)
1100 }
1101 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active,
1102 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active *,
1103 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1104 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus *,
1105 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover,
1106 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover * {
1107 color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,#fff))
1108 }
1109 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom,
1110 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:active,
1111 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1112 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1113 background-color: var(--wpbc_form-button-light-background-color);
1114 border-color: var(--wpbc_form-button-light-border-color);
1115 color: var(--wpbc_form-button-light-text-color)
1116 }
1117 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1118 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1119 background-color: var(--wpbc_form-button-light-hover-background-color);
1120 border-color: var(--wpbc_form-button-light-hover-border-color);
1121 color: var(--wpbc_form-button-light-hover-text-color);
1122 filter: none
1123 }
1124 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver,
1125 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white,
1126 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow {
1127 padding-right: 115px;
1128 background-color: #ffc439!important;
1129 border: 2px solid #ffc439!important;
1130 color: #2c2e2f;
1131 box-shadow: none;
1132 text-indent: -9999px;
1133 background-image: url(../../../inc/assets/paypal_commerce.svg)!important;
1134 background-position: 50% 50%!important;
1135 background-size: 80px auto!important;
1136 background-repeat: no-repeat!important;
1137 min-width: 175px
1138 }
1139 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom,
1140 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom,
1141 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom {
1142 background-image: url(../../../../booking-calendar-com/inc/assets/paypal_commerce.svg)!important
1143 }
1144 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus,
1145 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover,
1146 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus,
1147 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover,
1148 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
1149 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover {
1150 background-color: #f2ba36!important;
1151 border-color: #f2ba36!important;
1152 box-shadow: 0 5px 10px #f0f0f8;
1153 color: #5f5f5f
1154 }
1155 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black,
1156 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue {
1157 padding-right: 115px;
1158 background-color: #009cde!important;
1159 border: 2px solid #009cde!important;
1160 color: #fff;
1161 box-shadow: none;
1162 text-indent: -9999px;
1163 background-image: url(../../../inc/assets/paypal_white_full.svg)!important;
1164 background-position: 50% 50%!important;
1165 background-size: 80px auto!important;
1166 background-repeat: no-repeat!important;
1167 min-width: 175px
1168 }
1169 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom,
1170 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom {
1171 background-image: url(../../../../booking-calendar-com/inc/assets/paypal_white_full.svg)!important
1172 }
1173 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus,
1174 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover,
1175 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus,
1176 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover {
1177 background-color: #33b0e5!important;
1178 border-color: #33b0e5!important;
1179 box-shadow: 0 5px 10px #f0f0f8;
1180 color: #fff
1181 }
1182 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver {
1183 background-color: #eee!important;
1184 border: 2px solid #eee!important
1185 }
1186 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus,
1187 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover {
1188 background-color: #e2e2e2!important;
1189 border-color: #e2e2e2!important
1190 }
1191 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white {
1192 background-color: #fff!important;
1193 border: 1px solid #2c2e2f!important
1194 }
1195 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus,
1196 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover {
1197 background-color: #fff!important;
1198 border-color: #2c2e2f!important
1199 }
1200 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black {
1201 background-color: #2c2e2f!important;
1202 border: 2px solid #2c2e2f!important
1203 }
1204 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus,
1205 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover {
1206 background-color: #565859!important;
1207 border-color: #565859!important
1208 }
1209 /*! --------------------------------------------------------------------------------------------------------------------
1210 * Dark style button overrides
1211 * ------------------------------------------------------------------------------------------------------------------ */
1212 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary),
1213 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) {
1214 box-shadow: var(--wpbc_form-button-light-box-shadow,0 0 0 #424242);
1215 border-color: var(--wpbc_form-button-light-border-color,#525252);
1216 background-color: var(--wpbc_form-button-light-background-color,#3f454f);
1217 color: var(--wpbc_form-button-light-text-color,#fff);
1218 filter: none
1219 }
1220 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus,
1221 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover,
1222 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus,
1223 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover {
1224 box-shadow: var(--wpbc_form-button-light-hover-box-shadow,0 0 0 #424242);
1225 border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,#525252));
1226 background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#3f454f));
1227 color: var(--wpbc_form-button-light-hover-text-color,#fff)
1228 }
1229 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover,
1230 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover {
1231 filter: none
1232 }
1233 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
1234 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover,
1235 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
1236 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover {
1237 box-shadow: 0 5px 10px #424242
1238 }
1239 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1240 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover,
1241 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1242 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover {
1243 background-color: var(--wpbc_form-button-light-background-color,#3f454f);
1244 border-color: var(--wpbc_form-button-light-border-color,#525252)
1245 }
1246 /*! --------------------------------------------------------------------------------------------------------------------
1247 * Final focus contract
1248 *
1249 * Keep this after legacy, gateway, and dark-theme rules. The inner box-shadow
1250 * plus the outer outline create a stable two-layer focus ring without
1251 * changing button geometry.
1252 * ------------------------------------------------------------------------------------------------------------------ */
1253 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled),
1254 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus:not(:disabled),
1255 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled),
1256 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled),
1257 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled),
1258 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled),
1259 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled),
1260 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled),
1261 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled),
1262 .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled) {
1263 box-shadow: 0 0 0 2px var(--wpbc_form-button-focus-inner-color,var(--wpbc-bfb-form-background,var(--wpbc_form-field-background-color,#fff)));
1264 outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-button-light-hover-border-color,#4d91cd));
1265 outline-offset: 2px
1266 }
1267 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled),
1268 .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus:not(:disabled),
1269 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled),
1270 .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus:not(:disabled),
1271 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus-visible:not(:disabled),
1272 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus:not(:disabled),
1273 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled),
1274 .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus:not(:disabled),
1275 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled),
1276 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled),
1277 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled),
1278 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled) {
1279 box-shadow: 0 0 0 2px var(--wpbc_form-button-focus-inner-color,var(--wpbc-bfb-form-background,var(--wpbc_form-field-background-color,#fff)));
1280 outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-field-focus-border-color,var(--wpbc_form-button-background-color,#066aab)));
1281 outline-offset: 2px
1282 }
1283 .wpdev-form-control-wrap .wpdev-checkbox.group_inline,
1284 .wpdev-form-control-wrap .wpdev-radio.group_inline,
1285 .wpdev-form-control-wrap.group_inline [role=checkboxgroup],
1286 .wpdev-form-control-wrap.group_inline [role=radiogroup] {
1287 display: -ms-inline-flexbox;
1288 display: inline-flex;
1289 -ms-flex-flow: row wrap;
1290 flex-flow: row wrap;
1291 -ms-flex-pack: start;
1292 justify-content: flex-start;
1293 -ms-flex-align: start;
1294 align-items: flex-start;
1295 gap: 2em;
1296 row-gap: .5em
1297 }
1298 .wpdev-form-control-wrap .wpdev-checkbox,
1299 .wpdev-form-control-wrap .wpdev-radio,
1300 .wpdev-form-control-wrap [role=checkboxgroup],
1301 .wpdev-form-control-wrap [role=radiogroup] {
1302 display: -ms-flexbox;
1303 display: flex;
1304 -ms-flex-flow: column wrap;
1305 flex-flow: column wrap;
1306 -ms-flex-pack: start;
1307 justify-content: flex-start;
1308 -ms-flex-align: start;
1309 align-items: flex-start;
1310 gap: .5em
1311 }
1312 .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label,
1313 .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label,
1314 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
1315 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
1316 display: inline;
1317 line-height: 1.74;
1318 font-weight: 400
1319 }
1320 div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
1321 div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
1322 margin-right: 0
1323 }
1324 .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label input[type=checkbox],
1325 .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label input[type=radio],
1326 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item input[type=checkbox],
1327 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item input[type=radio] {
1328 vertical-align: middle;
1329 margin-block-start: -.25em;
1330 margin-inline-end: .3em
1331 }
1332 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label,
1333 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label:hover,
1334 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label,
1335 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label:hover {
1336 line-height: 1.74;
1337 font-weight: 400
1338 }
1339 /*! ----------------------------------------------------------------------------------------------------------------- */
1340 /*! Timeline Steps: */
1341 /*! ----------------------------------------------------------------------------------------------------------------- */
1342 .wpbc__container_place__steps_for_timeline,
1343 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
1344 -ms-flex: 1 1 400px;
1345 flex: 1 1 400px;
1346 display: -ms-flexbox;
1347 display: flex;
1348 -ms-flex-flow: column;
1349 flex-flow: column;
1350 -ms-flex-pack: center;
1351 justify-content: center;
1352 -ms-flex-align: center;
1353 align-items: center;
1354 height: 50px;
1355 margin: 0 auto 35px;
1356 padding: 0;
1357 border: 0
1358 }
1359 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
1360 display: none
1361 }
1362 .wpbc_steps_for_timeline_container {
1363 max-width: min(400px,100%);
1364 min-width: 200px;
1365 margin: 3px 0 0;
1366 width: 100%;
1367 --wpbc_steps_for_timeline_step_color: #d6d6d6;
1368 --wpbc_steps_for_timeline_active_color: #64aa45;
1369 --wpbc_steps_for_timeline_failed_color: #e76a39;
1370 --wpbc_steps_for_timeline_checkbox_color: #fff
1371 }
1372 .booking_form_div .wpbc_steps_for_timeline_container {
1373 --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce)
1374 }
1375 .wpbc_steps_for_timeline {
1376 margin: 0;
1377 padding: 0;
1378 display: -ms-flexbox;
1379 display: flex;
1380 -ms-flex-flow: row nowrap;
1381 flex-flow: row nowrap;
1382 -ms-flex-pack: start;
1383 justify-content: flex-start;
1384 -ms-flex-align: center;
1385 align-items: center
1386 }
1387 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line {
1388 background: var(--wpbc_steps_for_timeline_step_color);
1389 height: 2px;
1390 margin: 0 7px;
1391 width: 100%
1392 }
1393 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line.wpbc_steps_for_timeline_line_active {
1394 background: var(--wpbc_steps_for_timeline_active_color)
1395 }
1396 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step {
1397 border: none;
1398 background-color: var(--wpbc_steps_for_timeline_step_color);
1399 border-radius: 50%;
1400 -ms-flex-negative: 0;
1401 flex-shrink: 0;
1402 height: 16px;
1403 width: 16px
1404 }
1405 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step .icon {
1406 display: none
1407 }
1408 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_active,
1409 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed,
1410 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed {
1411 background-color: var(--wpbc_steps_for_timeline_active_color);
1412 position: relative
1413 }
1414 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed .icon-success,
1415 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed {
1416 color: var(--wpbc_steps_for_timeline_checkbox_color,#fff);
1417 display: block;
1418 position: absolute;
1419 left: 3px;
1420 top: 3px
1421 }
1422 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed {
1423 left: 4px;
1424 top: 2px
1425 }
1426 /*! Timeline Steps: Front-End align */
1427 .booking_form_div .wpbc_steps_for_timeline_container,
1428 .wpbc_bfb__container .wpbc_steps_for_timeline_container {
1429 margin: 20px auto 25px
1430 }
1431 .bfb_element [class^=wpbc_steps_for_timeline__steps_timeline] {
1432 -ms-flex: 1;
1433 flex: 1
1434 }
1435 /*! == Align Form Elements ====================================================================================== */
1436 /*! == Right == */
1437 .wpbc_aling_right,
1438 .wpbc_aling_right .wpbc_times_selector {
1439 -ms-flex-pack: end!important;
1440 justify-content: flex-end!important
1441 }
1442 /*! == Center == */
1443 .wpbc_aling_center,
1444 .wpbc_aling_center .wpbc_times_selector {
1445 -ms-flex-pack: center!important;
1446 justify-content: center!important
1447 }
1448 /*! == Simple booking form - Center == */
1449 .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field {
1450 -ms-flex-pack: center!important;
1451 justify-content: center!important
1452 }
1453 .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field label {
1454 text-align: center!important
1455 }
1456 /*! == Center Calendar ? == */
1457 .wpbc_aling_center .wpbc_calendar_wraper {
1458 display: -ms-flexbox;
1459 display: flex;
1460 -ms-flex-flow: column nowrap;
1461 flex-flow: column nowrap;
1462 -ms-flex-pack: center;
1463 justify-content: center;
1464 -ms-flex-align: center;
1465 align-items: center
1466 }
1467 @media (max-width:400px) {
1468 .wpbc_aling_right .wpbc_times_selector div {
1469 margin: 7px 0 0
1470 }
1471 .wpbc_aling_center .wpbc_times_selector div {
1472 margin: 7px 0
1473 }
1474 }
1475 /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */
1476 .wpbc_wizard__border_container {
1477 box-shadow: var(--wpbc-bfb-form-box-shadow,rgba(0,0,0,.05) 0 2px 6px 0);
1478 border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#ccc);
1479 border-radius: var(--wpbc-bfb-form-border-radius,2px);
1480 background: var(--wpbc-bfb-form-background,#fff);
1481 padding: var(--wpbc-bfb-form-padding,10px 30px);
1482 box-sizing: border-box;
1483 margin: auto;
1484 max-width: 100%;
1485 width: 100%;
1486 max-width: min(900px,100%)
1487 }
1488 .wpbc_wizard__border_container,
1489 .wpbc_wizard__border_container p {
1490 font-size: 16px;
1491 font-weight: 400
1492 }
1493 .wpbc_times_selector div,
1494 .wpbc_wizard__border_container .wpbc_times_selector div {
1495 -ms-flex: 1 1 auto;
1496 flex: 1 1 auto;
1497 min-width: min(90px,100%);
1498 white-space: wrap;
1499 word-break: normal
1500 }
1501 .wpbc_theme_dark_1 .wpbc_wizard__border_container {
1502 border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#000);
1503 background: var(--wpbc-bfb-form-background,#383a3d);
1504 color: var(--wpbc_form-label-color,#bbb);
1505 box-shadow: var(--wpbc-bfb-form-box-shadow,0 0 3px #3b3b3b)
1506 }
1507 .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*),
1508 .wpbc_theme_dark_1 .wpbc_wizard__border_container label,
1509 .wpbc_theme_dark_1 .wpbc_wizard__border_container p,
1510 .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) {
1511 color: var(--wpbc_form-label-color,#fff)
1512 }
1513 div.wpbc_container.wpbc_form .wpbc_field_description,
1514 div.wpbc_container.wpbc_form .wpbc_static_text,
1515 div.wpbc_container.wpbc_form .wpdev-list-item-label,
1516 div.wpbc_container.wpbc_form l,
1517 div.wpbc_container.wpbc_form label,
1518 div.wpbc_container.wpbc_form p {
1519 color: var(--wpbc_form-label-color,#3c434a)
1520 }
1521 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_field_description,
1522 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_static_text,
1523 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev-list-item-label,
1524 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev_hint_with_text .block_text,
1525 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 l,
1526 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 label,
1527 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 p {
1528 color: var(--wpbc_form-label-color,#bbb)
1529 }
1530 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 {
1531 --wpbc-bfb-form-background: #383a3d;
1532 --wpbc-bfb-form-border-color: #000000;
1533 --wpbc-bfb-form-box-shadow: 0 0px 3px #3b3b3b;
1534 --wpbc_form-field-background-color: #3f454f;
1535 --wpbc_form-field-border-color: rgba(255, 255, 255, 0.28);
1536 --wpbc_form-field-border-color-spare: rgba(255, 255, 255, 0.28);
1537 --wpbc_form-field-focus-border-color: #5b8bff;
1538 --wpbc_form-field-focus-shadow-color: #5b8bff;
1539 --wpbc_form-field-text-color: #f4f6f8;
1540 --wpbc_form-field-disabled-color: rgba(255, 255, 255, 0.35);
1541 --wpbc_form-field-menu-color: #303640;
1542 --wpbc_form-label-color: #f4f6f8;
1543 --wpbc_form-label-sublabel-color: rgba(255, 255, 255, 0.72);
1544 --wpbc_form-label-error-color: #ff8a8a;
1545 --wpbc_form-button-background-color: #1b1d22;
1546 --wpbc_form-button-background-color-alt: #1b1d22;
1547 --wpbc_form-button-border-color: #5f5f5f;
1548 --wpbc_form-button-primary-border-style: solid;
1549 --wpbc_form-button-text-color: #ffffff;
1550 --wpbc_form-button-text-color-alt: #ffffff;
1551 --wpbc_form-button-hover-background-color: #1b1d22;
1552 --wpbc_form-button-hover-border-color: #5b8bff;
1553 --wpbc_form-button-hover-text-color: #ffffff;
1554 --wpbc_form-choice-checked-border-color: #5b8bff;
1555 --wpbc_form-choice-checked-color: #f4f6f8;
1556 --wpbc_form-choice-focus-color: #5b8bff;
1557 --wpbc_form-button-light-background-color: #3f454f;
1558 --wpbc_form-button-light-border-color: #525252;
1559 --wpbc_form-button-light-text-color: #ffffff;
1560 --wpbc_form-button-light-box-shadow: 0 0 0 #424242;
1561 --wpbc_form-button-light-hover-background-color: #3f454f;
1562 --wpbc_form-button-light-hover-border-color: #5b8bff;
1563 --wpbc_form-button-light-hover-text-color: #ffffff;
1564 --wpbc_form-button-light-hover-box-shadow: 0 0 0 #424242;
1565 --wpbc-appointment-provider-avatar-background: #2C2E2F;
1566 --wpbc-appointment-provider-avatar-border-color: #525252;
1567 --wpbc-appointment-provider-avatar-text-color: #ffffff;
1568 --wpbc_form-button-primary-hover-border-color: #5b8bff;
1569 --wpbc_form-page-break-color: #5f9ee7
1570 }
1571 .wpbc_cal_powered_by,
1572 .wpbc_cal_powered_by a {
1573 font-size: 7px;
1574 text-align: left;
1575 margin: 0 0 10px;
1576 text-shadow: none
1577 }
1578 .wpbc_range_selection_guidance {
1579 box-sizing: border-box;
1580 max-width: 341px;
1581 overflow-wrap: anywhere;
1582 white-space: normal;
1583 display: block
1584 }
1585 .wpbc_range_selection_guidance,
1586 .wpbc_range_selection_guidance.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon {
1587 border: 0;
1588 box-shadow: none;
1589 line-height: 2;
1590 font-size: var(--wpbc_form-label-size-sublabel-font-size,14px);
1591 color: #848280;
1592 color: var(--wpbc_form-label-color,#3c434a);
1593 opacity: .55
1594 }