/* Booked Appointments styles
----------------------------------------------------------------- */
/* Buttons */
body #booked-profile-page input[type=submit],
body #booked-profile-page input[type=submit].button-primary,
body #booked-profile-page button,
body .booked-list-view input[type=submit],
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button,
body table.booked-calendar input[type=submit],
body table.booked-calendar input[type=submit].button-primary,
body table.booked-calendar button,
body .booked-modal input[type=submit],
body .booked-modal input[type=submit].button-primary,
body .booked-modal button,
body #booked-profile-page input[type=submit],
body #booked-profile-page button, body .booked-list-view input[type=submit],
body .booked-list-view button, body .booked-calendar input[type=submit],
body .booked-calendar button, body .booked-modal input[type=submit],
body .booked-modal button,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-profile-appt-list button.button-primary {
  -webkit-appearance: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--theme-var-rad);
  white-space: nowrap;
  height: auto;
  max-width: 100%;
  color: var(--theme-color-inverse_link);
  border-color: var(--theme-color-text_link);
  background-color: var(--theme-color-text_link);
  padding: 1.390625rem 2.5rem;
  border-width: 0 !important;
}

.booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
.booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-people button:focus,
#booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .google-cal-button > a:hover,
#booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .google-cal-button > a:focus,
#booked-profile-page input[type=submit]:hover,
#booked-profile-page input[type=submit]:focus,
#booked-profile-page input[type=submit].button-primary:hover,
#booked-profile-page input[type=submit].button-primary:focus,
#booked-profile-page button:hover,
#booked-profile-page button:focus,
.booked-list-view input[type=submit]:hover,
.booked-list-view input[type=submit]:focus,
.booked-list-view input[type=submit].button-primary:hover,
.booked-list-view input[type=submit].button-primary:focus,
.booked-list-view button:hover,
.booked-list-view button:focus,
table.booked-calendar input[type=submit]:hover,
table.booked-calendar input[type=submit]:focus,
table.booked-calendar input[type=submit].button-primary:hover,
table.booked-calendar input[type=submit].button-primary:focus,
table.booked-calendar button:hover,
table.booked-calendar button:focus,
.booked-modal input[type=submit]:hover,
.booked-modal input[type=submit]:focus,
.booked-modal input[type=submit].button-primary:hover,
.booked-modal input[type=submit].button-primary:focus,
.booked-modal button:hover,
.booked-modal button:focus,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:hover,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:focus,
body #booked-profile-page .booked-profile-appt-list button.button-primary:hover,
body #booked-profile-page .booked-profile-appt-list button.button-primary:focus {
  border-color: var(--theme-color-text_hover);
  background-color: var(--theme-color-text_hover);
  color: var(--theme-color-inverse_link);
}

/* Text fields */
body #booked-page-form input[type=email],
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form textarea,
.booked-upload-wrap,
.booked-upload-wrap input,
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea {
  padding: 1.15625rem 1.75rem;
  border-width: 2px;
  border-style: solid;
  border-radius: var(--theme-var-rad);
  color: var(--theme-color-input_text);
  border-color: var(--theme-color-input_bd_color);
  background-color: var(--theme-color-input_bg_color);
}

body #booked-page-form input[type=email]:focus,
body #booked-page-form input[type=email].filled,
body #booked-page-form input[type=text]:focus,
body #booked-page-form input[type=text].filled,
body #booked-page-form input[type=password]:focus,
body #booked-page-form input[type=password].filled,
body #booked-page-form textarea:focus,
body #booked-page-form textarea.filled,
.booked-upload-wrap:hover,
.booked-upload-wrap input:focus,
.booked-upload-wrap input.filled {
  color: var(--theme-color-input_dark);
  border-color: var(--theme-color-input_bd_hover);
  background-color: var(--theme-color-input_bg_hover);
}

/* Icons fix */
.booked-icon {
  padding-left: 1px;
}

/* Calendar */
body table.booked-calendar,
body table.booked-calendar thead,
body table.booked-calendar body {
  background-color: transparent !important;
}

table.booked-calendar,
table.booked-calendar tr {
  border-width: 0 !important;
}

table.booked-calendar tr th,
table.booked-calendar tr td {
  border-width: 1px !important;
  border-style: solid !important;
  background-color: transparent !important;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

table.booked-calendar tr td .date,
table.booked-calendar tr td.prev-date .date,
table.booked-calendar tr td.today .date,
table.booked-calendar tr td.today .date span,
table.booked-calendar tr td.prev-month .date,
table.booked-calendar tr td.prev-month .date span,
table.booked-calendar tr td.next-month .date,
table.booked-calendar tr td.next-month .date span,
table.booked-calendar tr td .booked-appt-list {
  color: inherit !important;
  background: transparent !important;
}

table.booked-calendar tr td:hover .date,
table.booked-calendar tr td.prev-date:hover .date {
  background: var(--theme-color-text_hover3) !important;
}

body table.booked-calendar td .date .number {
  line-height: 46px;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete {
  color: var(--theme-color-text_dark);
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete:hover,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete:hover {
  color: var(--theme-color-text_link);
}

table.booked-calendar thead tr th {
  color: var(--theme-color-text_dark) !important;
  border: 0 !important;
  background-color: transparent !important;
}

body table.booked-calendar thead tr:first-child th {
  text-align: left !important;
  text-transform: capitalize;
  border-bottom: 2px solid var(--theme-color-bd_color) !important;
}

body table.booked-calendar th .monthName {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1;
}

body table.booked-calendar tr.days {
  background-color: transparent !important;
}

body table.booked-calendar tr.days th {
  background-color: transparent !important;
  font-size: 14px;
  text-transform: capitalize;
}

table.booked-calendar thead th i {
  background-color: var(--theme-color-alter_bg_color) !important;
  color: var(--theme-color-alter_link) !important;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
}

table.booked-calendar thead th i:hover {
  background-color: var(--theme-color-alter_hover) !important;
  color: var(--theme-color-inverse_link) !important;
}

table.booked-calendar thead th i.booked-icon-arrow-right:before {
  font-family: "fontello";
  content: "\e9e8";
}

table.booked-calendar thead th i.booked-icon-arrow-left:before {
  font-family: "fontello";
  content: "\e9bb";
}

body table.booked-calendar th .page-right,
body table.booked-calendar th .page-right:hover {
  right: 0;
  margin-top: -0.9375rem;
}

body table.booked-calendar th .page-left,
body table.booked-calendar th .page-left:hover {
  right: 2.0625rem;
  left: auto;
  top: 50%;
  margin-top: -0.9375rem;
}

table.booked-calendar thead th .monthName a {
  color: var(--theme-color-extra_link);
}

table.booked-calendar thead th .monthName a:hover {
  color: var(--theme-color-extra_hover);
}

body table.booked-calendar {
  border-collapse: separate;
  border-spacing: 10px;
  border-bottom: 0 !important;
}

table.booked-calendar tbody tr td {
  color: var(--theme-color-text_dark) !important;
  border-color: var(--theme-color-alter_bd_color) !important;
  background-color: var(--theme-color-alter_bg_color) !important;
  border-radius: 3px;
}

table.booked-calendar tbody tr td.prev-date:not(.today) {
  opacity: 0.6;
  border: 0 !important;
}

body table.booked-calendar td.today.prev-date:hover .date span {
  color: var(--theme-color-inverse_hover) !important;
}

body table.booked-calendar td .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body table.booked-calendar td .date .number {
  width: 2.9375rem;
  height: 2.9375rem;
  line-height: 2.75rem;
  font-size: 1.375rem;
  margin: 0.9375rem;
}

table.booked-calendar tbody tr td.prev-month,
table.booked-calendar tbody tr td.next-month {
  opacity: 0.6;
}

table.booked-calendar tbody tr td.today {
  color: var(--theme-color-alter_link) !important;
  background-color: var(--theme-color-alter_link) !important;
}

table.booked-calendar tbody td.today .date span {
  background-color: var(--theme-color-inverse_link) !important;
  border-color: var(--theme-color-inverse_link) !important;
  color: var(--theme-color-alter_link) !important;
}

table.booked-calendar tbody td.today:hover .date span {
  background-color: var(--theme-color-inverse_link) !important;
  border-color: var(--theme-color-inverse_link) !important;
  color: var(--theme-color-alter_link) !important;
}

.booked-calendar-wrap .booked-calendar .booked-appt-list h2 {
  color: var(--theme-color-text_dark);
}

.booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot {
  border-color: var(--theme-color-alter_bd_color);
}

.booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-title {
  color: var(--theme-color-text_link);
}

.booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-time {
  color: var(--theme-color-text_dark);
}

.booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .spots-available {
  color: var(--theme-color-text);
  font-size: 12px;
}

body.ua_edge .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people {
  height: 81px;
  padding: 10px 0 0 0;
}

/* Booked form */
body .booked-modal .bm-window {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body .booked-modal .bm-window a {
  color: var(--theme-color-inverse_link);
}

body .booked-modal .bm-window a:hover {
  color: var(--theme-color-text_hover2);
}

body .booked-calendar-wrap .booked-appt-list .timeslot:hover {
  background: transparent;
}

body .booked-form .field .checkbox-radio-block label {
  padding-left: 2.8125rem;
}

body .booked-form .cf-block select {
  visibility: visible;
}
body .booked-form .booked-appointments {
  background: var(--theme-color-bg_color);
  color: var(--theme-color-alter_text);
}

body .booked-modal .bm-window {
  background: none;
  width: 480px;
}
body .booked-modal .bm-window p.booked-title-bar {
  color: var(--theme-color-extra_dark) !important;
  background-color: transparent !important;
}
body .booked-modal .bm-window p.appointment-title {
  color: var(--theme-color-alter_dark);
}
body .booked-modal .bm-window .close i {
  color: var(--theme-color-extra_dark);
}
body .booked-modal .bm-window .booked-scrollable {
  color: var(--theme-color-extra_text);
  background-color: var(--theme-color-extra_bg_color) !important;
}
body .booked-modal .bm-window .booked-scrollable em {
  color: var(--theme-color-extra_link);
}
body .booked-modal .bm-window #customerChoices {
  background-color: transparent;
  border-color: var(--theme-color-extra_bd_hover);
}

body .booked-modal button.cancel {
  border-color: var(--theme-color-alter_link) !important;
  background-color: var(--theme-color-alter_link) !important;
  color: var(--theme-color-inverse_link) !important;
}

body .booked-modal button.cancel:hover {
  border-color: var(--theme-color-alter_hover) !important;
  background-color: var(--theme-color-alter_hover) !important;
  color: var(--theme-color-inverse_link) !important;
}

body .booked-modal .bm-window .close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body .booked-modal .bm-window .close:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people {
  height: 97px;
  padding: 18px 0 18px 0;
}

/* Login form */
body #booked-page-form {
  color: var(--theme-color-text);
  border-color: var(--theme-color-bd_color);
}
body #booked-page-form .login-remember input {
  display: inline;
  vertical-align: middle;
}

/* User profile */
body #booked-profile-page i.fa {
  color: inherit;
}
body #booked-profile-page div.booked-profile-header {
  padding: 0 0 2em;
  background-color: var(--theme-color-bg_color) !important;
  border-color: transparent !important;
  color: var(--theme-color-text);
}
body #booked-profile-page div.booked-profile-header .booked-logout-button:hover {
  color: var(--theme-color-text_link);
}
body #booked-profile-page div.booked-user-avatar {
  width: 50px;
  height: 50px;
}
body #booked-profile-page div.booked-user-avatar img {
  border-radius: 50%;
}
body #booked-profile-page .booked-user h3 {
  color: var(--theme-color-text_dark);
}
body #booked-profile-page .booked-user h3 strong {
  font-weight: 400;
}
body #booked-profile-page .booked-tabs {
  background-color: var(--theme-color-alter_bg_color) !important;
  border-color: var(--theme-color-alter_bd_color) !important;
}
body #booked-profile-page .booked-tabs li a {
  background-color: var(--theme-color-extra_bg_color);
  color: var(--theme-color-extra_text);
}
body #booked-profile-page .booked-tabs li a i {
  color: inherit;
}
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover,
body #booked-profile-page .booked-tabs li a:hover {
  color: var(--theme-color-extra_dark) !important;
  background-color: var(--theme-color-extra_bg_hover) !important;
}
body #booked-profile-page div.booked-tab-content {
  border-radius: 0;
  background-color: var(--theme-color-bg_color);
  border-color: var(--theme-color-alter_bd_color);
}

/* User profile content */
.booked-calendarSwitcher.calendar,
.booked-calendarSwitcher.calendar select {
  background-color: var(--theme-color-alter_bg_color) !important;
}

#profile-edit #booked-page-form .form-table {
  margin-bottom: 2em;
}

body #booked-profile-page .booked-profile-appt-list button.button-primary {
  background-color: var(--theme-color-text_link);
  color: var(--theme-color-inverse_link);
}

body #booked-profile-page .booked-profile-appt-list button.button-primary:hover {
  background-color: var(--theme-color-text_hover);
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button {
  border-color: var(--theme-color-bd_color);
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete:hover,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete:hover {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body #booked-profile-page .booked-profile-appt-list button.button-primary {
  border: none;
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button {
  padding: 1.5em 1.5em 1.5em 3em;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a {
  padding: 1.5em;
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a {
  text-transform: uppercase;
  border-radius: var(--theme-var-rad);
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .addeventatc_icon {
  top: calc(1.5em - 4px);
}

body #booked-profile-page .booked-profile-appt-list .appt-block .status-block {
  border-radius: 0;
}

body .booked-upload-wrap {
  max-width: 200px;
  padding: 0;
}
body .booked-upload-wrap span {
  line-height: 24px;
}

/* Booked 2.4 */
body div.booked-calendar-wrap div.booked-calendar {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  /*Head*/
  /*Body*/
}
body div.booked-calendar-wrap div.booked-calendar .bc-head,
body div.booked-calendar-wrap div.booked-calendar .bc-col {
  background-color: var(--theme-color-bg_color) !important;
  border-color: var(--theme-color-bg_color) !important;
  color: var(--theme-color-text_dark);
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 2px solid var(--theme-color-bd_color) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .monthName {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1;
  text-transform: capitalize;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .monthName a {
  color: var(--theme-color-text_link) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .monthName a:hover {
  color: var(--theme-color-text_hover) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left {
  color: var(--theme-color-text_dark) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right i,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left i {
  background-color: var(--theme-color-alter_bg_color) !important;
  color: var(--theme-color-alter_link) !important;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  text-align: center;
  font-size: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right i:hover,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left i:hover {
  background-color: var(--theme-color-alter_hover) !important;
  color: var(--theme-color-inverse_link) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right:hover {
  right: 0;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right i:before,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-right:hover i:before {
  font-family: "fontello";
  content: "\e9e8";
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left:hover {
  left: auto;
  right: 35px;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left i:before,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col .page-left:hover i:before {
  font-family: "fontello";
  content: "\e9bb";
}
body div.booked-calendar-wrap div.booked-calendar .bc-row.days,
body div.booked-calendar-wrap div.booked-calendar .bc-row.days .bc-col {
  background: transparent !important;
  border-color: transparent !important;
  padding: 0.5rem 0;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col {
  padding: 5px !important;
}
@media (max-width: 479px) {
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col {
    padding: 2px !important;
  }
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date {
  color: var(--theme-color-text_dark) !important;
  border-color: var(--theme-color-alter_bg_color) !important;
  background-color: var(--theme-color-alter_bg_color) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:hover .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date {
  background: var(--theme-color-text_hover3) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.prev-date:hover {
  color: var(--theme-color-inverse_hover) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:not(.today) .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month:not(.today) .date {
  border-color: var(--theme-color-alter_bg_color) !important;
  background-color: var(--theme-color-alter_bg_color) !important;
  opacity: 0.7;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:not(.today):hover .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month:not(.today):hover .date {
  background: var(--theme-color-text_hover3) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active:hover .date span {
  background: var(--theme-color-text_link);
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date .number {
  border: 2px solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--theme-color-alter_bg_color) !important;
  background-color: var(--theme-color-alter_bg_color) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
  width: 2.8rem !important;
  height: 2.8rem !important;
  line-height: 2.8rem !important;
  text-align: center;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
  margin: 0.9375rem;
}
@media (max-width: 1279px) {
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
    position: relative;
    z-index: 1;
    top: 0.9375rem;
    left: 0.9375rem;
  }
}
@media (max-width: 1023px) {
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
    position: relative;
    z-index: 1;
    top: 1.875rem;
    left: 1.875rem;
  }
}
@media (max-width: 767px) {
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 0;
    margin: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    border: 0;
  }
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock {
  background: var(--theme-color-bg_color) !important;
  padding: 5px;
}
@media (max-width: 479px) {
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock {
    padding: 2px !important;
  }
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock .bc-col {
  background-color: var(--theme-color-alter_bg_color) !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock .bc-col .booked-appt-list {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  background-color: var(--theme-color-alter_bg_color) !important;
}

@media (max-width: 767px) {
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
    font-size: 16px;
  }
  body .booked-calendar .booked-appt-list .timeslot {
    margin-bottom: 1em;
  }
  body .booked-calendar .booked-appt-list .timeslot + .timeslot {
    background-color: transparent !important;
  }
  body .booked-calendar .booked-appt-list .timeslot .timeslot-people {
    width: 100%;
    padding: 0;
    height: auto;
  }
  body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 479px) {
  body .booked-form .field select,
  body .booked-form .field input[type=text],
  body .booked-form .field input[type=password],
  body .booked-form .field input[type=tel],
  body .booked-form .field input[type=email],
  body .booked-form .field textarea {
    width: 100%;
  }
  body .booked-form .field input + input {
    margin-top: 7px !important;
  }
}
/* list */
body div.booked-calendar-wrap.booked-list-view .booked-appt-list,
body .booked-appt-list {
  -webkit-transform: none;
          transform: none;
  padding: 1em;
}

.booked_custom_date_picker .ui-datepicker-title {
  margin-bottom: 0;
}

/* list */
.booked-list-view .booked-appt-list {
  background: var(--theme-color-alter_bg_color);
}
.booked-list-view .booked-appt-list p,
.booked-list-view .booked-appt-list h1, .booked-list-view .booked-appt-list h2, .booked-list-view .booked-appt-list h3, .booked-list-view .booked-appt-list h4, .booked-list-view .booked-appt-list h5, .booked-list-view .booked-appt-list h6 {
  color: var(--theme-color-alter_text);
}
/*# sourceMappingURL=quickcal.css.map */