.bookly-right {
    float: left!important;
}
.bookly-left {
    float: right!important;
}
.bookly-rtext {
    text-align: left;
}

/* Form Elements */
.bookly-form-group > div {
    margin: 5px 0 0 14px !important;
}
.bookly-form-group:last-child > div {
    margin-left: 0;
}

/* Login Form */
.bookly-close:hover,
.bookly-close:focus,
.bookly-close {
    float: left;
}
.bookly-modal {
    right: 0;
    left: auto;
}
.bookly-modal .bookly-modal-dialog {
    right: 50%;
    margin-right: -200px;
    left: auto;
    margin-left: auto;
}
.bookly-modal .bookly-modal-content .bookly-modal-footer,
.bookly-search-form-search-email input,
.bookly-tags-form-tags-email input,
.bookly-staff-form-staff-email input,
.bookly-services-form-services-email input,
input.iti__tel-input[type="tel"] {
    text-align: left !important;
}
input.iti__tel-input[type="tel"]::placeholder{
    color: #b8b8b8 !important;
}
.bookly-services-category-mark .bookly\:mb-1 {
    font-size: 16px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px !important;
}
@media (max-width: 768px) {
    .bookly-modal .bookly-modal-content .bookly-modal-footer {
        text-align: left;
    }

}
/* Progress Tracker */
.bookly-progress-tracker > div {
    padding: 0 4px 0 0;
}
.bookly-progress-tracker > div:last-child .step {
    border-radius: 5px 0 0 5px !important;
}
.bookly-progress-tracker > div:first-child .step {
    border-radius: 0px 5px 5px 0 !important;
}
.bookly-progress-tracker > div:last-child {
    padding-left: 0px !important;
}
.bookly-progress-tracker > div:first-child {
    padding-left: 4px !important;
    padding-right: 0px !important;
}
.bookly-repeat-step .bookly-js-variant-weekly.bookly-js-variant-biweekly > .bookly-row > div.bookly-col-10 {
    float: right !important;
}

.bookly-repeat-step .bookly-js-variant-weekly.bookly-js-variant-biweekly > .bookly-row > label.bookly-col-label,
.bookly-repeat-step .bookly-js-variant-monthly > .bookly-row > label.bookly-col-label {
    display: none !important;
}

.bookly-repeat-step .bookly-js-variant-monthly > .bookly-row .bookly-col-2 {
    min-width: 100px !important;
}

.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row.bookly-overflow-visible {
    margin-top: 22px !important;
}

  .modal-dialog .modal-content #bookly-services-schedule .bookly-js-range-row .bookly-js-invisible-on-off,
  .modal-dialog .modal-content #bookly-staff-edit-modal #schedule .bookly-js-range-row .bookly-js-invisible-on-off {
    margin: 0 10px 0 0;
  }
  
  .modal-dialog .modal-content #bookly-services-schedule .bookly-js-range-row .bookly-js-invisible-on-off.text-lg-right,
  .modal-dialog .modal-content #bookly-staff-edit-modal #schedule .bookly-js-range-row .bookly-js-invisible-on-off.text-lg-right {
    margin: 0 10px 0 0;
  }
  
  .modal-dialog .modal-content #bookly-services-schedule .bookly-js-hide-on-off.text-lg-right,
  .modal-dialog .modal-content #bookly-staff-edit-modal #schedule .bookly-js-hide-on-off.text-lg-right {
    text-align: left !important;
  }

/* Service */
.bookly-service-step .bookly-available-date,
.bookly-service-step .bookly-week-days {
    margin-right: 0 !important;
    margin-left: 14px !important;
}
.bookly-mobile-step-1 {
    margin-left: -14px;
    margin-right: auto;
}

/* Time */
.bookly-slot-calendar {
    float: right;
}

/* Buttons */
.bookly-back-step {
    margin-left: 10px;
    margin-right: auto;
    float: right!important;
}
.bookly-time-next {
    margin-right: 10px;
    margin-left: 0;
}
.bookly-go-to-cart{
    float: right!important;
}
/* Details */
.bookly-form-group .iti input {
    padding-right: 45px !important;
    padding-left: 0 !important;
}

.bookly-mobile-step-1,
.bookly-details-step {
    margin: 0 0 0 -14px !important;
}

.bookly-list {
    margin-right: 10px!important;
    margin-left: auto;
}

.iti .selected-flag .iti__flag {
    margin: auto 10px auto auto !important;
}

.bookly-details-step .bookly-form-group .iti input,
.bookly-details-step .bookly-form-group .iti input[type=text],
.bookly-details-step .bookly-form-group .iti input[type=tel] {
    padding: 6px 48px 5px 5px !important;
}

.iti .iti__selected-flag .iti__arrow {
    left:4px;
    border-right:3px solid transparent;
    border-left:3px solid transparent;
    right: auto;
}

.iti .iti__country-list .iti__flag-box,
.iti .iti__country-list .iti__country-name {
    margin-left:6px;
}

.iti select {
    right:0;
    left: auto;
}

/* Ladda — center spinner inside buttons (match backend) */
.bookly-form .ladda-button[data-style="zoom-in"] .ladda-spinner,
.bookly-nav-steps .ladda-button[data-style="zoom-in"] .ladda-spinner,
.bookly-columnizer .bookly-hour .ladda-spinner,
.bookly-columnizer .bookly-day .ladda-spinner {
    left: calc(50% - 24px) !important;
    right: auto !important;
    margin-left: 0 !important;
}

.bookly-form .ladda-button[data-style="zoom-in"],
.bookly-nav-steps .ladda-button[data-style="zoom-in"],
.bookly-columnizer .bookly-hour,
.bookly-columnizer .bookly-day {
    position: relative;
}

/* Svelte calendar / button loaders */
.bookly-form .bookly-loading-mark,
.bookly-form span.bookly\:absolute.bookly\:inset-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bookly-form [class*="bookly-calendar"] [role="button"],
.bookly-form [class*="bookly-calendar"] button {
    position: relative !important;
}

/* Calendar — soft highlight around popup panel */
.bookly-form .bookly-js-datepicker-calendar,
.bookly-form .bookly-js-slot-calendar > div,
.bookly-form .bookly-available-date .bookly-js-datepicker-calendar {
    background-color: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* Hide collapsed datepicker mount points (grey line before open) */
.bookly-form .bookly-js-datepicker-calendar:not(:has([role="button"])) {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bookly-form .bookly-js-available-date .bookly\:bg-white,
.bookly-form .bookly-js-slot-calendar .bookly\:bg-white,
.bookly-form .bookly-js-datepicker-calendar .bookly\:bg-white,
.bookly-form .bookly-js-datepicker-calendar .bookly\:max-w-lg {
    background-color: #f8f9fa !important;
}

.bookly-css-root .bookly-calendar-overlay.svelte-1ug41q9 {
    background-color: rgba(248, 249, 250, 0.82) !important;
}

/* Week days — spacing between orange circles */
.bookly-service-step .bookly-week-days .bookly-form-group,
.bookly-repeat-step .bookly-week-days .bookly-form-group {
    margin: auto 5px !important;
}

.bookly-service-step .bookly-week-days .bookly-form-group label {
    font-size: 0.85em;
    white-space: nowrap;
}

/* Repeat step — compact inline layout like backend */
.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row > div {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto;
}

.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row:nth-of-type(1) > div,
.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row:nth-of-type(4) > div,
.bookly-repeat-step .bookly-square.bookly-checkbox {
    float: right !important;
}

.bookly-repeat-step .bookly-col-label,
.bookly-repeat-step .bookly-js-variant-daily.bookly-col-label,
.bookly-repeat-step .bookly-js-until.bookly-col-label,
.bookly-repeat-step .bookly-get-schedule,
.bookly-nav-steps .bookly-btn,
.bookly-week-days .bookly-form-group {
    text-align: center !important;
}

.bookly-repeat-step .bookly-js-editable {
    margin-top: 6px;
}

/* Repeat */
.bookly-repeat-step .bookly-schedule-row > div:last-child {
    border-left: 0 !important;
    border-right: 1px solid #cccccc !important;
}

/* Pagination */
.bookly-pagination li:first-child a {
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-right: 1px;
}

.bookly-pagination li:last-child a {
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.bookly-payment-nav .bookly-box.bookly-list {
    border: solid 1px #ddd !important;
    border-radius: 4px;
    padding: 6px 10px;
    width: fit-content !important;
    min-width: 300px !important;
  }
  
  .bookly-payment-nav .bookly-box.bookly-list label {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .bookly-payment-nav .bookly-box.bookly-list label input {
    order: 1;
    flex-shrink: 0;
  }

  .bookly-payment-nav .bookly-box.bookly-list label img {
    width: 30px !important;
    height: auto;
    order: 2;
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 8px;
}

  .bookly-payment-nav .bookly-box.bookly-list label span {
    order: 3;
    flex: 1;
  }

  .bookly-repeat-step .bookly-js-repeat-variants-container .bookly-col-4 {
    min-width: 180px !important;
  }
  
  .bookly-repeat-step .bookly-js-repeat-variants-container .bookly-col-label {
    max-width: none;
    white-space: nowrap;
  }
  
  .bookly-js-schedule-help .bookly-margin-sm {
    margin: 5px 0 5px 5px !important;
  }

  .iti__tel-input[type="tel"],
  .bookly-details-step .bookly-form-group .iti--inline-dropdown .bookly-js-user-phone-input.bookly-user-phone.iti__tel-input {
    text-align: left;
    direction: ltr;
    padding: 6px 5px 5px 48px !important;
  }

  .bookly-repeat-step .bookly-js-variant-monthly > .bookly-row {
    float: right;
  }

  .bookly-repeat-step .bookly-js-variant-monthly > .bookly-row .bookly-col-4 {
    float: right !important;
  }

.bookly-details-step .bookly-checkbox-group .bookly-square.bookly-checkbox {
    float: right !important;
}

.bookly-payment-gateway-mark > div > img {
    width: 128px !important;
    height: 128px !important;
    margin: auto !important;
      margin-bottom: auto;
  }

/* Mobile */
@media screen and (max-width: 650px) {
    .bookly-mobile-float-none {
        float: none !important;
    }
    .bookly-form-group > div {
        margin-left: 0 !important;
    }
    .bookly-service-step .bookly-available-date,
    .bookly-service-step .bookly-week-days {
        margin-left: 0 !important;
    }
    .bookly-service-step .bookly-time-to {
        float: left !important;
    }
    .bookly-mobile-step-1 {
        margin-left: 0;
    }

    .bookly-not-time-screen {
        margin-right: 0!important;
        margin-left: auto !important;
    }
}

@media (hover) {
    .bookly-form .bookly-columnizer .bookly-hour:hover {
      border-width: 1px !important;
    }
}

/* Number inputs: always Latin digits (spinner fields) */
.bookly-form input[type="number"],
.bookly-form input[type="number"].radst-latin-digits {
    direction: ltr;
    text-align: left;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1;
}

tr.bookly--no-appointments td {
    text-align: center !important;
}

#bookly-tbs .bookly-js-calendar .ec-toolbar .ec-button.ec-next .ec-icon.ec-next:after {
  transform: rotate(315deg) !important;
  rotate: none !important;
  margin-bottom: 2px;
}

#bookly-tbs .bookly-js-calendar .ec-toolbar .ec-button.ec-prev .ec-icon.ec-prev:after {
    transform: rotate(135deg) !important;
    rotate: none !important;
    margin-bottom: 2px;
}

.bookly-js-calendar .ec-list .ec-main .ec-no-events {
    text-align: center !important;
}

#bookly-tbs .form-group select.form-control {
    width: auto !important;
    max-width: none !important;
}

#bookly-tbs select.bookly-time-zone-switcher optgroup,
#bookly-tbs select.bookly-time-zone-switcher option,
#bookly-appearance .bookly-js-chain-item select option,
#bookly-appearance .bookly-js-time-range select option {
  direction: rtl;
  font-family: tahoma !important;
}

.bookly-staff-cabinet.bookly-staff-cabinet-advanced .text-right:has(#bookly-advanced-save) {
    direction: ltr;
    margin-right: 4px;
}

.bookly-staff-cabinet.bookly-staff-cabinet-advanced .text-right:has(#bookly-advanced-save) botton {
    direction: rtl;
}

.bookly-staff-cabinet.bookly-staff-cabinet-services .text-right #bookly-services-save,
.bookly-staff-cabinet.bookly-staff-cabinet-schedule .text-right #bookly-schedule-save {
    margin-right: 4px;
}

/* Staff Cabinet — special days shortcode [bookly-staff-special-days] */
#bookly-tbs .bookly-staff-cabinet-special-days,
.bookly-js-staff-cabinet-special-days-wrap {
    direction: rtl;
    text-align: right;
}

.bookly-js-staff-cabinet-special-days-wrap {
    position: relative;
    overflow: visible;
}

#bookly-tbs .bookly-staff-cabinet-special-days select.bookly-js-parent-range-start,
#bookly-tbs .bookly-staff-cabinet-special-days select.bookly-js-parent-range-end {
    margin-right: 0 !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-3 {
    flex: 0 0 auto;
    width: auto;
    max-width: 200px;
    min-width: 140px;
    padding-right: 0;
    padding-left: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5 {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    flex-shrink: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-4 {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    flex-shrink: 0;
    padding-right: 0;
    padding-left: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5 > .form-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    width: max-content;
    flex-shrink: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5 > .form-row > .col {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding: 0;
    overflow: visible;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5 > .form-row > .mt-2 {
    flex: 0 0 auto;
    margin: 0 !important;
    white-space: nowrap;
    text-align: center;
    line-height: 1.5;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5 select.form-control,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5 .custom-select {
    display: block;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    field-sizing: content;
    margin: 0 !important;
    box-sizing: border-box;
}

#bookly-tbs .bookly-staff-cabinet-special-days select.bookly-js-parent-range-end {
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    field-sizing: content;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-date {
    width: 100%;
    box-sizing: border-box;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-special-days-breaks-list {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex-shrink: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-special-days-breaks-list > .bookly-js-breaks-wrapper {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: auto;
    flex-shrink: 0;
    white-space: nowrap;
}

#bookly-tbs .bookly-staff-cabinet-special-days button.bookly-js-special-days-toggle-popover.btn-link {
    display: inline-block;
    flex: 0 0 auto;
    order: 1;
    font-weight: 400 !important;
    color: #212529 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    text-decoration: none !important;
    box-shadow: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days button.bookly-js-special-days-toggle-popover.btn-link:hover,
#bookly-tbs .bookly-staff-cabinet-special-days button.bookly-js-special-days-toggle-popover.btn-link:focus {
    color: #212529 !important;
    background-color: #e2e6ea !important;
    border-color: #ced4da !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-special-days-breaks-list > .bookly-js-breaks-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    width: 100%;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-breaks-list .breaks-list-content {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-breaks-list .bookly-js-breaks-wrapper.mt-1 {
    margin-top: 0 !important;
    width: 100%;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-breaks-list .btn-group.mt-2,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-breaks-list .btn-group {
    margin-top: 0 !important;
    width: 100%;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-special-days-breaks-list .custom-control.custom-checkbox,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-special-days-breaks-list .custom-control.float-right {
    float: none !important;
    flex: 0 0 auto;
    order: 2;
    margin: 0 !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row + .bookly-js-range-row {
    margin-top: 0.25rem;
}

#bookly-tbs .bookly-staff-cabinet-special-days form {
    width: 100%;
}

#bookly-tbs .bookly-staff-cabinet-special-days form > div:has(#bookly-js-special-days-add-day) {
    float: right;
    margin-bottom: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days form > div:has(#bookly-js-special-days-add-day) #bookly-js-special-days-add-day {
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days form > div.text-right:has(#bookly-js-special-days-delete-all) {
    float: right;
    margin-left: 4px;
    margin-bottom: 0;
    text-align: right !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days form > div.text-right:has(#bookly-js-special-days-delete-all) #bookly-js-special-days-delete-all {
    margin: 0 !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days form .bookly-js-modal--footer {
    width: 100%;
    overflow: visible;
    display: block;
    text-align: left !important;
}

#bookly-tbs .bookly-staff-cabinet-special-days form .bookly-js-modal--footer #bookly-js-special-days-save-days {
    float: left;
    margin: 0 4px 0 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days form .bookly-js-modal--footer #bookly-js-special-days-reset {
    float: left;
    margin: 0;
}

#bookly-tbs .bookly-staff-cabinet-special-days form .bookly-js-modal--footer .bookly-special-days-error {
    clear: both;
    display: block;
    padding-top: 8px;
}

#bookly-tbs .bookly-staff-cabinet-special-days form .bookly-js-modal--footer hr {
    margin-top: 60px !important;
    margin-bottom: 8px !important;
}

#bookly-tbs.bookly-js-staff-cabinet-special-days-wrap {
    overflow: visible !important;
}

#bookly-tbs.bookly-js-staff-cabinet-special-days-wrap > .daterangepicker {
    width: auto !important;
    min-width: 562px !important;
    max-width: none !important;
}

#bookly-tbs.bookly-js-staff-cabinet-special-days-wrap > .daterangepicker.show-calendar .drp-calendar.left,
#bookly-tbs.bookly-js-staff-cabinet-special-days-wrap > .daterangepicker.show-calendar .drp-calendar.right {
    float: left !important;
    clear: none !important;
    display: block !important;
    max-width: 270px !important;
}

#bookly-tbs.bookly-js-staff-cabinet-special-days-wrap > .daterangepicker.show-calendar .drp-calendar.left {
    clear: left !important;
    margin-right: 0 !important;
}

#bookly-tbs.bookly-js-staff-cabinet-special-days-wrap > .daterangepicker.show-calendar .drp-calendar.right {
    margin-left: 0 !important;
}

body.rtl #bookly-tbs.bookly-js-staff-cabinet-special-days-wrap > .daterangepicker.show-calendar {
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
    font-family: inherit !important;
    direction: ltr;
    text-align: left;
}

.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break {
    z-index: 1065;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box;
}

.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break .popover-body,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break .popover-body {
    overflow: visible;
    box-sizing: border-box;
}

.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    max-width: none;
}

.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times > .col-auto:not(.bookly-js-break-separator),
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times > .col-auto:not(.bookly-js-break-separator) {
    flex: 0 0 auto;
    width: auto;
    max-width: none !important;
    min-width: 0;
    padding: 0;
}

.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times select.form-control,
.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times .custom-select,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times select.form-control,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break .bookly-js-break-times .custom-select {
    display: inline-block;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

.bookly-js-staff-cabinet-special-days-wrap .bookly-popover.bookly-popover-special-days-break .bookly-js-break-separator,
#bookly-tbs .bookly-staff-cabinet-special-days .bookly-popover.bookly-popover-special-days-break .bookly-js-break-separator {
    flex: 0 0 auto;
    white-space: nowrap;
    text-align: center;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin: 0 !important;
}

#bookly-tbs .bookly-staff-cabinet.bookly-staff-cabinet-special-days #bookly-js-special-days-add-day {
    margin-left: 4px !important;
}

/* Staff Cabinet — days off annual calendar (frontend) */
#bookly-tbs.bookly-staff-cabinet-days-off .bookly-js-holidays.jCal-wrap {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
}

#bookly-tbs.bookly-staff-cabinet-days-off .bookly-js-holidays .jCalMo {
    float: none !important;
    width: 33.33333333%;
}

#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .aday,
#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .day,
#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .dow,
#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .invday,
#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .overDay,
#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .pday,
#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .selectedDay {
    float: right;
    margin-right: 0;
    margin-left: -1px;
    text-align: center !important;
}

#bookly-tbs.bookly-staff-cabinet-days-off .jCalMo .month .monthName,
#bookly-tbs.bookly-staff-cabinet-days-off .bookly-js-holidays-nav .jcal_year {
    direction: rtl;
}

#bookly-tbs.bookly-staff-cabinet-days-off .bookly-js-holidays-nav .jcal_year {
    min-width: 4.5rem;
}

#bookly-tbs .daterangepicker.show-ranges {
    font-family: inherit !important;
}

.bookly-staff-cabinet.bookly-staff-cabinet-appointments td.bookly-customer-phone {
    direction: ltr !important;
}

.bookly-modal-footer .bookly-btn-cancel.bookly-js-close {
    margin-right: 8px;
}

@media (max-width: 900px) {
    #bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row {
        flex-wrap: wrap;
    }

    #bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-3,
    #bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-5,
    #bookly-tbs .bookly-staff-cabinet-special-days .bookly-js-range-row > .form-row > .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 0.5rem;
    }
}