.mpwpb_recurring_booking_area {
margin-top: 10px;
padding: 0px 15px;
background-color: var(--mpwpb_color_light);
border-radius: 5px;
clear: both;
width: 100%;
box-sizing: border-box;
}
.mpwpb_recurring_booking header {
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.mpwpb_recurring_toggle {
display: flex;
align-items: center;
margin-bottom: 5px;
gap: 20px;
}
.mpwpb_recurring_toggle label {
margin-left: 10px;
font-weight: 500;
} .switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
}
input:checked + .slider {
background-color: var(--mpwpb_color_theme);
}
input:focus + .slider {
box-shadow: 0 0 1px var(--mpwpb_color_theme);
}
input:checked + .slider:before {
transform: translateX(26px);
}
.slider.round {
border-radius: 24px;
}
.slider.round:before {
border-radius: 50%;
} .mpwpb_recurring_settings {
padding: 0px;
border-radius: 5px;
margin-top: 5px;
}
.mpwpb_recurring_type,
.mpwpb_recurring_count {
margin-bottom: 15px;
}
.mpwpb_recurring_type{margin-top:10px; }
.mpwpb_recurring_type label,
.mpwpb_recurring_count label {
display: block;
margin-bottom: 5px;
font-weight: 500;
}
.mpwpb_recurring_type select,
.mpwpb_recurring_count input {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
.mpwpb_recurring_count p.description {
font-size: 12px;
color: #666;
margin-top: 5px;
}
.mpwpb_recurring_discount {
background-color: #e9f7ef;
border-radius: 4px;
margin-bottom: 15px;
}
.mpwpb_recurring_dates {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed #ddd;
}
.mpwpb_recurring_dates h4 {
margin-bottom: 10px;
}
#mpwpb_recurring_dates_list {
list-style: none;
padding: 0;
margin: 0;
}
#mpwpb_recurring_dates_list li {
padding: 8px;
margin-bottom: 5px;
background-color: #f0f8ff;
border-radius: 4px;
border-left: 3px solid #2196F3;
}
#mpwpb_recurring_dates_list li:first-child {
background-color: #e6f7ff;
border-left: 3px solid #0078d7;
font-weight: bold;
}
.mpwpb_staff_member_booking_area{     width: 100%;
box-sizing: border-box;
} .mpwpb_added_staff_holder {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
padding: 5px;
}
.mpwpb_staff_card {
background-color: #ffffff;
border: 1px solid #e2e2e2;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
padding: 5px;
width: 110px;
text-align: center;
transition: all 0.3s ease;
cursor: pointer;
}
.mpwpb_staff_card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.mpwpb_staff_card img {
width: 100px !important;
height: 90px !important;
border-radius: 50% !important;
object-fit: cover;
border: 2px solid #ddd;
margin-bottom: 2px;
}
.mpwpb_staff_name {
font-size: 16px;
font-weight: 600;
color: #333;
}
.mpwpb_weekday_selector {
background-color: #fff;
display: flex;
gap: 10px;
flex-wrap: wrap;
margin: 5px 0px 10px 0px;
padding: 10px;
border-radius: 5px;
border: 1px solid #e1dfdf;
}
.mpwpb_weekday_selector label {
display: flex;
align-items: center;
gap: 4px;
font-size: 14px;
cursor: pointer;
} .mpwpb_recurring_days {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
margin: 6px 0;
background-color: #f9f9f9;
border-left: 4px solid #0073aa; border-radius: 6px;
font-size: 15px;
font-family: Arial, sans-serif;
transition: background 0.2s ease;
}
.mpwpb_invalid_recurring_days {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
margin: 6px 0;
background-color: #efcec4 !important;
border-left: 4px solid #FF5722 !important; border-radius: 6px;
font-size: 15px;
font-family: Arial, sans-serif;
transition: background 0.2s ease;
text-decoration: line-through;
}
.mpwpb_recurring_days:hover {
background-color: #eef6fa;
}
.mpwpb_recurring_actions {
display: flex;
gap: 10px;
}
.mpwpb_recurring_edit_icon,
.mpwpb_recurring_delete_icon {
cursor: pointer;
font-size: 16px;
transition: transform 0.2s ease;
}
.mpwpb_recurring_edit_icon:hover {
color: #0073aa;
transform: scale(1.2);
}
.mpwpb_recurring_delete_icon:hover {
color: #d63638;
transform: scale(1.2);
}
.mpwpb_edit_recurring_datetime_popup {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.mpwpb_edit_recurring_datetime_overlay {
position: absolute;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.mpwpb_edit_recurring_datetime_modal {
position: relative;
background: #fff;
padding: 20px;
z-index: 10000;
width: 300px;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
text-align: center;
}
.mpwpb_edit_recurring_datetime_timeslot_wrap {
display: flex;
flex-wrap: wrap;
gap: 4px;
justify-content: start;
margin: 15px 0;
}
.mpwpb_select_datetime_timeslot {
padding: 10px 12px;
background: #f0f0f0;
border-radius: 6px;
cursor: pointer;
transition: 0.3s;
}
.mpwpb_selected_datetime_timeslot {
padding: 10px 12px;
background: #ebcfcf;
border-radius: 6px;
transition: 0.3s;
color: #fff;
}
.mpwpb_select_datetime_timeslot:hover {
background: #0073aa;
color: #fff;
}
.mpwpb_edit_recurring_datetime_input_wrap {
margin-bottom: 15px;
}
.mpwpb_edit_recurring_datetime_input {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
.mpwpb_edit_recurring_datetime_close {
background: #d63638;
color: white;
padding: 8px 16px;
border: none;
border-radius: 6px;
cursor: pointer;
}
.mpwpb_recurring_datetime_set {
background: #03A9F4;
color: white;
padding: 8px 16px;
border: none;
border-radius: 6px;
cursor: pointer;
}
.mpwpb_edit_recurring_datetime_close:hover {
background: #b32d2e;
}
.mpwpb_edit_date_btn_holder{
display: flex;
justify-content: space-between;
gap: 10px;
}
.mpwpb_selected_time{
background: #03A9F4;
color: #fff;
}
.mpwpb_recurring_time_holedr{
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: start;
}
.mpwpb_seleted_date_text{
text-decoration: line-through;
color: #d9947e;
}
.mpwpb_style.mpwpb-static-template .sidebar .mpwpb_static_area
{
z-index: 999;
}
.mpwpb_service_button span{font-size:14px;}
button.to-book.mpwpb_time_btn
{
font-size: 14px;
padding: 10px !important;
background: #f2f2f2;
border: 1px solid #bfbfbf;
color:#000
}
.mpwpb-popup-content .mpwpb_cart_progress_step.active{color: var(--mpwpb_color_theme_cc);}
.mpwpb_cart_progress_wrapper .mpwpb_cart_progress_step.active .mpwpb_cart_progress_circle {background: var(--mpwpb_color_theme_cc);}
button._mpBtn_dBR.mActive.mpwpb_service_next {font-size: 16px;}
.mpwpb-static-template .sidebar [class*=_mpBtn]{font-size:16px !important;}
.mpwpb_style .mpBtn, .mpwpb_style [class*="_mpBtn"], .mpwpb_style button{font-size:16px;}
.mpwpb_extra_service_item span[data-text] {font-size: 12px;}
.mpwpb_service_item ._equalChild span {font-size: 12px;}
.mpwpb_item-template-default .mpwpb-static-template .sidebar .mpwpb_static_theme .mpwpb_popup .mpwpb_popup_main_area .mpwpb_popup_body .mpwpb-popup-content .service-items .mpwpb_category_section .mpwpb_sub_category_area {
margin-left: 0px;
}
input#mpwpb_recurring_count {
margin-bottom: 15px;
}
button.to-book.mpwpb_time_btn {
width: 18%;
}
select#mpwpb_recurring_type, input#mpwpb_recurring_count {
border-radius:5px;
}
div#mpwpb_recurring_booking_area {
padding-bottom: 5px;
}