PluginProbe
Booking Calendar / 11.1
Booking Calendar v11.1
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 10.11.2 All 203 releases
booking / _dist / all / _out / wpbc_all_client.css

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

1,060 lines 49.2 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: 100%;
11 margin-left: auto;
12 margin-right: auto;
13 box-sizing: border-box
14 }
15 div .wpbc_bfb_form .wpbc__row .wpbc__field,
16 div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column {
17 display: -ms-flexbox;
18 display: flex;
19 -ms-flex-direction: var(--wpbc-bfb-col-dir,column);
20 flex-direction: var(--wpbc-bfb-col-dir,column);
21 -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap);
22 flex-wrap: var(--wpbc-bfb-col-wrap,nowrap);
23 -ms-flex-pack: var(--wpbc-bfb-col-jc,flex-start);
24 justify-content: var(--wpbc-bfb-col-jc,flex-start);
25 -ms-flex-align: var(--wpbc-bfb-col-ai,stretch);
26 align-items: var(--wpbc-bfb-col-ai,stretch);
27 gap: var(--wpbc-bfb-col-gap,0);
28 -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start);
29 align-self: var(--wpbc-bfb-col-aself,flex-start)
30 }
31 div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input),
32 div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field {
33 -ms-flex: 1 1 100%;
34 flex: 1 1 100%
35 }
36 div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element {
37 display: -ms-flexbox;
38 display: flex;
39 -ms-flex-flow: row wrap;
40 flex-flow: row wrap;
41 -ms-flex-pack: start;
42 justify-content: flex-start;
43 -ms-flex-align: start;
44 align-items: flex-start;
45 -ms-flex-line-pack: normal;
46 align-content: normal;
47 padding: 0;
48 margin: 0;
49 gap: 0
50 }
51 div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:not(:has(.wpbc_calendar_wraper)),
52 div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) {
53 -ms-flex: 0 1 auto;
54 flex: 0 1 auto
55 }
56 div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container),
57 div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) {
58 -ms-flex: 1 1 auto;
59 flex: 1 1 auto
60 }
61 .wpbc_bfb_form .bfb_element input[type=date],
62 .wpbc_bfb_form .bfb_element input[type=datetime-local],
63 .wpbc_bfb_form .bfb_element input[type=datetime],
64 .wpbc_bfb_form .bfb_element input[type=email],
65 .wpbc_bfb_form .bfb_element input[type=month],
66 .wpbc_bfb_form .bfb_element input[type=number],
67 .wpbc_bfb_form .bfb_element input[type=password],
68 .wpbc_bfb_form .bfb_element input[type=range],
69 .wpbc_bfb_form .bfb_element input[type=search],
70 .wpbc_bfb_form .bfb_element input[type=tel],
71 .wpbc_bfb_form .bfb_element input[type=text],
72 .wpbc_bfb_form .bfb_element input[type=time],
73 .wpbc_bfb_form .bfb_element input[type=url],
74 .wpbc_bfb_form .bfb_element input[type=week],
75 .wpbc_bfb_form .bfb_element select,
76 .wpbc_bfb_form .bfb_element textarea,
77 .wpbc_bfb_form .wpbc_bfb__field input[type=date],
78 .wpbc_bfb_form .wpbc_bfb__field input[type=datetime-local],
79 .wpbc_bfb_form .wpbc_bfb__field input[type=datetime],
80 .wpbc_bfb_form .wpbc_bfb__field input[type=email],
81 .wpbc_bfb_form .wpbc_bfb__field input[type=month],
82 .wpbc_bfb_form .wpbc_bfb__field input[type=number],
83 .wpbc_bfb_form .wpbc_bfb__field input[type=password],
84 .wpbc_bfb_form .wpbc_bfb__field input[type=range],
85 .wpbc_bfb_form .wpbc_bfb__field input[type=search],
86 .wpbc_bfb_form .wpbc_bfb__field input[type=tel],
87 .wpbc_bfb_form .wpbc_bfb__field input[type=text],
88 .wpbc_bfb_form .wpbc_bfb__field input[type=time],
89 .wpbc_bfb_form .wpbc_bfb__field input[type=url],
90 .wpbc_bfb_form .wpbc_bfb__field input[type=week],
91 .wpbc_bfb_form .wpbc_bfb__field select,
92 .wpbc_bfb_form .wpbc_bfb__field textarea {
93 width: 100%;
94 max-width: 100%
95 }
96 .wpbc_bfb_form .wpbc_static_text {
97 width: 100%
98 }
99 .wpbc_bfb__preview-rendered .wpbc_static_text {
100 display: block
101 }
102 .wpbc_bfb_divider_wrap[data-orientation=vertical] .wpbc_bfb_divider--v {
103 -ms-transform: translate(-50%,-50%);
104 transform: translate(-50%,-50%)
105 }
106 div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox],
107 div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] {
108 margin: -5px 5px 0
109 }
110 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] {
111 width: 100%;
112 margin: 0;
113 min-width: 50px
114 }
115 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical],
116 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction,
117 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction * {
118 height: 100%;
119 min-height: 50px;
120 margin: 0;
121 box-sizing: border-box;
122 padding: 0;
123 -ms-flex-pack: center;
124 justify-content: center;
125 -ms-flex-align: center;
126 align-items: center;
127 -ms-flex-flow: column nowrap;
128 flex-flow: column nowrap
129 }
130 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__field-preview {
131 position: relative
132 }
133 div .wpbc_container .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has([data-orientation=vertical]) {
134 -ms-flex: 0 1 auto;
135 flex: 0 1 auto
136 }
137 div div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=horizontal]) {
138 -ms-flex: 0 1 auto;
139 flex: 0 1 auto;
140 width: 100%
141 }
142 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]) {
143 height: 100%
144 }
145 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=horizontal] {
146 width: 100%
147 }
148 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--h {
149 display: block;
150 box-sizing: border-box
151 }
152 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
153 display: -ms-flexbox;
154 display: flex;
155 -ms-flex-item-align: stretch;
156 align-self: stretch;
157 position: relative
158 }
159 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--v {
160 width: 0;
161 box-sizing: content-box;
162 height: 100%
163 }
164 .wpbc_bfb_form [data-colstyles-active="1"] .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
165 -ms-flex: 0 0 auto;
166 flex: 0 0 auto
167 }
168 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr {
169 background: 0 0
170 }
171 /*!
172 * Booking Form Fields
173 *
174 * // FixIn: 10.1.5.7.
175 */
176 :root {
177 --wpbc_form-field-border-radius: 3px;
178 --wpbc_form-field-border-style: solid;
179 --wpbc_form-field-border-size: 1px;
180 --wpbc_form-field-background-color: #ffffff;
181 --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25);
182 --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25);
183 --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7);
184 --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2);
185 --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");
186 --wpbc_form-field-menu-color: #ffffff;
187 --wpbc_form-label-color: rgba(0, 0, 0, 0.85);
188 --wpbc_form-label-sublabel-color: rgba(0, 0, 0, 0.55);
189 --wpbc_form-label-error-color: #d63637;
190 --wpbc_form-button-border-radius: 3px;
191 --wpbc_form-button-border-style: none;
192 --wpbc_form-button-border-size: 1px;
193 --wpbc_form-button-background-color: #066aab;
194 --wpbc_form-button-background-color-alt: #066aab;
195 --wpbc_form-button-border-color: #066aab;
196 --wpbc_form-button-text-color: #ffffff;
197 --wpbc_form-button-text-color-alt: #fff;
198 --wpbc_form-page-break-color: #066aab;
199 --wpbc_form-background-image: none;
200 --wpbc_form-background-position: center center;
201 --wpbc_form-background-repeat: no-repeat;
202 --wpbc_form-background-size: cover;
203 --wpbc_form-background-width: 100px;
204 --wpbc_form-background-height: 100px;
205 --wpbc_form-background-color: rgba(0, 0, 0, 0);
206 --wpbc_form-background-url: none;
207 --wpbc_form-container-padding: 0px;
208 --wpbc_form-container-border-style: none;
209 --wpbc_form-container-border-width: 1px;
210 --wpbc_form-container-border-color: #000000;
211 --wpbc_form-container-border-radius: 3px;
212 --wpbc_form-field-size-input-height: 43px;
213 --wpbc_form-field-size-input-spacing: 15px;
214 --wpbc_form-field-size-font-size: 16px;
215 --wpbc_form-field-size-line-height: 19px;
216 --wpbc_form-field-size-padding-h: 14px;
217 --wpbc_form-field-size-checkbox-size: 16px;
218 --wpbc_form-field-size-sublabel-spacing: 5px;
219 --wpbc_form-field-size-icon-size: 1;
220 --wpbc_form-label-size-font-size: 16px;
221 --wpbc_form-label-size-line-height: 19px;
222 --wpbc_form-label-size-sublabel-font-size: 14px;
223 --wpbc_form-label-size-sublabel-line-height: 17px;
224 --wpbc_form-button-size-font-size: 17px;
225 --wpbc_form-button-size-height: 41px;
226 --wpbc_form-button-size-padding-h: 15px;
227 --wpbc_form-button-size-margin-top: 10px;
228 --wpbc_form-container-shadow-size-box-shadow: none;
229 --wpbc_form-marging-between-several-checkbox-radio: 30px;
230 --wpbc_form-padding-between-label-checkbox-radio: 8px
231 }
232 /*! --------------------------------------------------------------------------------------------------------------------
233 * General Fields
234 * ------------------------------------------------------------------------------------------------------------------ */
235 div.wpbc_container.wpbc_form button,
236 div.wpbc_container.wpbc_form input,
237 div.wpbc_container.wpbc_form label,
238 div.wpbc_container.wpbc_form select,
239 div.wpbc_container.wpbc_form textarea {
240 margin: 0;
241 border: 0;
242 padding: 0;
243 vertical-align: middle;
244 background: 0 0;
245 height: auto;
246 box-sizing: border-box
247 }
248 .wp-core-ui div.wpbc_container.wpbc_form input[type=date],
249 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local],
250 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime],
251 .wp-core-ui div.wpbc_container.wpbc_form input[type=email],
252 .wp-core-ui div.wpbc_container.wpbc_form input[type=month],
253 .wp-core-ui div.wpbc_container.wpbc_form input[type=number],
254 .wp-core-ui div.wpbc_container.wpbc_form input[type=password],
255 .wp-core-ui div.wpbc_container.wpbc_form input[type=range],
256 .wp-core-ui div.wpbc_container.wpbc_form input[type=search],
257 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel],
258 .wp-core-ui div.wpbc_container.wpbc_form input[type=text],
259 .wp-core-ui div.wpbc_container.wpbc_form input[type=time],
260 .wp-core-ui div.wpbc_container.wpbc_form input[type=url],
261 .wp-core-ui div.wpbc_container.wpbc_form input[type=week],
262 .wp-core-ui div.wpbc_container.wpbc_form select,
263 .wp-core-ui div.wpbc_container.wpbc_form textarea,
264 div.wpbc_container.wpbc_form input[type=date],
265 div.wpbc_container.wpbc_form input[type=datetime-local],
266 div.wpbc_container.wpbc_form input[type=datetime],
267 div.wpbc_container.wpbc_form input[type=email],
268 div.wpbc_container.wpbc_form input[type=month],
269 div.wpbc_container.wpbc_form input[type=number],
270 div.wpbc_container.wpbc_form input[type=password],
271 div.wpbc_container.wpbc_form input[type=range],
272 div.wpbc_container.wpbc_form input[type=search],
273 div.wpbc_container.wpbc_form input[type=tel],
274 div.wpbc_container.wpbc_form input[type=text],
275 div.wpbc_container.wpbc_form input[type=time],
276 div.wpbc_container.wpbc_form input[type=url],
277 div.wpbc_container.wpbc_form input[type=week],
278 div.wpbc_container.wpbc_form select,
279 div.wpbc_container.wpbc_form textarea {
280 background-color: var(--wpbc_form-field-background-color);
281 background-clip: padding-box;
282 border-radius: var(--wpbc_form-field-border-radius);
283 color: var(--wpbc_form-field-text-color);
284 border-width: var(--wpbc_form-field-border-size);
285 border-style: var(--wpbc_form-field-border-style);
286 border-color: var(--wpbc_form-field-border-color);
287 padding: 0 var(--wpbc_form-field-size-padding-h);
288 font-size: var(--wpbc_form-field-size-font-size);
289 line-height: 100%;
290 box-shadow: none;
291 transition: border .15s,box-shadow .15s
292 }
293 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus,
294 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus,
295 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus,
296 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus,
297 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus,
298 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus,
299 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus,
300 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus,
301 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus,
302 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus,
303 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus,
304 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus,
305 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus,
306 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus,
307 .wp-core-ui div.wpbc_container.wpbc_form select:focus,
308 .wp-core-ui div.wpbc_container.wpbc_form textarea:focus,
309 div.wpbc_container.wpbc_form input[type=date]:focus,
310 div.wpbc_container.wpbc_form input[type=datetime-local]:focus,
311 div.wpbc_container.wpbc_form input[type=datetime]:focus,
312 div.wpbc_container.wpbc_form input[type=email]:focus,
313 div.wpbc_container.wpbc_form input[type=month]:focus,
314 div.wpbc_container.wpbc_form input[type=number]:focus,
315 div.wpbc_container.wpbc_form input[type=password]:focus,
316 div.wpbc_container.wpbc_form input[type=range]:focus,
317 div.wpbc_container.wpbc_form input[type=search]:focus,
318 div.wpbc_container.wpbc_form input[type=tel]:focus,
319 div.wpbc_container.wpbc_form input[type=text]:focus,
320 div.wpbc_container.wpbc_form input[type=time]:focus,
321 div.wpbc_container.wpbc_form input[type=url]:focus,
322 div.wpbc_container.wpbc_form input[type=week]:focus,
323 div.wpbc_container.wpbc_form select:focus,
324 div.wpbc_container.wpbc_form textarea:focus {
325 border-width: var(--wpbc_form-field-border-size);
326 border-style: solid;
327 border-color: var(--wpbc_form-button-background-color);
328 box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15);
329 outline: 0
330 }
331 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
332 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
333 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid,
334 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus:invalid,
335 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus:invalid,
336 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus:invalid,
337 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus:invalid,
338 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus:invalid,
339 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus:invalid,
340 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus:invalid,
341 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus:invalid,
342 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus:invalid,
343 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus:invalid,
344 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus:invalid,
345 .wp-core-ui div.wpbc_container.wpbc_form select:focus:invalid,
346 .wp-core-ui div.wpbc_container.wpbc_form textarea:focus:invalid,
347 div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
348 div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
349 div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid,
350 div.wpbc_container.wpbc_form input[type=email]:focus:invalid,
351 div.wpbc_container.wpbc_form input[type=month]:focus:invalid,
352 div.wpbc_container.wpbc_form input[type=number]:focus:invalid,
353 div.wpbc_container.wpbc_form input[type=password]:focus:invalid,
354 div.wpbc_container.wpbc_form input[type=range]:focus:invalid,
355 div.wpbc_container.wpbc_form input[type=search]:focus:invalid,
356 div.wpbc_container.wpbc_form input[type=tel]:focus:invalid,
357 div.wpbc_container.wpbc_form input[type=text]:focus:invalid,
358 div.wpbc_container.wpbc_form input[type=time]:focus:invalid,
359 div.wpbc_container.wpbc_form input[type=url]:focus:invalid,
360 div.wpbc_container.wpbc_form input[type=week]:focus:invalid,
361 div.wpbc_container.wpbc_form select:focus:invalid,
362 div.wpbc_container.wpbc_form textarea:focus:invalid {
363 border-width: var(--wpbc_form-field-border-size);
364 border-style: solid;
365 border-color: var(--wpbc_form-button-background-color);
366 box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15);
367 outline: 0;
368 color: var(--wpbc_form-field-text-color)
369 }
370 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
371 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder,
372 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder,
373 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder,
374 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder,
375 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder,
376 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder,
377 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder,
378 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder,
379 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder,
380 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder,
381 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder,
382 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder,
383 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder,
384 .wp-core-ui div.wpbc_container.wpbc_form select::-webkit-input-placeholder,
385 .wp-core-ui div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder,
386 div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
387 div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder,
388 div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder,
389 div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder,
390 div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder,
391 div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder,
392 div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder,
393 div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder,
394 div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder,
395 div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder,
396 div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder,
397 div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder,
398 div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder,
399 div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder,
400 div.wpbc_container.wpbc_form select::-webkit-input-placeholder,
401 div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder {
402 color: var(--wpbc_form-field-text-color);
403 opacity: .5;
404 pointer-events: none
405 }
406 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder,
407 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder,
408 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder,
409 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder,
410 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder,
411 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder,
412 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder,
413 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder,
414 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder,
415 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder,
416 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder,
417 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder,
418 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder,
419 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder,
420 .wp-core-ui div.wpbc_container.wpbc_form select::-moz-placeholder,
421 .wp-core-ui div.wpbc_container.wpbc_form textarea::-moz-placeholder,
422 div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder,
423 div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder,
424 div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder,
425 div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder,
426 div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder,
427 div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder,
428 div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder,
429 div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder,
430 div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder,
431 div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder,
432 div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder,
433 div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder,
434 div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder,
435 div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder,
436 div.wpbc_container.wpbc_form select::-moz-placeholder,
437 div.wpbc_container.wpbc_form textarea::-moz-placeholder {
438 color: var(--wpbc_form-field-text-color);
439 opacity: .5;
440 pointer-events: none
441 }
442 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder,
443 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder,
444 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder,
445 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder,
446 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder,
447 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder,
448 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder,
449 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder,
450 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder,
451 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder,
452 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder,
453 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder,
454 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder,
455 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder,
456 .wp-core-ui div.wpbc_container.wpbc_form select:-moz-placeholder,
457 .wp-core-ui div.wpbc_container.wpbc_form textarea:-moz-placeholder,
458 div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder,
459 div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder,
460 div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder,
461 div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder,
462 div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder,
463 div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder,
464 div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder,
465 div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder,
466 div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder,
467 div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder,
468 div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder,
469 div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder,
470 div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder,
471 div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder,
472 div.wpbc_container.wpbc_form select:-moz-placeholder,
473 div.wpbc_container.wpbc_form textarea:-moz-placeholder {
474 color: var(--wpbc_form-field-text-color);
475 opacity: .5;
476 pointer-events: none
477 }
478 /*! --------------------------------------------------------------------------------------------------------------------
479 * Textarea
480 * ------------------------------------------------------------------------------------------------------------------ */
481 .wp-core-ui div.wpbc_container.wpbc_form textarea,
482 div.wpbc_container.wpbc_form textarea {
483 width: 100%;
484 line-height: 1.3;
485 min-height: var(--wpbc_form-field-size-input-height);
486 padding: var(--wpbc_form-field-size-padding-h);
487 resize: vertical
488 }
489 /*! --------------------------------------------------------------------------------------------------------------------
490 * General Height
491 * ------------------------------------------------------------------------------------------------------------------ */
492 .wp-core-ui div.wpbc_container.wpbc_form input,
493 .wp-core-ui div.wpbc_container.wpbc_form select,
494 div.wpbc_container.wpbc_form input,
495 div.wpbc_container.wpbc_form select {
496 height: var(--wpbc_form-field-size-input-height)
497 }
498 /*! --------------------------------------------------------------------------------------------------------------------
499 * Select
500 * ------------------------------------------------------------------------------------------------------------------ */
501 .wp-core-ui div.wpbc_container.wpbc_form select,
502 div.wpbc_container.wpbc_form select {
503 appearance: none;
504 display: block;
505 max-width: 100%;
506 width: 100%;
507 text-transform: none;
508 text-shadow: none;
509 white-space: nowrap;
510 line-height: unset;
511 padding-block: 0;
512 padding-inline-end: 24px;
513 padding-inline-start: 12px;
514 min-height: var(--wpbc_form-field-size-input-height);
515 vertical-align: middle;
516 cursor: pointer
517 }
518 .wp-core-ui div.wpbc_container.wpbc_form select,
519 .wp-core-ui div.wpbc_container.wpbc_form select:disabled,
520 div.wpbc_container.wpbc_form select,
521 div.wpbc_container.wpbc_form select:disabled {
522 background-image: var(--wpbc_form-select-bg-img),none;
523 background-repeat: no-repeat;
524 background-position: calc(100% - 11px) 50%,calc(100% - 12px) 50%;
525 background-size: 16px 12px
526 }
527 .rtl .wp-core-ui div.wpbc_container.wpbc_form select,
528 .rtl .wp-core-ui div.wpbc_container.wpbc_form select:disabled,
529 .rtl div.wpbc_container.wpbc_form select,
530 .rtl div.wpbc_container.wpbc_form select:disabled {
531 background-position: 12px 50%,17px 50%
532 }
533 .wp-core-ui div.wpbc_container.wpbc_form select > option,
534 div.wpbc_container.wpbc_form select > option {
535 color: var(--wpbc_form-field-text-color)
536 }
537 .wp-core-ui div.wpbc_container.wpbc_form select > option.placeholder,
538 .wp-core-ui div.wpbc_container.wpbc_form select > option[disabled],
539 div.wpbc_container.wpbc_form select > option.placeholder,
540 div.wpbc_container.wpbc_form select > option[disabled] {
541 color: var(--wpbc_form-field-disabled-color);
542 opacity: .5
543 }
544 .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option,
545 div.wpbc_container.wpbc_form select:not([multiple]) > option {
546 background: var(--wpbc_form-field-menu-color)
547 }
548 .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked,
549 div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked {
550 font-weight: 700
551 }
552 .wp-core-ui div.wpbc_container.wpbc_form select[multiple],
553 div.wpbc_container.wpbc_form select[multiple] {
554 height: auto;
555 overflow-y: scroll;
556 background-image: none
557 }
558 .wp-core-ui div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked,
559 div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked {
560 background: var(--wpbc_form-button-background-color);
561 color: var(--wpbc_form-button-text-color-alt,var(--wpbc_form-button-text-color))
562 }
563 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only,
564 div.wpbc_container.wpbc_form input[type=number]:read-only {
565 appearance: textfield;
566 -moz-appearance: textfield;
567 -webkit-appearance: textfield
568 }
569 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button,
570 div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button {
571 visibility: hidden
572 }
573 /*! --------------------------------------------------------------------------------------------------------------------
574 * Submit
575 * ------------------------------------------------------------------------------------------------------------------ */
576 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light),
577 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light),
578 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light),
579 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light) {
580 height: var(--wpbc_form-button-size-height);
581 background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color));
582 border-radius: var(--wpbc_form-button-border-radius);
583 border-style: var(--wpbc_form-button-border-style);
584 border-color: var(--wpbc_form-button-border-color);
585 border-width: var(--wpbc_form-button-border-size);
586 box-shadow: none;
587 color: var(--wpbc_form-button-text-color);
588 padding: 0 var(--wpbc_form-button-size-padding-h);
589 font-family: inherit;
590 font-weight: 500;
591 font-size: var(--wpbc_form-button-size-font-size);
592 line-height: 100%;
593 cursor: pointer;
594 transition: .15s ease-in-out;
595 position: relative;
596 text-decoration: none
597 }
598 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active),
599 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active),
600 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active),
601 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active) {
602 background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color));
603 color: var(--wpbc_form-button-text-color)
604 }
605 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active,
606 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover,
607 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active,
608 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover,
609 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active,
610 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover,
611 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active,
612 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover {
613 background: 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))
614 }
615 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus,
616 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus,
617 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus,
618 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus {
619 outline: 0
620 }
621 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after,
622 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after,
623 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after,
624 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after {
625 content: "";
626 position: absolute;
627 border: 2px solid var(--wpbc_form-button-background-color);
628 border-radius: calc(var(--wpbc_form-button-border-radius) + 2px);
629 top: calc(-4px - var(--wpbc_form-button-border-size,1px));
630 right: calc(-4px - var(--wpbc_form-button-border-size,1px));
631 bottom: calc(-4px - var(--wpbc_form-button-border-size,1px));
632 left: calc(-4px - var(--wpbc_form-button-border-size,1px))
633 }
634 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled,
635 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover,
636 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled,
637 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover,
638 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled,
639 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover,
640 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled,
641 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover {
642 background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color));
643 cursor: default
644 }
645 /*! --------------------------------------------------------------------------------------------------------------------
646 * Radio and Checkboxes
647 * ------------------------------------------------------------------------------------------------------------------ */
648 div.wpbc_container.wpbc_form input[type=checkbox],
649 div.wpbc_container.wpbc_form input[type=radio] {
650 position: relative;
651 display: inline-block;
652 background: 0 0;
653 height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
654 width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
655 margin: 0 0 0 2px;
656 border: none;
657 box-shadow: none;
658 vertical-align: middle;
659 opacity: 1;
660 appearance: none
661 }
662 div.wpbc_container.wpbc_form input[type=checkbox]:after,
663 div.wpbc_container.wpbc_form input[type=checkbox]:before,
664 div.wpbc_container.wpbc_form input[type=radio]:after,
665 div.wpbc_container.wpbc_form input[type=radio]:before {
666 content: "";
667 position: absolute;
668 left: -2px;
669 top: 0;
670 width: var(--wpbc_form-field-size-checkbox-size);
671 height: var(--wpbc_form-field-size-checkbox-size);
672 box-sizing: content-box;
673 cursor: pointer
674 }
675 div.wpbc_container.wpbc_form input[type=checkbox]:before,
676 div.wpbc_container.wpbc_form input[type=radio]:before {
677 border-width: var(--wpbc_form-field-border-size);
678 border-style: var(--wpbc_form-field-border-style);
679 border-color: var(--wpbc_form-field-border-color);
680 background-color: var(--wpbc_form-field-background-color);
681 background-clip: padding-box;
682 background-image: none;
683 border-radius: 3px
684 }
685 div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a,
686 div.wpbc_container.wpbc_form .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label,
687 div.wpbc_container.wpbc_form .wpdev-list-item > input[type=radio] + .wpdev-list-item-label,
688 div.wpbc_container.wpbc_form input[type=checkbox] + label,
689 div.wpbc_container.wpbc_form input[type=radio] + label {
690 display: inline;
691 position: relative;
692 padding-inline-start: var(--wpbc_form-padding-between-label-checkbox-radio);
693 font-size: var(--wpbc_form-label-size-font-size);
694 vertical-align: middle;
695 cursor: pointer
696 }
697 div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a {
698 padding-top: 3px
699 }
700 div.wpbc_container.wpbc_form input[type=checkbox] + label,
701 div.wpbc_container.wpbc_form input[type=radio] + label {
702 cursor: pointer
703 }
704 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label:first-child {
705 display: inline;
706 position: relative;
707 padding-inline-end: var(--wpbc_form-padding-between-label-checkbox-radio);
708 font-size: var(--wpbc_form-label-size-font-size);
709 vertical-align: middle
710 }
711 div.wpbc_container.wpbc_form .wpdev-list-item > label.wpdev-list-item-label:first-child {
712 cursor: pointer
713 }
714 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=checkbox],
715 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=radio] {
716 margin-left: var(--wpbc_form-padding-between-label-checkbox-radio);
717 margin-right: var(--wpbc_form-padding-between-label-checkbox-radio)
718 }
719 div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item,
720 div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item {
721 margin-right: var(--wpbc_form-marging-between-several-checkbox-radio)
722 }
723 div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:last-child,
724 div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:last-child {
725 margin-right: 0
726 }
727 .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item,
728 .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item {
729 margin-left: var(--wpbc_form-marging-between-several-checkbox-radio)
730 }
731 .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:first-child,
732 .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:first-child {
733 margin-left: 0
734 }
735 div.wpbc_container.wpbc_form input[type=checkbox]:checked:before,
736 div.wpbc_container.wpbc_form input[type=radio]:checked:before {
737 margin: 0;
738 border-width: var(--wpbc_form-field-border-size);
739 border-style: solid;
740 border-color: var(--wpbc_form-field-border-color);
741 outline: 0
742 }
743 div.wpbc_container.wpbc_form input[type=checkbox]:checked:before:focus,
744 div.wpbc_container.wpbc_form input[type=radio]:checked:before:focus {
745 border-color: var(--wpbc_form-button-background-color);
746 box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15)
747 }
748 div.wpbc_container.wpbc_form input[type=checkbox]:focus,
749 div.wpbc_container.wpbc_form input[type=radio]:focus {
750 outline: 0
751 }
752 div.wpbc_container.wpbc_form input[type=checkbox]:focus:before,
753 div.wpbc_container.wpbc_form input[type=radio]:focus:before {
754 border-width: var(--wpbc_form-field-border-size);
755 border-style: solid;
756 border-color: var(--wpbc_form-button-background-color);
757 box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15);
758 outline: 0
759 }
760 div.wpbc_container.wpbc_form input[type=checkbox]:checked:after {
761 border-top: none;
762 border-right: none;
763 height: calc(var(--wpbc_form-field-size-checkbox-size) * .6);
764 border-left: 4px solid var(--wpbc_form-button-background-color);
765 border-bottom: 4px solid var(--wpbc_form-button-background-color);
766 background-color: transparent;
767 -ms-transform: translate(0,1px) scale(.5) rotate(-45deg);
768 transform: translate(0,1px) scale(.5) rotate(-45deg);
769 left: calc(-4px + var(--wpbc_form-field-border-size,1px));
770 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
771 }
772 div.wpbc_container.wpbc_form input[type=radio],
773 div.wpbc_container.wpbc_form input[type=radio]:before {
774 border-radius: 50%
775 }
776 div.wpbc_container.wpbc_form input[type=radio]:checked:after {
777 border: 1px solid transparent;
778 border-radius: 50%;
779 background-color: var(--wpbc_form-button-background-color);
780 -ms-transform: scale(.5);
781 transform: scale(.5);
782 -moz-transform: scale(.47);
783 left: calc(-3px + var(--wpbc_form-field-border-size,1px));
784 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
785 }
786 /*! --------------------------------------------------------------------------------------------------------------------
787 * Errors
788 * ------------------------------------------------------------------------------------------------------------------ */
789 div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error,
790 div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error {
791 font-weight: 400;
792 font-size: var(--wpbc_form-label-size-sublabel-font-size);
793 line-height: var(--wpbc_form-label-size-sublabel-line-height);
794 margin-top: var(--wpbc_form-field-size-input-spacing);
795 color: var(--wpbc_form-label-error-color);
796 padding: 0 0 0 5px;
797 position: relative
798 }
799 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error,
800 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error,
801 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error {
802 border-width: var(--wpbc_form-field-border-size);
803 border-style: solid;
804 border-color: var(--wpbc_form-label-error-color)
805 }
806 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:hover,
807 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:hover,
808 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:hover {
809 border-width: var(--wpbc_form-field-border-size);
810 border-style: solid;
811 border-color: var(--wpbc_form-label-error-color);
812 box-shadow: 0 0 2px 0 var(--wpbc_form-label-error-color)
813 }
814 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:focus,
815 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:focus,
816 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:focus {
817 border-width: var(--wpbc_form-field-border-size);
818 border-style: solid;
819 border-color: var(--wpbc_form-label-error-color);
820 box-shadow: 0 0 0 1.2px var(--wpbc_form-label-error-color)
821 }
822 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error,
823 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:focus,
824 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:hover,
825 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error,
826 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:focus,
827 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover {
828 border: none;
829 box-shadow: none
830 }
831 .wpdev-form-control-wrap .wpdev-checkbox.group_inline,
832 .wpdev-form-control-wrap .wpdev-radio.group_inline,
833 .wpdev-form-control-wrap.group_inline [role=checkboxgroup],
834 .wpdev-form-control-wrap.group_inline [role=radiogroup] {
835 display: -ms-inline-flexbox;
836 display: inline-flex;
837 -ms-flex-flow: row wrap;
838 flex-flow: row wrap;
839 -ms-flex-pack: start;
840 justify-content: flex-start;
841 -ms-flex-align: start;
842 align-items: flex-start;
843 gap: 2em;
844 row-gap: .5em
845 }
846 .wpdev-form-control-wrap .wpdev-checkbox,
847 .wpdev-form-control-wrap .wpdev-radio,
848 .wpdev-form-control-wrap [role=checkboxgroup],
849 .wpdev-form-control-wrap [role=radiogroup] {
850 display: -ms-flexbox;
851 display: flex;
852 -ms-flex-flow: column wrap;
853 flex-flow: column wrap;
854 -ms-flex-pack: start;
855 justify-content: flex-start;
856 -ms-flex-align: start;
857 align-items: flex-start;
858 gap: .5em
859 }
860 .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label,
861 .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label,
862 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
863 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
864 display: inline;
865 line-height: 1.74;
866 font-weight: 400
867 }
868 div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
869 div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
870 margin-right: 0
871 }
872 .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label input[type=checkbox],
873 .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label input[type=radio],
874 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item input[type=checkbox],
875 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item input[type=radio] {
876 vertical-align: middle;
877 margin-block-start: -.25em;
878 margin-inline-end: .3em
879 }
880 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label,
881 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label:hover,
882 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label,
883 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label:hover {
884 line-height: 1.74;
885 font-weight: 400
886 }
887 /*! ----------------------------------------------------------------------------------------------------------------- */
888 /*! Timeline Steps: */
889 /*! ----------------------------------------------------------------------------------------------------------------- */
890 .wpbc__container_place__steps_for_timeline,
891 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
892 -ms-flex: 1 1 400px;
893 flex: 1 1 400px;
894 display: -ms-flexbox;
895 display: flex;
896 -ms-flex-flow: column;
897 flex-flow: column;
898 -ms-flex-pack: center;
899 justify-content: center;
900 -ms-flex-align: center;
901 align-items: center;
902 height: 50px;
903 margin: 0 auto 35px;
904 padding: 0;
905 border: 0
906 }
907 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
908 display: none
909 }
910 .wpbc_steps_for_timeline_container {
911 max-width: min(400px,100%);
912 min-width: 200px;
913 margin: 3px 0 0;
914 width: 100%;
915 --wpbc_steps_for_timeline_step_color: #d6d6d6;
916 --wpbc_steps_for_timeline_active_color: #64aa45;
917 --wpbc_steps_for_timeline_failed_color: #e76a39;
918 --wpbc_steps_for_timeline_checkbox_color: #fff
919 }
920 .booking_form_div .wpbc_steps_for_timeline_container {
921 --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce)
922 }
923 .wpbc_steps_for_timeline {
924 margin: 0;
925 padding: 0;
926 display: -ms-flexbox;
927 display: flex;
928 -ms-flex-flow: row nowrap;
929 flex-flow: row nowrap;
930 -ms-flex-pack: start;
931 justify-content: flex-start;
932 -ms-flex-align: center;
933 align-items: center
934 }
935 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line {
936 background: var(--wpbc_steps_for_timeline_step_color);
937 height: 2px;
938 margin: 0 7px;
939 width: 100%
940 }
941 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line.wpbc_steps_for_timeline_line_active {
942 background: var(--wpbc_steps_for_timeline_active_color)
943 }
944 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step {
945 border: none;
946 background-color: var(--wpbc_steps_for_timeline_step_color);
947 border-radius: 50%;
948 -ms-flex-negative: 0;
949 flex-shrink: 0;
950 height: 16px;
951 width: 16px
952 }
953 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step .icon {
954 display: none
955 }
956 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_active,
957 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed,
958 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed {
959 background-color: var(--wpbc_steps_for_timeline_active_color);
960 position: relative
961 }
962 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed .icon-success,
963 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed {
964 color: var(--wpbc_steps_for_timeline_checkbox_color,#fff);
965 display: block;
966 position: absolute;
967 left: 3px;
968 top: 3px
969 }
970 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed {
971 left: 4px;
972 top: 2px
973 }
974 /*! Timeline Steps: Front-End align */
975 .booking_form_div .wpbc_steps_for_timeline_container,
976 .wpbc_bfb__container .wpbc_steps_for_timeline_container {
977 margin: 20px auto 25px
978 }
979 .bfb_element [class^=wpbc_steps_for_timeline__steps_timeline] {
980 -ms-flex: 1;
981 flex: 1
982 }
983 /*! == Align Form Elements ====================================================================================== */
984 /*! == Right == */
985 .wpbc_aling_right,
986 .wpbc_aling_right .wpbc_times_selector {
987 -ms-flex-pack: end!important;
988 justify-content: flex-end!important
989 }
990 /*! == Center == */
991 .wpbc_aling_center,
992 .wpbc_aling_center .wpbc_times_selector {
993 -ms-flex-pack: center!important;
994 justify-content: center!important
995 }
996 /*! == Simple booking form - Center == */
997 .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field {
998 -ms-flex-pack: center!important;
999 justify-content: center!important
1000 }
1001 .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field label {
1002 text-align: center!important
1003 }
1004 /*! == Center Calendar ? == */
1005 .wpbc_aling_center .wpbc_calendar_wraper {
1006 display: -ms-flexbox;
1007 display: flex;
1008 -ms-flex-flow: column nowrap;
1009 flex-flow: column nowrap;
1010 -ms-flex-pack: center;
1011 justify-content: center;
1012 -ms-flex-align: center;
1013 align-items: center
1014 }
1015 @media (max-width:400px) {
1016 .wpbc_aling_right .wpbc_times_selector div {
1017 margin: 7px 0 0
1018 }
1019 .wpbc_aling_center .wpbc_times_selector div {
1020 margin: 7px 0
1021 }
1022 }
1023 /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */
1024 .wpbc_wizard__border_container {
1025 box-shadow: rgba(0,0,0,.05) 0 2px 6px 0;
1026 border: 1px solid #ccc;
1027 border-radius: 2px;
1028 background: #fff;
1029 padding: 10px 30px;
1030 box-sizing: border-box;
1031 margin: auto;
1032 max-width: 100%;
1033 width: 100%;
1034 max-width: min(900px,100%)
1035 }
1036 .wpbc_wizard__border_container,
1037 .wpbc_wizard__border_container p {
1038 font-size: 16px;
1039 font-weight: 400
1040 }
1041 .wpbc_times_selector div,
1042 .wpbc_wizard__border_container .wpbc_times_selector div {
1043 -ms-flex: 1 1 auto;
1044 flex: 1 1 auto;
1045 min-width: min(90px,100%);
1046 white-space: wrap;
1047 word-break: normal
1048 }
1049 .wpbc_theme_dark_1 .wpbc_wizard__border_container {
1050 border: 1px solid #000;
1051 background: #626262;
1052 color: #bbb;
1053 box-shadow: 0 0 3px #3b3b3b
1054 }
1055 .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*),
1056 .wpbc_theme_dark_1 .wpbc_wizard__border_container label,
1057 .wpbc_theme_dark_1 .wpbc_wizard__border_container p,
1058 .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) {
1059 color: #fff
1060 }