| @@ -2336,9 +2336,9 @@ | ||
| 2336 | 2336 | letter-spacing: 0; |
| 2337 | 2337 | color: #465160!important |
| 2338 | 2338 | } |
| 2339 | 2339 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns { |
| 2340 | - margin: 10px 0 0 | |
| 2340 | + margin: 8px 0 0 | |
| 2341 | 2341 | } |
| 2342 | 2342 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub { |
| 2343 | 2343 | border-left: 2px solid #465160; |
| 2344 | 2344 | margin-left: 5px |
| @@ -2387,8 +2387,12 @@ | ||
| 2387 | 2387 | -ms-flex-align: stretch; |
| 2388 | 2388 | align-items: stretch; |
| 2389 | 2389 | gap: 1px |
| 2390 | 2390 | } |
| 2391 | +.wpbc_ui_el__vert_left_bar__root_section_element.root_section_element_wpbc-search-availability { | |
| 2392 | + border-top: 1px solid #e9e9e9; | |
| 2393 | + padding-block-start: 15px | |
| 2394 | +} | |
| 2391 | 2395 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__root_section_element { |
| 2392 | 2396 | padding-block-end: 40px |
| 2393 | 2397 | } |
| 2394 | 2398 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_section_element { |
| @@ -2412,9 +2416,9 @@ | ||
| 2412 | 2416 | -ms-flex-align: center; |
| 2413 | 2417 | align-items: center; |
| 2414 | 2418 | gap: 8px; |
| 2415 | 2419 | position: sticky; |
| 2416 | - top: 0; | |
| 2420 | + top: 26px; | |
| 2417 | 2421 | background: #fff; |
| 2418 | 2422 | z-index: 1; |
| 2419 | 2423 | border-radius: 0 |
| 2420 | 2424 | } |
| @@ -2599,13 +2603,18 @@ | ||
| 2599 | 2603 | .wpbc_ui_el__vert_nav_item__single .wpbc-bi-toggle2-on::before { |
| 2600 | 2604 | font-size: 95% |
| 2601 | 2605 | } |
| 2602 | 2606 | .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__root_sections_container { |
| 2603 | - margin-top: 8px | |
| 2607 | + margin-top: 0 | |
| 2604 | 2608 | } |
| 2605 | 2609 | .wpbc_ui_el__expand_colapse_btns { |
| 2606 | - padding: 0; | |
| 2607 | - margin: 15px 0 0 | |
| 2610 | + padding: 8px 0; | |
| 2611 | + margin: 0; | |
| 2612 | + position: sticky; | |
| 2613 | + top: 0; | |
| 2614 | + z-index: 2; | |
| 2615 | + background: #fff; | |
| 2616 | + border-bottom: 0 dashed #c2c2c2 | |
| 2608 | 2617 | } |
| 2609 | 2618 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__expand_colapse_btns { |
| 2610 | 2619 | margin-bottom: -22px |
| 2611 | 2620 | } |
| @@ -2621,9 +2630,9 @@ | ||
| 2621 | 2630 | outline: 0 |
| 2622 | 2631 | } |
| 2623 | 2632 | .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a { |
| 2624 | 2633 | margin-left: auto; |
| 2625 | - padding: 0 8px | |
| 2634 | + padding: 0 2px | |
| 2626 | 2635 | } |
| 2627 | 2636 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns { |
| 2628 | 2637 | -ms-flex-pack: center; |
| 2629 | 2638 | justify-content: center |
| @@ -2768,9 +2777,10 @@ | ||
| 2768 | 2777 | border-radius: 0; |
| 2769 | 2778 | font-size: 12px; |
| 2770 | 2779 | font-weight: 600; |
| 2771 | 2780 | line-height: 1.74; |
| 2772 | - text-align: center | |
| 2781 | + text-align: center; | |
| 2782 | + word-break: break-all | |
| 2773 | 2783 | } |
| 2774 | 2784 | .wpbc_ui_el__vert_right_bar_compact__wrapper button.wpbc_ui_el__vert_nav_item__a.wpbc_ui_el__vert_nav_item__single { |
| 2775 | 2785 | width: 100% |
| 2776 | 2786 | } |
| @@ -4058,12 +4068,8 @@ | ||
| 4058 | 4068 | .wpbc_listing_col.wpbc_col_action { |
| 4059 | 4069 | -ms-flex: 0 0 70px; |
| 4060 | 4070 | flex: 0 0 70px |
| 4061 | 4071 | } |
| 4062 | -.wpbc_ui_el__listing_row:nth-of-type(2n+1) { | |
| 4063 | - background-color: var(--wpbc_ui_listing__back_alt_color); | |
| 4064 | - border-left-color: var(--wpbc_ui_listing__back_alt_color) | |
| 4065 | -} | |
| 4066 | 4072 | .wpbc_ui_el__listing_row.wpbc_row.row_selected_color { |
| 4067 | 4073 | border-left-color: var(--wpbc_ui_listing__selected_row_color) |
| 4068 | 4074 | } |
| 4069 | 4075 | .wpbc_label { |
| @@ -4202,9 +4208,9 @@ | ||
| 4202 | 4208 | } |
| 4203 | 4209 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle, |
| 4204 | 4210 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle:focus, |
| 4205 | 4211 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle:hover { |
| 4206 | - background: rgba(0,0,0,.0705882353); | |
| 4212 | + background: rgba(0,0,0,.03); | |
| 4207 | 4213 | border-radius: 50%; |
| 4208 | 4214 | width: 33px; |
| 4209 | 4215 | -ms-flex-flow: column; |
| 4210 | 4216 | flex-flow: column; |
| @@ -4399,5 +4405,150 @@ | ||
| 4399 | 4405 | flex: 1 1 100% |
| 4400 | 4406 | } |
| 4401 | 4407 | .wpbc_appointment_booking_details > span { |
| 4402 | 4408 | overflow-wrap: anywhere |
| 4409 | +} | |
| 4410 | +.wpbc_a_col__dates .booking_dates_resource_allocation_summary .content_text { | |
| 4411 | + -ms-flex-flow: column nowrap; | |
| 4412 | + flex-flow: column nowrap; | |
| 4413 | + gap: 2px; | |
| 4414 | + padding: 4px 2px; | |
| 4415 | + text-align: center | |
| 4416 | +} | |
| 4417 | +.booking_dates_resource_allocation_summary .wpbc_label_booking_dates { | |
| 4418 | + line-height: 1.45; | |
| 4419 | + margin: 2px; | |
| 4420 | + white-space: normal | |
| 4421 | +} | |
| 4422 | +.wpbc_booking_resource_count { | |
| 4423 | + color: #646970; | |
| 4424 | + font-size: 11px; | |
| 4425 | + font-weight: 500; | |
| 4426 | + line-height: 1.35 | |
| 4427 | +} | |
| 4428 | +.wpbc_row_wrap.max_height_a .wpbc_a_row__resource_allocation { | |
| 4429 | + display: none | |
| 4430 | +} | |
| 4431 | +.wpbc_a_row__resource_allocation { | |
| 4432 | + box-sizing: border-box; | |
| 4433 | + padding: 0 10px 10px 15px | |
| 4434 | +} | |
| 4435 | +.wpbc_col_resource_allocation { | |
| 4436 | + -ms-flex: 1 1 100%; | |
| 4437 | + flex: 1 1 100%; | |
| 4438 | + min-width: 0 | |
| 4439 | +} | |
| 4440 | +.wpbc_resource_allocation { | |
| 4441 | + background: #fff; | |
| 4442 | + border: 1px solid #dcdcde; | |
| 4443 | + border-radius: 3px; | |
| 4444 | + overflow: hidden; | |
| 4445 | + width: 100% | |
| 4446 | +} | |
| 4447 | +.wpbc_resource_allocation__header { | |
| 4448 | + -ms-flex-align: center; | |
| 4449 | + align-items: center; | |
| 4450 | + border-bottom: 1px solid #dcdcde; | |
| 4451 | + display: -ms-flexbox; | |
| 4452 | + display: flex; | |
| 4453 | + gap: 10px; | |
| 4454 | + -ms-flex-pack: justify; | |
| 4455 | + justify-content: space-between; | |
| 4456 | + min-height: 30px; | |
| 4457 | + padding: 3px 10px | |
| 4458 | +} | |
| 4459 | +.wpbc_resource_allocation__header strong { | |
| 4460 | + font-size: 13px | |
| 4461 | +} | |
| 4462 | +.wpbc_resource_allocation__count { | |
| 4463 | + background: #f0f0f1; | |
| 4464 | + border-radius: 3px; | |
| 4465 | + color: #50575e; | |
| 4466 | + font-size: 11px; | |
| 4467 | + line-height: 1.5; | |
| 4468 | + padding: 2px 8px; | |
| 4469 | + white-space: nowrap | |
| 4470 | +} | |
| 4471 | +.wpbc_resource_allocation__segments { | |
| 4472 | + display: -ms-flexbox; | |
| 4473 | + display: flex; | |
| 4474 | + -ms-flex-flow: column nowrap; | |
| 4475 | + flex-flow: column nowrap | |
| 4476 | +} | |
| 4477 | +.wpbc_resource_allocation__segment { | |
| 4478 | + -ms-flex-align: center; | |
| 4479 | + align-items: center; | |
| 4480 | + border-bottom: 1px solid #f0f0f1; | |
| 4481 | + display: -ms-flexbox; | |
| 4482 | + display: flex; | |
| 4483 | + -ms-flex-flow: row nowrap; | |
| 4484 | + flex-flow: row nowrap; | |
| 4485 | + gap: 8px; | |
| 4486 | + min-height: 36px; | |
| 4487 | + padding: 4px 10px | |
| 4488 | +} | |
| 4489 | +.wpbc_resource_allocation__segment:last-child { | |
| 4490 | + border-bottom: 0 | |
| 4491 | +} | |
| 4492 | +.wpbc_resource_allocation__period { | |
| 4493 | + -ms-flex: 0 1 280px; | |
| 4494 | + flex: 0 1 280px; | |
| 4495 | + font-weight: 600; | |
| 4496 | + min-width: 175px; | |
| 4497 | + overflow-wrap: anywhere | |
| 4498 | +} | |
| 4499 | +.wpbc_resource_allocation__arrow { | |
| 4500 | + color: #8c8f94; | |
| 4501 | + -ms-flex: 0 0 20px; | |
| 4502 | + flex: 0 0 20px; | |
| 4503 | + text-align: center | |
| 4504 | +} | |
| 4505 | +.rtl .wpbc_resource_allocation__arrow { | |
| 4506 | + -ms-transform: scaleX(-1); | |
| 4507 | + transform: scaleX(-1) | |
| 4508 | +} | |
| 4509 | +.wpbc_resource_allocation__resources { | |
| 4510 | + -ms-flex-align: center; | |
| 4511 | + align-items: center; | |
| 4512 | + display: -ms-flexbox; | |
| 4513 | + display: flex; | |
| 4514 | + -ms-flex: 1 1 0px; | |
| 4515 | + flex: 1 1 0; | |
| 4516 | + -ms-flex-wrap: wrap; | |
| 4517 | + flex-wrap: wrap; | |
| 4518 | + gap: 5px 8px; | |
| 4519 | + min-width: 0 | |
| 4520 | +} | |
| 4521 | +.wpbc_resource_allocation__resources .wpbc_label { | |
| 4522 | + margin: 0; | |
| 4523 | + max-width: 100%; | |
| 4524 | + overflow-wrap: anywhere; | |
| 4525 | + white-space: normal; | |
| 4526 | + line-height: 1.5 | |
| 4527 | +} | |
| 4528 | +@media (max-width:782px) { | |
| 4529 | + .wpbc_a_row__resource_allocation { | |
| 4530 | + padding: 0 5px 10px | |
| 4531 | + } | |
| 4532 | + .wpbc_resource_allocation__header { | |
| 4533 | + -ms-flex-align: start; | |
| 4534 | + align-items: flex-start; | |
| 4535 | + -ms-flex-wrap: wrap; | |
| 4536 | + flex-wrap: wrap | |
| 4537 | + } | |
| 4538 | + .wpbc_resource_allocation__segment { | |
| 4539 | + -ms-flex-align: start; | |
| 4540 | + align-items: flex-start; | |
| 4541 | + -ms-flex-flow: column nowrap; | |
| 4542 | + flex-flow: column nowrap; | |
| 4543 | + gap: 4px; | |
| 4544 | + padding: 8px 10px | |
| 4545 | + } | |
| 4546 | + .wpbc_resource_allocation__period { | |
| 4547 | + -ms-flex-preferred-size: auto; | |
| 4548 | + flex-basis: auto; | |
| 4549 | + min-width: 0 | |
| 4550 | + } | |
| 4551 | + .wpbc_resource_allocation__arrow { | |
| 4552 | + display: none | |
| 4553 | + } | |
| 4403 | 4554 | } |
