PluginProbe
Booking Calendar / 10.1.3
Booking Calendar v10.1.3
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 / core / any / css / wpbc_flextable.css

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

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