/* line 4, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
#hide-menu, #left-panel, .header-search.private, #search-mobile, #activity {
  display: none;
  visibility: hidden;
  opacity: 0;
  margin-right: 0 !important;
}

/* line 11, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
#main {
  margin-left: 0;
}

/*.header-search.private, #search-mobile, #activity {
    display: none;
    visibility: hidden;
    margin-right: 0 !important;
}*/
/* line 21, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.loader {
  position: fixed;
  top: calc(50% - 18.5px);
  left: calc(50% - 75px);
  z-index: 2;
}

/* line 28, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
  margin-top: -1rem;
  overflow-x: auto;
}

/* line 35, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters {
  flex: 1 0;
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
}

/* line 41, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters filter-button-group {
  margin-bottom: 0.75rem;
  position: relative;
}

/* line 47, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters button.has-clear-button {
  padding-right: 2.5rem;
}

/* line 50, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters button.has-clear-button .clear {
  position: absolute;
  right: 0px;
  margin-left: -10px;
  top: 0;
  padding-top: 4px;
}

/* line 60, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters button:disabled .badge-top-right-notification-filters, .filter-actions-container .filters button.disabled .badge-top-right-notification-filters {
  background-color: #a0a9ba;
  border-color: #a0a9ba;
  color: #ffffff;
}

/* line 68, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters .badge-top-right-notification-filters {
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 85%;
  background-color: #00b4e3;
  color: #ffffff;
}

/* line 77, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .filters .clear {
  z-index: 2;
  width: 30px;
  height: 100%;
  text-align: left;
}

/* line 85, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .actions {
  flex: 0 0 auto;
  margin-right: 0.7rem;
  align-self: center;
}

/* line 90, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.filter-actions-container .actions .day-action {
  cursor: pointer;
}

/* line 96, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.day-action[disabled=disabled] {
  color: rgba(62, 82, 110, 0.08);
}

/* line 99, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  /*max-height: 75vh;*/
  margin-bottom: 50px;
  display: block;
}

/* line 106, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .fake-scroll-y {
  overflow-y: scroll;
  max-height: 20px;
  flex: none;
  visibility: hidden;
  max-width: 0.6rem;
  min-width: 0;
}

/* line 115, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns {
  display: flex;
  flex: none;
  overflow: hidden;
  line-height: normal;
}

/* line 121, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .day-t, .calendar .calendar-header-columns .day-h {
  font-size: 1.071rem;
  font-weight: 600;
}

/* line 126, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper {
  flex: 1 1;
}

/* line 129, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days {
  display: flex;
  position: relative;
}

/* line 133, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days .real-days {
  display: flex;
  position: relative;
  flex: 1 1;
  background-color: #e3e9f3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /*:nth-last-child(3) {
                        margin-right: 0;
                    }*/
  /*:not(:first-child) {
                        border-left: none !important;
                    }*/
}

/* line 141, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days .real-days .day-h {
  flex: 1 1;
  display: block;
  text-align: center;
  margin: 0 2.5px;
  line-height: 3;
}

/* line 149, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days .real-days :first-child {
  margin-left: 0;
}

/* line 159, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days .real-days .previous, .calendar .calendar-header-columns .days-wrapper .days .real-days .next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 30px;
  cursor: pointer;
}

/* line 167, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days .real-days .previous {
  left: 0.357rem;
}

/* line 171, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-header-columns .days-wrapper .days .real-days .next {
  right: 0.7rem;
}

/* line 179, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .day-t {
  width: 4.5rem;
  flex: none;
}

/* line 184, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .day-t, .calendar .day-h {
  background-color: #fff;
}

/* line 188, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-date-header {
  display: block;
}

/* line 192, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-date-header .calendar-header-columns .day-t {
  border-top-left-radius: 8px;
  /*border-right: 1px solid $white;*/
}

/* line 201, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-date-header .calendar-header-columns .days-wrapper .days .real-days :nth-last-child(3) {
  border-top-right-radius: 8px;
  margin-right: 0;
  /*border-right: 1px solid $white;*/
}

/* line 213, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #f3f7fd #f3f7fd;
}

/* line 218, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header::-webkit-scrollbar {
  visibility: hidden;
  width: 0.6rem;
}

/* line 223, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .day-t {
  border-right: 1px solid rgba(151, 151, 151, 0.3);
}

/* line 226, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .day-t .time-title {
  vertical-align: middle;
  text-align: center;
  display: block;
  height: 100%;
  background-color: #00b4e3;
  color: #ffffff;
  font-size: 0.857rem;
  padding: 2px 5px;
  line-height: 1.5;
}

/* line 242, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

/* line 246, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days .day-h {
  display: flex !important;
  font-size: 0.857rem !important;
  /*:first-child {
                                }*/
}

/* line 250, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days .day-h .zone {
  flex: 1 1;
  display: block;
  text-align: center;
  background-color: #e9eef6;
  border: 1px solid rgba(151, 151, 151, 0.3);
  word-break: break-word;
  line-height: 1.5;
  padding: 2px 5px;
  border-left: none;
}

/* line 260, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days .day-h .zone .details {
  font-size: 12px;
  display: none;
  z-index: 1;
  /*top: 25%;
                                        left: 25%;*/
  position: fixed;
  border: 1px solid rgba(151, 151, 151, 0.23);
  background-color: #fff;
  padding: 1rem;
  width: 240px;
  -webkit-box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
  -moz-box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
  box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
  box-sizing: border-box;
  text-overflow: unset;
  white-space: normal;
  cursor: text;
  max-height: 300px;
  overflow-y: auto;
  overflow-y: overlay;
  border-radius: 8px;
  /*opacity: 0;
                                        -webkit-transition: opacity 0.3s;
                                        -moz-transition: opacity 0.3s;
                                        -o-transition: opacity 0.3s;*/
  /*transition: opacity 0.3s;*/
  /*visibility: hidden;*/
  font-weight: normal;
  color: #3f526f;
}

/* line 293, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days .day-h .zone:hover .details {
  display: block;
  /*opacity: 1;
                                            visibility: visible;*/
}

/* line 305, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days .day-h :last-child {
  border-right: none;
  margin-right: 0;
}

/* line 311, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-zone-header .calendar-header-columns .days-wrapper .days .real-days .day-h:last-of-type {
  margin-right: 0;
}

/* line 320, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section {
  font-size: 0.857rem;
  height: 70vh;
  overflow-y: scroll;
  position: relative;
}

/* line 326, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots {
  display: flex;
}

/* line 329, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .day-t {
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(151, 151, 151, 0.3);
}

/* line 334, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .day-t .time-of-day {
  font-weight: 600;
  text-align: center;
  padding-top: 20px;
}

/* line 340, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .day-t .time-title {
  vertical-align: middle;
  text-align: center;
  display: block;
  height: 100%;
  background-color: #ffffff;
  font-size: 0.929rem;
}

/* line 349, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .day-t :not(:last-child) {
  border-bottom: 1px dashed rgba(151, 151, 151, 0.3);
}

/* line 354, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper {
  flex: 1 1;
  position: relative;
}

/* line 358, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days {
  display: flex;
}

/* line 361, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days {
  display: flex;
  flex: 1 1;
  background-color: #e3e9f3;
}

/* line 366, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days .day-h {
  display: flex;
  flex: 1 1;
  /*text-align: center;*/
  margin: 0 2.5px;
}

/* line 372, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days .day-h :not(:first-child) {
  border-left: none;
}

/* line 376, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days .day-h :first-child {
  border-left: none !important;
}

/* line 380, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days .day-h .zone:last-child {
  border-right: none;
}

/* line 385, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days .day-h:last-of-type {
  margin-right: 0;
}

/* line 389, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-slots .days-wrapper .days .real-days div:first-of-type {
  margin-left: 0;
}

/* line 397, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .currentTime {
  display: block;
  position: absolute;
  border-bottom: 2px solid rgba(0, 180, 227, 0.5);
  top: 0;
  width: 100%;
  left: 0;
  z-index: 1;
}

/* line 408, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  /*text-align: center;*/
  background-color: #ffffff;
  border: 1px solid rgba(151, 151, 151, 0.3);
  word-break: break-all;
  border-bottom: none;
  border-top: none;
  font-size: 0.857rem;
  position: relative;
  /*:not(:last-child) {
                                    border-bottom: 1px dashed rgba(151,151,151,0.30);
                                }*/
}

/* line 422, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .event-recurring {
  max-height: 60%;
  overflow: hidden;
}

/* line 427, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .details {
  font-size: 12px;
  display: none;
  z-index: 1;
  /*top: 25%;
                                        left: 25%;*/
  position: fixed;
  border: 1px solid rgba(151, 151, 151, 0.23);
  background-color: #fff;
  padding: 1rem;
  width: 240px;
  -webkit-box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
  -moz-box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
  box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
  box-sizing: border-box;
  text-overflow: unset;
  white-space: normal;
  cursor: text;
  max-height: 300px;
  overflow-y: auto;
  overflow-y: overlay;
  border-radius: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  visibility: hidden;
  /*margin-top: 20px;*/
  /*&:before {
                                            content: "";
                                            position: absolute;
                                            top: 0;
                                            left: 20px;
                                            width: 0;
                                            border-top: 0;
                                            border-left: 20px solid transparent;
                                            border-right: 20px solid transparent;
                                            border-bottom: 20px solid black;
                                        }*/
}

/* line 457, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .details .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 463, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .details #quickaction {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin-top: 1rem;
}

/* line 481, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .details span, .calendar .calendar-content .calendar-section .zone .event .details p {
  display: block;
  margin: 0.1rem 0;
}

/* line 486, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .details p {
  word-break: break-word;
}

/* line 492, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event:hover .details {
  /*display: flex;*/
  flex-direction: column;
  align-items: stretch;
  opacity: 1;
  visibility: visible;
}

/* line 501, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone .event .recurring-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
}

/* line 514, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone-header .details {
  display: none;
  position: fixed;
  font-size: 12px;
  z-index: 1;
  border: 1px solid rgba(151, 151, 151, 0.23);
  background-color: #fff;
  padding: 1rem;
  width: 240px;
  /*-webkit-box-shadow: 0 12px 24px 0 rgb(56 96 165 / 15%);
                    -moz-box-shadow: 0 12px 24px 0 rgba(56, 96, 165, 0.15);
                    box-shadow: 0 12px 24px 0 rgb(56 96 165 / 15%);*/
  box-sizing: border-box;
  text-overflow: unset;
  white-space: normal;
  cursor: text;
  max-height: 300px;
  overflow-y: auto;
  overflow-y: overlay;
  border-radius: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  visibility: hidden;
  font-weight: normal;
  color: #3f526f;
}

/* line 545, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone-header:hover .details {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* line 553, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .zone-content, .calendar .calendar-content .calendar-section .time-content {
  position: relative;
}

/* line 557, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-content {
  display: flex;
  flex-direction: column;
}

/* line 562, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-of-day {
  height: 60px;
  border-bottom: 1px dashed rgba(151, 151, 151, 0.3);
  background-color: #ffffff;
}

/* line 567, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-of-day.free-slot {
  position: relative;
  cursor: pointer;
}

/* line 572, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-of-day.free-slot:not(.past-time):not(.drop-area):hover {
  background-color: rgba(0, 180, 227, 0.08);
  /*&:before {
                                                font-family: 'Material Icons';
                                                line-height: 1;
                                                font-size: 24px;
                                                color: #00b4e3;
                                                content: '\e147';
                                                position: absolute;
                                                left: 50%;
                                                width: 24px;
                                                height: 24px;
                                                margin-left: -12px;
                                                top: 50%;
                                                margin-top: -12px;
                                            }*/
}

/* line 592, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content .calendar-section .time-of-day.past-time {
  width: 100%;
  position: relative;
  background-color: rgba(225, 228, 234, 0.25);
}

/* line 601, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .calendar-content.mobile .calendar-zone-header {
  display: none;
}

/* line 609, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .no-zone-configured {
  position: absolute;
  top: 200px;
  left: calc(50% - 185px);
  max-width: 500px;
  width: 100%;
  color: #3e526e;
}

/* line 617, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar .no-zone-configured > span {
  display: block;
  margin-top: 0.5rem;
  position: absolute;
  margin-left: -3.5rem;
  font-weight: normal;
}

/* line 627, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-date-header {
  margin-bottom: 1rem;
}

/* line 629, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-date-header .calendar-header-columns > div:first-of-type {
  display: none;
}

/* line 633, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-date-header .calendar-header-columns .real-days {
  border-radius: 8px;
}

/* line 636, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-date-header .calendar-header-columns .real-days .day-h {
  border-radius: 8px;
  margin-right: 0;
}

/* line 641, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-date-header .calendar-header-columns .real-days .previous {
  left: 0.7rem;
}

/* line 651, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section {
  height: 100%;
  overflow-y: unset;
}

/* line 656, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .day-t {
  margin-right: 7.5px;
  border-right: none;
  background-color: #f3f7fd;
}

/* line 661, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .day-t > .time-title {
  height: 40px;
  background-color: #00b4e3;
  color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 10px 5px;
}

/* line 670, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .day-t > .time-of-day {
  background-color: #ffffff;
}

/* line 675, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .days-wrapper {
  overflow-x: scroll;
  position: relative;
}

/* line 677, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .days-wrapper .days .zone {
  margin: 0 7.5px !important;
  min-width: 170px;
  position: relative;
  background-color: unset;
  border: none;
}

/* line 684, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .days-wrapper .days .zone .zone-header {
  position: relative;
  height: 40px;
  background-color: #e9eef6;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 10px 5px;
  text-align: center;
  overflow-y: hidden;
  font-weight: 600;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}

/* line 698, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .days-wrapper .days .zone .zone-content .free-slot {
  cursor: pointer;
}

/* line 703, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .days-wrapper .days .zone .event {
  -ms-touch-action: unset;
  touch-action: unset;
  user-select: unset;
}

/* line 710, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .calendar-content .calendar-section .time-slots .days-wrapper .days div:first-of-type {
  margin-left: unset;
}

/* line 722, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .no-zone-configured {
  position: absolute;
  top: 100px;
  left: calc(50% - 150px);
  max-width: 300px;
  width: 100%;
}

/* line 729, Content/ht-theme/pages/bookingsCalendar/bookingsCalendar.scss */
.calendar.mobile .no-zone-configured > span {
  position: relative;
  display: block;
  margin-top: 0.5rem;
  left: 0;
  font-weight: normal;
  margin-left: 0;
}