@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body {

  font-family: "Roboto", sans-serif;

}

ul,

li,

ol {

  margin: 0;

  padding: 0;

  list-style: none;

}

a {

  text-decoration: none;

}




/* button{cursor: pointer;} */



/* CSS */

.head-box {

  padding: 60px 40px;

  background: #fafbfc;

}

.head-box h2 {

  font-size: 36px;

  color: #323232;

  line-height: 40px;

  margin: 0 0 45px;

}

.head-box p {

  font-size: 16px;

  color: #555;

}

.plugin_main_wrap {

  border-top: 2px solid #555;

}

.plugin_tabs ul {

  display: inline-flex;

  align-items: center;

  border-radius: 3px;

  overflow: hidden;

}

.plugin_head_box {

  padding: 15px;

}

.tab_link {

  border: none;

  font-size: 17px;

  padding: 10px 15px;

  color: #3f454c;

  font-weight: 500;

  background: #dee2e6;

}

.tab_link:hover,

.tab_link.active {

  background: #bec5cc;

}

.content_tab {

  display: none;

}

.date_zon_table {

  border-collapse: collapse;

  background: #f9fbff;

}

.date_zon_table,

.date_zon_table td,

.date_zon_table th,

.date_zon_table tr {

  border: 1px solid #ededed;

}



/* .td_div {min-height: 22px; border: 1px solid #ccc;border-radius: 2px;background: #fff;} */

.date_zon_table td,

.date_zon_table th {

  padding: 0;

  font-size: 14px;

  position: relative;

}

.date_zon_table td.time_zone,

.date_zon_table th:first-child {

  vertical-align: top;

  text-align: center;

  background: #fff;

}

.date_zon_table th {

  font-weight: 500;

  color: #555;

  padding: 5.5px;

  text-align: center;

}

.date_zon_table td {

  height: 23px;

}

.td_div img {

  max-width: 15px;

  margin-right: 3px;

}

.td_div {

  opacity: 0;

  height: 22px;

  font-size: 13px;

}

.td_div button {

  width: 100%;

  border: none;

  background: transparent;

  color: #fff;

  height: 100%;

  display: none;

  align-items: center;

  justify-content: center;

}

.hoverable td:not(.time_zone):hover {

  background: transparent;

  cursor: pointer;

  color: #fff;

}

.hoverable td:hover .td_div {

  opacity: 1;

}

.hoverable td:hover .td_div button {

  display: flex;

  cursor: pointer;

}

.hoverable .available td:not(.time_zone):hover {

  background: #008000a6;

  cursor: pointer;

}



/* .date_zon_table .not_available td:not(.time_zone):hover{background: #800b00a6;} */

.hoverable .not_available td:not(.time_zone):hover {

  background: #800b00d6;

  cursor: not-allowed;

}

.date_zon_table .not_available {

  background-color: gray;

}

.date_zon_table .not_available {

  background-color: #d3d3d3;

}

.resize_box {

  min-height: 22px;

  background: #fff;

  text-align: center;

  border: 1px solid #ccc;

  border-radius: 2px;

}

.selected_time_zone .td_div {

  display: none;

}



/* table.date_zon_table.clicked */

.tr_selected td:hover button,

.tr_selected td:hover {

  cursor: pointer;

}

.plugin_tabs li {

  margin: 0;

  padding: 0;

}

.tab_link {

  line-height: 20px;

}

.plugin_tabs ul {

  padding: 0;

  margin: 0;

}

.resize_box p {

  margin: 0;

}



/* Calender css */

.weekdays,

.calendar-days {

  display: flex;

  flex-wrap: wrap;

}

.weekday-name,

.calendar-days > div {

  cursor: pointer;

  width: 14.27%;

  height: 170px;

  color: #247fff;

  font-weight: 400;

  font-size: 14px;

  border: 1px solid #ccc;

  text-align: left;

  padding: 5px 15px;

}

.weekday-name {

  font-weight: 500;

  height: auto;

  color: #6c757d;

}

.padding-day {

  color: #6c757d !important;

  user-select: none;

}

.calendar-days > div.desable {

  color: #6c757d !important;

  cursor: not-allowed;

}

.current-day,

.calendar-days > div.active {

  font-weight: 600;

  background-color: #ce090a40;

  color: #ce090a;

  transition: 0.1s;

  cursor: pointer;

}

.weekday-name,

.calendar-days > div {

  border-bottom: none;

  border-right: none;

}

.grid_table th {

  font-weight: 500;

  color: #555;

  padding: 5.5px;

  text-align: center;

  font-size: 14px;

}

.grid_table td {

  font-size: 14px;

  padding: 30px 7px;

}

.weekdays {

  border-right: 1px solid #ccc;

}

.calendar-days {

  border-bottom: 1px solid #ccc;

  border-right: 1px solid #ccc;

}

.plugin_tab_content {

  padding: 0 15px;

}

.resize_box {

  position: relative;

  height: 100%;

}

.book-button-box button {

  border-radius: 0;

  font-size: 12px;

  padding: 0;

  min-height: 24px;

  border: none;

  margin: 0;

  background: #fff;

  color: #000;

  cursor: n-resize !important;

}

.book-button-box button:hover {

  background: #fff;

  color: #000;

}

.book-button-box {

  position: absolute;

  width: 100%;

  top: 0;

}

.book-button-box button {

  border-radius: 0;

  font-size: 12px;

  padding: 0;

  min-height: 20px;

  border: none;

  margin: 0;

  background: #fff;

  color: #000;

  cursor: n-resize !important;

  height: 100%;

  display: block;

  width: 100%;

}

.resize_box {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.tr_selected .ui-resizable {

  line-height: 20px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100% !important;

  z-index: 1;

}

.close-button-box img {

  max-width: 15px;

}

.plugin_tabs {

  display: flex;

  align-items: center;

}

.day-datepick-fs-ui {

  margin-left: 10px !important;

}



/* Month calendar */

#month-calender .ui-datepicker-calendar {

  width: 100%;

  border-collapse: collapse;

}

#month-calender .ui-datepicker-calendar td,

#month-calender .ui-datepicker-calendar th {

  text-align: left;

  padding: 10px;

  font-size: 14px;

}

#month-calender .ui-datepicker-calendar td {

  height: 115px;

  vertical-align: top;

}

#month-calender .ui-datepicker-calendar td,

#month-calender .ui-datepicker-calendar th,

#month-calender .ui-datepicker-calendar tr {

  border: 1px solid #ccc;

}



/* #month-calender .ui-datepicker-header a {background: #c4c4c4;cursor: pointer; margin-right: 7px;padding: 7px;display: inline-block;color: #fff;border-radius: 3px;} */

#month-calender .ui-datepicker-header {

  display: none !important;

}



/* #month-calender .ui-datepicker-title {font-size: 16px;} */

#month-calender .ui-datepicker-calendar td,

#month-calender .ui-datepicker-calendar td a {

  color: #333;

  text-decoration: none;

}

#month-calender .ui-datepicker-today {

  background: #ce250c42;

  color: #ce250c !important;

}

#month-calender .ui-datepicker-today a {

  font-weight: 500;

  color: #ce250c !important;

}

#month-calender .ui-state-disabled {

  background: #edeaea;

  cursor: not-allowed !important;

}

#month-calender .ui-datepicker {

  width: 100%;

  background: transparent;

  border: none !important;

}

#month-calender .ui-datepicker-calendar td a,

.ui-state-default,

.ui-widget-content .ui-state-default {

  background: transparent !important;

  border: none !important;

  width: auto;

  display: inline-block;

}



/* Model  */

.studio-popup-outer {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 99;

}

div#ui-datepicker-div {

  z-index: 9999 !important;

}

.model-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #0007;

}

.model_cnt_box {

  background: #fff;

  position: relative;

  z-index: 1;

  width: 550px;

}

.model_header {

  background: #1e1e1e;

  position: relative;

  padding: 12px 15px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.not_available_popup .model_header {

  background: #ce250cd6;

}

.model_header .close_pop {

  background: transparent;

  padding: 0;

  cursor: pointer;

  border: none;

}

.model_header h3 {

  color: #fff;

  font-size: 20px;

  font-weight: 500;

  margin: 0 !important;

  line-height: 26px;

}

.model_body {

  padding: 20px;

}

.model_body p {

  font-size: 16px;

  margin: 0 0 20px;

  line-height: 24px;

}

.msg_info {

  padding: 15px;

  background: #ce250c2b;

  border-radius: 3px;

  color: #ce250c;

  margin: 0 0 30px;

}

.model_body .close_pop {

  padding: 7px 20px;

  font-size: 15px;

  line-height: 24px;

  border-radius: 3px;

  background: transparent;

  border: 1px solid #ced4da;

}

.model_body .close_pop:hover {

  background: #ced4da;

}

.calender-action {

  display: inline-block;

}

.calender-action button {

  background: #dee2e6;

  padding: 7px;

  border-radius: 0 !important;

}

.calender-action .btn-group-action {

  display: flex;

  margin-right: 7px;

}

.calender-action + input {

  border: none !important;

  padding: 0 !important;

  display: inline-block;

  width: auto !important;

}

.calender-action button img {

  max-width: 13px;

  opacity: 0.7;

}

.calender-action button.prev_day img {

  transform: rotate(90deg);

}

.calender-action button.next_day img {

  transform: rotate(-90deg);

}

.calender-action button:hover {

  background: #ccc;

}



/* Datepicker */

div#ui-datepicker-div table.ui-datepicker-calendar {

  background: #fff;

}

div#ui-datepicker-div table.ui-datepicker-calendar th,

div#ui-datepicker-div div#ui-datepicker-div table.ui-datepicker-calendar td {

  font-size: 14px;

}

div#ui-datepicker-div table.ui-datepicker-calendar,

div#ui-datepicker-div table.ui-datepicker-calendar th,

div#ui-datepicker-div table.ui-datepicker-calendar td {

  border: none;

}

div#ui-datepicker-div table.ui-datepicker-calendar td {

  padding: 0;

  text-align: center;

}

div#ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a {

  background: #ce250c !important;

  color: #fff;

}

div#ui-datepicker-div table.ui-datepicker-calendar td a {

  display: flex;

  width: 44.5px;

  height: 44.5px;

  align-items: center;

  justify-content: center;

  color: #000;

  border-radius: 100%;

}

div#ui-datepicker-div table.ui-datepicker-calendar td:hover a {

  background: #ccc;

}

div#ui-datepicker-div .ui-datepicker-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 15px;

  background: #fff;

  border-bottom: 1px solid #ccc;

}

div#ui-datepicker-div a.ui-datepicker-next {

  order: 2;

  background: url(https://dev.wp-champs.com/mfsquash/wp-content/uploads/2022/05/down-arrow-1.png)

    no-repeat center center;

  font-size: 0;

  width: 20px;

  height: 20px;

  transform: rotate(-90deg);

  background-size: 15px;

  cursor: pointer;

}

div#ui-datepicker-div a.ui-datepicker-prev {

  background: url(https://dev.wp-champs.com/mfsquash/wp-content/uploads/2022/05/down-arrow-1.png)

    no-repeat center center;

  font-size: 0;

  width: 20px;

  height: 20px;

  transform: rotate(90deg);

  background-size: 15px;

  cursor: pointer;

}

div#ui-datepicker-div a.ui-datepicker-prev span,

div#ui-datepicker-div a.ui-datepicker-next span {

  display: none;

}

div#ui-datepicker-div {

  width: 325px !important;

}

.calender-action button.prev_day {

  border-radius: 3px 0 0 3px !important;

}

.calender-action button.next_day {

  border-radius: 0 3px 3px 0 !important;

}

div#ui-datepicker-div a.ui-datepicker-next,

div#ui-datepicker-div a.ui-datepicker-prev {

  top: 13px;

  background-size: 13px;

}

div#ui-datepicker-div .ui-datepicker-title {

  font-size: 14px;

  font-weight: 600;

}

div#ui-datepicker-div .ui-datepicker-header {

  display: flex;

  align-items: center;

  border: none;

  border-bottom: 1px solid #ccc;

  border-radius: 0;

}



/* 09 May 22 */

.booking-info {

  padding-top: 25px;

}

/* .booking-info form {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

} */

/* .booking-info .fs-form-group {

  width: calc(100% - 100px);

} */

.booking-info input {

  width: 100%;

  border: 1px solid #ccc;

  box-shadow: none;

  outline: none;

  padding: 7px;

}

.booking-info label {

  font-size: 15px;

  line-height: 24px;

  margin: 0 0 5px;

  display: block;

}

.booking-info button,

.booking-info button,

.booking-info-form2 form > button.button {

  background: #2b9363;

  font-size: 16px;

  min-width: 120px;
  color: #fff;

}

.booking-info button:hover,

.booking-info-form2 form > button.button:hover {

  background: #1e1e1e;

}

.booking-form .model_body {

  padding: 35px 30px;

}

.booking-form h4,

.booking-form-step2 h4 {

  font-size: 20px;

  font-weight: 500;

  line-height: 26px;

  padding: 0;

  margin: 0px 0 7px;

}

.booking-form p {

  font-size: 15px;

  font-weight: 400;

}

.model_cnt_box {

  max-height: calc(100% - 60px);

  overflow-y: auto;

}

.booking-form-step2 h4 {

  margin: 0 0 25px;

}

.booking-info-form2 label {

  font-size: 15px;

  line-height: 24px;

  margin: 0 0 5px;

  display: block;

}

.booking-info-form2 input,

.booking-info-form2 select,

.booking-info-form2 textarea {

  border: 1px solid #ccc !important;

  box-shadow: none;

  outline: none;

  margin: 0 0 15px;

}

.booking-info-form2 .fields_row {

  display: flex;

  align-items: flex-end;

  flex-wrap: wrap;

  margin: 0 -5px;

}

.booking-info-form2 .fields_row > div {

  width: 33.33%;

  padding: 0 5px;

}

.booking-info-form2 select {

  background-size: 13px;

}

.booking-info-form2 input#booking_date {

  background: url(https://dev.wp-champs.com/mfsquash/wp-content/plugins/fitness-studio/assets/img/select-arrow-down.svg)

    no-repeat right 10px center;

  background-size: 13px;

}

.booking-form-step2 .model_cnt_box {

  width: 700px;

}

.booking-form .model_header {

  padding: 15px 30px;

}

.fs_booking_tel {

  display: flex;

}

.fs_booking_tel select#booking_country {

  width: 25%;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.fs_booking_tel input#booking_telephone {

  width: 75%;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  margin-left: -1px;

}

.booking-info-form2 textarea {

  height: 90px;

}

.fs_50 {

  width: 50% !important;

  padding: 0 5px;

}

span.required {

  color: red;

}

.booking-info-form2 form > button#bookingcancel {

  background: TRANSPARENT;

  color: #686868;

  border: 1px solid #ccc;

}

.booking-info-form2 form > button#bookingcancel:hover {

  background: #e7e7e7;

}

.fs_turms {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

}

.fs_turms p {

  line-height: 18px;

  margin: -2px 0 15px 8px;

}

.fs_turms p a {

  color: #ce090a;

}

.fs-break {

  text-align: center;

  position: relative;

  margin: 25px 0;

}

.fs-break p {

  margin: 0;

  display: inline-block;

  background: #fff;

  z-index: 1;

  position: relative;

  padding: 0 10px;

  text-transform: capitalize;

  font-size: 14px;

}

.fs-break:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 1px;

  background: #e5e5e5;

}

button#bookNowForm {

  background-color: #f9fbff;

  position: absolute;

  right: 15px;

}

.fc-license-message {

  display: none;

}

label.error {

  color: red;

}

form#bookNow .fs-space-group label {

  display: inline-block;

  vertical-align: top;

  margin: 0 1% 10px 0;

  width: 24%;

}

form#bookNow .fs-space-group label input {

  margin: 0 4px 0 0;

  display: inline-block;

}

form#bookNow .fs-space-group label:first-child {

  display: block;

  margin: 0 0 4px;

}

.booking-info button {

  margin-top: 15px;

}

tr .td_day_disabled {

  background: #9391912b;

  pointer-events: none;

}

.overlay-day {

  position: absolute;

  top: 0;

  height: 100%;

  left: 0;

  background: rgba(0, 0, 0, 0.3);

  z-index: 9;

  width: 100%;

}

.overlay-pday {

  position: absolute;

  top: 0;

  height: 100%;

  left: 0;

  background: rgba(0, 0, 0, 0.2);

  z-index: 9;

  width: 100%;

}

.booking-error-alert {

  /*position:fixed;*/

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 99;

}



/*login*/

header.entry-header {

  text-align: center;

}

.loginForm {

  max-width: 600px !important;

  margin: auto;

  padding: 30px;

  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  width: 100%;

}

.loginForm h2 {

  font-size: 30px;

  text-align: center;

}

.loginForm button.close {

  cursor: pointer;

  position: absolute;

  right: -10px;

  top: -10px;

  width: 37px;

  height: 37px;

  background: #ce090a;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  align-content: center;

  font-size: 25px;

  color: #fff;

  border-radius: 60px;

  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);

}

.loginForm {

  position: relative;

}



.loginForm input {

  padding: 15px !important;

  border: 1px solid #e1e1e1 !important;

  height: auto !important;

  border-radius: 3px !important;

  margin: 0 0 10px;

}



button.login-user,

button.registerbtn,

button.forgot-user {

  padding: 7px 20px;

  background: #ce090a;

}

button.login-user:hover,

button.login-user:focus,

button.registerbtn:hover,

button.registerbtn:focus,

button.forgot-user:hover,

button.forgot-user:focus {

  background: #000;

  color: #fff;

}

.loginForm p {

  font-size: 15px;

  color: #444;

}



.loginForm p a {

  color: #ce090a;

}

/*forget*/

form#forgot-form .container.signin {

  margin-top: 10px;

}

/*end*/



.fs-form-group button {

  margin: 10px 0;

}



/* Loader start*/

.lds-ring {

  display: inline-block;

  position: relative;

  width: 50px;

  height: 50px;

}

.lds-ring div {

  box-sizing: border-box;

  display: block;

  position: absolute;

  width: 42px;

  height: 42px;

  margin: 4px;

  border: 4px solid #ce090a;

  border-radius: 50%;

  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

  border-color: #ce090a transparent transparent transparent;

}

.lds-ring div:nth-child(1) {

  animation-delay: -0.45s;

}

.lds-ring div:nth-child(2) {

  animation-delay: -0.3s;

}

.lds-ring div:nth-child(3) {

  animation-delay: -0.15s;

}

@keyframes lds-ring {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



.loaderbox {

  position: absolute;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  align-content: center;

}

/* Loader end */



/* 18 May 22 */

.fc-unthemed td.fc-today {

  background: #ffffff !important;

}

.fc .fc-axis {

  font-size: 14px;

  text-transform: capitalize;

}

#calendar-full table th {

  font-size: 14px;

  font-weight: 500;

  line-height: 30px;

}

/* #calendar-full table th:first-child {width: 49px !important;} */

#calendar-full .fc-toolbar.fc-header-toolbar {

  display: flex;

  align-items: center;

}

#calendar-full .fc-toolbar.fc-header-toolbar > * {

  margin-right: 15px;

}

#calendar-full .fc-toolbar.fc-header-toolbar h2 {

  font-size: 18px;

  font-weight: 400;

}

#calendar-full .fc-toolbar.fc-header-toolbar button {

  text-transform: capitalize;

  color: #3f454c;

  background: #dee2e6 !important;

  border: none;

  box-shadow: none !important;

  text-shadow: none !important;

  height: auto;

  padding: 5px 10px;

  font-size: 15px;

  line-height: 28px;

}

#calendar-full .fc-toolbar.fc-header-toolbar button.fc-state-active {

  background: #bec5cc !important;

}

#calendar-full .fc-toolbar.fc-header-toolbar button.fc-prev-button,

#calendar-full .fc-toolbar.fc-header-toolbar button.fc-next-button {

  padding: 5px !important;

}

.hero-section {

  padding-bottom: 35px;

  border-bottom: 1px solid #ccc;

}

.booking-action button {

  border-radius: 0;

  background: transparent;

  border-color: #babdbf;

  background-color: #e9ecef;

  color: #3f454c;

  padding: 7px 15px;

  font-weight: 500;

}

.booking-action button:first-child {

  border-radius: 4px 0 0 4px;

}

.booking-action button:last-child {

  border-radius: 0 4px 4px 0;

}

.booking-action {

  margin: 0 0 15px;

}

.booking-action button.active,

.booking-action button:hover {

  background: #1e1e1e;

  color: #fff;

}

.fc-listWeek-view td,

.fc-listWeek-view th {

  font-size: 15px;

  text-transform: capitalize;

}

.booking-info-form2 form > button#bookingcancel,

.booking-info-form2 form > button#bookingcancel:hover,

button.cancel-booking,

button.cancel-booking:hover,

.model_body .close_pop,

.model_body .close_pop:hover,

.booking-info .close_pop.grey-001,

.cancel-booking-popup .model_header {

  background: #e13f27;

  color: #fff;

  border-color: #e13f27;

  cursor: pointer;

}

.booking-error-alert .model_header h3 {

  color: #664d03;

}

.model_cnt_box {

  border-radius: 5px;

}

.booking-error-alert .model_header {

  background: #f3e3af;

}

.fc-view .current-user-event{

  background-color: #2b9363 !important;

  border-color: #2b9363 !important;

}

.fc-listWeek-view .current-user-event {
    background-color: #2b936387 !important;
}
.booking_step1 .model_header,

.booking-form-step2 .model_header,

.update-booking .model_header,

.login-popup .model_header {

  background: #7a6f6f;

}

button.edit-booking,

button.edit-booking:hover,

.login-popup .login-button,

.login-popup .login-button:hover {

  background: #2b9363;

}

button.edit-booking,

button.cancel-booking {

  border-radius: 4px;

  color: #fff;

  text-transform: capitalize;

}

.booking-info-form2 .fs-space-group a.button {

  background: transparent;

  color: #6a6a6a;

  border: 1px solid #ccc;

  font-size: 15px;

  min-width: 130px;

  margin-bottom: 10px;

  margin-right: 10px;

}



.login-popup h4 {

  font-size: 20px;

  font-weight: 500;

  line-height: 26px;

  padding: 0 0 15px;

  margin: 0px 0 7px;

}

.login-popup .fs-form-group {

  margin: 0 0 15px;

}

.signin p {

  font-size: 14px;

}

.signin a {

  color: #ce250c;

}

.studio-popup-outer input {

  font-size: 15px;

}

.booking-error-alert h4,

.booking-cancelled h4 {

  font-size: 20px;

  font-weight: 500;

  line-height: 26px;

  margin: 0px 0 7px;

}

.booking-success .booking-info button {

  margin-top: 10px;

  background: transparent;

  color: #747474;

  font-weight: 400;

  border: 1px solid #ccc;

  margin-right: 10px;

  min-width: 133px;

}

.booking-success .booking-info button:hover {

  border: 1px solid #1e1e1e;

}

.booking-success .booking-info h5 {

  margin-bottom: 0;

}

.fs-terms-error {

  width: 100%;

  margin: 0 0 15px;

}

.fs_turms input {

  width: 15px;

}

.fs_turms p {

  width: calc(100% - 28px);

}

.fc-time-grid .fc-bgevent,

.fc-time-grid .fc-event {

  padding: 5px;

  font-size: 12px;

}



.fc-time-grid-event .fc-time,

.fc-time-grid-event .fc-title {

  padding: 0;

  font-size: 12px !important;

  margin: 0 0 5px;

}

.fc-ltr .fc-time-grid .fc-event-container {

  margin: 0 0% 0 0 !important;

}

.fc-unthemed .fc-divider,

.fc-unthemed .fc-list-heading td,

.fc-unthemed .fc-popover .fc-header {

  background: #ce250c21 !important;

  border: none;

}

.fc .fc-list-table {

  border: none;

}

.booking-info-form2 select,

.booking-info-form2 input {

  font-size: 15px !important;

}

select option.disabled {

  background: #e3e3e3;

  cursor: not-allowed !important;

}

/* .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; color: #ce250c; font-size: 15px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #ce250c0d; margin: 7px; } */

a.fc-more {

  color: #ce250c;

  font-size: 14px !important;

  background: #ce250c0d;

  display: inline-block;

  padding: 2px 10px;

  border-radius: 4px;

  margin-left: 4px !important;

  margin-top: 4px !important;

}

.fc-unthemed .fc-list-heading td a,

#calendar-full table th a {

  color: #323232;

  font-weight: 500;

}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {

  float: right;

  color: #000000;

  font-size: 15px;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 100%;

  background: #a098974f;

  margin: 7px;

}



.booking-cancelled .booking-info button {

  margin-right: 7px;

  margin-top: 0;

}



td.fc-list-item-time {

  display: none;

}

.fc-content .fc-time span {

  display: none;

}



.entry-content {

  position: relative;

}

button#bookNowForm {

  width: auto;

  top: -11px;

  right: 0;

  margin: 0 !important;

  padding: 0 !important;

}

div#calendar-full {

  position: relative;

}



.tooltipevent {

  padding: 2px 10px;

  border-radius: 4px;

  font-size: 14px;

}

#calendar-full .fc-view.fc-agendaDay-view.fc-agenda-view { max-height: 60vh; overflow: auto; } 
.fc-content .fc-time { display: none !important; } 
.studio-notice p { background-color: red; color: white; font-size: 18px; font-weight: 600; padding: 10px 10px; }

/* 06-06-2022 */
div#wpcontent .view-info-detail table { width: 100%; border-collapse: collapse; } 
div#wpcontent .view-info-detail table tr,div#wpcontent .view-info-detail table tr td,div#wpcontent .view-info-detail table tr th {text-align: left;border-bottom: 1px solid #ccc;} 
div#wpcontent .view-info-detail table tr th,div#wpcontent .view-info-detail table tr td { padding: 10px 0; font-size: 15px; }
div#wpcontent .view-info-detail { padding-bottom: 10px; }
div#wpcontent button.edit-booking,div#wpcontent button.edit-booking:hover,div#wpcontent .login-popup .login-button,div#wpcontent .login-popup .login-button:hover{border: none;}
div#wpcontent .past-booking-cancel { margin-left: 4px !important; background: red; border: none; color: #fff; border-radius: 4px; font-weight: 500; } 
div#wpcontent .past-booking-cancel:disabled { cursor: not-allowed; opacity: 0.4; }
div#wpcontent button#update-booking { color: #fff; }
button#bookNowbutton{color: #fff;}
div#wpcontent button.cancel-booking { margin-left: 4px; border: none; }
div#wpcontent button#cancelBooking { background: #e13f27; color: #fff; border-color: #e13f27; cursor: pointer; padding: 7px 20px; font-size: 15px; line-height: 24px; border-radius: 3px; } 
div#wpcontent button.button.close_pop.grey-001 { background: #b6b6b6; border-color: #b6b6b6; }
div#wpcontent .model_body h4 { font-size: 24px; margin-top: 0; line-height: 26px; margin-bottom: 15px; }
button.add-notes { margin-left: 4px !important; background: white; color: #656464; font-size: 15px; border-radius: 4px; font-weight: 500; border: 1px solid;}
textarea#booking_notes { width: 100%; margin: 15px 0; }
.event-action button {
  padding: 10px;
}
.fc-nonbusiness.fc-bgevent { cursor: not-allowed !important; } 
td.fc-widget-content { cursor: pointer; }
#wpcontent .booking-info-form2 select, #wpcontent .booking-info-form2 input {
  font-size: 15px !important;
  width: 100%;
}
a.logout-ico {
  position: absolute;
  top: -14px;
  right: 75px;
  background: #ce090a;
  padding: 10px 13px 10px 13px;
  border-radius: 30px;
}

.logout-ico img {
  transform: scaleX(-1);
}
#bookNowForm svg, .logout-ico img {
  max-width: 50px;
}

/* Responsive */



@media (max-width: 991px) {

  .booking-notice p {

    padding: 5px 5px;

    background-color: #00bd8b;

    color: white;

    font-size: 15px;

    font-weight: 500;

    line-height: 21.2px;

  }

  div#calendar-full > .fc-view-container {

    overflow-x: auto;

  }

  div#calendar-full > .fc-view-container > .fc-agenda-view,

  div#calendar-full > .fc-view-container > .fc-month-view {

    width: 950px;

  }

}



@media (max-width: 767px) {

  .booking-form-step2 .model_cnt_box {

    width: 500px;

  }

  /*login*/

  header.entry-header h1.page-title {

    font-size: 22px;

    line-height: 25px;

  }

  .loginForm h2 {

    font-size: 20px;

    text-align: center;

    line-height: 22px;

  }

  /* 19 May 22 */

  #calendar-full .fc-toolbar.fc-header-toolbar {

    flex-wrap: wrap;

  }

  #calendar-full .fc-toolbar.fc-header-toolbar .fc-left {

    width: 100%;

    margin: 0 0 15px;

  }

  button#bookNowForm {

    bottom: 40px;

  }

  button#bookNowForm svg, .logout-ico img {

    max-width: 40px;

  }
  a.logout-ico {
    position: absolute;
    top: -11px;
    right: 58px;
    padding: 5px 7px 7px 10px;
}

  form#bookNow .fs-space-group label {

    min-width: 115px;

  }

  div#ui-datepicker-div {

    width: 290px !important;

  }

  div#ui-datepicker-div table.ui-datepicker-calendar td a {

    width: 39px;

    height: 39px;

  }

}

@media (max-width: 575px) {

  .booking-error-alert {

    padding: 0 15px;

  }

  .studio-popup-outer {

    padding: 0 15px;

  }

  .booking-info-form2 .fields_row {

    flex-wrap: wrap;

  }

  .booking-info-form2 .fields_row > div {

    width: 100%;

  }

  .fs_50 {

    width: 100% !important;

  }

  .booking-info-form2 .fields_row > div:not(:first-child) {

    width: 50%;

  }

  .model_cnt_box,

  .booking-form-step2 .model_cnt_box {

    max-height: calc(100% - 30px);

    width: 100%;

  }

  /* 19 May 22 */

  .fc-list-view table + table tr.fc-list-item {

    display: flex;

    flex-wrap: wrap;

    border-bottom: 1px solid #ccc;

  }

  .fc-list-view table + table tr.fc-list-item td.fc-list-action {

    display: block;

    width: 100%;

    border: none !important;

  }

  .fc-list-view table + table tr.fc-list-item td {

    border: none;

  }

}