body{ width: 100% !important; }

.custom-login.login_page_bg { background-color: #1d2141; }

.custom_text_color a, .custom_text_color p, .custom_text_color span,.custom_text_color h2 { color: #ffffff !important; }

body .custom_text_color .text-primary{ color: #c5ccdb !important; }

.img-fluid.login_logo { max-width: 200px; height: auto; margin-bottom: 50px; }

.custom_card .card-body { background-color: #1d2141 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 40px 50px !important; }

.site_input_tags{ background: #ffffff1a; border: none; color: #c5ccdb; height: 50px; margin-top: 1px; }

.site_input_tags::placeholder{ color: #c5ccdb; }

.site_input_tags.email_input_f { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.site_input_tags.password_input_f { border-top-left-radius: 0; border-top-right-radius: 0; }

.custom_form_group label{ color: #ffffff; }

.custom-login .site_input_tags:focus{ background: #ffffff1a; color:rgb(175, 184, 206); border: none; box-shadow:none !important; }

.login_button.site_btns{ background: #e44f24; border: none; border-radius: 5px; color: #ffffff; font-size: 17px; font-weight: 400; margin-bottom: 30px; margin-top: 40px; padding: 10px 25px; width: 100%; }

.login_button.site_btns:hover{ background-color: #c64520; }

.custom_site_form_group .form-group{ margin-bottom: 0px; }

.menu-section { margin-top: 1.5rem; margin-bottom: 0.75rem; }

.menu-section-title { color: #ffffff; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 0px 18px; margin: 0; }

.custom_sidebar .navbar-content{ background-color: #21263c !important; }

.custom_sidebar .m-header{ background-color: #1d2141 !important; }

.btn-primary.today_green_button { opacity:unset !important; background:#e44f24 !important; color:#ffffff !important; }

.checkbox_option .checkbox_input input{ padding: 10px 10px; width: 19px; height: 19px; } 

.checkbox_label label{ cursor: pointer; user-select: none; color: #333; text-transform: capitalize; padding: 0px !important; font-weight: 400; font-size: 16px; margin-bottom: 0px;}

.change_flex_component { width: 100%; } 

.multiple_services_single_staff_sec {border: 1px solid #CCCCCC;}

.change_flex_component label{margin-bottom: 0px;}

.service_options_group__compact { display: flex; flex-wrap: wrap; gap: 12px; } 

.service_options_group__item { display: flex; align-items: center; gap: 6px; } 

.service_options_group__checkbox input{ width: 19px !important; height: 19px !important; cursor: pointer;} 

.service_options_group__label { display: inline-flex !important; text-align: left !important; max-width: 100% !important; margin-bottom: 0px !important; cursor: pointer; }

.service_setting_toggle{ box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3); transition: box-shadow 0.3s ease-in-out; padding: 8px 10px; }

.category_group_section { border-bottom: 1px solid #dfe2e8; transition: background 0.3s; } 

.service_options_group .cart_form_label { border-bottom: 1px solid #dfe2e8; margin-bottom: 0px; padding-bottom: 15px; } 

.service-category-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 25px 25px 24px; } 

.multiple_services_single_staff_sec .service-category-header {padding: 20px 15px 20px;}

.service-category-header p{ font-size: 16px; font-weight: 600; text-transform: uppercase; } 

.more_service_info_btn { display: block; margin-top: 2px; text-decoration: underline; font-size: 14px; transition: all 0.2s ease-in-out;}

.more_service_info_btn:hover { color: #007bff; } 

.service_content_info{ font-size: 16px; }

.service_content_popup { max-width: 500px; padding: 0px; background: #fff; border-radius: 8px; } 

.service_content_popup .dialog-heading { font-size: 18px; padding: 20px 20px; font-weight: 500; background-color: #00000015; } 

.service_content_popup .dialog-body { padding: 20px 20px; } 

/* terms-accept form start */

.terms-and-conditions {  } 

.terms-and-conditions article { margin-bottom: 15px; } 

.terms-and-conditions h4 { font-size: 16px; margin-bottom: 5px; color: #555; }

.custom-checkbox { position: relative; display: inline-flex; align-items: center; cursor: pointer; font-size: 14px; user-select: none; padding-left: 17px; } 

.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } 

.custom-checkbox .checkmark { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 18px; width: 18px; border: 2px solid #07CCEC; border-radius: 4px; background: #fff; transition: background 0.2s ease; } 

.custom-checkbox .checkmark::after { content: ""; position: absolute; display: none; left: 4px; top: 0px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } 

.custom-checkbox input:checked ~ .checkmark { background: #07CCEC; } 

.custom-checkbox input:checked ~ .checkmark::after { display: block; } 

.custom-checkbox .label-text { margin-left: 8px; color: #333; }

.form-group.terms_form_group .custom-checkbox{margin-bottom: 0px;}

.form-group.terms_form_group {display: flex; flex-direction: column;}


/* terms-accept form end  */

.service-list .custom-service-tile-compact { padding: 10px 10px 10px; border-radius: 0px; }

.custom-service-tile input[type="radio"] { display: none; }

.custom-service-tile .custom-service-inner{ padding: 0px!important; display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 3px;}

.label-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } 

.service_name_info { display: flex; flex-direction: column; }

.flexible_days_info { font-size: 12px; color: #666; margin-top: 2px; text-transform: uppercase; text-align: left; } 

.service_price_info { font-weight: bold; text-align: right; }

.custom-service-tile {border-top: .5px solid #dfe2e8; display: flex;  align-items: center; background-color: #fff; border-radius: 6px; margin-bottom: 0px; cursor: pointer; transition: color 0.3s ease;  align-items: flex-start; gap: 0px 3px;  padding: 25px 25px 24px;} 

.custom-service-tile input[type="radio"] { display: none; }

.custom-service-tile .checkbox_label { width: 100%; } 

.custom-service-tile label { display: flex; align-items: center; justify-content: space-between; padding: 5px 7px; width: 100%; cursor: pointer; color: #333; transition: color 0.3s ease; } 

.custom-service-tile span { transition: all 0.3s ease-in-out; }

.custom-service-tile span:hover { color: #007bff; } 

.custom-service-tile.active span { color: #007bff; } 

.step-section.hidden { display: none; }

.step-section.mainServiceContainer { padding: 30px 0px; }

.staff-selection-container .custom-service-tile{ padding: 20px 25px 20px; margin-bottom: 0px; border-radius: 0px; border-top: .5px solid #dfe2e8; } 

.cart-service-list{ padding: 20px 25px 20px; } 

.step-container.staff_selection_by_service{ padding: 25px 25px 24px; }

.service-category-header.active { background: #00000015; } 

.service-category-header svg { transition: transform 0.3s ease; width: 13px; height: 13px; fill: #8c8f98; } 

.service-category-header.active svg { transform: rotate(90deg); }

.check-box-div { margin: 0 !important; display: block !important;  } 

.slot-group .time_slot_label { display: inline-block; margin-bottom: 10px; font-size: 16px; padding-left: 10px; } 

.time-slot-list { display: flex; flex-wrap: wrap; } 

.myContainer{ max-width: 947px; width: 100%; margin: 0 auto; }

.myContainer.mycontainer_custom_layout{ max-width: 1050px; }

.selected-services_main{ margin-bottom: 20px; }

.selected-service-box { padding: 3px 0px; display: flex; align-items: center; justify-content: space-between; } 

.selected-service-box .cart-item-info{text-align: left;}

.remove-service {display: block; text-decoration: none; font-size: 16px;  color: #dc3545; padding: 5px; } 

.remove-service:hover { color: #a71d2a; } 

.cart-services-container.hidden{ display: none; } 

.cart-services-container { border-radius: 8px; padding: 25px 25px 24px; margin-bottom: 20px; } 

.cart-services-actions { display: flex; justify-content: space-between; margin-bottom: 12px; align-items: center; } 

.cart-services-title { font-size: 16px; text-transform: uppercase; } 

.cart-services-actions.cart-services-actions-back{ justify-content: flex-start;  padding: 0px 25px;} 

.cart-services-summary { padding-top: 12px; margin-bottom: 12px; } 

.cart-services-hint { font-size: 0.9rem; color: #666; } 

.cart-services-hint p { margin: 0; } 

.staff-avatar { width: 35px; height: 35px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } 

.staff-avatar img { width: 100%; height: 100%; object-fit: cover; }

.service-name { font-size: 15px; color: #333; text-transform: capitalize; } 

.staff-name{ font-size: 13px;}

.staff-name span{ text-transform: capitalize; }

.service_options_group input.is-invalid { border: 1px solid #dc3545; background-color: #fff5f5; outline: none; } 

.service-errors { color: #dc3545; font-size: 0.875rem; margin-top: 0.25rem; display: block; }

.time-slot-error{padding-left: 10px;}

.form_four_section .four_form_group{ flex-direction: column; align-items: flex-start!important; gap: 0px!important; } 

.form_four_section .four_form_group label{ text-align: left !important; }

.form-inner.cart_system_is_on{ max-width: 800px; width: 100%; margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important; } 

.cart_system_is_on .steps{ margin-bottom: 0px!important; }

.appointment-form .row{ margin-bottom: 20px; }

.cart_row{ justify-content: center !important; } 

.cart_row .cart_form_label{ display: block !important; text-align: center !important; } 

.add_service_prompt{ margin-top: 20px; }

.cart_tabs_on span{ display: none; }

.cart_tabs_on.active:after ,.cart_tabs_on:not(:last-of-type)::after{ border: none !important; }

.add_service_prompt h4{ margin-bottom: 10px; } 

.cart_action_buttons{ display: flex; align-items: center; justify-content: center; gap: 10px; } 

.stacked_mode { flex-direction: column !important; } 

.stacked_mode .step_section_tt {width: 100%;}

.conditionally_back_button.hidden,.conditionally_next_button.hidden{ display: none; }

.step_section_tt{ margin-bottom: 15px; } 

.step_section_tt .form-group{ margin-bottom: 5px !important; } 

.form_default_staff p {color: #000;}

/* .check-box-div.stacked_mode_check_box ul li{ max-width: 33.33%; flex: 0 0 33.33%; padding: 0px 10px 15px 10px; }  */

.single_selection_for_service  .nice-select .option ,.single_selection_for_service  .nice-select .current{ text-transform: capitalize !important; }

.hide_cart_tabs { opacity: 0; height: 0px; overflow: hidden; transition: opacity 0.5s, height 0.5s; }

/* form layout 1 style  */
/* form layout 2 style  */
.form_layout_time_slots .time-slot-list li{ max-width: 33.33%; flex: 0 0 33.33%; }

/* form layout 3 style  */

/* form layout 4 style  */
.form-check-label.form_cart_check_label{ width: 100% !important; max-width: 100% !important; } 

.form_group_layout_4 { flex-direction: column!important; justify-content: flex-start!important; align-items: flex-start!important; gap: 0px!important;}

.form_group_layout_4 label{max-width: fit-content !important; width: 100% !important; display: inline-flex !important;}

.form_cart_check_label .more_service_info_btn{ text-align: left; }

.step_section_tt.time_slot_main_container{border: 1px solid #dee2e6; padding: 15px 10px;}
/* form layout 5 style  */
/* form layout 6 style  */
/* form layout 7 style  */
/* form layout 7 style  */
/* form layout 8 style  */
/* form layout 9 style  */
/* form layout 10 style  */

@media (max-width: 1280px) {
  .form-one .booking_step_tt ul li.booking_step_link:not(:last-of-type){ padding-right: 65px ; }

  .appointment-sec .check-box-div li { max-width: 33.33% !important; flex: 0 0 33.33% !important; padding: 0px 10px 10px 0px !important; }
}

@media (max-width: 1024px) {
.service_options_group{ margin-bottom: 0px; }

.step_section_tt .check-box-div{ padding-left: 30px; }
}


@media (max-width: 992px) {

.form-one .booking_step_tt ul li.booking_step_link:not(:last-of-type) { padding-right: 40px; } 

.form-one .booking_step_tt ul li.booking_step_link span { padding: 10px 10px ; }

.row.date_picker_setion{ flex-direction: column; } 

.step_section_tt .check-box-div{ padding-left: 0px; }

.custom_card .card-body{padding: 20px 15px !important;}

}


@media (max-width: 767px) {
.form-one .booking_step_tt ul li.booking_step_tt:not(:last-of-type) { padding-right: 10px ; }

.form-one .booking_step_tt ul { gap: 5px 10px ; }

.step_section_tt{ width: 100%;}
}


@media (max-width: 480px) {

}