/* Create Color variables here
 * follow this link for Color name
 * https://chir.ag/projects/name-that-color/
 * and use $c prefix.
 * use lowercase for color code and variable name 
 * i.e $c-black: #000000; */
/* Create Typo variables here
 * use $ff prefix for font family
 * use $fs for font size
 i.e $ff-roboto-b: Roboto-bold;
 * $fs-large: 40px; */
/* Placeholders */
/* Mixins */
/* SCSS Functions */
/* Enter Your Global CSS here */
* {
  box-sizing: border-box;
}

*:after, *:before {
  box-sizing: border-box;
}

/* Enter Button Global CSS Here */
/* Header CSS */
/* Footer CSS */
/* Navigation CSS */
/* Sidebar CSS */
/* About page css */
/* Home Page CSS */
/* Booking page using shortcode css */
.mwb-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

#mwb_bfwp_filter_form {
  border-radius: 4px;
  padding: 30px 20px 35px;
  margin: 40px 0;
  max-width: 500px;
  clear: both;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.mwb_bfwp_service_label, .bfwp-people-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.mwb_bfwp_additional_service__wrapper {
  margin-bottom: 10px;
}

.mwb_bfwp_additional_service__wrapper .bfwp-people-field__wrapper {
  margin-bottom: 20px;
}

.mwb-bfwp-additionl-detail-listing-section__wrapper {
  margin-bottom: 20px;
}

#mwb_bfwp_filter_product_button {
  border: 1px solid #cccccc;
  padding: 7px 15px;
}

#mwb_bfwp_filter_product_button:hover {
  cursor: pointer;
}

.mwb-flex label {
  max-width: 50%;
  flex: 0 0 100%;
}

#mwb_bfwp_filter_form input {
  border: 1px solid #d2d2d2;
  max-width: 100px;
  padding: 5px 7px;
  margin: 0;
}

#mwb_bfwp_filter_form input:focus {
  outline: none;
}

.bfwp-additionl-detail-listing-section {
  display: flex;
  align-items: center;
}

.bfwp-additionl-detail-listing-section input[type=checkbox] {
  margin-right: 5px !important;
}

.bfwp-additionl-detail-listing-section label {
  text-transform: capitalize;
}

.theme-oceanwp #mwb_bfwp_filter_form .bfwp-additionl-detail-listing-section input[type=checkbox] {
  padding: inherit;
}

.theme-flatsome #mwb_bfwp_filter_form label {
  margin: 0;
}

.mwb-bfwp-reschedule-field__wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 16px 0;
}

.mwb-bfwp-reschedule-field__wrapper label {
  max-width: 55px;
  flex: 0 0 100%;
}

.mwb-bfwp-reschedule-field__wrapper input {
  max-width: 135px;
}

div.mwb-user-reschedule-button__wrapper {
  text-align: center;
}



/* .xdsoft_calendar table  td.xdsoft_date , div.xdsoft_time {
  color:white !important;
  background-color: green !important;
  opacity: 1 !important;
}

.xdsoft_calendar table td.xdsoft_disabled, div.xdsoft_disabled{
  background-color: red !important;
  opacity: 1 !important;
}
.xdsoft_calendar table td.xdsoft_disabled :hover{ 
  color:black !important;
}
.xdsoft_calendar table td div{
  color:white !important;
} */

.wps_bfwp_availability_color{
  height: 20px;
  width: 20px;
  margin-left: 30px;
  background-color: green;
  display: inline-block;
}
.wps_bfwp_unavailability_color{
  height: 20px;
  width: 20px;
  background-color: red;
  display: inline-block;
  margin-left: 11px;
}







.tooltip {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  background-color: #555;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size: 12px;
}

/* Tooltip text */
.tooltip-text {
  visibility: hidden;
}

/* Show tooltip on hover */
.flatpickr-days .flatpickr-day:hover .tooltip {
  visibility: visible;
}