PluginProbe
Booking Calendar / 11.4.3
Booking Calendar v11.4.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 / includes / page-form-builder / _out / builder-form-page.css

builder-form-page.css in Booking Calendar 11.4.3, at includes/page-form-builder/_out/builder-form-page.css

1,973 lines 51.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .wpbc_admin {
3 --wpbc-bfb-accent-color: var(--wpbc_admin-theme-color, #327ab4 )
4 }
5 body[class*=page_wpbc] #wpcontent .wpbc_settings_page_content .wrap.wpbc_page {
6 margin: 2px 40px
7 }
8 .wpbc_bfb__container {
9 display: -ms-flexbox;
10 display: flex;
11 gap: 20px;
12 width: 100%
13 }
14 .wpbc_bfb__container h1 {
15 margin: 0
16 }
17 .wpbc_bfb__pages_panel,
18 .wpbc_bfb__theme_scope {
19 -ms-flex: 1 1 100%;
20 flex: 1 1 100%
21 }
22 #wpbc_bfb__pages_container {
23 display: -ms-flexbox;
24 display: flex;
25 -ms-flex-flow: column nowrap;
26 flex-flow: column nowrap;
27 -ms-flex-align: stretch;
28 align-items: stretch;
29 -ms-flex-pack: start;
30 justify-content: flex-start;
31 gap: 30px
32 }
33 .wpbc_bfb__pages_panel .wpbc_bfb__panel {
34 border: 0;
35 padding: 0 20px;
36 background: repeating-linear-gradient(-45deg,#f3f4f5 0 7px,#fff 7px 9px);
37 margin: 0;
38 width: 100%;
39 position: relative;
40 border-radius: 15px
41 }
42 .wpbc_bfb__panel--preview h3.wpbc_bfb__page_number {
43 display: -ms-flexbox;
44 display: flex;
45 -ms-flex-flow: row nowrap;
46 flex-flow: row nowrap;
47 -ms-flex-pack: justify;
48 justify-content: space-between;
49 position: absolute;
50 margin: 0;
51 right: 0;
52 gap: 60px;
53 -ms-flex-align: center;
54 align-items: center;
55 background: #fff;
56 padding: 0 12px;
57 border-radius: 3px;
58 border: 0;
59 box-shadow: rgba(2,12,36,.06) 0 0 28px;
60 min-height: 35px
61 }
62 .wpbc_bfb__panel--preview h3 button {
63 cursor: pointer
64 }
65 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls,
66 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls *,
67 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .menu_icon,
68 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle,
69 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_icn_drag_indicator,
70 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls button,
71 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number,
72 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number *,
73 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number .menu_icon,
74 .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number button {
75 color: #1d2327!important
76 }
77 .wpbc_bfb__form_preview_section_container:empty {
78 min-height: 100px;
79 display: -ms-flexbox;
80 display: flex;
81 -ms-flex-flow: column nowrap;
82 flex-flow: column nowrap;
83 -ms-flex-align: center;
84 align-items: center;
85 -ms-flex-pack: center;
86 justify-content: center
87 }
88 .wpbc_bfb__form_preview_section_container:empty::before {
89 display: block;
90 text-align: center;
91 content: "\f132";
92 font-size: 32px;
93 color: var(--wpbc-bfb-accent-color,#327ab4);
94 font-family: dashicons;
95 margin: auto
96 }
97 #wpbc_bfb__add_columns_template[hidden] {
98 display: none
99 }
100 .wpbc_bfb__row:not(:has(.wpbc_bfb__column:not(:empty))) {
101 min-height: 150px
102 }
103 .wpbc_bfb__panel--library {
104 -ms-flex: 0 1 25%;
105 flex: 0 1 25%;
106 box-sizing: border-box;
107 padding: 0
108 }
109 .wpbc_bfb__panel--library .wpbc_bfb__panel_field_types__ul {
110 display: -ms-flexbox;
111 display: flex;
112 -ms-flex-flow: column nowrap;
113 flex-flow: column nowrap;
114 -ms-flex-pack: stretch;
115 justify-content: stretch;
116 -ms-flex-align: stretch;
117 align-items: stretch;
118 gap: 15px;
119 -ms-flex-flow: row wrap;
120 flex-flow: row wrap;
121 -ms-flex-pack: start;
122 justify-content: flex-start;
123 align-items: stretch
124 }
125 .wpbc_bfb__drag-handle,
126 .wpbc_bfb__panel--library .wpbc_bfb__field {
127 cursor: move
128 }
129 .wpbc_bfb__panel--library .wpbc_bfb__field[aria-disabled=true] {
130 opacity: .4;
131 cursor: not-allowed
132 }
133 .wpbc_bfb__controls {
134 padding: 0;
135 margin: 25px 0;
136 border-radius: 2px;
137 border: 0;
138 display: -ms-flexbox;
139 display: flex;
140 -ms-flex-flow: row nowrap;
141 flex-flow: row nowrap;
142 -ms-flex-align: stretch;
143 align-items: stretch;
144 -ms-flex-pack: center;
145 justify-content: center;
146 gap: 1em;
147 width: 100%;
148 min-height: 35px;
149 position: relative
150 }
151 .wpbc_settings_page_content .wpbc_ui_el_container.wpbc_ui_el__dropdown .ul_dropdown_menu_toggle,
152 .wpbc_settings_page_content .wpbc_ui_el_container.wpbc_ui_el__dropdown .ul_dropdown_menu_toggle.has_down_arrow {
153 background-color: #fff
154 }
155 .wpbc_settings_page_content .ul_dropdown_menu_toggle,
156 .wpbc_settings_page_content .ul_dropdown_menu_toggle .wpbc_ui_el__a {
157 color: var(--wpbc_ui__gen__text-color)
158 }
159 .wpbc_bfb__section {
160 position: relative;
161 border: 0;
162 padding: 0;
163 -ms-flex: 1 1 100%;
164 flex: 1 1 100%
165 }
166 .wpbc_bfb__row {
167 display: -ms-flexbox;
168 display: flex;
169 width: 100%;
170 position: relative
171 }
172 :root {
173 --wpbc-col-gap: calc(1.5% - 1px)
174 }
175 div.wpbc_bfb__row,
176 div.wpbc_bfb_form .wpbc__row {
177 gap: var(--wpbc-col-gap);
178 padding: 10px 0
179 }
180 .wpbc_bfb__column {
181 position: relative;
182 border: 0;
183 padding: 0;
184 -ms-flex: 1 1 100%;
185 flex: 1 1 100%;
186 transition: border-color .2s;
187 border-radius: 0;
188 box-sizing: border-box;
189 gap: 20px
190 }
191 .wpbc_bfb__column,
192 .wpbc_bfb__row > .wpbc_bfb__column {
193 min-width: var(--wpbc-col-min,0)
194 }
195 .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column {
196 -ms-flex-item-align: stretch;
197 align-self: stretch;
198 -ms-flex-item-align: start;
199 align-self: flex-start;
200 display: -ms-flexbox;
201 display: flex;
202 -ms-flex-flow: row wrap;
203 flex-flow: row wrap;
204 -ms-flex-pack: start;
205 justify-content: flex-start;
206 -ms-flex-align: start;
207 align-items: flex-start;
208 -ms-flex-line-pack: start;
209 align-content: flex-start;
210 gap: 0
211 }
212 .wpbc_bfb__dragging,
213 .wpbc_bfb__section .wpbc_bfb__column:empty,
214 .wpbc_bfb__section:hover .wpbc_bfb__column {
215 border: 1px solid #b0c2d9;
216 -ms-flex-line-pack: center;
217 align-content: center
218 }
219 .wpbc_bfb__column:empty {
220 min-height: 80px;
221 overflow: hidden;
222 display: -ms-flexbox;
223 display: flex;
224 -ms-flex-flow: column nowrap;
225 flex-flow: column nowrap;
226 -ms-flex-pack: center;
227 justify-content: center;
228 -ms-flex-align: center;
229 align-items: center
230 }
231 .wpbc_bfb__column:empty,
232 .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column:empty,
233 html.wpbc_bfb__dnd-active .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column {
234 -ms-flex-item-align: stretch;
235 align-self: stretch
236 }
237 .wpbc_bfb__column:empty::before {
238 text-align: center;
239 padding: 0;
240 content: "\f132";
241 font-size: 32px;
242 color: var(--wpbc-bfb-accent-color,#327ab4);
243 font-family: dashicons;
244 margin: auto;
245 display: -ms-flexbox;
246 display: flex;
247 -ms-flex-flow: column nowrap;
248 flex-flow: column nowrap;
249 -ms-flex-align: center;
250 align-items: center;
251 -ms-flex-pack: center;
252 justify-content: center;
253 -ms-flex: 1 1 100%;
254 flex: 1 1 100%;
255 height: 100%;
256 overflow: hidden
257 }
258 .wpbc_bfb__column:empty::after {
259 content: "";
260 display: block
261 }
262 .wpbc_bfb__column-resizer {
263 -ms-flex-item-align: stretch;
264 align-self: stretch;
265 cursor: col-resize;
266 position: relative;
267 margin: 0;
268 -ms-flex: 0 0 0px;
269 flex: 0 0 0;
270 width: 0;
271 max-width: 0;
272 min-width: 0;
273 overflow: visible;
274 box-sizing: border-box
275 }
276 .wpbc_bfb__column-resizer::before {
277 content: "";
278 position: absolute;
279 left: -1.5px;
280 top: 0;
281 bottom: 0;
282 width: 3px;
283 cursor: col-resize;
284 margin: 10px 0;
285 border: 0
286 }
287 .wpbc_bfb__column-resizer:hover::before,
288 .wpbc_bfb__dragging .wpbc_bfb__column-resizer::before,
289 .wpbc_bfb__section:hover .wpbc_bfb__column-resizer::before {
290 position: absolute;
291 top: 0;
292 left: -2px;
293 -ms-transform: translate(0,0);
294 transform: translate(0,0);
295 background: #a3aad2;
296 background: var(--wpbc-bfb-accent-color,#327ab4);
297 padding: 0;
298 border-radius: 4px;
299 white-space: nowrap;
300 z-index: 10;
301 border: 0
302 }
303 .wpbc_bfb__column-resizer::after {
304 position: absolute;
305 left: 0;
306 top: 0;
307 bottom: 0;
308 width: 0;
309 pointer-events: none;
310 content: "";
311 font-size: 34px;
312 color: var(--wpbc-bfb-accent-color,#327ab4);
313 font-family: dashicons;
314 border: 0;
315 -ms-transform: translate(-17px,-25px);
316 transform: translate(-17px,-25px)
317 }
318 .wpbc_bfb__column-resizer:hover::after {
319 content: "\f229"
320 }
321 .wpbc_bfb__column.wpbc_bfb__dragging + .wpbc_bfb__column-resizer,
322 .wpbc_bfb__drag-active ~ .wpbc_bfb__column-resizer {
323 pointer-events: none!important
324 }
325 .wpbc_bfb__noaction,
326 .wpbc_bfb__preview-rendered [inert] {
327 -webkit-user-select: none;
328 -ms-user-select: none;
329 user-select: none;
330 pointer-events: none
331 }
332 .wpbc_bfb__field {
333 position: relative;
334 display: -ms-flexbox;
335 display: flex;
336 -ms-flex-pack: start;
337 justify-content: flex-start;
338 gap: 10px;
339 -ms-flex-align: start;
340 align-items: flex-start;
341 -ms-flex-flow: row wrap;
342 flex-flow: row wrap;
343 background: #fff;
344 border: 1px solid #ccc;
345 border-radius: 2px
346 }
347 .wpbc_bfb__field,
348 .wpbc_bfb__panel--preview.wpbc_bfb_form .wpbc__field:not(.wpbc_bfb__preview-rendered) {
349 padding: 0;
350 margin: 0
351 }
352 .wpbc_bfb__panel--preview.wpbc_bfb_form .wpbc_bfb__field:not(.wpbc_bfb__preview-rendered) {
353 margin: 10px 0
354 }
355 .wpbc_bfb__field:not(.wpbc_bfb__preview-rendered) {
356 padding: 10px;
357 -ms-flex: 1 1 100%;
358 flex: 1 1 100%;
359 -ms-flex: 1 1 30%;
360 flex: 1 1 30%
361 }
362 .wpbc_bfb__field.wpbc_bfb__preview-rendered,
363 .wpbc_bfb__field.wpbc_bfb__preview-rendered .wpbc_bfb__noaction {
364 -ms-flex: 1 1 100%;
365 flex: 1 1 100%;
366 display: -ms-flexbox;
367 display: flex;
368 -ms-flex-flow: row wrap;
369 flex-flow: row wrap;
370 -ms-flex-pack: start;
371 justify-content: flex-start;
372 -ms-flex-align: start;
373 align-items: flex-start;
374 -ms-flex-line-pack: normal;
375 align-content: normal;
376 padding: 0;
377 margin: 0;
378 gap: 10px
379 }
380 .wpbc_bfb__field.wpbc_bfb__preview-rendered .wpbc_bfb__noaction > *,
381 .wpbc_bfb__field.wpbc_bfb__preview-rendered > * {
382 -ms-flex: 1 1 100%;
383 flex: 1 1 100%
384 }
385 .wpbc_bfb__field.wpbc_bfb__preview-rendered:not(.wpbc_bfb__highlight) {
386 background: 0 0;
387 border: 0;
388 padding: 0;
389 margin: 0
390 }
391 .wpbc_bfb__field .wpbc_bfb__field-label {
392 font-weight: 700;
393 -ms-flex: 1 1 50%;
394 flex: 1 1 50%
395 }
396 .wpbc_bfb__field .wpbc_bfb__field-type {
397 font-size: .9em;
398 color: #848484;
399 -ms-flex: 1 1 auto;
400 flex: 1 1 auto;
401 text-shadow: none;
402 text-align: right;
403 max-width: 100%;
404 word-break: break-word
405 }
406 .wpbc_bfb__preview-input,
407 .wpbc_bfb__preview-select,
408 .wpbc_bfb__preview-textarea {
409 width: 100%;
410 padding: 6px;
411 border: 1px solid #ccc;
412 border-radius: 4px;
413 box-sizing: border-box
414 }
415 .wpbc_bfb__preview-costhint {
416 display: inline-block;
417 padding: 6px;
418 background: #f5f5f5;
419 border: 1px dashed #aaa
420 }
421 .wpbc_bfb__drag-ghost .wpbc_bfb__column {
422 border: 2px dashed #9af!important;
423 border-radius: 6px
424 }
425 .wpbc_bfb__section.wpbc_bfb__drag-ghost .wpbc_bfb__column {
426 -ms-transform: scale(.95);
427 transform: scale(.95);
428 transition: transform .15s
429 }
430 .wpbc_bfb__drag-active {
431 opacity: 1!important
432 }
433 .wpbc_bfb__highlight {
434 border: var(--wpbc-bfb-accent-color,#327ab4) 2px dashed!important
435 }
436 .wpbc_bfb__drag-ghost {
437 opacity: .9!important;
438 min-height: 20px;
439 width: 100%;
440 box-sizing: border-box
441 }
442 .sortable-chosen {
443 opacity: .9
444 }
445 .sortable-ghost {
446 opacity: .6
447 }
448 .sortable-fallback {
449 opacity: .8
450 }
451 .sortable-placeholder {
452 min-height: 36px!important;
453 pointer-events: none
454 }
455 .wpbc_bfb__simple_list_fallback {
456 opacity: .85
457 }
458 .wpbc_bfb_form {
459 width: 100%;
460 box-sizing: border-box;
461 max-width: 100%;
462 margin: 0
463 }
464 .wpbc_bfb__panel--preview .wpbc_bfb_form {
465 width: 100%;
466 padding: 10px;
467 box-sizing: border-box
468 }
469 .wpbc_bfb_form .wpbc_bfb__section input[type=email],
470 .wpbc_bfb_form .wpbc_bfb__section input[type=text],
471 .wpbc_bfb_form .wpbc_bfb__section select,
472 .wpbc_bfb_form .wpbc_bfb__section textarea {
473 max-width: min(30em,100%);
474 width: 100%;
475 min-width: 100%
476 }
477 .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form input[type=email],
478 .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form input[type=text],
479 .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form select,
480 .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form textarea {
481 max-width: min(30em,100%);
482 width: auto;
483 min-width: auto
484 }
485 .wpbc_bfb__overlay-controls {
486 position: absolute;
487 top: 0;
488 left: 0;
489 -ms-transform: translateX(calc(-100% + 5px));
490 transform: translateX(calc(-100% + 5px));
491 z-index: 999;
492 display: none;
493 -ms-flex-flow: column nowrap;
494 flex-flow: column nowrap;
495 -ms-flex-align: center;
496 align-items: center;
497 -ms-flex-pack: start;
498 justify-content: flex-start;
499 gap: 2px;
500 padding: 1px 5px;
501 background: #fff;
502 border: 1px solid #b0c2d9;
503 border-radius: 4px;
504 box-shadow: 0 0 1px #b0c2d9;
505 pointer-events: auto;
506 -ms-flex-flow: row nowrap;
507 flex-flow: row nowrap;
508 opacity: .97;
509 box-shadow: 0 1px 5px 0 #b0c2d9;
510 -ms-transform: translateY(calc(-50% + 5px));
511 transform: translateY(calc(-50% + 5px))
512 }
513 html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__field:hover .wpbc_bfb__overlay-controls {
514 display: -ms-flexbox;
515 display: flex
516 }
517 .wpbc_bfb__section > .wpbc_bfb__overlay-controls {
518 background: repeating-linear-gradient(-45deg,#dde7fb 2px 2px,#fff 3px 5px)
519 }
520 .wpbc_bfb__section:hover > .wpbc_bfb__overlay-controls {
521 display: -ms-flexbox;
522 display: flex;
523 padding: 1px 5px;
524 position: absolute;
525 left: 50%;
526 -ms-transform: translate(-50%,calc(-100% + 5px));
527 transform: translate(-50%,calc(-100% + 5px));
528 opacity: .95;
529 border: 1px solid var(--wpbc-bfb-accent-color,#327ab4)
530 }
531 .wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls > * {
532 padding: 10px;
533 display: -ms-flexbox;
534 display: flex;
535 -ms-flex-flow: column nowrap;
536 flex-flow: column nowrap;
537 -ms-flex-align: center;
538 align-items: center;
539 -ms-flex-pack: center;
540 justify-content: center
541 }
542 .wpbc_bfb__field-move-down,
543 .wpbc_bfb__field-move-up {
544 border: none;
545 cursor: pointer
546 }
547 .wpbc_bfb__overlay-controls button {
548 background: rgba(255,255,255,.8);
549 border: 1px solid #ccc;
550 padding: 2px 6px;
551 font-size: 12px;
552 line-height: 1;
553 opacity: .8;
554 transition: opacity .2s;
555 cursor: pointer
556 }
557 .wpbc_bfb__overlay-controls button:hover {
558 opacity: 1
559 }
560 .wpbc_bfb__overlay-controls button:last-child {
561 font-size: 8px;
562 font-weight: 600
563 }
564 .wpbc_bfb__section:hover:not(:has(.wpbc_bfb__section:hover)) > .wpbc_bfb__overlay-controls {
565 display: -ms-flexbox;
566 display: flex
567 }
568 .wpbc_bfb__section:has(.wpbc_bfb__section:hover) > .wpbc_bfb__overlay-controls {
569 display: none
570 }
571 .wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls .wpbc_bfb__layout_picker {
572 display: -ms-flexbox;
573 display: flex;
574 -ms-flex-flow: column nowrap;
575 flex-flow: column nowrap;
576 -ms-flex-pack: stretch;
577 justify-content: stretch;
578 -ms-flex-align: stretch;
579 align-items: stretch;
580 gap: 8px
581 }
582 .wpbc_bfb__layout_chips {
583 display: -ms-flexbox;
584 display: flex;
585 -ms-flex-flow: row wrap;
586 flex-flow: row wrap;
587 -ms-flex-pack: start;
588 justify-content: flex-start;
589 -ms-flex-align: stretch;
590 align-items: stretch;
591 gap: 12px;
592 width: 100%
593 }
594 .wpbc_bfb__layout_chip {
595 border: 0;
596 background: #fff;
597 padding: 0;
598 font-size: 11px;
599 line-height: 1;
600 cursor: pointer;
601 display: -ms-flexbox;
602 display: flex;
603 -ms-flex-flow: column nowrap;
604 flex-flow: column nowrap;
605 -ms-flex-align: stretch;
606 align-items: stretch;
607 -ms-flex-pack: center;
608 justify-content: center;
609 -ms-flex: 0 1 40px;
610 flex: 0 1 40px;
611 height: 18px
612 }
613 .wpbc_bfb__layout_chip.is-active {
614 outline: #97a3b5 solid 1px;
615 outline-offset: 3px;
616 border-radius: 1px
617 }
618 .wpbc_bfb__layout_chip-vis {
619 display: -ms-flexbox;
620 display: flex;
621 -ms-flex-flow: row nowrap;
622 flex-flow: row nowrap;
623 -ms-flex-pack: start;
624 justify-content: flex-start;
625 -ms-flex-align: stretch;
626 align-items: stretch;
627 gap: 2px;
628 -ms-flex: 1 1 100%;
629 flex: 1 1 100%
630 }
631 .wpbc_bfb__layout_chip-vis span {
632 background: #718299;
633 opacity: 1;
634 border-radius: 2px;
635 -ms-flex-item-align: stretch;
636 align-self: stretch
637 }
638 .wpbc_bfb__layout_chip-label {
639 display: none
640 }
641 html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__panel--preview .wpbc_bfb__field.is-selected {
642 outline: 2px dashed var(--wpbc-bfb-accent-color,#327ab4);
643 outline-offset: 3px;
644 border-radius: 1px
645 }
646 html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column {
647 background: repeating-linear-gradient(-45deg,rgba(61,98,168,.0705882353) 1px 2px,#fff 3px 4px)
648 }
649 html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column.is-selected-column {
650 background: repeating-linear-gradient(-45deg,rgba(56,116,233,.1294117647) 1px 2px,#fff 3px 5px)
651 }
652 html:not(.wpbc_bfb__dnd-active) .wpbc_theme_dark_1 .wpbc_bfb__section.is-selected .wpbc_bfb__column {
653 background: repeating-linear-gradient(-45deg,#626262 1px 4px,#4c4c4c 5px 7px)
654 }
655 html:not(.wpbc_bfb__dnd-active) .wpbc_theme_dark_1 .wpbc_bfb__section.is-selected .wpbc_bfb__column.is-selected-column {
656 background: repeating-linear-gradient(-45deg,#3c3d73 1px 4px,#4c4c4c 5px 7px)
657 }
658 .wpbc_bfb__section[data-selected-col] .wpbc_bfb__section__cols > .wpbc_bfb__section__col.is-selected-column {
659 outline: 2px solid var(--wpbc-bfb-accent-color,#327ab4);
660 outline-offset: -2px
661 }
662 .wpbc_bfb_form .wpbc_bfb__section[data-selected-col] > .wpbc_bfb__row > .wpbc_bfb__column.is-selected-column {
663 outline: 2px solid var(--wpbc-bfb-accent-color,#327ab4);
664 outline-offset: -2px;
665 padding: 1px
666 }
667 html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column > .wpbc_bfb__field {
668 border: 1px solid #327ab4;
669 border-radius: 0
670 }
671 .wpbc_bfb__overlay-controls .section-drag-handle,
672 .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle {
673 cursor: move
674 }
675 .wpbc_bfb__overlay-controls .section-drag-handle:active,
676 .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle:active {
677 cursor: grabbing
678 }
679 .wpbc_bfb__field.wpbc_bfb__drag-anywhere {
680 cursor: move
681 }
682 .wpbc_bfb__field.wpbc_bfb__drag-anywhere:active {
683 cursor: grabbing
684 }
685 .wpbc_bfb__no-drag-zone {
686 cursor: auto
687 }
688 .sortable-drag,
689 .sortable-fallback,
690 .wpbc_bfb__drag-active,
691 .wpbc_bfb__field.wpbc_bfb__preview-rendered.wpbc_bfb__drag-active {
692 box-shadow: 0 10px 30px rgba(0,0,0,.2);
693 -ms-transform: scale(.98) rotate(-2deg);
694 transform: scale(.98) rotate(-2deg);
695 opacity: 1;
696 z-index: 999999;
697 pointer-events: none;
698 transition: none!important;
699 padding: 10px!important;
700 height: auto!important
701 }
702 html.wpbc_bfb__dnd-active .wpbc_bfb__drag-active {
703 max-width: max-content;
704 min-width: min-content!important;
705 width: 200px!important
706 }
707 html.wpbc_bfb__drag-from-palette .wpbc_bfb__drag-active,
708 html.wpbc_bfb__drag-from-palette [data-drag-role=palette] {
709 border: 1px dashed rgba(0,0,0,.25);
710 background: #f7f7f7;
711 border-radius: 8px;
712 padding: 6px 10px;
713 max-width: 320px
714 }
715 .wpbc_bfb__panel_field_types__ul .wpbc_bfb__highlight {
716 opacity: .4
717 }
718 .wpbc_bfb__drag-active.wpbc_bfb__preview-rendered .wpbc_bfb__help,
719 .wpbc_bfb__drag-active.wpbc_bfb__preview-rendered .wpbc_bfb__overlay-controls {
720 display: none
721 }
722 .wpbc_bfb__inspector__head {
723 margin: 0;
724 padding-bottom: 10px
725 }
726 .wpbc_bfb__inspector__head .header_container {
727 padding: 0 5px 0 10px;
728 display: -ms-flexbox;
729 display: flex;
730 -ms-flex-flow: column nowrap;
731 flex-flow: column nowrap;
732 -ms-flex-pack: start;
733 justify-content: flex-start;
734 -ms-flex-align: start;
735 align-items: flex-start;
736 gap: 10px
737 }
738 .wpbc_bfb__inspector__head .title {
739 margin: 0;
740 line-height: 1.74;
741 font-weight: 700;
742 font-size: 14px;
743 color: #23274a;
744 text-transform: uppercase;
745 letter-spacing: .2px
746 }
747 .wpbc_bfb__inspector__head .desc {
748 color: #667085;
749 font-size: 12px;
750 margin: 5px 0 0;
751 line-height: 1.75
752 }
753 .wpbc_bfb__inspector__head .actions {
754 -ms-flex: 1 1 100%;
755 flex: 1 1 100%;
756 display: -ms-flexbox;
757 display: flex;
758 -ms-flex-flow: row wrap;
759 flex-flow: row wrap;
760 -ms-flex-pack: start;
761 justify-content: flex-start;
762 -ms-flex-align: center;
763 align-items: center;
764 gap: 10px
765 }
766 .wpbc_bfb__inspector__head .wpbc_ajx_toolbar .ui_container,
767 .wpbc_bfb__inspector__head .wpbc_ajx_toolbar .ui_container .ui_group {
768 -ms-flex: 1 1 100%;
769 flex: 1 1 100%
770 }
771 .wpbc_bfb__inspector__head .ui_element:has(.button-link-delete) {
772 -ms-flex-item-align: end;
773 align-self: flex-end
774 }
775 .wpbc_bfb__inspector__head .button[aria-label] i {
776 pointer-events: none
777 }
778 .wpbc_bfb__inspector__body {
779 display: -ms-flexbox;
780 display: flex;
781 -ms-flex-direction: column;
782 flex-direction: column;
783 gap: 0
784 }
785 .wpbc_bfb__inspector__group {
786 overflow: auto
787 }
788 .wpbc_bfb__inspector h2 {
789 padding: 0 10px;
790 margin: 0;
791 color: var(--wpbc_ui_horis_top_nav__a_color);
792 font-size: 15px
793 }
794 .wpbc_bfb__inspector .inspector__row h2 {
795 padding: 0
796 }
797 .inspector__row {
798 display: -ms-flexbox;
799 display: flex;
800 -ms-flex-flow: row wrap;
801 flex-flow: row wrap;
802 -ms-flex-pack: start;
803 justify-content: flex-start;
804 -ms-flex-align: start;
805 align-items: flex-start;
806 gap: 10px;
807 -ms-flex: 1 1 100%;
808 flex: 1 1 100%;
809 width: 100%
810 }
811 .inspector__row * {
812 font-size: 14px
813 }
814 .inspector__row.row__bordered {
815 border: 1px solid #ccc;
816 padding: 10px;
817 border-radius: 5px;
818 box-sizing: border-box
819 }
820 .inspector__control,
821 .inspector__label {
822 -ms-flex: 1 1 100%;
823 flex: 1 1 100%;
824 line-height: 2.5
825 }
826 .inspector__label .req {
827 color: #c00
828 }
829 .inspector__control input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
830 .inspector__control select,
831 .inspector__control textarea,
832 .inspector__input,
833 .inspector__select,
834 .inspector__textarea {
835 line-height: 2.4;
836 width: 100%
837 }
838 .inspector__input--readonly {
839 background: #f6f7f7;
840 color: #6c7781;
841 cursor: not-allowed
842 }
843 .wpbc_bfb_style_choice_grid {
844 display: grid;
845 gap: 8px;
846 grid-template-columns: repeat(2,minmax(0,1fr))
847 }
848 .wpbc_bfb_style_choice_grid .wpbc_theme_choice {
849 -ms-flex-align: start;
850 align-items: flex-start;
851 background: #fff;
852 border: 1px solid #dfe4ea;
853 border-radius: 6px;
854 box-sizing: border-box;
855 cursor: pointer;
856 display: -ms-flexbox;
857 display: flex;
858 gap: 8px;
859 min-height: 54px;
860 padding: 9px
861 }
862 .wpbc_bfb_style_choice_grid .wpbc_theme_choice input {
863 height: 1px;
864 margin: 0;
865 opacity: 0;
866 position: absolute;
867 width: 1px
868 }
869 .wpbc_bfb_style_choice_grid .wpbc_theme_choice.is-selected,
870 .wpbc_bfb_style_choice_grid .wpbc_theme_choice:has(input:checked) {
871 border-color: var(--wpbc-bfb-accent-color,#327ab4);
872 box-shadow: 0 0 0 1px var(--wpbc-bfb-accent-color,#327ab4)
873 }
874 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch {
875 border: 1px solid #cbd5e1;
876 border-radius: 6px;
877 box-shadow: inset 0 0 0 4px rgba(255,255,255,.45);
878 -ms-flex: 0 0 auto;
879 flex: 0 0 auto;
880 height: 24px;
881 width: 24px
882 }
883 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_bordered {
884 background: #fff;
885 border-color: #aeb8c4
886 }
887 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_none {
888 background: linear-gradient(135deg,#fff 0,#fff 50%,#eef2f6 50%,#eef2f6 100%);
889 border-color: transparent;
890 box-shadow: inset 0 0 0 1px #d9e1ea
891 }
892 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_soft {
893 background: #f8fafc;
894 border-color: #d8dee6
895 }
896 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_bordered {
897 background: #111827;
898 border-color: #334155
899 }
900 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_none {
901 background: linear-gradient(135deg,#111827 0,#111827 50%,#334155 50%,#334155 100%);
902 border-color: transparent;
903 box-shadow: inset 0 0 0 1px #475569
904 }
905 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_soft {
906 background: #1f2937;
907 border-color: #475569
908 }
909 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_custom {
910 background: linear-gradient(135deg,#fff 0,#fff 30%,#2271b1 30%,#2271b1 62%,#111827 62%,#111827 100%);
911 border-color: #8aa6c3
912 }
913 .wpbc_bfb_style_choice_grid .wpbc_theme_choice_label {
914 color: #1d2327;
915 font-size: 13px;
916 font-weight: 600;
917 line-height: 1.2;
918 overflow-wrap: anywhere
919 }
920 .wpbc_bfb__inspector__empty {
921 color: #a67345;
922 font-size: 17px;
923 padding: 6px;
924 display: -ms-flexbox;
925 display: flex;
926 -ms-flex-flow: column;
927 flex-flow: column;
928 -ms-flex-pack: center;
929 justify-content: center;
930 -ms-flex-align: center;
931 align-items: center;
932 -ms-flex-item-align: stretch;
933 align-self: stretch;
934 min-height: 50px;
935 font-weight: 600
936 }
937 .inspector__row .inspector__w_10 {
938 -ms-flex-preferred-size: 10%;
939 flex-basis: 10%
940 }
941 .inspector__row .inspector__w_20 {
942 -ms-flex-preferred-size: 20%;
943 flex-basis: 20%
944 }
945 .inspector__row .inspector__w_30 {
946 -ms-flex-preferred-size: 30%;
947 flex-basis: 30%
948 }
949 .inspector__row .inspector__w_40 {
950 -ms-flex-preferred-size: 40%;
951 flex-basis: 40%
952 }
953 .inspector__row .inspector__w_50 {
954 -ms-flex-preferred-size: 50%;
955 flex-basis: 50%
956 }
957 .inspector__row .inspector__w_60 {
958 -ms-flex-preferred-size: 60%;
959 flex-basis: 60%
960 }
961 .inspector__row .inspector__w_70 {
962 -ms-flex-preferred-size: 70%;
963 flex-basis: 70%
964 }
965 .inspector__row .inspector__w_80 {
966 -ms-flex-preferred-size: 80%;
967 flex-basis: 80%
968 }
969 .inspector__row .inspector__w_90 {
970 -ms-flex-preferred-size: 90%;
971 flex-basis: 90%
972 }
973 .inspector__row .inspector__w_100 {
974 -ms-flex-preferred-size: 100%;
975 flex-basis: 100%
976 }
977 .inspector__row .inspector__w_05 {
978 -ms-flex-preferred-size: 5%;
979 flex-basis: 5%
980 }
981 .inspector__row .inspector__w_15 {
982 -ms-flex-preferred-size: 15%;
983 flex-basis: 15%
984 }
985 .inspector__row .inspector__w_25 {
986 -ms-flex-preferred-size: 25%;
987 flex-basis: 25%
988 }
989 .inspector__row .inspector__w_35 {
990 -ms-flex-preferred-size: 35%;
991 flex-basis: 35%
992 }
993 .inspector__row .inspector__w_45 {
994 -ms-flex-preferred-size: 45%;
995 flex-basis: 45%
996 }
997 .inspector__row .inspector__w_55 {
998 -ms-flex-preferred-size: 55%;
999 flex-basis: 55%
1000 }
1001 .inspector__row .inspector__w_65 {
1002 -ms-flex-preferred-size: 65%;
1003 flex-basis: 65%
1004 }
1005 .inspector__row .inspector__w_75 {
1006 -ms-flex-preferred-size: 75%;
1007 flex-basis: 75%
1008 }
1009 .inspector__row .inspector__w_85 {
1010 -ms-flex-preferred-size: 85%;
1011 flex-basis: 85%
1012 }
1013 .inspector__row .inspector__w_95 {
1014 -ms-flex-preferred-size: 95%;
1015 flex-basis: 95%
1016 }
1017 .inspector__row .wpbc_inline_inputs {
1018 display: -ms-flexbox;
1019 display: flex;
1020 -ms-flex-flow: row nowrap;
1021 flex-flow: row nowrap;
1022 -ms-flex-pack: start;
1023 justify-content: flex-start;
1024 -ms-flex-align: start;
1025 align-items: flex-start;
1026 gap: 5px;
1027 width: 100%;
1028 margin: 5px 0
1029 }
1030 .inspector__row label {
1031 margin: 0;
1032 font-weight: 550;
1033 line-height: 1.75
1034 }
1035 .inspector__row .inspector__control__generator_times .wpbc_inline_inputs,
1036 .inspector__row .inspector__control__generator_times label,
1037 .inspector__row .inspector__control__generator_timeslots .wpbc_inline_inputs,
1038 .inspector__row .inspector__control__generator_timeslots label {
1039 margin: 0
1040 }
1041 .wpbc_len_group {
1042 display: -ms-flexbox;
1043 display: flex;
1044 -ms-flex-flow: column nowrap;
1045 flex-flow: column nowrap;
1046 -ms-flex-pack: start;
1047 justify-content: flex-start;
1048 -ms-flex-align: start;
1049 align-items: flex-start;
1050 gap: 10px
1051 }
1052 .wpbc_len_group.wpbc_inline_inputs {
1053 -ms-flex-align: center;
1054 align-items: center;
1055 gap: 15px
1056 }
1057 .inspector__group__fields__times .inspector__control__generator_times,
1058 .inspector__group__fields__times .inspector__control__generator_timeslots {
1059 display: -ms-flexbox;
1060 display: flex;
1061 -ms-flex-flow: column nowrap;
1062 flex-flow: column nowrap;
1063 -ms-flex-align: stretch;
1064 align-items: stretch;
1065 -ms-flex-pack: start;
1066 justify-content: flex-start;
1067 gap: 10px;
1068 padding: 5px 15px;
1069 background-color: #f8f8f9;
1070 border-radius: 5px
1071 }
1072 .inspector__group__fields__times .wpbc_bfb__options_list {
1073 -ms-flex: 1 1 100%;
1074 flex: 1 1 100%
1075 }
1076 .inspector__group__fields__times .wpbc_bfb__opt-label {
1077 -ms-flex: 1 1 auto;
1078 flex: 1 1 auto
1079 }
1080 .inspector__group__fields__times .wpbc_bfb__opt-time {
1081 -ms-flex: 0 1 180px;
1082 flex: 0 1 180px;
1083 max-width: 120px
1084 }
1085 .inspector__group__fields__times .wpbc_bfb__opt-end,
1086 .inspector__group__fields__times .wpbc_bfb__opt-start {
1087 -ms-flex: 0 1 100px;
1088 flex: 0 1 100px;
1089 min-width: 100px
1090 }
1091 .inspector__group__fields__times .wpbc_bfb__options_list__header {
1092 -ms-flex: 1 1 100%;
1093 flex: 1 1 100%;
1094 display: -ms-flexbox;
1095 display: flex;
1096 -ms-flex-flow: row nowrap;
1097 flex-flow: row nowrap;
1098 -ms-flex-pack: start;
1099 justify-content: flex-start;
1100 -ms-flex-align: center;
1101 align-items: center;
1102 gap: 10px;
1103 background-color: #f8f8f9;
1104 border-radius: 4px;
1105 height: 36px
1106 }
1107 .inspector__group__fields__times .wpbc_bfb__options_list__header * {
1108 font-size: 13px;
1109 font-weight: 600;
1110 text-align: center
1111 }
1112 .wpbc_bfb__options_list__header .wpbc_bfb__header_col__drag-handle {
1113 -ms-flex: 0 1 16px;
1114 flex: 0 1 16px
1115 }
1116 .wpbc_bfb__options_list__header .wpbc_bfb__header_col__label {
1117 -ms-flex: 1 1 auto;
1118 flex: 1 1 auto
1119 }
1120 .wpbc_bfb__options_list__header .wpbc_bfb__header_col__value {
1121 -ms-flex: 0 1 120px;
1122 flex: 0 1 120px
1123 }
1124 .wpbc_bfb__options_list__header .wpbc_bfb__header_col__action {
1125 -ms-flex: 0 1 50px;
1126 flex: 0 1 50px
1127 }
1128 .inspector__group__fields__times .wpbc_bfb__options_toolbar {
1129 -ms-flex: 1;
1130 flex: 1
1131 }
1132 .inspector__row small.desc {
1133 font-size: 12px;
1134 text-align: center;
1135 width: 100%
1136 }
1137 @keyframes wpbc-bfb-pulse {
1138 0% {
1139 box-shadow: 0 0 0 0 rgba(34,63,102,.35)
1140 }
1141 100% {
1142 box-shadow: 0 0 0 8px rgba(34,63,102,0)
1143 }
1144 }
1145 .wpbc_bfb__panel--preview [data-uid].wpbc_bfb__scroll-pulse,
1146 .wpbc_bfb__scroll-pulse {
1147 animation: .7s ease-out wpbc-bfb-pulse;
1148 outline: 2px dashed var(--wpbc-bfb-accent-color,#327ab4);
1149 outline-offset: 3px
1150 }
1151 .wpbc_bfb__highlight-pulse {
1152 --wpbc-bfb-pulse-color: #2d7bf0;
1153 --wpbc-bfb-pulse-outline-w: 3px;
1154 --wpbc-bfb-pulse-offset: 10px;
1155 --wpbc-bfb-pulse-shadow-w: 6px;
1156 position: relative;
1157 animation: .48s ease-out both wpbc-bfb-highlight-pulse
1158 }
1159 @keyframes wpbc-bfb-highlight-pulse {
1160 0% {
1161 box-shadow: 0 0 0 var(--wpbc-bfb-pulse-shadow-w) rgba(45,123,240,.35);
1162 outline-offset: var(--wpbc-bfb-pulse-offset)
1163 }
1164 60% {
1165 box-shadow: 0 0 0 2px var(--wpbc-bfb-pulse-color);
1166 outline-offset: calc(var(--wpbc-bfb-pulse-offset) + 2px)
1167 }
1168 100% {
1169 box-shadow: 0 0 0 0 rgba(45,123,240,0);
1170 outline: 0
1171 }
1172 }
1173 @keyframes wpbc-bfb-ping {
1174 0% {
1175 opacity: .65;
1176 transform: scale(.98)
1177 }
1178 100% {
1179 opacity: 0;
1180 transform: scale(1.08)
1181 }
1182 }
1183 .wpbc_bfb__highlight-pulse::after {
1184 content: "";
1185 position: absolute;
1186 inset: -7px;
1187 border: 2px dotted var(--wpbc-bfb-pulse-color);
1188 border-radius: 7px;
1189 pointer-events: none;
1190 opacity: 0;
1191 animation: .48s ease-out both wpbc-bfb-ping
1192 }
1193 @media (prefers-reduced-motion:reduce) {
1194 .wpbc_bfb__highlight-pulse {
1195 animation: none;
1196 outline: 3px solid var(--wpbc-bfb-pulse-color);
1197 outline-offset: 8px
1198 }
1199 .wpbc_bfb__highlight-pulse::after {
1200 animation: none;
1201 opacity: .5
1202 }
1203 }
1204 @keyframes wpbc-bfb-highlight-once {
1205 0% {
1206 box-shadow: 0 0 0 5px rgba(45,123,240,.35);
1207 outline-offset: 8px
1208 }
1209 100% {
1210 box-shadow: 0 0 0 0 rgba(45,123,240,0);
1211 outline: 0
1212 }
1213 }
1214 .wpbc_bfb__scroll-pulse {
1215 animation: .45s ease-out wpbc-bfb-highlight-once
1216 }
1217 .wpbc_admin_page__tab__builder_booking_form .wpbc_ui_el__vert_right_bar__content .wpbc_ui_el__expand_colapse_btns {
1218 display: none
1219 }
1220 .wpbc_admin_page__tab__builder_booking_form .wpbc_ui_el__top_nav .wpbc_message_wrapper .wpbc_header_news {
1221 position: absolute;
1222 top: calc(var(--wpbc_ui_top_nav__height) + 10px);
1223 left: 50%;
1224 margin-left: -25%
1225 }
1226 .wpbc_admin_page__tab__builder_booking_form .wpbc_page_top__wizard_button {
1227 top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + var(--wpbc_ui_top_nav__height) + 10px)!important
1228 }
1229 .wpbc_admin_page__tab__builder_booking_form [hidden],
1230 .wpbc_bfb__inspector .inspector__row[hidden],
1231 .wpbc_bfb__inspector[data-bfb-section-cols="1"] .inspector__row--layout-chips,
1232 .wpbc_bfb__inspector[data-bfb-section-cols="1"] [data-bfb-slot=layout_chips] {
1233 display: none!important
1234 }
1235 .wpbc_bfb__palette .is-disabled {
1236 opacity: .5;
1237 pointer-events: none
1238 }
1239 .wpbc_admin input[type=date]:-ms-input-placeholder,
1240 .wpbc_admin input[type=datetime-local]:-ms-input-placeholder,
1241 .wpbc_admin input[type=datetime]:-ms-input-placeholder,
1242 .wpbc_admin input[type=email]:-ms-input-placeholder,
1243 .wpbc_admin input[type=month]:-ms-input-placeholder,
1244 .wpbc_admin input[type=number]:-ms-input-placeholder,
1245 .wpbc_admin input[type=password]:-ms-input-placeholder,
1246 .wpbc_admin input[type=range]:-ms-input-placeholder,
1247 .wpbc_admin input[type=search]:-ms-input-placeholder,
1248 .wpbc_admin input[type=tel]:-ms-input-placeholder,
1249 .wpbc_admin input[type=text]:-ms-input-placeholder,
1250 .wpbc_admin input[type=time]:-ms-input-placeholder,
1251 .wpbc_admin input[type=url]:-ms-input-placeholder,
1252 .wpbc_admin input[type=week]:-ms-input-placeholder,
1253 .wpbc_admin select:-ms-input-placeholder,
1254 .wpbc_admin textarea:-ms-input-placeholder {
1255 color: var(--wpbc_form-field-text-color);
1256 opacity: .5;
1257 pointer-events: none
1258 }
1259 .wpbc_admin input[type=date]::placeholder,
1260 .wpbc_admin input[type=datetime-local]::placeholder,
1261 .wpbc_admin input[type=datetime]::placeholder,
1262 .wpbc_admin input[type=email]::placeholder,
1263 .wpbc_admin input[type=month]::placeholder,
1264 .wpbc_admin input[type=number]::placeholder,
1265 .wpbc_admin input[type=password]::placeholder,
1266 .wpbc_admin input[type=range]::placeholder,
1267 .wpbc_admin input[type=search]::placeholder,
1268 .wpbc_admin input[type=tel]::placeholder,
1269 .wpbc_admin input[type=text]::placeholder,
1270 .wpbc_admin input[type=time]::placeholder,
1271 .wpbc_admin input[type=url]::placeholder,
1272 .wpbc_admin input[type=week]::placeholder,
1273 .wpbc_admin select::placeholder,
1274 .wpbc_admin textarea::placeholder {
1275 color: var(--wpbc_form-field-text-color);
1276 opacity: .5;
1277 pointer-events: none
1278 }
1279 .wpbc_bfb__options_list {
1280 display: -ms-flexbox;
1281 display: flex;
1282 -ms-flex-flow: column nowrap;
1283 flex-flow: column nowrap;
1284 -ms-flex-pack: start;
1285 justify-content: flex-start;
1286 -ms-flex-align: stretch;
1287 align-items: stretch;
1288 gap: 15px;
1289 -ms-flex: 1 1 auto;
1290 flex: 1 1 auto
1291 }
1292 .wpbc_bfb__options_row {
1293 display: -ms-flexbox;
1294 display: flex;
1295 -ms-flex-flow: row wrap;
1296 flex-flow: row wrap;
1297 -ms-flex-pack: start;
1298 justify-content: flex-start;
1299 -ms-flex-align: center;
1300 align-items: center;
1301 gap: 10px
1302 }
1303 .wpbc_bfb__drag-handle {
1304 -ms-flex: 0 1 16px;
1305 flex: 0 1 16px
1306 }
1307 .wpbc_bfb__opt-label,
1308 .wpbc_bfb__opt-value {
1309 -ms-flex: 1 1 4em;
1310 flex: 1 1 4em;
1311 min-width: 4em
1312 }
1313 .wpbc_bfb__opt-selected {
1314 -ms-flex: 0 1 auto;
1315 flex: 0 1 auto
1316 }
1317 .wpbc_bfb__opt-selected .wpbc_ui__toggle label {
1318 color: var(--wpbc_admin-theme-color,#2271b1)
1319 }
1320 .wpbc_bfb__opt-selected .wpbc_ui__toggle .wpbc_ui__toggle_label {
1321 display: none
1322 }
1323 .wp-core-ui .wpbc_bfb__options_row .button,
1324 .wp-core-ui .wpbc_bfb__options_row .button:focus,
1325 .wp-core-ui .wpbc_bfb__options_row .button:hover {
1326 border-color: transparent;
1327 background: 0 0;
1328 -ms-flex: 0 0 auto;
1329 flex: 0 0 auto;
1330 padding: 2px
1331 }
1332 .wpbc_bfb__options_toolbar {
1333 display: -ms-flexbox;
1334 display: flex;
1335 -ms-flex-flow: column nowrap;
1336 flex-flow: column nowrap;
1337 -ms-flex-pack: center;
1338 justify-content: center;
1339 -ms-flex-align: center;
1340 align-items: center;
1341 gap: 10px;
1342 margin: 25px 0 0
1343 }
1344 .wpbc_sr_only {
1345 position: absolute!important;
1346 clip: rect(1px,1px,1px,1px);
1347 padding: 0!important;
1348 border: 0!important;
1349 height: 1px!important;
1350 width: 1px!important;
1351 overflow: hidden;
1352 white-space: nowrap
1353 }
1354 .wpbc_bfb__choices {
1355 display: -ms-flexbox;
1356 display: flex;
1357 -ms-flex-wrap: wrap;
1358 flex-wrap: wrap;
1359 gap: 2px
1360 }
1361 .wpbc_bfb__chip {
1362 display: -ms-inline-flexbox;
1363 display: inline-flex;
1364 -ms-flex-align: center;
1365 align-items: center;
1366 -ms-flex-pack: center;
1367 justify-content: center;
1368 min-width: 24px;
1369 min-height: 24px;
1370 padding: 5px;
1371 border-radius: 4px;
1372 border: 0 solid #dcdcde;
1373 background: #fff;
1374 cursor: pointer;
1375 line-height: 1;
1376 -webkit-user-select: none;
1377 -ms-user-select: none;
1378 user-select: none
1379 }
1380 .wpbc_sr_only:focus + .wpbc_bfb__chip {
1381 outline: 1px solid var(--wpbc_admin-theme-color,#2271b1);
1382 outline-offset: 0
1383 }
1384 .wpbc_sr_only:checked + .wpbc_bfb__chip {
1385 border-color: var(--wpbc_admin-theme-color,#2271b1);
1386 box-shadow: inset 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1)
1387 }
1388 .wpbc_bfb__chip .sr-only {
1389 position: absolute!important;
1390 height: 1px;
1391 width: 1px;
1392 overflow: hidden;
1393 clip: rect(1px,1px,1px,1px);
1394 white-space: nowrap
1395 }
1396 .wpbc_bfb__chip i {
1397 display: inline-block;
1398 -ms-transform-origin: 50% 50%;
1399 transform-origin: 50% 50%;
1400 -ms-transform: rotate(0);
1401 transform: rotate(0);
1402 transition: transform .4s ease-in-out
1403 }
1404 .wpbc_bfb__chip.wpbc_do_rotate_90 i {
1405 -ms-transform: rotate(90deg);
1406 transform: rotate(90deg)
1407 }
1408 .wpbc_bfb__chip.wpbc_do_rotate_90 i.wpbc-bi-align-bottom,
1409 .wpbc_bfb__chip.wpbc_do_rotate_90 i.wpbc-bi-align-top {
1410 -ms-transform: rotate(270deg);
1411 transform: rotate(270deg)
1412 }
1413 .wpbc_bfb__live_status {
1414 display: none;
1415 font-size: 10px;
1416 font-weight: 400;
1417 margin-inline-start: 1em;
1418 -ms-flex-align: center;
1419 align-items: center
1420 }
1421 .wpbc_bfb__live_status__builder {
1422 color: #619d40
1423 }
1424 .wpbc_bfb__live_status__advanced {
1425 color: #b97131
1426 }
1427 .wpbc_bfb__hint__form_name {
1428 display: -ms-flexbox;
1429 display: flex;
1430 -ms-flex-flow: row nowrap;
1431 flex-flow: row nowrap;
1432 -ms-flex-pack: start;
1433 justify-content: flex-start;
1434 -ms-flex-align: center;
1435 align-items: center;
1436 gap: 8px
1437 }
1438 .wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__label {
1439 color: #999;
1440 padding-top: .5em;
1441 font-size: 9px
1442 }
1443 .wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__title {
1444 font-size: 17px;
1445 text-transform: capitalize;
1446 color: #467b2f;
1447 font-weight: 550;
1448 line-height: 1.5;
1449 max-width: 200px;
1450 overflow: hidden;
1451 white-space: nowrap;
1452 text-overflow: ellipsis
1453 }
1454 html[data-wpbc-bfb-live-source=advanced] .wpbc_bfb__live_status__advanced,
1455 html[data-wpbc-bfb-live-source=builder] .wpbc_bfb__live_status__builder {
1456 display: -ms-flexbox;
1457 display: flex
1458 }
1459 html[data-wpbc-bfb-live-source=advanced] .wpdevelop .modal.wpbc_popup_modal,
1460 html[data-wpbc-bfb-live-source=builder] .wpdevelop .modal.wpbc_popup_modal {
1461 z-index: 150000
1462 }
1463 html[data-wpbc-bfb-live-source=advanced] .wp-admin .modal-backdrop,
1464 html[data-wpbc-bfb-live-source=builder] .wp-admin .modal-backdrop {
1465 z-index: 149900
1466 }
1467 .wpbc_bfb_popup_modal__rows_container {
1468 -ms-flex: 1 1 100%;
1469 flex: 1 1 100%;
1470 display: -ms-flexbox;
1471 display: flex;
1472 -ms-flex-flow: column nowrap;
1473 flex-flow: column nowrap;
1474 -ms-flex-pack: start;
1475 justify-content: flex-start;
1476 -ms-flex-align: stretch;
1477 align-items: stretch;
1478 gap: 10px
1479 }
1480 .wpbc_bfb_popup_modal__row {
1481 -ms-flex: 0 1 auto;
1482 flex: 0 1 auto;
1483 display: -ms-flexbox;
1484 display: flex;
1485 -ms-flex-flow: row wrap;
1486 flex-flow: row wrap;
1487 -ms-flex-pack: start;
1488 justify-content: flex-start;
1489 -ms-flex-align: stretch;
1490 align-items: stretch;
1491 gap: 20px
1492 }
1493 .wpbc_bfb_popup_modal__col {
1494 -ms-flex: 1 1 20%;
1495 flex: 1 1 20%;
1496 display: -ms-flexbox;
1497 display: flex;
1498 -ms-flex-flow: column;
1499 flex-flow: column;
1500 -ms-flex-pack: start;
1501 justify-content: flex-start;
1502 -ms-flex-align: start;
1503 align-items: flex-start
1504 }
1505 .wpbc_modal_in_bfb input[type=text],
1506 .wpbc_modal_in_bfb select,
1507 .wpbc_modal_in_bfb textarea {
1508 -ms-flex: 0 1 auto;
1509 flex: 0 1 auto;
1510 width: 100%;
1511 max-width: 100%;
1512 font-size: 15px;
1513 line-height: 2.5
1514 }
1515 .wpbc_modal_in_bfb label {
1516 font-size: 15px;
1517 font-weight: 600;
1518 line-height: 2.1
1519 }
1520 .wpbc_modal_in_bfb .help-block,
1521 .wpbc_modal_in_bfb label.help-block {
1522 font-size: 13px;
1523 line-height: 1.8;
1524 font-weight: 400;
1525 margin: 5px 0
1526 }
1527 .wpbc_modal_in_bfb .wpbc_modal__2_fields {
1528 display: -ms-flexbox;
1529 display: flex;
1530 -ms-flex-flow: row nowrap;
1531 flex-flow: row nowrap;
1532 -ms-flex-pack: start;
1533 justify-content: flex-start;
1534 -ms-flex-align: center;
1535 align-items: center;
1536 width: 100%
1537 }
1538 .wpbc_modal_in_bfb .wpbc_modal__2_fields .wpbc_modal__2_fields_button {
1539 -ms-flex: 0 1 1%;
1540 flex: 0 1 1%;
1541 -ms-flex-item-align: stretch;
1542 align-self: stretch;
1543 min-height: 35px;
1544 margin-left: 10px;
1545 display: -ms-flexbox;
1546 display: flex;
1547 -ms-flex-align: center;
1548 align-items: center;
1549 -ms-flex-item-align: center;
1550 align-self: center;
1551 font-weight: 600
1552 }
1553 .wpbc_modal_in_bfb .modal-footer .button {
1554 margin: 0 5px
1555 }
1556 .wpbc_modal_in_bfb #wpbc_modal__send_payment_request__url {
1557 font-size: 13px
1558 }
1559 .wpbc_modal_in_bfb #wpbc_modal__send_payment_request__value {
1560 margin-top: 15px;
1561 line-height: 2;
1562 height: 70px;
1563 font-size: 14px
1564 }
1565 .wpbc_modal_in_bfb .wpbc_modal__send_payment_request__cost {
1566 font-size: 16px;
1567 font-weight: 600;
1568 padding: 0 10px
1569 }
1570 .wpbc_bfb_modal__full_screen .modal-dialog {
1571 position: fixed;
1572 width: auto;
1573 margin: 0;
1574 left: 30px;
1575 right: 30px;
1576 bottom: 30px;
1577 top: 30px
1578 }
1579 .wpbc_bfb_modal__full_screen .modal-dialog .modal-content {
1580 overflow: auto;
1581 scrollbar-width: thin;
1582 scrollbar-gutter: stable;
1583 display: -ms-flexbox;
1584 display: flex;
1585 -ms-flex-flow: column nowrap;
1586 flex-flow: column nowrap;
1587 -ms-flex-pack: start;
1588 justify-content: flex-start;
1589 -ms-flex-align: stretch;
1590 align-items: stretch;
1591 height: 100%;
1592 max-height: 100%;
1593 border-radius: 0;
1594 padding: 50px 0 60px
1595 }
1596 .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-footer,
1597 .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-header {
1598 -ms-flex: 0 0 auto;
1599 flex: 0 0 auto;
1600 position: fixed;
1601 left: 2px;
1602 right: 2px;
1603 top: 0;
1604 height: 50px;
1605 z-index: 1;
1606 background: #fff
1607 }
1608 .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-footer {
1609 top: auto;
1610 bottom: 0;
1611 height: 60px
1612 }
1613 .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-body {
1614 -ms-flex: 1 1 100%;
1615 flex: 1 1 100%
1616 }
1617 .wpbc_bfb_popup_modal__container_forms_listing {
1618 padding: 25px;
1619 background: #fff;
1620 border-radius: 10px;
1621 margin: 15px 0
1622 }
1623 .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__rows_container {
1624 padding-bottom: 0
1625 }
1626 .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__col__search_key_label {
1627 -ms-flex: 0 1 auto;
1628 flex: 0 1 auto;
1629 -ms-flex-item-align: center;
1630 align-self: center
1631 }
1632 .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__col__search_key_label label {
1633 margin: 0
1634 }
1635 .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__col__search_key_input {
1636 -ms-flex-item-align: start;
1637 align-self: flex-start
1638 }
1639 .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__forms_loading_section {
1640 border: 1px solid #ccd0d4;
1641 background: #fefefe;
1642 height: 400px;
1643 max-height: 400px;
1644 overflow: auto;
1645 border-radius: 2px;
1646 -ms-flex-item-align: stretch;
1647 align-self: stretch;
1648 -ms-flex: 1 1 100%;
1649 flex: 1 1 100%
1650 }
1651 .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__forms_loading_spin_container {
1652 display: -ms-flexbox;
1653 display: flex;
1654 -ms-flex-flow: row nowrap;
1655 flex-flow: row nowrap;
1656 -ms-flex-align: center;
1657 align-items: center;
1658 -ms-flex-pack: center;
1659 justify-content: center;
1660 margin: 0 auto;
1661 -ms-flex-item-align: center;
1662 align-self: center
1663 }
1664 .wpbc_bfb_popup_modal__forms_loading_section {
1665 display: -ms-flexbox;
1666 display: flex;
1667 -ms-flex-flow: row wrap;
1668 flex-flow: row wrap;
1669 -ms-flex-pack: start;
1670 justify-content: flex-start;
1671 -ms-flex-align: stretch;
1672 align-items: stretch;
1673 gap: 15px;
1674 padding: 10px
1675 }
1676 .wpbc_bfb_popup_modal__forms_loading_section .wpbc_bfb__load_form_item {
1677 -ms-flex: 0 1 190px;
1678 flex: 0 1 190px;
1679 display: -ms-flexbox;
1680 display: flex;
1681 -ms-flex-flow: column nowrap;
1682 flex-flow: column nowrap;
1683 -ms-flex-pack: start;
1684 justify-content: flex-start;
1685 -ms-flex-align: start;
1686 align-items: flex-start;
1687 gap: 10px;
1688 padding: 8px;
1689 border: 1px solid #ccc;
1690 cursor: pointer;
1691 max-height: 225px;
1692 min-height: 180px;
1693 position: relative
1694 }
1695 .wpbc_bfb_popup_modal__forms_loading_section .wpbc_bfb__load_form_item.wpbc_bfb__load_form_item_selected {
1696 background: #fcfdff;
1697 border: 2px solid var(--wpbc_admin-theme-color,#5088b3)
1698 }
1699 .wpbc_bfb_popup_modal__tpl_search_presets {
1700 display: -ms-flexbox;
1701 display: flex;
1702 -ms-flex-wrap: wrap;
1703 flex-wrap: wrap;
1704 gap: 1em
1705 }
1706 .wpbc_bfb_popup_modal__tpl_search_presets .wpbc_bfb_popup_modal__tpl_search_preset {
1707 text-decoration: underline;
1708 text-decoration-style: dashed;
1709 text-underline-offset: 4px;
1710 outline: 0;
1711 padding: 2px 4px
1712 }
1713 .wpbc_bfb_popup_modal__tpl_search_presets .wpbc_bfb_popup_modal__tpl_search_preset.is-active,
1714 .wpbc_bfb_popup_modal__tpl_search_presets .wpbc_bfb_popup_modal__tpl_search_preset[aria-pressed=true] {
1715 font-weight: 600;
1716 text-decoration-style: solid
1717 }
1718 .wpbc_bfb__load_form_item_thumb {
1719 -ms-flex-item-align: stretch;
1720 align-self: stretch;
1721 -ms-flex: 0 1 auto;
1722 flex: 0 1 auto
1723 }
1724 .wpbc_bfb__load_form_item_thumb_blank_img {
1725 display: -ms-inline-flexbox;
1726 display: inline-flex;
1727 width: 90%;
1728 height: 50px;
1729 -ms-flex-align: center;
1730 align-items: center;
1731 -ms-flex-pack: center;
1732 justify-content: center;
1733 border-radius: 2px;
1734 border: 1px solid #ccd0d4;
1735 background: #fff;
1736 color: #444;
1737 font-size: 11px;
1738 margin: 0 5% auto
1739 }
1740 .wpbc_bfb__load_form_item_thumb img {
1741 width: 100%;
1742 height: 50px;
1743 object-fit: cover;
1744 border-radius: 3px;
1745 border: 0;
1746 background: #fff
1747 }
1748 .wpbc_bfb__load_form_item_text {
1749 -ms-flex: 1 1 auto;
1750 flex: 1 1 auto;
1751 min-width: 0;
1752 gap: 4px;
1753 display: -ms-flexbox;
1754 display: flex;
1755 -ms-flex-flow: row wrap;
1756 flex-flow: row wrap;
1757 -ms-flex-align: start;
1758 align-items: flex-start;
1759 -ms-flex-pack: start;
1760 justify-content: flex-start;
1761 overflow: hidden;
1762 -ms-flex-line-pack: start;
1763 align-content: flex-start
1764 }
1765 .wpbc_bfb__load_form_item_text .form_item_text_title {
1766 font-weight: 600;
1767 font-size: 14px;
1768 line-height: 1.5;
1769 -ms-flex: 0 1 100%;
1770 flex: 0 1 100%
1771 }
1772 .wpbc_bfb__load_form_item_text .form_item_text_slug {
1773 color: #50575e;
1774 font-size: 11px;
1775 font-weight: 550;
1776 background: #eff2f4;
1777 max-width: 170px;
1778 padding: 0 8px 3px;
1779 word-break: normal;
1780 text-overflow: ellipsis;
1781 overflow: hidden;
1782 line-height: 2;
1783 -ms-flex: 0 1 100%;
1784 flex: 0 1 100%
1785 }
1786 .wpbc_bfb__load_form_item_text .form_item_text_desc {
1787 font-size: 11px;
1788 -ms-flex: 1 1 1%;
1789 flex: 1 1 1%;
1790 -ms-flex-item-align: stretch;
1791 align-self: stretch;
1792 display: -ms-flexbox;
1793 display: flex;
1794 -ms-flex-align: end;
1795 align-items: flex-end;
1796 gap: 8px;
1797 line-height: 1.5
1798 }
1799 .wpbc_bfb__load_form_item_text .form_item_text_desc .form_item_text_desc__text {
1800 min-width: 0;
1801 -ms-flex: 1 1 1px;
1802 flex: 1 1 1px;
1803 max-width: calc(100% - 28px);
1804 text-align: justify;
1805 text-overflow: ellipsis
1806 }
1807 .wpbc_bfb__load_form_item_text .form_item_text_desc .button-link-delete {
1808 -ms-flex: 0 0 auto;
1809 flex: 0 0 auto;
1810 display: -ms-inline-flexbox;
1811 display: inline-flex;
1812 -ms-flex-align: center;
1813 align-items: center;
1814 -ms-flex-pack: center;
1815 justify-content: center;
1816 width: 20px;
1817 height: 20px;
1818 color: #b32d2e;
1819 text-decoration: none;
1820 line-height: 1;
1821 position: absolute;
1822 bottom: 8px;
1823 right: 6px
1824 }
1825 .wpbc_bfb__load_form_item_text .form_item_text_desc .button-link-delete:hover {
1826 color: #8f2424
1827 }
1828 .wpbc_bfb__form_preview_section_container .wpbc_bfb_spins_loading_container span,
1829 .wpbc_bfb__preview_loader .wpbc_bfb_spins_loading_container span {
1830 font-size: 20px;
1831 font-weight: 600;
1832 padding: 2px 0 0 2px
1833 }
1834 .wpbc_bfb__form_details_media__preview {
1835 padding: 4px;
1836 border: 1px solid #ccc;
1837 height: 163px;
1838 width: 163px;
1839 box-sizing: border-box;
1840 display: -ms-flexbox;
1841 display: flex;
1842 -ms-flex-flow: column nowrap;
1843 flex-flow: column nowrap;
1844 -ms-flex-align: center;
1845 align-items: center;
1846 -ms-flex-pack: center;
1847 justify-content: center;
1848 cursor: pointer;
1849 margin: 10px 0;
1850 background: #fcfcfc;
1851 border-radius: 2px
1852 }
1853 .wpbc_bfb__form_details_media__img {
1854 max-width: 100%;
1855 height: auto;
1856 max-height: auto;
1857 object-fit: cover;
1858 overflow: hidden
1859 }
1860 .wpbc_bfb__form_details_media__preview .wpbc-bi-image-fill::before {
1861 font-size: 50px;
1862 color: #507593
1863 }
1864 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name {
1865 display: -ms-flexbox;
1866 display: flex;
1867 -ms-flex-flow: row nowrap;
1868 flex-flow: row nowrap;
1869 -ms-flex-pack: start;
1870 justify-content: flex-start;
1871 -ms-flex-align: center;
1872 align-items: center;
1873 gap: 20px
1874 }
1875 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview {
1876 height: 40px;
1877 width: 40px;
1878 padding: 0;
1879 border-radius: 0;
1880 margin: 0;
1881 border: 0 solid #d5d5d5;
1882 background: #fcfcfc
1883 }
1884 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview img {
1885 max-width: 100%;
1886 height: auto;
1887 padding: 0;
1888 border-radius: 4px;
1889 display: none;
1890 max-height: 50px;
1891 object-fit: cover;
1892 overflow: hidden
1893 }
1894 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview .wpbc_bfb__form_details_media__placeholder {
1895 display: block
1896 }
1897 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview .wpbc_bfb__form_details_media__placeholder::before {
1898 font-size: 20px;
1899 color: #54636f
1900 }
1901 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__title a {
1902 font-size: 16px;
1903 text-transform: capitalize;
1904 color: #467b2f;
1905 font-weight: 550;
1906 line-height: 1.2;
1907 max-width: 200px;
1908 overflow: hidden;
1909 white-space: nowrap;
1910 text-overflow: ellipsis;
1911 outline: 0;
1912 margin: 0 2px;
1913 text-align: center
1914 }
1915 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__title i {
1916 font-size: 11px;
1917 padding: 0 0 0 5px;
1918 line-height: 1.75;
1919 color: var(--wpbc_admin-theme-color,#2271b1)
1920 }
1921 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__label {
1922 display: none;
1923 -ms-flex-flow: row nowrap;
1924 flex-flow: row nowrap;
1925 -ms-flex-pack: start;
1926 justify-content: flex-start;
1927 -ms-flex-align: first baseline;
1928 align-items: first baseline;
1929 gap: 5px;
1930 padding: 0
1931 }
1932 .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__slug {
1933 font-size: 13px;
1934 line-height: 1.5;
1935 font-weight: 550;
1936 color: #243f18
1937 }
1938 #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section {
1939 display: -ms-flexbox;
1940 display: flex;
1941 -ms-flex-flow: row wrap;
1942 flex-flow: row wrap;
1943 -ms-flex-pack: justify;
1944 justify-content: space-between;
1945 -ms-flex-align: start;
1946 align-items: flex-start;
1947 gap: 30px
1948 }
1949 #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section .wpbc_bfb__debug_block {
1950 -ms-flex: 1 1 25%;
1951 flex: 1 1 25%
1952 }
1953 #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section .wpbc_bfb__debug_block:first-child {
1954 -ms-flex: 1 1 50%;
1955 flex: 1 1 50%
1956 }
1957 #wpbc_bfb__debug_mode_panels .wpbc_bfb__debug_separate_button {
1958 -ms-flex: 0 1 auto;
1959 flex: 0 1 auto;
1960 margin: 5px auto
1961 }
1962 #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section h4 {
1963 margin: 0 0 10px;
1964 font-size: 13px;
1965 color: #875;
1966 font-weight: 600
1967 }
1968 #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section textarea {
1969 width: 100%;
1970 min-height: 350px;
1971 font-family: monospace;
1972 font-size: 12px
1973 }