PluginProbe
Booking Calendar / 11.8.2
Booking Calendar v11.8.2
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 / includes / _toolbar_ui / _out / toolbar_ui.css

toolbar_ui.css in Booking Calendar 11.8.2, at includes/_toolbar_ui/_out/toolbar_ui.css

1,204 lines 34.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 html .ui_element .wpbc_button_as_icon,
2 html .ui_element .wpbc_ui_button {
3 display: -ms-flexbox;
4 display: flex;
5 -ms-flex-flow: row nowrap;
6 flex-flow: row nowrap;
7 -ms-flex-pack: start;
8 justify-content: flex-start;
9 -ms-flex-align: center;
10 align-items: center;
11 text-decoration: none;
12 min-height: 24px;
13 margin: 0;
14 padding: 0 10px 1px;
15 cursor: pointer;
16 border-style: solid;
17 -webkit-appearance: none;
18 white-space: nowrap;
19 box-sizing: border-box
20 }
21 html .ui_element .wpbc_button_as_icon {
22 border: none
23 }
24 html .ui_element .wpbc_ui_button,
25 html .ui_element .wpbc_ui_button-secondary {
26 color: #555;
27 border-color: #d7d7d7;
28 background: #fdfdfd;
29 vertical-align: top
30 }
31 html .ui_element .wpbc_ui_button-secondary:hover:not(.inactive),
32 html .ui_element .wpbc_ui_button.hover:not(.inactive),
33 html .ui_element .wpbc_ui_button:hover:not(.inactive) {
34 background: #fafafa;
35 border-color: #d8d8d8;
36 color: #23282d;
37 text-decoration: none
38 }
39 html .ui_element .wpbc_ui_button-secondary.inactive:hover,
40 html .ui_element .wpbc_ui_button.hover.inactive,
41 html .ui_element .wpbc_ui_button.inactive:hover {
42 cursor: default
43 }
44 html .ui_element .wpbc_ui_button-secondary:focus,
45 html .ui_element .wpbc_ui_button.focus,
46 html .ui_element .wpbc_ui_button:focus {
47 background: #fafafa;
48 border-color: #d8d8d8;
49 color: #23282d;
50 box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8);
51 box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1);
52 z-index: 1;
53 text-decoration: none;
54 outline: transparent solid 2px;
55 outline-offset: 0
56 }
57 html .ui_element .wpbc_ui_button-secondary:active:not(.inactive),
58 html .ui_element .wpbc_ui_button:active:not(.inactive),
59 html .wpbc_ui_dropdown.open > .wpbc_ui_button:not(.inactive) {
60 border-color: #d8d8d8;
61 outline: 0;
62 text-decoration: none;
63 background: #fff;
64 box-shadow: inset 0 5px 20px -3px rgba(0,0,0,.06)
65 }
66 html .ui_element .wpbc_ui_button-disabled,
67 html .ui_element .wpbc_ui_button-secondary.disabled,
68 html .ui_element .wpbc_ui_button-secondary:disabled,
69 html .ui_element .wpbc_ui_button-secondary[disabled],
70 html .ui_element .wpbc_ui_button.disabled,
71 html .ui_element .wpbc_ui_button:disabled,
72 html .ui_element .wpbc_ui_button[disabled],
73 html .ui_element.disabled .wpbc_ui_button {
74 color: #a7aaad!important;
75 border-color: #dcdcde!important;
76 background: #f6f7f7!important;
77 box-shadow: none!important;
78 cursor: default;
79 -ms-transform: none!important;
80 transform: none!important
81 }
82 html .ui_element .wpbc_ui_button.active:hover:not(.inactive),
83 html .ui_element .wpbc_ui_button.active:not(.inactive) {
84 background: #f6f7f7;
85 border-color: #d8d8d8;
86 box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3);
87 -ms-transform: translateY(1px);
88 transform: translateY(1px);
89 outline: 0;
90 text-decoration: none
91 }
92 html .ui_element .wpbc_ui_button.active:focus:not(.inactive) {
93 border-color: #3582c4;
94 box-shadow: inset 0 1px 5px -3px #0a4b78,0 0 1px 1px rgba(79,148,212,.1)
95 }
96 html .ui_element .wpbc_ui_button_primary {
97 background: var(--wpbc_admin-theme-color,#0085ba);
98 border-color: transparent;
99 color: #fff;
100 text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799;
101 text-decoration: none;
102 box-shadow: 0 1px 0 #f1f1f1
103 }
104 html .ui_element .wpbc_ui_button_primary.focus:not(.inactive),
105 html .ui_element .wpbc_ui_button_primary.hover:not(.inactive),
106 html .ui_element .wpbc_ui_button_primary:focus:not(.inactive),
107 html .ui_element .wpbc_ui_button_primary:hover:not(.inactive) {
108 background: var(--wpbc_admin-theme-color,#008ec2);
109 border-color: #006799;
110 color: #fff
111 }
112 html .ui_element .wpbc_ui_button_primary.focus:not(.inactive),
113 html .ui_element .wpbc_ui_button_primary:focus:not(.inactive) {
114 box-shadow: 0 0 0 0 #fff,0 0 2px 1px #a4d7ff;
115 box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1)
116 }
117 html .ui_element .wpbc_ui_button_primary.active:focus:not(.inactive),
118 html .ui_element .wpbc_ui_button_primary.active:hover:not(.inactive),
119 html .ui_element .wpbc_ui_button_primary.active:not(.inactive),
120 html .ui_element .wpbc_ui_button_primary:active:not(.inactive) {
121 background: #0c7ca8;
122 border-color: #0b79a4;
123 box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.3);
124 color: #fff
125 }
126 html .ui_element .wpbc_ui_button_primary-disabled,
127 html .ui_element .wpbc_ui_button_primary.disabled,
128 html .ui_element .wpbc_ui_button_primary:disabled,
129 html .ui_element .wpbc_ui_button_primary[disabled] {
130 color: #a7aaad!important;
131 background: #f6f7f7!important;
132 border-color: #dcdcde!important;
133 box-shadow: none!important;
134 text-shadow: none!important;
135 cursor: default
136 }
137 html .ui_element .wpbc_ui_button_danger {
138 background: #de605c;
139 border-color: #c05d5a;
140 color: #f7f7f7;
141 text-shadow: 0 0 #ba5956;
142 text-decoration: none;
143 box-shadow: 0 1px 0 #f1f1f1
144 }
145 html .ui_element .wpbc_ui_button_danger.focus:not(.inactive),
146 html .ui_element .wpbc_ui_button_danger.hover:not(.inactive),
147 html .ui_element .wpbc_ui_button_danger:focus:not(.inactive),
148 html .ui_element .wpbc_ui_button_danger:hover:not(.inactive) {
149 background: #e6716f;
150 border-color: transparent;
151 color: #fdfdfd;
152 text-shadow: none;
153 box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1)
154 }
155 html .ui_element .wpbc_ui_button_danger.focus:not(.inactive),
156 html .ui_element .wpbc_ui_button_danger:focus:not(.inactive) {
157 box-shadow: 0 0 0 0 #fff,0 0 2px 1px #a4d7ff;
158 box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1);
159 border-color: transparent
160 }
161 html .ui_element .wpbc_ui_button_danger.active:focus:not(.inactive),
162 html .ui_element .wpbc_ui_button_danger.active:hover:not(.inactive),
163 html .ui_element .wpbc_ui_button_danger.active:not(.inactive),
164 html .ui_element .wpbc_ui_button_danger:active:not(.inactive) {
165 background: #ba4c48;
166 border-color: transparent;
167 box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.1);
168 color: #f3f2f2;
169 box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--wpbc_admin-theme-color,#2271b1)
170 }
171 html .ui_element .wpbc_ui_button_danger-disabled,
172 html .ui_element .wpbc_ui_button_danger.disabled,
173 html .ui_element .wpbc_ui_button_danger:disabled,
174 html .ui_element .wpbc_ui_button_danger[disabled] {
175 color: #a7aaad!important;
176 background: #f6f7f7!important;
177 border-color: #dcdcde!important;
178 box-shadow: none!important;
179 text-shadow: none!important;
180 cursor: default
181 }
182 @media (max-width:782px) {
183 html .ui_element .in-button-text {
184 display: none
185 }
186 }
187 html .ui_element .wpbc_ui_button_green {
188 text-shadow: 0 0 0 #429120;
189 text-decoration: none;
190 box-shadow: none;
191 background: #64aa45;
192 color: #fff;
193 border-color: #5b963b
194 }
195 html .ui_element .wpbc_ui_button_green.focus:not(.inactive),
196 html .ui_element .wpbc_ui_button_green.hover:not(.inactive),
197 html .ui_element .wpbc_ui_button_green:focus:not(.inactive),
198 html .ui_element .wpbc_ui_button_green:hover:not(.inactive) {
199 background: #5b963b;
200 color: #fff;
201 text-shadow: none;
202 box-shadow: 0 0 0 1.5px #fff,0 0 0 2.5px #5b963b;
203 box-shadow: none;
204 border-color: transparent
205 }
206 html .ui_element .wpbc_ui_button_green.focus:not(.inactive) *,
207 html .ui_element .wpbc_ui_button_green.hover:not(.inactive) *,
208 html .ui_element .wpbc_ui_button_green:focus:not(.inactive) *,
209 html .ui_element .wpbc_ui_button_green:hover:not(.inactive) * {
210 color: #fff
211 }
212 html .ui_element .wpbc_ui_button_green.focus:not(.inactive),
213 html .ui_element .wpbc_ui_button_green:focus:not(.inactive) {
214 box-shadow: 0 0 0 1.5px #fff,0 0 0 3px #5e993d;
215 border-color: transparent
216 }
217 html .ui_element .wpbc_ui_button_green.active:focus:not(.inactive),
218 html .ui_element .wpbc_ui_button_green.active:hover:not(.inactive),
219 html .ui_element .wpbc_ui_button_green.active:not(.inactive),
220 html .ui_element .wpbc_ui_button_green:active:not(.inactive) {
221 background: #5b963b;
222 box-shadow: inset 0 1px 7px -3px rgba(0,0,0,.1);
223 color: #fff;
224 box-shadow: 0 0 0 1.5px #fff,0 0 0 3px #5b963b;
225 border-color: transparent
226 }
227 html .ui_element .wpbc_ui_button_green-disabled,
228 html .ui_element .wpbc_ui_button_green-disabled:hover,
229 html .ui_element .wpbc_ui_button_green.disabled,
230 html .ui_element .wpbc_ui_button_green.disabled:hover,
231 html .ui_element .wpbc_ui_button_green:disabled,
232 html .ui_element .wpbc_ui_button_green:disabled:hover,
233 html .ui_element .wpbc_ui_button_green[disabled],
234 html .ui_element .wpbc_ui_button_green[disabled]:hover {
235 color: #a7aaad!important;
236 background: #f6f7f7!important;
237 border-color: #dcdcde!important;
238 box-shadow: none!important;
239 text-shadow: none!important;
240 cursor: default
241 }
242 .ui_element .wpbc_ui_text {
243 border: 1px solid #d6d6d6;
244 -ms-flex: 1 1 120px;
245 flex: 1 1 120px
246 }
247 .ui_element .wpbc_ui_text.focus,
248 .ui_element .wpbc_ui_text:focus {
249 border-color: var(--wpbc_admin-theme-color,#2271b1);
250 box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1);
251 border-color: #d8d8d8;
252 box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8);
253 z-index: 1;
254 outline: transparent solid 2px
255 }
256 .ui_element .wpbc_ui_select {
257 border: 1px solid #d6d6d6;
258 -ms-flex: 1 1 auto;
259 flex: 1 1 auto
260 }
261 .ui_element .wpbc_ui_select.focus,
262 .ui_element .wpbc_ui_select:focus {
263 border-color: var(--wpbc_admin-theme-color,#2271b1);
264 box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1);
265 border-color: #d8d8d8;
266 box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8);
267 z-index: 1;
268 outline: transparent solid 2px
269 }
270 .ui_element .wpbc_ui_checkbox,
271 .ui_element .wpbc_ui_radio {
272 border: 1px solid #bcbcbc;
273 border-radius: 4px;
274 background: #fff;
275 color: #50575e;
276 clear: none;
277 cursor: pointer;
278 display: inline-block;
279 line-height: 0!important;
280 height: 1rem!important;
281 margin: 0;
282 outline: 0;
283 padding: 0!important;
284 text-align: center;
285 vertical-align: middle;
286 width: 1rem;
287 min-width: 1rem;
288 -webkit-appearance: none;
289 box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
290 transition: border-color 50ms ease-in-out;
291 -ms-flex-item-align: center;
292 align-self: center
293 }
294 .ui_element .wpbc_ui_radio {
295 border-radius: 50%;
296 margin-right: .25rem;
297 line-height: .71428571
298 }
299 input[type=checkbox].wpbc_ui_checkbox:checked::before,
300 input[type=radio].wpbc_ui_radio:checked::before {
301 margin: .2rem .2rem auto
302 }
303 .ui_element .wpbc_ui_checkbox.focus,
304 .ui_element .wpbc_ui_checkbox:focus,
305 .ui_element .wpbc_ui_radio.focus,
306 .ui_element .wpbc_ui_radio:focus {
307 border-color: var(--wpbc_admin-theme-color,#2271b1);
308 box-shadow: 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1);
309 border-color: #d8d8d8;
310 box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8);
311 z-index: 1;
312 outline: transparent solid 2px!important
313 }
314 .ui_element .wpbc_ui_checkbox + .wpbc_ui_control_label,
315 .ui_element .wpbc_ui_radio + .wpbc_ui_control_label {
316 padding-left: 5px;
317 padding-right: 5px
318 }
319 .ui_element .wpbc_ui_control.wpbc_ui_button .wpbc_ui_checkbox + .wpbc_ui_control_label,
320 .ui_element .wpbc_ui_control.wpbc_ui_button .wpbc_ui_radio + .wpbc_ui_control_label {
321 margin: 0
322 }
323 @media screen and (max-width:782px) {
324 .ui_element .wpbc_ui_checkbox,
325 .ui_element .wpbc_ui_radio {
326 height: 1.5625rem!important;
327 width: 1.5625rem
328 }
329 }
330 .wpbc_ui__toggle {
331 -ms-flex-align: start;
332 align-items: flex-start;
333 display: -ms-flexbox;
334 display: flex;
335 gap: 10px
336 }
337 .wpbc_ui__toggle input[type=checkbox] {
338 display: none;
339 height: 0;
340 width: 0
341 }
342 .wpbc_ui__toggle input[type=checkbox]:checked + label.wpbc_ui__toggle_icon {
343 background-color: var(--wpbc_admin-theme-color,#036aab)
344 }
345 .wpbc_ui__toggle input[type=checkbox]:checked + label.wpbc_ui__toggle_icon:after {
346 left: calc(100% - 13px - 2px)
347 }
348 .wpbc_ui__toggle label,
349 .wpbc_ui__toggle span {
350 -ms-flex-align: start;
351 align-items: flex-start;
352 display: -ms-flexbox;
353 display: flex;
354 gap: 10px;
355 margin: 0;
356 vertical-align: unset
357 }
358 .wpbc_ui__toggle .wpbc_ui__toggle_label:hover {
359 cursor: pointer
360 }
361 .wpbc_ui__toggle .wpbc_ui__toggle_status {
362 color: #86919e;
363 font-size: 12px;
364 line-height: 14px;
365 margin: 2px 5px
366 }
367 .wpbc_ui__toggle .wpbc_ui__toggle_icon {
368 background-color: #bbb;
369 border-radius: 8.5px;
370 cursor: pointer;
371 display: inline-block;
372 height: 17px;
373 margin: 0 1px;
374 position: relative;
375 text-indent: -9999px;
376 width: 27px;
377 -ms-flex: 0 0 auto;
378 flex: 0 0 auto
379 }
380 .wpbc_ui__toggle .wpbc_ui__toggle_icon:after {
381 background: #fff;
382 border-radius: 50%;
383 content: "";
384 height: 13px;
385 left: 2px;
386 position: absolute;
387 top: 2px;
388 width: 13px;
389 transition-property: all;
390 transition-duration: .25s;
391 transition-timing-function: ease-out
392 }
393 .wpbc_ui__toggle .wpbc-help-tooltip {
394 margin: 0!important
395 }
396 .wpbc_ui__toggle:hover input:checked + label.wpbc_ui__toggle_icon {
397 background-color: var(--wpbc_admin-theme-color,#215d8f)
398 }
399 .wpbc_ui__toggle:hover .wpbc_ui__toggle_icon {
400 background-color: #777
401 }
402 .wpbc_ui__toggle input[type=checkbox]:disabled + label.wpbc_ui__toggle_icon,
403 .wpbc_ui__toggle:hover input:disabled + label.wpbc_ui__toggle_icon {
404 background-color: #ddd;
405 cursor: not-allowed
406 }
407 .wpbc_ui__toggle input[type=checkbox]:checked:disabled + label.wpbc_ui__toggle_icon {
408 background-color: #c9dbe6
409 }
410 .ui_element .wpbc_ui__toggle {
411 -ms-flex-align: center;
412 align-items: center
413 }
414 .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element .wpbc_ui__toggle > * {
415 margin: 0
416 }
417 .form-table td fieldset .wpbc_ui__toggle {
418 margin: 5px 0;
419 display: -ms-inline-flexbox;
420 display: inline-flex
421 }
422 .form-table td fieldset .wpbc_ui__toggle input[type=checkbox] + label.wpbc_ui__toggle_icon {
423 margin: 3px 0 .5em!important
424 }
425 .form-table td fieldset .wpbc_ui__toggle label,
426 .form-table td fieldset .wpbc_ui__toggle label * {
427 line-height: 1.6;
428 margin: 0 1px!important
429 }
430 .wpbc_ui__toggle input[type=checkbox].wpbc_visible_but_out_screen {
431 display: block;
432 visibility: hidden;
433 position: absolute
434 }
435 .wpbc_toggle_danger.wpbc_ui__toggle input[type=checkbox]:checked+label.wpbc_ui__toggle_icon,
436 .wpbc_toggle_danger.wpbc_ui__toggle:hover input:checked+label.wpbc_ui__toggle_icon {
437 background-color: #d63638
438 }
439 .wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox,
440 .wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox:hover,
441 .wpbc_ui__toggle .wpbc_ui__toggle_icon_radio,
442 .wpbc_ui__toggle .wpbc_ui__toggle_icon_radio:hover {
443 cursor: pointer
444 }
445 .wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox::before,
446 .wpbc_ui__toggle .wpbc_ui__toggle_icon_radio::before {
447 font-family: wpbc-material-icons;
448 display: inline-block;
449 font-variant: normal;
450 font-weight: 400;
451 font-style: normal;
452 line-height: 1;
453 letter-spacing: normal;
454 text-transform: none;
455 white-space: nowrap;
456 word-wrap: normal;
457 direction: ltr;
458 font-feature-settings: "liga";
459 -moz-font-feature-settings: "liga";
460 -webkit-font-smoothing: antialiased;
461 text-rendering: optimizeLegibility;
462 -moz-osx-font-smoothing: grayscale;
463 font-size: 20px;
464 vertical-align: -.25125em
465 }
466 .wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox::before {
467 content: "\e835"
468 }
469 .wpbc_ui__toggle input:checked ~ label.wpbc_ui__toggle_icon_checkbox::before {
470 content: "\e834"
471 }
472 .wpbc_ui__toggle .wpbc_ui__toggle_icon_radio::before {
473 content: "\e836"
474 }
475 .wpbc_ui__toggle input:checked ~ label.wpbc_ui__toggle_icon_radio::before {
476 content: "\e837"
477 }
478 .wpbc_ui__toggle .wpbc_ui__toggle_icon_checkbox::before {
479 font-family: wpbc-bootstrap-icons!important;
480 font-size: 17px;
481 content: "\f584"
482 }
483 .wpbc_ui__toggle input:checked ~ label.wpbc_ui__toggle_icon_checkbox::before {
484 content: "\f26d"
485 }
486 .ui_element .wpbc_ui_addon {
487 -ms-flex: 0 1 auto;
488 flex: 0 1 auto;
489 display: -ms-flexbox;
490 display: flex;
491 -ms-flex-flow: row wrap;
492 flex-flow: row wrap;
493 -ms-flex-pack: stretch;
494 justify-content: stretch;
495 -ms-flex-align: center;
496 align-items: center
497 }
498 .ui_element label.wpbc_ui_control_label {
499 -ms-flex: 0 1 auto;
500 flex: 0 1 auto;
501 display: -ms-flexbox;
502 display: flex;
503 -ms-flex-flow: row wrap;
504 flex-flow: row wrap;
505 -ms-flex-pack: start;
506 justify-content: flex-start;
507 -ms-flex-align: center;
508 align-items: center;
509 padding: 0 5px 1px 0
510 }
511 .ui_element label.wpbc_ui_control_label + .wpbc_ui_control:first-of-type {
512 border-top-left-radius: 3px!important;
513 border-bottom-left-radius: 3px!important
514 }
515 .ui_element .wpbc_ui_separtor {
516 -ms-flex: 0 1 auto;
517 flex: 0 1 auto;
518 display: -ms-flexbox;
519 display: flex;
520 -ms-flex-flow: row wrap;
521 flex-flow: row wrap;
522 -ms-flex-pack: stretch;
523 justify-content: stretch;
524 -ms-flex-align: center;
525 align-items: center;
526 border-right: 1px solid #ccc
527 }
528 .ui_element .wpbc_option_separator,
529 .ui_element .wpbc_option_step {
530 padding-right: 10px;
531 padding-left: 10px;
532 font-weight: 600;
533 border-bottom: 4px solid transparent;
534 padding-bottom: 9px;
535 margin-bottom: -9px
536 }
537 .ui_element .wpbc_passed_step {
538 border-bottom: 4px solid #d0d3c0
539 }
540 .ui_element .wpbc_selected_step {
541 border-bottom: 4px solid #aac71e
542 }
543 .ui_element .wpbc_ui_dropdown__outside_label {
544 -ms-flex: 0 1 auto;
545 flex: 0 1 auto;
546 display: -ms-flexbox;
547 display: flex;
548 -ms-flex-flow: row nowrap;
549 flex-flow: row nowrap;
550 -ms-flex-pack: start;
551 justify-content: flex-start;
552 -ms-flex-align: center;
553 align-items: center;
554 padding: 0 10px 1px 0
555 }
556 .ui_element .wpbc_ui_dropdown {
557 -ms-flex: 0 1 auto;
558 flex: 0 1 auto;
559 display: -ms-flexbox;
560 display: flex;
561 -ms-flex-flow: row nowrap;
562 flex-flow: row nowrap;
563 -ms-flex-pack: start;
564 justify-content: flex-start;
565 -ms-flex-align: stretch;
566 align-items: stretch;
567 position: relative
568 }
569 .ui_element .wpbc_ui_dropdown * {
570 box-sizing: border-box
571 }
572 .ui_element .wpbc_ui_dropdown .wpbc_ui_dropdown__inside_label {
573 font-weight: 600;
574 margin: 0;
575 padding: 0 .5em 0 0
576 }
577 .ui_element .wpbc_ui_dropdown .wpbc_ui_dropdown__inside_caret {
578 display: inline-block;
579 width: 0;
580 height: 0;
581 margin-left: 7px;
582 vertical-align: middle;
583 border-top: 4px dashed;
584 border-right: 4px solid transparent;
585 border-left: 4px solid transparent
586 }
587 .ui_element .wpbc_ui_dropdown:last-child > .wpbc_ui_button:last-of-type {
588 border-top-right-radius: 3px;
589 border-bottom-right-radius: 3px
590 }
591 .ui_element .wpbc_ui_dropdown:not(:first-child) > .wpbc_ui_button:first-child {
592 border-top-left-radius: 0;
593 border-bottom-left-radius: 0
594 }
595 .ui_element .wpbc_ui_dropdown:not(:last-child) > .wpbc_ui_button:last-child {
596 border-top-right-radius: 0;
597 border-bottom-right-radius: 0
598 }
599 .ui_element .wpbc_ui_dropdown__outside_label + .wpbc_ui_dropdown > .wpbc_ui_button:first-child {
600 border-top-left-radius: 3px;
601 border-bottom-left-radius: 3px
602 }
603 .wpbc_ui_dropdown .ui_dropdown_menu li.ui_complex_option_element {
604 display: -ms-flexbox;
605 display: flex;
606 -ms-flex-flow: row wrap;
607 flex-flow: row wrap;
608 -ms-flex-pack: start;
609 justify-content: flex-start;
610 -ms-flex-align: center;
611 align-items: center;
612 margin: 0;
613 padding: 0 15px
614 }
615 .wpbc_ui_dropdown ul.ui_dropdown_menu li.ui_complex_option_element .ui_element {
616 -ms-flex: 0 1 50%;
617 flex: 0 1 50%;
618 display: -ms-flexbox;
619 display: flex;
620 -ms-flex-flow: row nowrap;
621 flex-flow: row nowrap;
622 -ms-flex-pack: start;
623 justify-content: flex-start;
624 -ms-flex-align: center;
625 align-items: center;
626 margin: 0;
627 padding: 4px 0
628 }
629 .wpbc_ui_dropdown ul.ui_dropdown_menu li.ui_complex_option_element .ui_element > * {
630 -ms-flex: 0 1 auto;
631 flex: 0 1 auto;
632 margin: 0;
633 height: auto;
634 max-width: 210px
635 }
636 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu {
637 display: none;
638 position: absolute;
639 top: 100%;
640 left: 0;
641 z-index: 1000;
642 float: left;
643 min-width: 190px;
644 padding: 5px 0;
645 margin: 0;
646 list-style: none;
647 text-align: left;
648 background-color: #fff;
649 box-shadow: 0 6px 12px rgba(0,0,0,.175);
650 border: 1px solid rgba(0,0,0,.15);
651 border-radius: 0 0 3px 3px;
652 background-clip: padding-box
653 }
654 .ui_element .wpbc_ui_dropdown.open .ui_dropdown_menu {
655 animation: .2s ease-in-out forwards ui_dropdown_menu__anim__grow_down;
656 -ms-transform-origin: top center;
657 transform-origin: top center
658 }
659 @keyframes ui_dropdown_menu__anim__grow_down {
660 0% {
661 transform: scaleY(0)
662 }
663 50% {
664 transform: scaleY(.8)
665 }
666 100% {
667 transform: scaleY(1)
668 }
669 }
670 @keyframes ui_dropdown_menu__anim__pop_up_animation {
671 0% {
672 transform: scale(0)
673 }
674 50% {
675 transform: scale(1.1)
676 }
677 100% {
678 transform: scale(1)
679 }
680 }
681 @keyframes ui_dropdown_menu__anim__fade_in {
682 0% {
683 opacity: 0
684 }
685 33% {
686 opacity: .1
687 }
688 66% {
689 opacity: .2
690 }
691 100% {
692 opacity: 1
693 }
694 }
695 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu-right {
696 left: auto;
697 right: 0
698 }
699 .ui_element .wpbc_ui_dropdown ul.ui_dropdown_menu * {
700 font-size: 13px
701 }
702 @media screen and (max-width:782px) {
703 .ui_element .wpbc_ui_dropdown ul.ui_dropdown_menu * {
704 font-size: 14px;
705 line-height: 2em
706 }
707 }
708 .ui_element .wpbc_ui_dropdown.open > .ui_dropdown_menu {
709 display: block
710 }
711 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu.pull-right,
712 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu.ui_dropdown_menu_right {
713 left: auto;
714 right: 0
715 }
716 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu.ui_dropdown_menu_left {
717 left: 0;
718 right: auto
719 }
720 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu hr {
721 height: 1px;
722 margin: 5px 0;
723 overflow: hidden;
724 background: 0 0;
725 border: 0;
726 border-top: 1px solid #eee
727 }
728 .wpbc_ui_dropdown .ui_dropdown_menu li.dropdown-header {
729 padding: 0 15px;
730 color: #999;
731 font-size: .8em;
732 font-style: italic;
733 font-weight: 600
734 }
735 .wpbc_ui_dropdown .ui_dropdown_menu li {
736 padding: 0;
737 margin: 0
738 }
739 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu a {
740 clear: both;
741 display: block;
742 font-weight: 400;
743 padding: 5px 15px;
744 white-space: nowrap;
745 line-height: 18px
746 }
747 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a {
748 color: #333;
749 text-decoration: none;
750 font-weight: 400;
751 padding: 8px 15px;
752 white-space: nowrap;
753 display: block;
754 clear: both;
755 font-size: 1em;
756 line-height: 1.42857143;
757 margin: 1px 5px;
758 border-radius: 2px
759 }
760 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a,
761 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a:focus,
762 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .active > a:hover,
763 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a:focus,
764 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > li > a:hover {
765 color: #fff;
766 background: #08c;
767 background: var(--wpbc_ui_dropdown__active-a-background);
768 text-decoration: none;
769 outline: 0;
770 box-shadow: none
771 }
772 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a,
773 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:focus,
774 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:hover {
775 color: #ccc
776 }
777 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:focus,
778 .ui_element .wpbc_ui_dropdown .ui_dropdown_menu > .disabled > a:hover {
779 text-decoration: none;
780 background-color: transparent;
781 background-image: none;
782 cursor: not-allowed
783 }
784 .ui_element .wpbc_ui_dropdown .dropdown-backdrop {
785 position: fixed;
786 left: 0;
787 right: 0;
788 bottom: 0;
789 top: 0;
790 z-index: 990
791 }
792 .ui_element .wpbc_ui_control {
793 border-radius: 0;
794 border-width: 1px;
795 margin-right: -1px!important
796 }
797 .ui_element .wpbc_ui_control:first-child {
798 border-radius: 3px 0 0 3px
799 }
800 .ui_element .wpbc_ui_control:last-child {
801 border-radius: 0 3px 3px 0;
802 border-width: 1px
803 }
804 .ui_element .wpbc_ui_control:first-child:last-child {
805 border-radius: 3px
806 }
807 .ui_nowrap {
808 -ms-flex-wrap: nowrap!important;
809 flex-wrap: nowrap!important
810 }
811 .wpbc_ajx_toolbar {
812 position: relative;
813 margin: 0 0 10px 50px
814 }
815 .wpbc_ajx_toolbar * {
816 box-sizing: border-box
817 }
818 .wpbc_ajx_toolbar.wpbc_buttons_row {
819 position: initial;
820 margin: 0;
821 float: left
822 }
823 .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container,
824 .wpbc_ajx_toolbar.wpbc_no_background .ui_container {
825 background: 0 0;
826 border: none;
827 margin: 0;
828 padding: 0
829 }
830 .wpbc_ajx_toolbar.wpbc_background_transparent .ui_container {
831 background: 0 0;
832 border: none
833 }
834 .wpbc_ajx_toolbar .ui_container {
835 display: -ms-flexbox;
836 display: 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: stretch;
842 align-items: stretch;
843 gap: 20px;
844 margin: 0;
845 box-shadow: none;
846 border: 1px solid #dadada;
847 border-top: none;
848 background: #f7f7f7;
849 font-size: 14px;
850 padding: 6px 15px
851 }
852 .wpbc_ajx_toolbar .ui_container:last-child {
853 border-radius: 0 0 2px 2px
854 }
855 .wpbc_ajx_toolbar.wpbc_no_borders .ui_container {
856 border: none;
857 background: 0 0;
858 padding: 0
859 }
860 div.wpbc_ajx_toolbar.wpbc_no_borders {
861 margin: 0
862 }
863 .wpbc_flex_toolbar_container {
864 display: -ms-flexbox;
865 display: flex;
866 -ms-flex-flow: row wrap;
867 flex-flow: row wrap;
868 -ms-flex-pack: start;
869 justify-content: flex-start;
870 -ms-flex-align: stretch;
871 align-items: stretch;
872 background: #f7f7f7;
873 border: 1px solid #dadada;
874 box-shadow: none;
875 border-radius: 2px;
876 margin: 0 0 10px;
877 padding: 6px 15px;
878 font-size: 14px
879 }
880 .wpbc_ajx_under_toolbar_row {
881 display: -ms-flexbox;
882 display: flex;
883 -ms-flex-flow: row wrap;
884 flex-flow: row wrap;
885 -ms-flex-pack: start;
886 justify-content: flex-start;
887 -ms-flex-align: center;
888 align-items: center
889 }
890 .wpbc_ajx_under_toolbar_row .wpbc_ajx_booking_pagination {
891 margin-left: auto
892 }
893 .wpbc_ajx_toolbar .ui_container .ui_group {
894 -ms-flex: 0 1 auto;
895 flex: 0 1 auto;
896 padding: 0;
897 display: -ms-flexbox;
898 display: flex;
899 -ms-flex-flow: row wrap;
900 flex-flow: row wrap;
901 -ms-flex-pack: start;
902 justify-content: flex-start;
903 -ms-flex-align: stretch;
904 align-items: stretch;
905 border: none;
906 gap: 15px;
907 margin: 0
908 }
909 .wpbc_not_toolbar_is_send_emails {
910 border-left: 1px solid #dbdbdb;
911 padding-left: 10px
912 }
913 .wpbc_ajx_toolbar .ui_container .ui_group .ui_element {
914 display: -ms-flexbox;
915 display: flex;
916 -ms-flex-flow: row wrap;
917 flex-flow: row wrap;
918 -ms-flex-pack: start;
919 justify-content: flex-start;
920 -ms-flex-align: stretch;
921 align-items: stretch;
922 -ms-flex: 0 1 auto;
923 flex: 0 1 auto;
924 position: relative
925 }
926 .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * {
927 margin: 5px 0;
928 height: 38px
929 }
930 .ui_elements_divider {
931 margin-left: 15px
932 }
933 .wpbc_ajx_toolbar .ui_container.ui_container_micro *,
934 .wpbc_ajx_toolbar .ui_container.ui_container_mini *,
935 .wpbc_ajx_toolbar .ui_container.ui_container_small * {
936 font-size: 13px
937 }
938 .wpbc_ajx_toolbar .ui_container.ui_container_mini {
939 padding: 3px 15px
940 }
941 .wpbc_ajx_toolbar .ui_container.ui_container_mini .ui_group .ui_element > *,
942 .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > * {
943 height: 30px
944 }
945 .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_element_micro > *,
946 .wpbc_ajx_toolbar .ui_container.ui_container_micro .ui_group .ui_element > * {
947 height: 22px;
948 line-height: 1
949 }
950 .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_element_micro {
951 margin-right: 5px;
952 -ms-flex-align: center;
953 align-items: center
954 }
955 .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_element_micro:last-child {
956 margin-right: 0
957 }
958 @media (max-width:782px) {
959 .wpbc_ajx_toolbar .ui_container.ui_container_micro *,
960 .wpbc_ajx_toolbar .ui_container.ui_container_mini *,
961 .wpbc_ajx_toolbar .ui_container.ui_container_small * {
962 font-size: 14px
963 }
964 #toolbar_booking_listing.wpbc_ajx_toolbar .ui_container .ui_group .ui_element > *,
965 .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container .ui_group .ui_element > * {
966 height: 38px
967 }
968 #toolbar_booking_listing.wpbc_ajx_toolbar .ui_container .ui_group .ui_element > .wpbc_ui_button,
969 .wpbc_ajx_toolbar.wpbc_buttons_row .ui_container .ui_group .ui_element > .wpbc_ui_button {
970 padding: 0 15px 1px;
971 display: -ms-flexbox;
972 display: flex;
973 -ms-flex-flow: row wrap;
974 flex-flow: row wrap;
975 -ms-flex-pack: center;
976 justify-content: center;
977 -ms-flex-align: center;
978 align-items: center
979 }
980 }
981 .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword,
982 .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword .ui_element {
983 -ms-flex: 1 1 auto;
984 flex: 1 1 auto
985 }
986 .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__keyword .ui_element .wpbc_search_field {
987 width: 100%
988 }
989 .wpbc_ajx_toolbar .ui_container.ui_container_filter_row_2 {
990 padding: 4px 15px
991 }
992 .wpbc_ajx_toolbar .ui_container.ui_container_filter_row_2 .ui_group.ui_group__statuses {
993 -ms-flex: 1 1 auto;
994 flex: 1 1 auto
995 }
996 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi {
997 -ms-flex: 1 1 auto;
998 flex: 1 1 auto;
999 display: -ms-flexbox;
1000 display: flex;
1001 -ms-flex-flow: column wrap;
1002 flex-flow: column wrap;
1003 -ms-flex-pack: center;
1004 justify-content: center;
1005 -ms-flex-align: center;
1006 align-items: center;
1007 height: initial;
1008 width: auto!important;
1009 min-width: 10em;
1010 margin-right: -1px
1011 }
1012 @media (max-width:782px) {
1013 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi {
1014 height: initial!important
1015 }
1016 }
1017 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices {
1018 -ms-flex: 1 1 auto;
1019 flex: 1 1 auto;
1020 display: -ms-flexbox;
1021 display: flex;
1022 -ms-flex-flow: row wrap;
1023 flex-flow: row wrap;
1024 -ms-flex-pack: start;
1025 justify-content: flex-start;
1026 -ms-flex-align: center;
1027 align-items: center;
1028 -ms-flex-line-pack: center;
1029 align-content: center;
1030 margin: 0;
1031 padding: 0 0 0 5px;
1032 height: auto;
1033 min-height: 28px!important;
1034 border-radius: 3px 0 0 3px
1035 }
1036 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi.chzn-container-active ul.chzn-choices {
1037 border-color: #d8d8d8!important;
1038 box-shadow: 0 0 0 0 #4f94d4,0 0 1px 1px rgba(79,148,212,.8)!important;
1039 z-index: 1;
1040 outline: transparent solid 2px
1041 }
1042 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice {
1043 -ms-flex: 0 1 auto;
1044 flex: 0 1 auto;
1045 display: -ms-flexbox;
1046 display: flex;
1047 -ms-flex-flow: row nowrap;
1048 flex-flow: row nowrap;
1049 -ms-flex-pack: start;
1050 justify-content: flex-start;
1051 -ms-flex-align: baseline;
1052 align-items: baseline;
1053 margin: 3px 7px 3px 0;
1054 padding: 4px 7px 3px 8px
1055 }
1056 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice span {
1057 word-wrap: break-word
1058 }
1059 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice a.search-choice-close0 {
1060 font-family: "Glyphicons Halflings";
1061 font-style: normal;
1062 font-weight: 400;
1063 font-size: 9px;
1064 color: #555;
1065 text-decoration: none;
1066 position: relative;
1067 top: auto;
1068 left: auto;
1069 right: auto;
1070 bottom: auto;
1071 margin: 0 0 0 1em;
1072 display: -ms-flexbox;
1073 display: flex;
1074 -ms-flex-flow: column wrap;
1075 flex-flow: column wrap;
1076 -ms-flex-pack: center;
1077 justify-content: center;
1078 -ms-flex-line-pack: center;
1079 align-content: center;
1080 width: auto;
1081 height: auto
1082 }
1083 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice a.search-choice-close0:before {
1084 content: "\e014"
1085 }
1086 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-choice a.search-choice-close0:hover {
1087 text-decoration: none
1088 }
1089 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-field {
1090 -ms-flex: 0 1 1px;
1091 flex: 0 1 1px;
1092 display: -ms-flexbox;
1093 display: flex;
1094 -ms-flex-flow: row wrap;
1095 flex-flow: row wrap;
1096 -ms-flex-pack: start;
1097 justify-content: flex-start;
1098 -ms-flex-align: center;
1099 align-items: center;
1100 margin: 0;
1101 padding: 0;
1102 white-space: nowrap
1103 }
1104 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-field input[type=text].default {
1105 min-width: 12em
1106 }
1107 .ui_container .ui_group .ui_element .chzn-container.chzn-container-multi ul.chzn-choices li.search-field input[type=text] {
1108 font-family: inherit
1109 }
1110 .ui_container .ui_group .ui_element .chzn-container div.chzn-drop ul.chzn-results li.highlighted {
1111 color: #fff;
1112 background: #08c;
1113 text-decoration: none;
1114 outline: 0;
1115 box-shadow: none
1116 }
1117 .wpbc_blur {
1118 filter: blur(1px);
1119 pointer-events: none;
1120 -webkit-user-select: none;
1121 -ms-user-select: none;
1122 user-select: none
1123 }
1124 .wpbc_upgrade_note {
1125 position: absolute;
1126 top: 50%;
1127 background-color: #fff;
1128 padding: 10px;
1129 border: 1px solid #d1d1d1;
1130 box-shadow: 0 3px 10px rgba(94,94,94,.2);
1131 color: #141b38;
1132 font-size: 15px;
1133 font-weight: 600;
1134 width: 100%;
1135 text-align: center;
1136 line-height: 2em;
1137 z-index: 99;
1138 left: 50%;
1139 -ms-transform: translate(-50%) translateY(-50%);
1140 transform: translate(-50%) translateY(-50%)
1141 }
1142 .wpbc_upgrade_note a {
1143 text-decoration: none;
1144 border-bottom: 1px dashed
1145 }
1146 .wpbc_upgrade_note a:hover {
1147 text-decoration: none;
1148 border-bottom: 1px solid
1149 }
1150 .wpbc_upgrade_note.wpbc_upgrade_theme_green {
1151 width: 70%;
1152 height: 4em;
1153 display: -ms-flexbox;
1154 display: flex;
1155 -ms-flex-flow: column wrap;
1156 flex-flow: column wrap;
1157 -ms-flex-pack: center;
1158 justify-content: center;
1159 -ms-flex-line-pack: center;
1160 align-content: center;
1161 -ms-flex-align: center;
1162 align-items: center;
1163 border: 3px solid rgba(94,155,5,.7411764706);
1164 border-radius: 10px;
1165 font-size: 16px
1166 }
1167 .wpbc_upgrade_widget {
1168 -ms-transform: translate(0) translateY(0);
1169 transform: translate(0) translateY(0);
1170 position: relative;
1171 z-index: 999
1172 }
1173 .wpbc_upgrade_widget .wpbc_upgrade_widget_container {
1174 background: #fff;
1175 position: relative
1176 }
1177 .wpbc_upgrade_widget .wpbc_upgrade_widget_container .wpbc_upgrade_note {
1178 width: 70%;
1179 height: auto;
1180 display: -ms-flexbox;
1181 display: flex;
1182 -ms-flex-flow: row nowrap;
1183 flex-flow: row nowrap;
1184 -ms-flex-pack: center;
1185 justify-content: center;
1186 -ms-flex-line-pack: start;
1187 align-content: flex-start;
1188 -ms-flex-align: center;
1189 align-items: center
1190 }
1191 .wpbc_upgrade_widget .wpbc_upgrade_widget_container .wpbc_upgrade_note div:first-child {
1192 margin: auto
1193 }
1194 .wpbc_upgrade_widget .wpbc_upgrade_widget_container .wpbc_upgrade_note .wpbc_panel_get_started_dismiss {
1195 -ms-flex-item-align: start;
1196 align-self: flex-start;
1197 margin-left: auto;
1198 padding: 4px 10px;
1199 text-decoration: none;
1200 font-weight: 600;
1201 background: #fff;
1202 border-radius: 7px;
1203 border: none
1204 }