* {
box-sizing: border-box;
}
*:after, *:before {
box-sizing: border-box;
}        .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;
} .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 {
visibility: hidden;
} .flatpickr-days .flatpickr-day:hover .tooltip {
visibility: visible;
}