PluginProbe
Booking Calendar / 11.1
Booking Calendar v11.1
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 10.11.3 All 202 releases
booking / core / any / css / wpbc_flextable.css

wpbc_flextable.css in Booking Calendar 11.1, at core/any/css/wpbc_flextable.css

897 lines 34.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 Document : admin-booking resources-table
3 Created on : 2024-01-13
4 Author : wpdevelop
5 Description: Resource FlexTable CSS // FixIn: 9.9.0.7.
6 */
7
8 /**
9 * General Structure
10 *
11 * .wpbc_selectable_table ( .wpbc_resources_flextable - by default exist this CSS class for the booking resources page, in other pages, can be different class)
12 * .wpbc_flextable
13 * .wpbc_selectable_head
14 * .wpbc_flextable_row
15 * .wpbc_flextable_col
16 * ...
17 *
18 * .wpbc_selectable_body
19 * .wpbc_flextable_row
20 * .wpbc_flextable_col
21 * ...
22 *
23 * .wpbc_selectable_foot
24 * .wpbc_flextable_row
25 * .wpbc_flextable_col
26 * ...
27 */
28 .wpbc_flextable {
29 display:flex;
30 flex-flow:column nowrap;
31 justify-content: flex-start;
32 align-items: stretch;
33 }
34
35 .wpbc_flextable .wpbc_selectable_head,
36 .wpbc_flextable .wpbc_selectable_body,
37 .wpbc_flextable .wpbc_selectable_foot {
38 flex:1 1 100%;
39
40 display:flex;
41 flex-flow:column nowrap;
42 justify-content: flex-start;
43 align-items: stretch;
44 }
45
46 .wpbc_flextable .wpbc_flextable_row{
47 flex: 1 1 auto;
48
49 display:flex;
50 flex-flow:row wrap;
51 justify-content: flex-start;
52 align-items: center;
53 }
54 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col{
55 flex: 1 1 auto;
56 }
57 /* ------------------------------------------------------------------------------------------------------------------ */
58 /* 1st column - Checkbox */
59 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{
60 flex: 0 0 25px;
61 }
62 .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{
63 margin: -5px 0 0; /* show checkbox centered in a row*/
64 }
65 @media screen and (max-width: 782px) {
66 .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{
67 margin: -2px 0 0; /* MOBILE: show checkbox centered in a row*/
68 }
69 }
70 /* 2nd column - ID */
71 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id{
72 flex: 0 1 35px;
73 width:35px;
74 padding-right:0;
75 padding-left:0;
76 }
77 /* 3rd column - Title */
78 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name{
79 display: flex;
80 flex-flow: row nowrap;
81 justify-content: flex-start;
82 align-items: center;
83 padding: 0 !important;
84 margin: 0;
85 align-self: stretch;
86 min-width: Min(350px,100%);
87 }
88 .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title{
89 flex: 1 1 30%;
90 flex: 1 1 10em;
91 border-right: 1px solid #ccc;
92 }
93 .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title{
94 /*flex: 1 1 31%;*/
95 flex: 1 1 12em;
96 }
97 .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title input[type="text"]{
98 width: 99% !important;
99 }
100 /* 4th column - Labels */
101 .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_labels{
102 flex: 1 1 10%;
103 flex: 1 1 10em;
104 display:none;
105 }
106 .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
107 flex: 1 1 auto;
108 }
109 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
110 flex: 1 1 auto;
111 flex: 1 1 40%;
112 }
113 @media screen and (max-width: 845px) {
114 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
115 flex: 1 1 98%;
116 }
117 }
118
119
120 /* ------------------------------------------------------------------------------------------------------------------ */
121 /* C O L O R S */
122 /* ------------------------------------------------------------------------------------------------------------------ */
123 .wpbc_flextable {
124 background: #fff;
125 border:0px solid #bbb;
126 margin-bottom: 20px;
127 }
128 /* STRIPED Table */
129 .wpbc_flextable .wpbc_flextable_row{
130 background-color: #fefefe;
131 border-left: 4px solid #fefefe;
132 border-bottom: 1px solid #dddddd;
133 }
134 .wpbc_flextable .wpbc_flextable_row:nth-of-type(2n+1){
135 background-color: var(--wpbc_ui_listing__back_alt_color);
136 border-left: 4px solid var(--wpbc_ui_listing__back_alt_color);
137 }
138 .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row,
139 .wpbc_flextable .wpbc_selectable_foot .wpbc_flextable_row{
140 background-color: #fff;
141 border-left: 4px solid #fff;
142 }
143 .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected{
144 border-left-color: var(--wpbc_admin-theme-color, #08a );
145 }
146 /* ------------------------------------------------------------------------------------------------------------------ */
147 /* TEXT | LINKS */
148 /* ------------------------------------------------------------------------------------------------------------------ */
149 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head {
150 font-weight: 600;
151 text-align: left;
152 }
153 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a,
154 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a:hover,
155 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a:focus {
156 text-decoration: none;
157 }
158
159 /* ------------------------------------------------------------------------------------------------------------------ */
160 /* M O D E R N S K I N C O L O R S */
161 /* ------------------------------------------------------------------------------------------------------------------ */
162 /** Resource Tables */
163 .wpbc_flextable {
164 box-shadow: 0 0 1px #aaa;
165 }
166 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col {
167 padding: 10px 7px;
168 }
169 .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col {
170 padding: 0px 7px;
171 line-height: 3;
172 }
173 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head{
174 font-size: 14px;
175 }
176 /* ------------------------------------------------------------------------------------------------------------------ */
177 /* Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page. FixIn: 9.8.0.6 */
178 /* ------------------------------------------------------------------------------------------------------------------ */
179 .wpbc_selectable_body .wpbc_flextable_row fieldset{
180 display: flex;
181 flex-flow: row wrap;
182 justify-content: flex-start;
183 align-items: center;
184 }
185 .wpbc_selectable_body .wpbc_flextable_row fieldset > *{
186 /*margin: 0 10px 10px 0;*/
187 margin: 5px 10px 5px 0;
188 }
189 .wpbc_selectable_body .wpbc_flextable_row fieldset > a{
190 margin-left:auto;
191 }
192 .wpbc_selectable_body .wpbc_flextable_row fieldset .put-in:active,
193 .wpbc_selectable_body .wpbc_flextable_row fieldset .put-in:focus,
194 .wpbc_selectable_body .wpbc_flextable_row fieldset .put-in{
195 flex:1 0 100%;
196 border:none;
197 outline: none;
198 box-shadow: none;
199 background: transparent;
200 cursor: pointer;
201 padding: 0;
202 }
203 .wpbc_selectable_body .wpbc_flextable_row fieldset > code {
204 font-size: 12px;
205 line-height: 22px !important;
206 background: #ddd;
207 color: #000;
208 }
209 /* End Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page */
210
211 /* ------------------------------------------------------------------------------------------------------------------ */
212 /* Error - No rows */
213 /* ------------------------------------------------------------------------------------------------------------------ */
214 .wpbc_flextable .wpbc_flextable_row.wpbc_no_results_row .wpbc_flextable_col {
215 text-align: center;
216 font-weight: 600;
217 font-size: 1.2em;
218 }
219 /* ------------------------------------------------------------------------------------------------------------------ */
220 /* Other */
221 /* ------------------------------------------------------------------------------------------------------------------ */
222 .wpbc_flextable .check-column {
223 position: initial;
224 }
225 .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
226 text-align:center;
227 }
228 @media screen and (max-width: 1155px) {
229 .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
230 border-left: 0; /* MOBILE: show checkbox centered in a row*/
231 }
232 }
233 /* Pagination button color */
234 .wpbc-pagination .button.active,
235 .wpbc-pagination .button.active:hover {
236 color:#23282d;
237 }
238
239 /* ------------------------------------------------------------------------------------------------------------------ */
240 /* Tabs in Flex Table for switching view of Table content */
241 /* ------------------------------------------------------------------------------------------------------------------ */
242 .wpbc_flextable_header_tabs .wpdvlp-top-tabs {
243 z-index: 7;
244 background: transparent;
245 width: 100%;
246 display: flex;
247 flex-flow: row wrap;
248 justify-content: center;
249 align-items: center;
250 }
251 .wpbc_flextable_header_tabs .wpdvlp-top-tabs .nav-tab-active,
252 .wpbc_flextable_header_tabs .wpdvlp-top-tabs a.nav-tab-active:focus {
253 border-bottom-color: var(--wpbc_admin-active-tab-color, #707980);
254 }
255 /* ------------------------------------------------------------------------------------------------------------------ */
256 /* RESOURCE ID --------------- */
257 /* ------------------------------------------------------------------------------------------------------------------ */
258 .wpbc_flextable .wpbc_label_resource_id_container {
259 display: flex;
260 flex-flow: row nowrap;
261 justify-content: flex-start;
262 align-items: center;
263 }
264 .wpbc_flextable .wpbc_label_resource_id_container .wpbc_label_resource_id {
265 padding: 0px 9px;
266 line-height: 2em;
267 text-transform: uppercase;
268 white-space: nowrap;
269 border-radius: 12px;
270 }
271 /* END RESOURCE ID --------------- */
272
273 /* ------------------------------------------------------------------------------------------------------------------ */
274 /* Show | Hide sections - in SWITCHABLE flex table ROW */
275 /* ------------------------------------------------------------------------------------------------------------------ */
276 .wpbc_resource_field__switchable{
277 display:none;
278 }
279 /*.wpbc_resource_field__switchable.wpbc_resource_field__publish*/
280 .wpbc_booking_resource_table:not(.wpbc_booking_resource_prices_table) .wpbc_resource_field__switchable.wpbc_resource_field__extra__labels {
281 display:flex;
282 }
283
284 /* ------------------------------------------------------------------------------------------------------------------ */
285 /* T o o l b a r in Table R O W s */
286 /* ------------------------------------------------------------------------------------------------------------------ */
287 .wpbc_flextable_col .wpbc_ajx_toolbar {
288 flex: 1;
289 display: flex;
290 flex-flow: row wrap;
291 justify-content: flex-start;
292 align-items: center;
293 margin: 0;
294 padding: 0;
295 }
296 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container{
297 border: none;
298 background: none;
299 padding: 0;
300 justify-content: space-between;
301 flex: 1;
302 }
303 /* Elements Height ------------------------------------------------------------------------------------------------- */
304 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small *{
305 font-size:13px;
306 }
307 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *{
308 height: 28px;
309 line-height: 28px;
310 min-height: 28px;
311 }
312 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > :not(input,select) {
313 padding: 0 10px;
314 }
315 @media (max-width: 782px) {
316 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *{
317 height: 34px;
318 min-height: 28px;
319 line-height: 34px;
320 }
321 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > input,
322 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > select {
323 line-height: 1;
324 }
325 }
326 /* ------------------------------------------------------------------------------------------------------------------ */
327 /* SIZEs in a ROWs */
328 /* ------------------------------------------------------------------------------------------------------------------ */
329 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__size_100{
330 justify-content: stretch;
331 flex: 1;
332 }
333
334 /* ------------------------------------------------------------------------------------------------------------------ */
335 /* Publish Elements in toolbar ROW */
336 /* ------------------------------------------------------------------------------------------------------------------ */
337 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__labels{
338 min-width:110px;
339 }
340 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__shortcode{
341 justify-content: stretch !important;
342 flex: 1;
343 flex-flow: row nowrap;
344 }
345 /* ShortCode :: Text Input*/
346 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group .ui_element .shortcode_text_field {
347 width: 100%;
348 min-width: 22em;
349 text-align: left;
350 cursor: pointer;
351 background-color: #f0f0f0;
352 color: #7a7a7a;
353 font-weight: 600;
354 font-size: 0.92em !important;
355 border: 1px solid #fff !important;
356 box-shadow: 0 0px 2px #cdcdcd;
357 }
358 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group .ui_element div.shortcode_text_field{
359 cursor: text;
360 overflow: hidden;
361 height: auto;
362 line-height: 2.4;
363 /*background: #fff;*/
364 border-radius: 4px;
365 }
366 /* Custom Default Form */
367 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__customform_field,
368 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__customform_field .ui_element{
369 flex: 1;
370 }
371 /* Parent | Child | Priority */
372 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field,
373 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element{
374 flex: 1;
375 display: flex;
376 flex-flow: row wrap;
377 justify-content: flex-start;
378 align-items: center;
379 }
380 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element select{
381 flex: 1;
382 margin: 0 10px;
383 width: Min(10em, 100%);
384 min-width: 18em;
385 }
386 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element input[type="text"]{
387 flex: 0 0 5em;
388 margin: 0 10px;
389 font-weight: 400;
390 }
391 /* Cost Field */
392 .ui_element.ui_cost_field {
393 flex: 0 1 auto;
394 display: flex;
395 flex-flow: row nowrap;
396 justify-content: flex-start;
397 align-items: first baseline;
398 }
399 /* ------------------------------------------------------------------------------------------------------------------ */
400 /* L A B E L S - C O L O R S */
401 /* ------------------------------------------------------------------------------------------------------------------ */
402 .wpbc_flextable_labels a.wpbc_label {
403 text-decoration: none;
404 }
405 .wpbc_flextable_labels .wpbc_label_cost,
406 .wpbc_flextable_labels .wpbc_label_cost:focus,
407 .wpbc_flextable_labels .wpbc_label_cost:active,
408 .wpbc_flextable_labels .wpbc_label_cost:hover{
409 background-color: #64aa45;
410 color: #eaffe1;;
411 }
412 .wpbc_flextable_labels .wpbc_label_resource_single,
413 .wpbc_flextable_labels .wpbc_label_resource_single:focus,
414 .wpbc_flextable_labels .wpbc_label_resource_single:active,
415 .wpbc_flextable_labels .wpbc_label_resource_single:hover{
416 font-weight:600;
417 background-color: var( --wpbc_admin-default_label-color , #4c74a9);
418 color:#fff;
419 }
420 .wpbc_flextable_labels .wpbc_label_resource_parent,
421 .wpbc_flextable_labels .wpbc_label_resource_parent:focus,
422 .wpbc_flextable_labels .wpbc_label_resource_parent:active,
423 .wpbc_flextable_labels .wpbc_label_resource_parent:hover{
424 font-weight:600;
425 background-color: #e80;
426 color:#fff;
427 }
428 .wpbc_flextable_labels .wpbc_label_capacity_number,
429 .wpbc_flextable_labels .wpbc_label_capacity_number:focus,
430 .wpbc_flextable_labels .wpbc_label_capacity_number:active,
431 .wpbc_flextable_labels .wpbc_label_capacity_number:hover {
432 background: #8faa45;
433 color: #fff;
434 font-size: 70%;
435 padding: 1px 6px 2px;
436 border-radius: 3px;
437 margin: 0;
438 }
439 .wpbc_flextable_labels .wpbc_label_resource_child,
440 .wpbc_flextable_labels .wpbc_label_resource_child:focus,
441 .wpbc_flextable_labels .wpbc_label_resource_child:active,
442 .wpbc_flextable_labels .wpbc_label_resource_child:hover{
443 font-weight: 400;
444 background-color: #39d;
445 color:#fff;
446 }
447 .ui_element .wpbc_label_user,
448 .ui_element .wpbc_label_user:focus,
449 .ui_element .wpbc_label_user:active,
450 .ui_element .wpbc_label_user:hover{
451 font-weight: 400;
452 color: #fdfdfd;
453 background-color: #a67b99;
454 }
455 .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .wpbc_label.wpbc_label_user_owner strong{
456 font-size:0.8em;
457 }
458 .wpbc_flextable_labels .wpbc_label_resource_default_form,
459 .wpbc_flextable_labels .wpbc_label_resource_default_form:focus,
460 .wpbc_flextable_labels .wpbc_label_resource_default_form:active,
461 .wpbc_flextable_labels .wpbc_label_resource_default_form:hover{
462 background-color: #89a;
463 font-weight: 400;
464 color: #fdfdfd;
465 background-color: #e7e7e7;
466 color: #7c7c7c;
467 }
468 .wpbc_flextable_labels .wpbc_label_resource_lost {
469 background: #ff6c00;
470 color: #6d4223;
471 }
472 .wpbc_flextable_labels .wpbc_label_user_owner,
473 .wpbc_flextable_labels .wpbc_label_user_owner:focus,
474 .wpbc_flextable_labels .wpbc_label_user_owner:active,
475 .wpbc_flextable_labels .wpbc_label_user_owner:hover{
476 background-color: #89a;
477 font-weight: 400;
478 color: #fdfdfd;
479 background-color: #766cba;
480 }
481 @media screen and (max-width: 845px) {
482 .wpbc_flextable_col_folder_structure,
483 .wpbc_show_hide_children_icon {
484 display: none !important;
485 }
486 }
487
488 /* ================================================================================================================== */
489 /* Folders */
490 /* ================================================================================================================== */
491 .wpbc_flextable_col_folder_structure,
492 .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_folder_structure {
493 flex: 0 0 30px;
494 align-self: stretch;
495 margin: 0;
496 padding: 0;
497 display: flex;
498 flex-flow: row nowrap;
499 justify-content: flex-end;
500 align-items: center;
501 }
502 .wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_vertical {
503 border-right: 2px solid #7a7a7a;
504 width: 2px;
505 display: inline-block;
506 margin: 0;
507 align-self: flex-start;
508 height: 100%;
509 }
510 .wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_vertical__last{
511 height: 50%;
512 }
513 .wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_horizontal {
514 border-bottom: 2px solid #7a7a7a;
515 border-right: 2px solid #7a7a7a;
516 width: 20px;
517 display: inline-block;
518 margin: 0;
519 }
520
521 /* ================================================================================================================== */
522 /* WP Booking Calendar > Prices > Daily Costs page */
523 /* ================================================================================================================== */
524
525 /* Fields - Pricing Buttons - VISIBLE by default - in SWITCHABLE flex table ROW */
526 .wpbc_booking_resource_prices_table .wpbc_resource_field__switchable.wpbc_resource_field__extra__pricing_buttons{
527 display:flex;
528 }
529
530 /* Set - Pricing Buttons - Centered in the table */
531 .wpbc_booking_resource_prices_table .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__pricing_buttons{
532 flex-flow: row wrap;
533 justify-content: center;
534 flex: 1;
535 }
536 .wpbc_booking_resource_prices_table .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__labels{
537 margin-left: 5%;
538 }
539
540 .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost {
541 flex: 0 1 12em;
542 flex: 0 1 5em;
543 margin-right: 1em;
544 margin-left: 1px;
545 }
546 .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element {
547 flex-flow: row nowrap;
548 }
549 /* It is for cost per night/days "/" separator */
550 .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_cost_field span {
551 padding: 0 3px 0 5px;
552 }
553 .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element input[type="text"] {
554 width: 75px !important;
555 margin-left: 10px !important;
556 font-weight: 600;
557 }
558 .wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name {
559 flex: 1 1 10em;
560 min-width: Min(19em, 99%);
561 flex: 1 1 12em;
562 min-width: Min(15em, 99%);
563 }
564 .wpbc_booking_resource_prices_table .wpbc_flextable_col.wpbc_flextable_col_other.wpbc_other_resource_fields {
565 padding: 0;
566 flex: 1 1 50%;
567 flex: 1 1 54%;
568 }
569
570 /* Container depends size ! */
571 .wpbc_other_resource_fields {
572 container: wpbc_c__other_resource_fields / inline-size;
573 }
574 @container wpbc_c__other_resource_fields (inline-size < 720px) {
575 .wpbc_other_resource_fields .ui_element:nth-last-child(1) .in-button-text {
576 display: none;
577 }
578 }
579 @container wpbc_c__other_resource_fields (inline-size < 560px) {
580 .wpbc_other_resource_fields .ui_element:nth-last-child(2) .in-button-text {
581 display: none;
582 }
583 }
584 @container wpbc_c__other_resource_fields (inline-size < 450px) {
585 .wpbc_other_resource_fields .ui_element:nth-last-child(3) .in-button-text {
586 display: none;
587 }
588 }
589 @container wpbc_c__other_resource_fields (inline-size < 350px) {
590 .wpbc_other_resource_fields .ui_element:nth-last-child(4) .in-button-text {
591 display: none;
592 }
593 }
594 /* For less than 707px of Other Fields Section */
595 @container wpbc_c__other_resource_fields (inline-size < 727px) {
596 .wpbc_other_resource_fields .ui_element:nth-last-child(1) .in-button-text {
597 display:none;
598 }
599 /*.wpbc_other_resource_fields.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > * {
600 height: 34px;
601 min-height: 28px;
602 line-height: 34px;
603 }*/
604 }
605
606 /* ================================================================================================================== */
607 /* WP Booking Calendar > Resources > Searchable Resources page */
608 /* ================================================================================================================== */
609 /* Disable show LEFT BLUE BORDER in table selected ROWS */
610 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected {
611 border-left: 4px solid #fefefe;
612 border-bottom: 1px solid #dddddd;
613 }
614 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected:nth-of-type(2n+1){
615 border-left: 4px solid #f9f9fa;
616 }
617 /* :: H e a d e r s :: */
618 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title {
619 flex: 1 1 auto;
620 padding-left: 0px;
621 }
622 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
623 border-left: 0;
624 flex: 1 1 auto;
625 }
626 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id{
627 width:5em;
628 }
629 /* Header On|Off column */
630 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off {
631 flex: 0 1 150px;
632 margin-right: 5px;
633 margin-left: 0;
634 display: flex;
635 flex-flow: row nowrap;
636 justify-content: flex-start;
637 align-items: center;
638 }
639 @media (max-width: 825px){
640 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
641 order: 5
642 }
643 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off{
644 flex: 0 1 70px;
645 }
646 #flextable_header_tab__labels {
647 display: none;
648 }
649 }
650 /* ------------------------------------------------------------------------------------------------------------------ */
651 /* :: B o d y :: */
652 /* ------------------------------------------------------------------------------------------------------------------ */
653 /* Resource Name / Title Column : it is not input text fields */
654 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name {
655 flex: 1 1 7em;
656 min-width: Min(19em, 99%);
657 padding: 10px 7px !important;
658 }
659 .wpbc_flextable_resource_title {
660 display: flex;
661 flex-flow: row nowrap;
662 justify-content: flex-start;
663 align-items: center;
664 flex: 1 1 100%;
665 font-size: 14px;
666 font-weight: 600;
667 }
668 .wpbc_flextable_resource_title .wpbc_show_hide_children_icon {
669 flex:0 1 auto;
670 margin-right: 1em;
671 }
672 .wpbc_flextable_resource_title .wpbc_flextable_resource_title_text{
673 flex:1 1 0;
674 line-height: 1.8;
675 }
676
677 /* Vertical Align :: Top :: if delete these sections, then nice center align */
678 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row {
679 align-items: flex-start;
680 }
681 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name {
682 align-items: flex-start;
683 }
684 .wpbc_resource_name .wpbc_flextable_resource_title {
685 min-height: 28px;
686 }
687 .wpbc_resource_name .wpbc_flextable_resource_title .wpbc_flextable_resource_title_text {
688 line-height: 1;
689 }
690 .wpbc_flextable .wpbc_label_resource_id_container {
691 min-height: 28px;
692 }
693 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
694 padding: 10px 7px;
695 }
696 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__thumbnail .ui_element > *{
697 margin: 0 0 10px;
698 }
699 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * {
700 margin: 0;
701 }
702 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 {
703 margin: 0 0 10px;
704 }
705 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100:last-child{
706 margin:0;
707 }
708 /* Vertical Align End */
709 /* Size for On|Off column */
710 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off {
711 flex: 0 1 150px;
712 /*width: 30px;*/
713 /*margin-right: 1em;*/
714 /*margin-left: 1px;*/
715
716 display: flex;
717 flex-flow: row wrap;
718 justify-content: flex-start;
719 align-items: center;
720 }
721 /* ID last column */
722 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id {
723 flex: 0 1 40px;
724 width: auto;
725 }
726 /* ------------------------------------------------------------------------------------------------------------------ */
727 /* :: O t h e r :: */
728 /* ------------------------------------------------------------------------------------------------------------------ */
729 /* Other fields Column */
730 .wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
731 padding-top:0;
732 padding-bottom:0;
733 flex: 1 1 50%;
734 }
735 /* :: Text Input :: */
736 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_text_field_100{
737 flex: 1 1 100%;
738 }
739 /* URL Field - VISIBLE by default - in SWITCHABLE flex table ROW */
740 .wpbc_searchable_resources_table .wpbc_resource_field__switchable.wpbc_extra__search_url{
741 display:flex;
742 }
743 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url {
744 flex-flow: row nowrap;
745 justify-content: stretch;
746 flex: 1;
747 }
748 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url .ui_element__search_url {
749 flex: 1 1 auto;
750 /*margin: 0 0 0 2em;*/
751 }
752 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url .ui_element__search_url_link {
753 margin-left: 0px;
754 margin-right: 0px;
755 }
756 /* ------------------------------------------------------------------------------------------------------------------ */
757 /* :: IMG | Excerpt | Title :: */
758 /* ------------------------------------------------------------------------------------------------------------------ */
759 /* Thumbnail */
760 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container{
761 flex-flow: row nowrap;
762 }
763 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail .ui_element{
764 align-items: flex-start;
765 }
766 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img,
767 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail img.search_thumbnail_img {
768 width: 100px;
769 height: auto;
770 min-height: auto;
771 line-height: normal;
772 padding: 3px;
773 background: #fff;
774 border: 1px solid #a5a8ab;
775 border-radius: 2px;
776 display: flex;
777 flex-flow: column nowrap;
778 justify-content: center;
779 align-items: center;
780 }
781 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img {
782 height:100px;
783 }
784 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail .ui_element a{
785 text-decoration: none;
786 height: auto;
787 padding: 0px;
788 }
789 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img a:hover{
790 text-decoration: underline;
791 }
792 /* Title | Excerpt | Img URL */
793 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt{
794 flex-flow: row wrap;
795 flex: 1 1 100%;
796 margin: 0;
797 }
798 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100{
799 flex-flow: row wrap;
800 flex: 1 1 100%;
801 margin: 0;
802 }
803 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text{
804 flex: 1 1 auto;
805 margin: 0;
806 }
807 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_icon,
808 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_button{
809 margin: 0 0 0 5px;
810 flex: 0 1 38px;
811 justify-content: center;
812 }
813 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text .ui_field_title {
814 font-weight: 600;
815 }
816 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text textarea {
817 width: 100%;
818 height: 5em;
819 }
820 /* Mobile */
821 @media (max-width: 782px){
822 .wpbc_searchable_resources_table .wpbc_flextable_col_other.wpbc_other_resource_fields.wpbc_flextable_col {
823 order:5;
824 }
825 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container{
826 flex-flow: row wrap;
827 }
828 }
829 /* ------------------------------------------------------------------------------------------------------------------ */
830 /* :: Filter Options :: */
831 /* ------------------------------------------------------------------------------------------------------------------ */
832 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options{
833 flex-flow: row nowrap;
834 }
835 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .ui_element_text{
836 flex: 1 1 auto;
837 margin: 0;
838 }
839 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .ui_element_button{
840 margin: 0 0 0 10px;
841 }
842 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options textarea{
843 display:none;
844 width: 100%;
845 height: 5em;
846 }
847 .wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .in_shortcode_help_text {
848 margin-left: auto;
849 color: #727272;
850 font-size: 0.8em;
851 line-height: 28px;
852 font-weight: 400;
853 }
854 /** Searchable Filters - Nice Filters Display in Table*/
855 .wpbc_searchable_resources_table .search_filters__display{
856 display: flex;
857 flex-flow: row wrap;
858 justify-content: flex-start;
859 align-items: flex-start;
860 }
861 .wpbc_searchable_resources_table .search_filters__display .search_filter__row{
862 display: flex;
863 flex-flow: row wrap;
864 justify-content: flex-start;
865 align-items: flex-start;
866 flex:1 1 100%;
867 }
868 .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__name{
869 display: flex;
870 flex-flow: row wrap;
871 justify-content: flex-start;
872 align-items: flex-start;
873 flex:0 1 100px;
874 }
875 .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values{
876 display: flex;
877 flex-flow: row wrap;
878 justify-content: flex-start;
879 align-items: flex-start;
880 flex:1;
881 }
882 .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs {
883 display: flex;
884 flex-flow: row wrap;
885 justify-content: flex-start;
886 align-items: flex-start;
887 flex:1 1 100%;
888 }
889 .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs .search_filter__operation{
890 flex: 0 1 30px;
891 text-align: left;
892 padding:0 10px;
893 }
894 .wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs .search_filter__value{
895 flex:1;
896 }
897 /* ------------------------------------------------------------------------------------------------------------------ */