| @@ -2777,9 +2777,10 @@ | ||
| 2777 | 2777 | border-radius: 0; |
| 2778 | 2778 | font-size: 12px; |
| 2779 | 2779 | font-weight: 600; |
| 2780 | 2780 | line-height: 1.74; |
| 2781 | - text-align: center | |
| 2781 | + text-align: center; | |
| 2782 | + word-break: break-all | |
| 2782 | 2783 | } |
| 2783 | 2784 | .wpbc_ui_el__vert_right_bar_compact__wrapper button.wpbc_ui_el__vert_nav_item__a.wpbc_ui_el__vert_nav_item__single { |
| 2784 | 2785 | width: 100% |
| 2785 | 2786 | } |
| @@ -4067,12 +4068,8 @@ | ||
| 4067 | 4068 | .wpbc_listing_col.wpbc_col_action { |
| 4068 | 4069 | -ms-flex: 0 0 70px; |
| 4069 | 4070 | flex: 0 0 70px |
| 4070 | 4071 | } |
| 4071 | -.wpbc_ui_el__listing_row:nth-of-type(2n+1) { | |
| 4072 | - background-color: var(--wpbc_ui_listing__back_alt_color); | |
| 4073 | - border-left-color: var(--wpbc_ui_listing__back_alt_color) | |
| 4074 | -} | |
| 4075 | 4072 | .wpbc_ui_el__listing_row.wpbc_row.row_selected_color { |
| 4076 | 4073 | border-left-color: var(--wpbc_ui_listing__selected_row_color) |
| 4077 | 4074 | } |
| 4078 | 4075 | .wpbc_label { |
| @@ -4211,9 +4208,9 @@ | ||
| 4211 | 4208 | } |
| 4212 | 4209 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle, |
| 4213 | 4210 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle:focus, |
| 4214 | 4211 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle:hover { |
| 4215 | - background: rgba(0,0,0,.0705882353); | |
| 4212 | + background: rgba(0,0,0,.03); | |
| 4216 | 4213 | border-radius: 50%; |
| 4217 | 4214 | width: 33px; |
| 4218 | 4215 | -ms-flex-flow: column; |
| 4219 | 4216 | flex-flow: column; |
| @@ -4408,5 +4405,150 @@ | ||
| 4408 | 4405 | flex: 1 1 100% |
| 4409 | 4406 | } |
| 4410 | 4407 | .wpbc_appointment_booking_details > span { |
| 4411 | 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 | + } | |
| 4412 | 4554 | } |
