PluginProbe
Booking Calendar / 11.3
Booking Calendar v11.3
11.8.4 11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 10.11 All 204 releases
booking / core / timeline / v2 / _out / timeline_v2.1.css

timeline_v2.1.css in Booking Calendar 11.3, at core/timeline/v2/_out/timeline_v2.1.css

1,119 lines 45.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 :root {
2 --wpbc_timeline-row-height: 37px;
3 --wpbc_timeline-matrix-row-header-height: 58px;
4 --wpbc_timeline-single-row-header-height: 40px;
5 --wpbc_timeline-booking-pending-color: #ffea99;
6 --wpbc_timeline-booking-pending-color-opacity: 50%;
7 --wpbc_timeline-past-booking-pending-color: rgb( from var(--wpbc_timeline-booking-pending-color) r g b / var(--wpbc_timeline-booking-pending-color-opacity) );
8 --wpbc_timeline-booking-pending-border-color: #68362e;
9 --wpbc_timeline-booking-approved-color: #458c27;
10 --wpbc_timeline-booking-approved-color-opacity: 55%;
11 --wpbc_timeline-past-booking-approved-color: rgb( from var(--wpbc_timeline-booking-approved-color) r g b / var(--wpbc_timeline-booking-approved-color-opacity) );
12 --wpbc_timeline-booking-approved-border-color: #2b4421;
13 --wpbc_timeline-new-month-border-color: transparent;
14 --wpbc_timeline-gen__text-color: var(--wpbc_ui__gen__text-color, #555)
15 }
16 .flex_tl_table {
17 -ms-flex-flow: column nowrap;
18 flex-flow: column nowrap;
19 box-sizing: border-box
20 }
21 .wpbc_timeline_client_border .flex_tl_table {
22 box-shadow: 0 2px 5px rgba(0,0,0,.0784313725);
23 border: 1px solid #e7e7e7
24 }
25 .flex_tl_table .flex_tl_table_header,
26 .flex_tl_table .flex_tl_table_row_bookings,
27 .flex_tl_table .flex_tl_table_titles {
28 -ms-flex: 1;
29 flex: 1;
30 display: -ms-flexbox;
31 display: flex;
32 -ms-flex-flow: row nowrap;
33 flex-flow: row nowrap;
34 -ms-flex-pack: justify;
35 justify-content: space-between
36 }
37 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_1,
38 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1,
39 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1 {
40 -ms-flex: 0 1 auto;
41 flex: 0 1 auto;
42 min-width: 0;
43 word-wrap: break-word;
44 display: -ms-flexbox;
45 display: flex;
46 -ms-flex-flow: column nowrap;
47 flex-flow: column nowrap;
48 -ms-flex-pack: center;
49 justify-content: center
50 }
51 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2,
52 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2,
53 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 {
54 -ms-flex: 1 1 0px;
55 flex: 1 1 0;
56 min-width: 0
57 }
58 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 {
59 display: -ms-flexbox;
60 display: flex;
61 -ms-flex-flow: column nowrap;
62 flex-flow: column nowrap;
63 -ms-flex-pack: center;
64 justify-content: center
65 }
66 @media (max-width:782px) {
67 .flex_tl_table .flex_tl_table_header,
68 .flex_tl_table .flex_tl_table_row_bookings,
69 .flex_tl_table .flex_tl_table_titles {
70 -ms-flex-flow: row wrap;
71 flex-flow: row wrap
72 }
73 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1,
74 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2,
75 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1,
76 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 {
77 width: 100%;
78 -ms-flex: 1 1 auto;
79 flex: 1 1 auto
80 }
81 }
82 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav {
83 display: -ms-flexbox;
84 display: flex;
85 -ms-flex-flow: row nowrap;
86 flex-flow: row nowrap;
87 -ms-flex-pack: justify;
88 justify-content: space-between;
89 -ms-flex-align: baseline;
90 align-items: baseline;
91 padding: 7px 0 0
92 }
93 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title {
94 -ms-flex: 1 1 0px;
95 flex: 1 1 0;
96 word-break: break-word;
97 min-width: 0
98 }
99 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar {
100 display: -ms-flexbox;
101 display: flex;
102 -ms-flex-flow: row nowrap;
103 flex-flow: row nowrap;
104 -ms-flex-pack: justify;
105 justify-content: space-between
106 }
107 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
108 -ms-flex: 1 1 0px;
109 flex: 1 1 0;
110 min-width: 0;
111 display: -ms-flexbox;
112 display: flex;
113 -ms-flex-flow: column nowrap;
114 flex-flow: column nowrap;
115 -ms-flex-pack: justify;
116 justify-content: space-between
117 }
118 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container,
119 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_month_year {
120 -ms-flex: 1;
121 flex: 1;
122 display: -ms-flexbox;
123 display: flex;
124 -ms-flex-flow: column wrap;
125 flex-flow: column wrap;
126 -ms-flex-pack: center;
127 justify-content: center;
128 overflow: hidden
129 }
130 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_num,
131 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
132 -ms-flex: 1;
133 flex: 1;
134 display: -ms-flexbox;
135 display: flex;
136 -ms-flex-flow: column;
137 flex-flow: column;
138 -ms-flex-align: center;
139 align-items: center;
140 -ms-flex-pack: center;
141 justify-content: center;
142 font-size: 14px;
143 font-weight: 600;
144 text-align: center
145 }
146 .flex_tl_matrix_resources .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_num {
147 font-size: 10px;
148 font-weight: 400;
149 display: none
150 }
151 .flex_tl_matrix_resources .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week,
152 .flex_tl_single_resource .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
153 font-size: 14px
154 }
155 .flex_frame_view_days_num_60 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_num {
156 display: none
157 }
158 .flex_frame_view_days_num_60 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
159 font-size: 14px
160 }
161 .flex_tl_single_resource.flex_frame_view_days_num_365 .flex_tl_table_titles {
162 visibility: hidden;
163 height: 5px
164 }
165 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month {
166 height: 3em;
167 -ms-flex: 0 1 auto;
168 flex: 0 1 auto;
169 overflow: hidden
170 }
171 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month.flex_tl_dates_bar .flex_tl_day_cell {
172 border: none
173 }
174 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month .flex_tl_day_cell .in_cell_month_year {
175 overflow: visible;
176 word-wrap: normal;
177 white-space: nowrap
178 }
179 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day {
180 -ms-flex: 1;
181 flex: 1;
182 display: -ms-flexbox;
183 display: flex;
184 -ms-flex-flow: row nowrap;
185 flex-flow: row nowrap;
186 -ms-flex-pack: justify;
187 justify-content: space-between;
188 overflow: hidden
189 }
190 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day .in_cell_time_hour {
191 -ms-flex: 1 1 0px;
192 flex: 1 1 0;
193 min-width: 0
194 }
195 .flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container,
196 .flex_tl_single_resource.flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container {
197 -ms-flex-flow: row nowrap;
198 flex-flow: row nowrap;
199 -ms-flex-align: center;
200 align-items: center
201 }
202 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container {
203 display: -ms-flexbox;
204 display: flex;
205 -ms-flex-flow: row wrap;
206 flex-flow: row wrap;
207 -ms-flex-pack: distribute;
208 justify-content: space-around
209 }
210 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days,
211 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks {
212 -ms-flex: 1 1 0px;
213 flex: 1 1 0;
214 text-align: left
215 }
216 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks {
217 text-align: right;
218 padding: 0 1em
219 }
220 @media (max-width:782px) {
221 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container {
222 -ms-flex-pack: start;
223 justify-content: flex-start
224 }
225 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days,
226 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks {
227 -ms-flex: 0 1 auto;
228 flex: 0 1 auto;
229 text-align: left;
230 padding: 0 1em
231 }
232 .flex_timeline_frame .popover {
233 width: 98%;
234 max-width: 98%
235 }
236 }
237 .flex_tl_row_height,
238 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar {
239 min-height: var(--wpbc_timeline-row-height)
240 }
241 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_bookings {
242 margin-top: calc(-1 * var(--wpbc_timeline-row-height))
243 }
244 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles {
245 margin-top: calc(-1 * var(--wpbc_timeline-row-height));
246 overflow: hidden
247 }
248 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar {
249 display: -ms-flexbox;
250 display: flex;
251 -ms-flex-flow: row nowrap;
252 flex-flow: row nowrap;
253 -ms-flex-pack: justify;
254 justify-content: space-between
255 }
256 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell,
257 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day,
258 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day .in_cell_time_hour {
259 -ms-flex: 1 1 0px;
260 flex: 1 1 0;
261 min-width: 0;
262 display: -ms-flexbox;
263 display: flex;
264 -ms-flex-flow: row nowrap;
265 flex-flow: row nowrap;
266 -ms-flex-pack: justify;
267 justify-content: space-between
268 }
269 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates {
270 -ms-flex: 1 1 0px;
271 flex: 1 1 0;
272 display: -ms-flexbox;
273 display: flex;
274 -ms-flex-flow: row nowrap;
275 flex-flow: row nowrap;
276 -ms-flex-pack: center;
277 justify-content: center;
278 -ms-flex-align: center;
279 align-items: center
280 }
281 .flex_timeline_frame.flex_frame_view_days_num_1.flex_tl_matrix_resources .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates,
282 .flex_timeline_frame.flex_frame_view_days_num_30.flex_tl_single_resource .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates {
283 -ms-flex-pack: start;
284 justify-content: flex-start;
285 -ms-flex-align: start;
286 align-items: flex-start
287 }
288 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings {
289 -ms-flex: 1 1 0px;
290 flex: 1 1 0;
291 min-width: 0;
292 display: -ms-flexbox;
293 display: flex;
294 -ms-flex-flow: column nowrap;
295 flex-flow: column nowrap;
296 -ms-flex-pack: justify;
297 justify-content: space-between;
298 position: relative
299 }
300 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id {
301 -ms-flex: 1 1 0px;
302 flex: 1 1 0;
303 min-width: 0;
304 word-wrap: normal;
305 white-space: nowrap
306 }
307 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.pending_booking {
308 border-bottom: 1px dashed #555
309 }
310 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking {
311 border-bottom: 1px dashed #ccc;
312 background-color: #78a
313 }
314 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id:last-child {
315 border-bottom: 1px solid;
316 border-top: 1px solid
317 }
318 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a,
319 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a:active,
320 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a:hover {
321 position: relative;
322 cursor: default;
323 outline: 0;
324 box-shadow: none
325 }
326 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a .in_cell_date_booking_pipeline_a_sizer {
327 width: 100%;
328 height: 100%
329 }
330 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles {
331 display: -ms-flexbox;
332 display: flex;
333 -ms-flex-flow: column wrap;
334 flex-flow: column wrap;
335 -ms-flex-pack: start;
336 justify-content: flex-start
337 }
338 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title {
339 overflow: visible;
340 white-space: nowrap;
341 word-wrap: initial;
342 padding: 0 .5em;
343 margin-left: 4px;
344 margin-top: 4px;
345 z-index: 1
346 }
347 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell {
348 border: none
349 }
350 .flex_tl_table,
351 .hidden_items {
352 display: none
353 }
354 .flex_timeline_frame .popover {
355 border: 2px solid #555;
356 font-size: 12px;
357 max-width: 299px;
358 max-height: 425px;
359 overflow-y: auto;
360 scrollbar-width: thin;
361 scrollbar-gutter: unset
362 }
363 hr.wpbc_tl_popover_booking_separator {
364 margin-bottom: 0
365 }
366 .wpbc-listing-collumn.field-system-info {
367 font-size: 9px;
368 font-style: normal;
369 line-height: 1.2em;
370 text-shadow: none;
371 white-space: nowrap;
372 padding: 2px 0 0 5px;
373 text-align: right;
374 color: #777
375 }
376 .flex_timeline_frame .popover .popover-title {
377 display: -ms-flexbox;
378 display: flex;
379 -ms-flex-flow: row wrap;
380 flex-flow: row wrap;
381 -ms-flex-pack: start;
382 justify-content: flex-start;
383 -ms-flex-align: center;
384 align-items: center;
385 min-height: 2.5em;
386 margin: 0;
387 padding: 5px 30px 5px 6px;
388 border-radius: 5px 0 0;
389 background-color: #fff;
390 border-bottom: 1.5px solid #707980
391 }
392 .flex_timeline_frame .popover .popover-title .popover-title-id {
393 -ms-flex: 0 0 auto;
394 flex: 0 0 auto;
395 width: 100%;
396 font-size: 14px;
397 font-weight: 500;
398 line-height: 1.8;
399 margin: 0;
400 padding: 0 12px 0 5px;
401 border: 0;
402 vertical-align: baseline
403 }
404 .flex_timeline_frame .popover .popover-title .popover-title-buttons {
405 -ms-flex: 1 1 auto;
406 flex: 1 1 auto;
407 display: -ms-flexbox;
408 display: flex;
409 -ms-flex-flow: row wrap;
410 flex-flow: row wrap;
411 -ms-flex-pack: start;
412 justify-content: flex-start;
413 margin: 2px 0
414 }
415 .flex_timeline_frame .popover .popover-title .popover-title-buttons a,
416 .flex_timeline_frame .popover .popover-title .popover-title-buttons a:focus,
417 .flex_timeline_frame .popover .popover-title .popover-title-buttons a:hover {
418 -ms-flex: none;
419 flex: none;
420 box-sizing: border-box;
421 margin: 0 5px 0 0;
422 padding: 0 10px 1px;
423 font-size: 13px;
424 height: 28px;
425 line-height: 28px;
426 white-space: nowrap;
427 text-decoration: none;
428 cursor: pointer;
429 -webkit-appearance: none;
430 color: var(--wpbc_timeline-gen__text-color,#555);
431 border-radius: 3px;
432 border: 1px solid rgba(170,170,170,0);
433 box-shadow: none;
434 outline: 0;
435 background: 0 0!important
436 }
437 .flex_timeline_frame .popover .popover-title .popover-title-buttons a:hover {
438 background: #fafafa;
439 border: 1px solid #eee!important;
440 color: #23282d
441 }
442 .flex_timeline_frame .popover .popover-title .popover-title-buttons .wpbc-buttons-separator {
443 margin-right: 1.5em
444 }
445 .flex_timeline_frame .popover .popover-close,
446 .flex_timeline_frame .popover .popover-close:hover {
447 position: absolute;
448 right: 0;
449 top: 0;
450 font-size: 20px;
451 line-height: 1.5em;
452 padding: 5px
453 }
454 .flex_timeline_frame .popover .popover-close a,
455 .flex_timeline_frame .popover .popover-close a:active,
456 .flex_timeline_frame .popover .popover-close a:focus,
457 .flex_timeline_frame .popover .popover-close a:hover {
458 text-decoration: none;
459 border-style: none;
460 outline: 0;
461 color: #444;
462 background: 0 0;
463 padding: 0 5px
464 }
465 .flex_timeline_frame .popover.bottom > .arrow::after {
466 border-bottom-color: transparent
467 }
468 .popover-content .flex-popover-content-data {
469 display: -ms-flexbox;
470 display: flex;
471 -ms-flex-flow: column wrap;
472 flex-flow: column wrap;
473 -ms-flex-pack: justify;
474 justify-content: space-between
475 }
476 .popover-content .flex-popover-content-data .flex-popover-bars,
477 .popover-content .wpbc-popover-content-data .booking-dates,
478 .popover-content .wpbc-popover-content-data .booking-labels,
479 .popover-content .wpbc-popover-content-data .wpbc-popover-booking-data,
480 .popover-content .wpbc-popover-content-data .wpbc-popover-booking-notes,
481 .popover-content .wpbc-popover-content-data .wpbc-popover-cost-bar {
482 -ms-flex: 1 1 auto;
483 flex: 1 1 auto
484 }
485 .popover-content .flex-popover-content-data .flex-popover-bars {
486 display: -ms-flexbox;
487 display: flex;
488 -ms-flex-flow: row nowrap;
489 flex-flow: row nowrap;
490 -ms-flex-pack: justify;
491 justify-content: space-between
492 }
493 .popover-content .flex-popover-content-data .flex-popover-bars .flex-popover-labels-bar {
494 -ms-flex: 1 1 0px;
495 flex: 1 1 0;
496 clear: both
497 }
498 .popover-content .flex-popover-content-data .flex-popover-bars .flex-popover-cost-bar {
499 -ms-flex: none;
500 flex: none;
501 padding: .3em 0;
502 margin: 0
503 }
504 .popover-content .flex-popover-content-data .flex-popover-labels-bar {
505 display: -ms-flexbox;
506 display: flex;
507 -ms-flex-flow: row wrap;
508 flex-flow: row wrap;
509 -ms-flex-pack: start;
510 justify-content: flex-start
511 }
512 .popover-content .flex-popover-content-data .flex-popover-labels-bar .flex-label {
513 -ms-flex: 0 1 auto;
514 flex: 0 1 auto;
515 min-width: 0
516 }
517 .popover-content .flex-popover-content-data .flex-label {
518 border: 0;
519 border-radius: 3px;
520 text-shadow: none;
521 box-shadow: 0 0 1px #ddd;
522 font-weight: 400;
523 line-height: 1.9;
524 padding: .2em .7em;
525 background-color: var(--wpbc_admin-resource-badge-color,#556e91);
526 color: #fff;
527 text-align: center;
528 vertical-align: middle;
529 margin: .15em .75em .5em 0;
530 word-wrap: break-word;
531 word-wrap: anywhere;
532 white-space: pre-wrap
533 }
534 .popover-content .flex-popover-content-data .flex-label .label-prefix {
535 font-size: 70%;
536 font-weight: 400
537 }
538 .popover-content .flex-popover-content-data .flex-label.flex-label-id {
539 box-shadow: none;
540 background-color: #fff;
541 border: 1px solid rgba(0,0,0,.1098039216);
542 color: #717171
543 }
544 .popover-content .flex-popover-content-data .flex-label.flex-label-booking-status.label-pending {
545 background-color: #ed9f0a;
546 color: #fff;
547 box-shadow: 0 0 1px #fde4c9
548 }
549 .popover-content .flex-popover-content-data .flex-label.flex-label-booking-status.label-approved {
550 background-color: #64aa45;
551 color: #f7fff4;
552 box-shadow: 0 0 1px #b8c6b1
553 }
554 .popover-content .flex-popover-content-data .flex-label.flex-label-payment.payment-label-success {
555 background-color: #468847
556 }
557 .popover-content .flex-popover-content-data .flex-label.flex-label-payment.payment-label-unknown {
558 background-color: #f2f2f3;
559 color: #717379;
560 border: 1px solid #e3e3e3
561 }
562 .popover-content .flex-popover-content-data .flex-label.flex-label-trash {
563 background: #d94a48;
564 color: #fff;
565 text-shadow: 0 0 1px #e00
566 }
567 .popover-content .flex-popover-content-data .flex-label.flex-label-resource {
568 text-align: left
569 }
570 .popover-content .flex-popover-content-data .flex-label.flex-label-cost {
571 background: 0 0;
572 font-weight: 600;
573 color: #333;
574 box-shadow: none;
575 padding: 0;
576 margin: 0
577 }
578 .popover-content .flex-popover-content-data .flex-popover-booking-data {
579 margin: 1em 0;
580 text-align: left;
581 font-size: 1.05em;
582 line-height: 1.8em;
583 color: #333;
584 max-width: 100%;
585 word-wrap: break-word;
586 word-wrap: anywhere
587 }
588 .popover-content .flex-popover-content-data .flex-popover-booking-data span.fieldvalue {
589 background: 0 0;
590 padding: 2px;
591 border-radius: 1px;
592 margin: 0 .5em 0 0;
593 word-break: initial;
594 word-wrap: break-word
595 }
596 .popover-content .flex-popover-content-data .flex-popover-booking-data label {
597 font-weight: 600;
598 vertical-align: baseline
599 }
600 .popover-content .flex-popover-content-data .flex-popover-booking-data * {
601 vertical-align: baseline;
602 line-height: 2em
603 }
604 .popover-content .flex-popover-content-data .wpbc-popover-booking-notes {
605 margin: 0 0 1em;
606 max-width: 100%;
607 word-break: break-word;
608 background: #fffbef;
609 padding: 5px 10px;
610 font-size: 90%;
611 line-height: 1.9
612 }
613 .popover-content .flex-popover-content-data .flex-label-dates {
614 display: -ms-flexbox;
615 display: flex;
616 -ms-flex-flow: row wrap;
617 flex-flow: row wrap;
618 -ms-flex-pack: start;
619 justify-content: flex-start;
620 -ms-flex-align: start;
621 align-items: flex-start
622 }
623 .popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date {
624 -ms-flex: 0 1 auto;
625 flex: 0 1 auto;
626 font-size: 103%;
627 padding: .1em .7em;
628 margin: 0 0 .2em;
629 background-color: #ed9f0a;
630 color: #fff;
631 box-shadow: 0 0 1px #fde4c9
632 }
633 .popover-content .flex-popover-content-data .flex-label-dates .date_tire {
634 -ms-flex: 0 1 auto;
635 flex: 0 1 auto;
636 margin: 0 .2em;
637 font-size: 175%;
638 line-height: 1em
639 }
640 .popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date .field-booking-time {
641 font-size: .7em;
642 font-weight: 400;
643 color: #23282d
644 }
645 .popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date.approved {
646 background-color: #64aa45;
647 color: #f7fff4;
648 box-shadow: 0 0 1px #b8c6b1
649 }
650 .popover-content .wpbc_tl_popover_booking_separator {
651 margin: 20px 0;
652 border-top: 1px solid #ddd;
653 box-shadow: 0 1px 1px #f9f9f9
654 }
655 .flex_tl_table {
656 background: #fff;
657 border: 0 solid #ddd;
658 box-shadow: 0 0 0 #eef;
659 font-size: 12px;
660 border-radius: 4px 4px 0 0;
661 color: #777
662 }
663 .flex_tl_table .flex_tl_table_header {
664 background: 0 0;
665 border-bottom: 1px solid #dfdfdf;
666 font-size: 15px;
667 font-weight: 600;
668 color: #606060;
669 text-shadow: none;
670 line-height: 3em;
671 height: 3em;
672 overflow: hidden;
673 padding-left: 1em;
674 border-radius: 4px 4px 0 0
675 }
676 .wpbc_timeline_front_end .flex_tl_table .flex_tl_table_header {
677 padding: 0 2px
678 }
679 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_1,
680 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 {
681 font-weight: 600;
682 padding: 8px;
683 line-height: 1.42857143em
684 }
685 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 {
686 text-align: center
687 }
688 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title {
689 color: #777
690 }
691 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_next,
692 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_prev {
693 font-size: 22px;
694 font-weight: 600;
695 line-height: 12px;
696 color: #777
697 }
698 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_next a,
699 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_next a:hover,
700 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_prev a,
701 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_prev a:hover {
702 text-decoration: none;
703 color: #757575;
704 cursor: pointer
705 }
706 .flex_tl_table .flex_tl_table_row_bookings {
707 border-top: 1px solid #ddd
708 }
709 .flex_tl_table .flex_tl_table_row_bookings:nth-of-type(2n+1) {
710 background-color: #fff
711 }
712 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1,
713 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1 {
714 font-weight: 600;
715 padding: 0 0 0 4px;
716 line-height: 1.42857143em;
717 box-shadow: none
718 }
719 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_row_height {
720 display: -ms-flexbox;
721 display: flex;
722 -ms-flex-flow: row nowrap;
723 flex-flow: row nowrap;
724 -ms-flex-pack: start;
725 justify-content: flex-start;
726 -ms-flex-align: center;
727 align-items: center
728 }
729 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title,
730 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1 {
731 font-weight: 400;
732 overflow: hidden;
733 white-space: nowrap;
734 text-overflow: ellipsis
735 }
736 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title {
737 padding-left: 8px;
738 font-size: .95em
739 }
740 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title a {
741 border-bottom: 0 dashed;
742 color: var(--wpbc_timeline-gen__text-color,#555);
743 text-shadow: none;
744 margin: 0 0 0 2px;
745 box-shadow: none;
746 outline: 0;
747 text-decoration: none
748 }
749 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title a:active,
750 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title a:focus,
751 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title a:hover {
752 text-decoration: underline;
753 text-decoration-style: dashed;
754 text-decoration-thickness: 1px;
755 text-underline-offset: 3px
756 }
757 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title.parent {
758 font-weight: 600
759 }
760 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title.child {
761 margin-left: 20px
762 }
763 .flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar,
764 .flex_tl_single_resource .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month,
765 .flex_tl_single_resource.flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day {
766 display: none
767 }
768 .flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar {
769 display: none
770 }
771 .flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month {
772 display: -ms-flexbox;
773 display: flex;
774 height: 100%;
775 font-size: 18px;
776 text-align: center
777 }
778 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
779 border-left: 1px solid #eee
780 }
781 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell.new_month,
782 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_matrix_resources .flex_tl_day_cell.new_month {
783 border-left: 1px solid #c32
784 }
785 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month .in_cell_date_container {
786 border-left: 2px solid var(--wpbc_timeline-new-month-border-color)
787 }
788 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday6 .in_cell_date_container_show_dates,
789 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday7 .in_cell_date_container_show_dates,
790 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday6,
791 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday6 a,
792 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday7,
793 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday7 a {
794 color: #c32;
795 background: #fff
796 }
797 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell a,
798 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell a:hover {
799 color: var(--wpbc_timeline-gen__text-color,#555);
800 text-decoration: none;
801 outline: 0;
802 -ms-flex: 0 0 auto;
803 flex: 0 0 auto;
804 width: auto;
805 -ms-flex-item-align: center;
806 align-self: center;
807 padding: 2px 5px
808 }
809 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month {
810 border-bottom: 1px solid #eee;
811 border-left: 1px solid #eee
812 }
813 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_month_year {
814 color: #c32;
815 font-size: .85em;
816 font-weight: 600;
817 padding: 0 .5em
818 }
819 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day .in_cell_time_hour {
820 border-left: 1px solid #eee;
821 border-top: 1px solid #eee;
822 display: -ms-flexbox;
823 display: flex;
824 -ms-flex-pack: start;
825 justify-content: flex-start;
826 -ms-flex-align: center;
827 align-items: center;
828 padding: 0 0 0 2px;
829 white-space: nowrap;
830 overflow: hidden;
831 min-height: 12px;
832 font-size: .8em;
833 font-weight: 600
834 }
835 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days.flex_tl_weekday6,
836 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days.flex_tl_weekday7,
837 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks.flex_tl_weekday6,
838 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks.flex_tl_weekday7 {
839 color: #bd7f78
840 }
841 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
842 border-left: 1px solid #f1f1f1;
843 color: var(--wpbc_timeline-gen__text-color,#555);
844 font-weight: 400;
845 font-size: 10px;
846 text-shadow: none
847 }
848 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month .in_cell_time_hour:first-child .in_cell_date_container {
849 border-left: 2px solid var(--wpbc_timeline-new-month-border-color)
850 }
851 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month.exist_booking_in_cell .in_cell_time_hour:first-child .in_cell_date_container {
852 border-left: 1px solid var(--wpbc_timeline-new-month-border-color)
853 }
854 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings.in_cell_date_container_has_several_bookings .booking_id {
855 margin-top: .2px;
856 margin-bottom: .3px
857 }
858 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings.in_cell_date_container_has_several_bookings .booking_id:first-child {
859 margin-top: 2px
860 }
861 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings.in_cell_date_container_has_several_bookings .booking_id:last-child {
862 margin-bottom: 3px
863 }
864 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings.in_cell_date_container_has_several_bookings .booking_id.start_new_booking {
865 border-radius: 0
866 }
867 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.start_new_booking {
868 border-left: 2px solid var(--wpbc_timeline-booking-pending-border-color,#68362e);
869 border-radius: 3px 0 0 3px
870 }
871 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.start_new_booking {
872 border-color: var(--wpbc_timeline-booking-approved-border-color,#2b4421)
873 }
874 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.past_date {
875 background-color: #f0cf77
876 }
877 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.past_date {
878 background-color: #9099aa;
879 background-color: var(--wpbc_timeline-past-booking-approved-color)
880 }
881 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.start_new_booking.booking_trash {
882 border-left: 2px solid #901c1a
883 }
884 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.booking_trash {
885 background-color: #db6f6d
886 }
887 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell.today_date .in_cell_time_section_in_day {
888 border-left: 1px solid #090
889 }
890 .flex_timeline_frame.flex_frame_view_days_num_1.flex_tl_matrix_resources .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell.today_date .in_cell_time_section_in_day,
891 .flex_timeline_frame.flex_frame_view_days_num_30.flex_tl_single_resource .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell.today_date .in_cell_time_section_in_day {
892 border-left: none
893 }
894 .flex_timeline_frame.flex_frame_view_days_num_1.flex_tl_matrix_resources .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell .in_cell_time_section_in_day .in_cell_time_hour.today_time,
895 .flex_timeline_frame.flex_frame_view_days_num_30.flex_tl_single_resource .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell .in_cell_time_section_in_day .in_cell_time_hour.today_time {
896 border-left: 1px solid #77ce0f
897 }
898 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id a {
899 font-size: 7px;
900 font-weight: 600;
901 color: #fff;
902 cursor: pointer
903 }
904 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title {
905 background: #777;
906 color: #fff;
907 border-left: 2px solid #555;
908 cursor: pointer;
909 border-radius: 3px;
910 font-size: 10px
911 }
912 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title.several_bookings_in_cell {
913 font-weight: 600;
914 background: #faf9f8;
915 color: #455366;
916 border-left: 2px solid var(--wpbc_timeline-booking-pending-border-color,#68362e)
917 }
918 .flex_timeline_frame.flex_frame_view_days_num_1.flex_tl_matrix_resources .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates,
919 .flex_timeline_frame.flex_frame_view_days_num_30.flex_tl_single_resource .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates {
920 border-left: 1px solid #eee;
921 border-top: 1px solid #eee;
922 font-size: .8em;
923 word-wrap: normal;
924 white-space: nowrap;
925 overflow: hidden;
926 padding: 0 2px
927 }
928 .wpbc_calendar_overview__header {
929 position: relative;
930 width: 100%
931 }
932 .wpbc_calendar_overview__header .nav-tabs {
933 box-shadow: 0 3px 8px #eaeaea;
934 border-bottom: 1px solid #e3e3e3;
935 display: -ms-flexbox;
936 display: flex;
937 -ms-flex-flow: row wrap;
938 flex-flow: row wrap;
939 -ms-flex-pack: start;
940 justify-content: flex-start;
941 -ms-flex-align: center;
942 align-items: center
943 }
944 .wpbc_calendar_overview__header .wpbc_calendar_overview__navigation {
945 display: -ms-flexbox;
946 display: flex;
947 -ms-flex-flow: row wrap;
948 flex-flow: row wrap;
949 -ms-flex-pack: end;
950 justify-content: flex-end;
951 -ms-flex-align: center;
952 align-items: center;
953 margin: 4px 5px 4px auto
954 }
955 .wpbc_calendar_overview__container {
956 padding: 0 1px;
957 margin-top: 0;
958 border: 1px solid #d5d5d5;
959 background: #fff;
960 font-size: 13px;
961 border-radius: 0 0 3px 3px;
962 box-shadow: 0 0 8px #dadada;
963 margin-bottom: 25px
964 }
965 .wpbc_calendar_overview__container .flex_tl_table {
966 border-radius: 0;
967 border-top: none;
968 font-size: 13px
969 }
970 .flex_tl__scrolling_sections {
971 display: -ms-flexbox;
972 display: flex;
973 -ms-flex-flow: row nowrap;
974 flex-flow: row nowrap;
975 -ms-flex-pack: start;
976 justify-content: flex-start;
977 -ms-flex-align: start;
978 align-items: flex-start;
979 overflow-y: auto;
980 scrollbar-width: thin
981 }
982 .flex_tl__scrolling_sections .flex_tl__scrolling_section1 {
983 width: 220px;
984 overflow-x: auto;
985 scrollbar-width: thin;
986 box-shadow: 0 0 10px 1px rgba(0,0,0,.1450980392);
987 z-index: 1;
988 padding: 0
989 }
990 .flex_tl__scrolling_sections .flex_tl__scrolling_section1 > div {
991 -ms-flex: 0 1 180px;
992 flex: 0 1 180px
993 }
994 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 {
995 -ms-flex: 1 1 100%;
996 flex: 1 1 100%;
997 overflow-x: auto;
998 scrollbar-width: thin
999 }
1000 .flex_tl_single_resource.flex_frame_view_days_num_30 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1001 min-width: 900px
1002 }
1003 .flex_tl_single_resource.flex_frame_view_days_num_90 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1004 min-width: 350px
1005 }
1006 .flex_tl_single_resource.flex_frame_view_days_num_365 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1007 min-width: 1400px
1008 }
1009 .flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1010 min-width: 900px
1011 }
1012 .flex_tl_matrix_resources.flex_frame_view_days_num_7 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1013 min-width: 300px
1014 }
1015 .flex_tl_matrix_resources.flex_frame_view_days_num_30 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1016 min-width: 1400px
1017 }
1018 .flex_tl_matrix_resources.flex_frame_view_days_num_60 .flex_tl__scrolling_sections .flex_tl__scrolling_section2 .flex_tl_row_max_width {
1019 min-width: 2800px
1020 }
1021 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_1,
1022 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2,
1023 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1,
1024 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 {
1025 height: var(--wpbc_timeline-single-row-header-height);
1026 overflow: hidden
1027 }
1028 .flex_tl_matrix_resources .flex_tl_table .flex_tl_table_header .flex_tl_collumn_1,
1029 .flex_tl_matrix_resources .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2,
1030 .flex_tl_matrix_resources .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1,
1031 .flex_tl_matrix_resources .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 {
1032 height: var(--wpbc_timeline-matrix-row-header-height)
1033 }
1034 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2,
1035 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 {
1036 display: -ms-flexbox;
1037 display: flex;
1038 -ms-flex-flow: column nowrap;
1039 flex-flow: column nowrap;
1040 -ms-flex-pack: start;
1041 justify-content: flex-start;
1042 -ms-flex-align: stretch;
1043 align-items: stretch
1044 }
1045 .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 > div,
1046 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 > div {
1047 -ms-flex: 1 1 100%;
1048 flex: 1 1 100%
1049 }
1050 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id {
1051 margin-left: -1px;
1052 margin-top: 2px;
1053 margin-bottom: 3px;
1054 opacity: .8;
1055 background: none;
1056 background-color: var(--wpbc_timeline-booking-pending-color)
1057 }
1058 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.start_new_booking {
1059 border-left: 2px solid var(--wpbc_timeline-booking-pending-border-color,#68362e)
1060 }
1061 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking {
1062 background-color: var(--wpbc_timeline-booking-approved-color)
1063 }
1064 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.past_date {
1065 background-color: var(--wpbc_timeline-past-booking-pending-color)
1066 }
1067 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.booking_change_over {
1068 border: none;
1069 height: calc(100% - 5px);
1070 position: absolute;
1071 width: calc(100% + 1px);
1072 margin: 2px -1px 0
1073 }
1074 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.booking_check_in {
1075 background: linear-gradient(to bottom right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-booking-pending-border-color) 50%,var(--wpbc_timeline-booking-pending-border-color) 52%,var(--wpbc_timeline-booking-pending-color) 52%,var(--wpbc_timeline-booking-pending-color) 100%);
1076 border-bottom: 1px solid
1077 }
1078 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.booking_check_out {
1079 background: linear-gradient(to top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-booking-pending-color) 50%,var(--wpbc_timeline-booking-pending-color) 100%);
1080 border-top: 1px solid
1081 }
1082 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.booking_check_in {
1083 background: linear-gradient(to bottom right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-booking-approved-border-color) 50%,var(--wpbc_timeline-booking-approved-border-color) 52%,var(--wpbc_timeline-booking-approved-color) 52%,var(--wpbc_timeline-booking-approved-color) 100%)
1084 }
1085 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.booking_check_out {
1086 background: linear-gradient(to top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-booking-approved-color) 50%,var(--wpbc_timeline-booking-approved-color) 100%)
1087 }
1088 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.booking_check_in.past_date {
1089 background: linear-gradient(to bottom right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-booking-pending-border-color) 50%,var(--wpbc_timeline-booking-pending-border-color) 52%,var(--wpbc_timeline-past-booking-pending-color) 52%,var(--wpbc_timeline-past-booking-pending-color) 100%)
1090 }
1091 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.booking_check_out.past_date {
1092 background: linear-gradient(to top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-past-booking-pending-color) 50%,var(--wpbc_timeline-past-booking-pending-color) 100%)
1093 }
1094 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.booking_check_in.past_date {
1095 background: linear-gradient(to bottom right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-booking-approved-border-color) 50%,var(--wpbc_timeline-booking-approved-border-color) 52%,var(--wpbc_timeline-past-booking-approved-color) 52%,var(--wpbc_timeline-past-booking-approved-color) 100%)
1096 }
1097 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.booking_check_out.past_date {
1098 background: linear-gradient(to top left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%,var(--wpbc_timeline-past-booking-approved-color) 50%,var(--wpbc_timeline-past-booking-approved-color) 100%)
1099 }
1100 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title:active,
1101 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title:focus,
1102 .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title:hover {
1103 outline: 0;
1104 box-shadow: 0 0 0 2px #a6bbe5;
1105 box-shadow: 0 0 4px -1px #000;
1106 text-decoration-style: dashed;
1107 text-decoration-thickness: 0;
1108 text-underline-offset: 2px
1109 }
1110 .wp-core-ui .wpbc_page .wpbc_calendar_overview__navigation .wpbc_button_no_background {
1111 background: 0 0;
1112 border: none!important;
1113 box-shadow: none!important;
1114 color: var(--wpbc_timeline-gen__text-color,#555);
1115 line-height: 2.5
1116 }
1117 .wp-core-ui .wpbc_page .wpbc_calendar_overview__navigation .wpbc_button_no_background .menu_icon:before {
1118 font-size: 19px
1119 }