.dash_container_has_plan {
  top: 15px;
}

.dash_container_no_plan {
  top: 15px;
  margin-left: 0;
}

/* summary style start*/

.booking-summary {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.booking-summary-title {
  margin-bottom: 15px;
  font-size: 20px;
  color: #333;
  border-bottom: 2px solid #eee;
  padding-bottom: 8px;
}

.summary-row {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.summary-row label {
  font-weight: 600;
  color: #555;
}

.summary-row span {
  color: #333;
}

.summary-section {
  margin-top: 15px;
  margin-bottom: 15px;
}

.summary-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
}

.summary-table th,
.summary-table td {
  border: 1px solid #ddd;
  padding: 6px;
  text-align: left;
}

.summary-table thead tr {
  background-color: #f8f9fa;
}

.no-services {
  text-align: center;
  color: #999;
  padding: 8px;
}

span.coupon-applied {
  color: green;
  font-weight: 500;
}

.summary-total {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.summary-total label {
  font-weight: 700;
  color: #222;
}

.summary-total span {
  color: #333;
  font-weight: 700;
  font-size: 16px;
}

/* summary style end*/

.section-title.form_main_title p {
  font-size: 16px;
  margin-top: 10px;
}

.form-one .appointment-wrp .form-group input,
.form-one .appointment-wrp .form-group textarea,
.form-one .appointment-sec .form-group .nice-select {
  border-radius: 5px;
}

.form-one .appointment-sec .tabs li a span {
  font-weight: bold;
  font-size: 18px;
  margin-right: 5px;
}

.form-one .tabs-container .form-group label {
  font-weight: 400;
}

.form-one .custom-checkbox .label-text {
  font-size: 16px;
  font-weight: 500;
}

.form-one #final_step .form-group span {
  display: flex;
  gap: 8px;
  align-items: start;
}

.form-one #final_step .form-group span svg {
  padding-top: 2px;
  width: 20px;
  height: 22px;
  object-fit: contain;
}

.form-one #final_step .form-group span #appointment_number {
  width: calc(100% - 20px);
}

.form-one .multiple_services_single_staff_sec .service-category-header {
  padding: 18px 15px 18px;
}

.form-one .category_group_section {
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #dfe2e8;
}

.form-one .multiple_services_single_staff_sec {
  border: none;
}

.form-one .service-category-header p {
  font-weight: 500;
  font-size: 14px;
}

.form-one .service_options_group .cart_form_label {
  border-bottom: 0;
}

.form-one .service_content_popup .service_content_info {
  font-weight: 400;
}

.form-one .appointment-form .form-group ul.list {
  border-radius: 5px !important;
}

.form-one .appointment-sec .appointment-wrp h3 {
  font-weight: 400;
}

.theme_form_third.appointment-sec .form-group .nice-select .list {
  border-radius: 0px;
}

.theme_form_third.appointment-sec .appointment-form .form-group input {
  padding: 15px;
  border-radius: 5px;
}

.Formlayout3-v1 .appointment-form .form-group .choices__input {
  padding: 10px !important;
}

.theme_form_third .form-box .steps li.active span svg.white-svg path {
  fill: var(--theme-color);
}

.location-alert {
  margin-left: 25px;
  margin-right: 25px;
}

:root .Formlayout3-v1 {
  --second-color: #a9d4ff;
}

.theme_form_fourth .myContainer {
  max-width: unset;
}

.theme_form_fourth.appointment-sec .appointment-form .form-group,
.theme_form_fourth #step-time-slot .appointment-form .form-group {
  align-items: start;
  flex-direction: column;
  gap: 0;
}

.theme_form_fourth .form-inner {
  max-width: 95%;
}

.theme_form_fourth .final_stepss .tabs-wrapper {
  max-width: 1150px;
  margin: 0 auto;
}

.theme_form_fourth.appointment-sec .appointment-wrp .step-btns.finle-step-btn {
  align-items: end;
}

.theme_form_fourth .multiple_services_single_staff_sec {
  width: 100%;
}

.theme_form_fourth.appointment-sec .appointment-form .form-group .checkbox_label label {
  max-width: unset;
}

.theme_form_fourth.appointment-sec .appointment-form .form-group label {
  text-align: left;
  margin-bottom: 10px;
}

.theme_form_fourth.appointment-sec .mainServiceContainer.appointment-wrp {
  justify-content: space-around;
}

.theme_form_fourth.appointment-sec .mainServiceContainer .appointment-form {
  max-width: 700px;
}

.theme_form_fourth #step-first #step-cart-wrapper .appointment-form {
  max-width: 800px;
  margin: 0 auto;
}

.theme_form_fourth.appointment-sec #step-cart-wrapper.appointment-wrp {
  justify-content: center;
}

.theme_form_fourth .selected-service-box {
  gap: 10px;
}

.theme_form_fifth .form-box .steps li {
  padding: 10px 25px;
}

.theme_form_fifth .form-box .steps ul {
  align-items: normal;
  margin: 0 auto;
}

.theme_form_eighth.appointment-sec .tabs li span,
.theme_form_fifth .appointment-wrp.tab-wrp .tabs li a span {
  font-size: 15px;
  width: 24px;
  height: 24px;
}

.theme_form_sixth .steps ul {
  max-width: 1010px;
  margin: 0 auto;
}

.theme_form_sixth_cart .steps {
  display: none;
}

.theme_form_sixth_cart.appointment-sec .appointment-wrp {
  justify-content: center;
}

.theme_form_seventh .form-box .steps ul li.active {
  font-weight: 700;
  color: var(--theme-color);
}

.theme_form_seventh.theme_form_seventh .step-btns {
  justify-content: end;
}

.theme_form_eighth .steps ul li:last-child svg path {
  fill: var(--text-color);
}

.theme_form_eighth .steps ul li:last-child.active svg path {
  fill: var(--white);
}

.theme_form_eighth_cart #guest-user .row>div {
  width: 33.33%;
}

#appointment-create .form-group .text_box_label input,
#appointment-create .form-group .text_box_label select {
  padding: 9px 0 10px 10px;
}

.form-one .appointment-sec .appointment-wrp .step-btns.finle-step-btn {
  align-items: end;
}


.form-one .appointment-form .row .step_section_tt.col-4,
.form-one .row.date_picker_setion .step_section_tt.col-4 {
  padding: 0;
}

.form-one .staff_selection_by_service #guest-user .row>div {
  width: 33.33%;
}

.theme_form_tenth .step-container.staff_selection_by_service,
.theme_form_ninth .step-container.staff_selection_by_service,
.theme_form_seventh .step-container.staff_selection_by_service,
.theme_form_fifth .step-container.staff_selection_by_service {
  padding: 0;
}

.theme_form_ninth .booking_step_link.active svg path {
  fill: var(--white);
  stroke: var(--theme-color);
}

.theme_form_tenth_cart .form-inner.cart_system_is_on {
  max-width: 900px;
}

.theme_form_tenth_cart .mycontainer_custom_layout {
  padding: 0 40px;
}

.intel_input_full .iti.iti--allow-dropdown {
  display: block;
  width: 100%;
}


.phone_intel_input_full_1 {
  width: 100%;
  display: block;
}

.phone_intel_input_full_1 .iti__country-list {
  width: 558px;
}


/* Guest Inputs */
.guest_intel_input_full_1 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_1 .iti__country-list {
  width: 309px;
}

.guest_intel_input_full_2 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_2 .iti__country-list {
  width: 260px;
}

.guest_intel_input_full_3 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_3 .iti__country-list {
  width: 295px;
}

.guest_intel_input_full_4 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_4 .iti__country-list {
  width: 246px;
}

.guest_intel_input_full_5 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_5 .iti__country-list {
  width: 295px;
}

.guest_intel_input_full_6 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_6 .iti__country-list {
  width: 295px;
}

.guest_intel_input_full_7 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_7 .iti__country-list {
  width: 247px;
}

.guest_intel_input_full_8 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_8 .iti__country-list {
  width: 295px;
}

.guest_intel_input_full_9 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_9 .iti__country-list {
  width: 296px;
}

.guest_intel_input_full_10 {
  width: 100%;
  display: block;
}

.guest_intel_input_full_10 .iti__country-list {
  width: 330px;
}

/* New Inputs */
.new_intel_input_full_1 {
  width: 100%;
  display: block;
}

.new_intel_input_full_1 .iti__country-list {
  width: 464px;
}

.new_intel_input_full_2 {
  width: 100%;
  display: block;
}

.new_intel_input_full_2 .iti__country-list {
  width: 406px;
}

.new_intel_input_full_3 {
  width: 100%;
  display: block;
}

.new_intel_input_full_3 .iti__country-list {
  width: 458px;
}

.new_intel_input_full_4 {
  width: 100%;
  display: block;
}

.new_intel_input_full_4 .iti__country-list {
  width: 385px;
}

.new_intel_input_full_5 {
  width: 100%;
  display: block;
}

.new_intel_input_full_5 .iti__country-list {
  width: 458px;
}

.new_intel_input_full_6 {
  width: 100%;
  display: block;
}

.new_intel_input_full_6 .iti__country-list {
  width: 458px;
}

.new_intel_input_full_7 {
  width: 100%;
  display: block;
}

.new_intel_input_full_7 .iti__country-list {
  width: 387px;
}

.new_intel_input_full_8 {
  width: 100%;
  display: block;
}

.new_intel_input_full_8 .iti__country-list {
  width: 458px;
}

.new_intel_input_full_9 {
  width: 100%;
  display: block;
}

.new_intel_input_full_9 .iti__country-list {
  width: 458px;
}

.new_intel_input_full_10 {
  width: 100%;
  display: block;
}

.new_intel_input_full_10 .iti__country-list {
  width: 510px;
}

.tabs-container-centered {
  overflow: visible;
}

.mark-all-read-icon {
  color: #e44f24;
}

.mark-all-read-icon:hover {
  color: #e44f24;
}

.nav-back-button {
  display: none;
}

.settings_left_navbar,
.settings_left_navbar ul,
.sub-child-dash {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.settings_left_navbar .dash-arrow,
.dash-float-arrow {
  transition: transform 0.2s ease-in-out;
}

.settings_left_navbar .dash-hasmenu.active.dash-trigger>.dash-link .dash-arrow {
  transform: rotate(90deg);
}

.sub-child-dash {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding-left: 0;
  margin: 0;
}

.settings_left_navbar .dash-item.dash-hasmenu.dash-trigger >.dash-link {
  /*background: #ffeae4;*/
}

.settings_left_navbar .dash-item.dash-hasmenu.active>.dash-link {
  background: #e44f24;
  color: #fff;
}

.settings_left_navbar .dash-item.dash-hasmenu .dash-submenu .dash-item .dash-link{
    padding-left: 48px;
}

.settings_left_navbar .dash-item.dash-hasmenu .dash-submenu .dash-item .dash-link.active{
   padding-left: 48px;
   color: #e44f24;
   background: #fff !important; 
}

.settings_left_navbar .dash-item.dash-hasmenu.active.dash-trigger .dash-submenu {
  position: relative;
}


.settings_left_navbar .dash-item.dash-hasmenu .dash-submenu .dash-item .dash-link::before {
  content: "∘";
  position: absolute;
  left: 30px;
  font-size: 20px;
  margin: auto 0;
  line-height: 10px;
}




/* .settings_left_navbar .dash-item.dash-hasmenu.dash-trigger .dash-link{
 color: #e44f24 !important;
 background: #ffeae4 !important;
} */

.settings_left_navbar .dash-item.dash-hasmenu.dash-trigger .dash-link .dash-arrow {
  transform: rotate(90deg);
}


/* notification */

.dash-header .notification-icon-btn:hover,
.dash-header .notification-icon-btn:active {
  color: #525b69;
}

.appointment-sec {
  margin-bottom: 60px;
}

.module_not_found_container .site_logo{ width: 190px; }

@media screen and (max-width: 1399px) {
  .form-one .custom_appointment_form_tt .step-section {
    width: 50%;
  }

  .form-one .appointment-sec .check-box-div li {
    padding: 0px 5px 10px 5px;
  }

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

  .theme_form_fourth .form-inner {
    max-width: calc(100% - 20px);
  }

  .theme_form_fourth .mainServiceContainer .staff_selection_by_service,
  .theme_form_sixth .custom_appointment_form_tt .step-section,
  .theme_form_seventh .custom_appointment_form_tt .multiple_selection_for_service,
  .theme_form_seventh .custom_appointment_form_tt .staff_selection_by_service,
  .theme_form_fourth .mainServiceContainer .step_section_tt {
    width: 100%;
  }


  .theme_form_seventh .final_stepss .row>div {
    width: 50%;
  }

  .theme_form_fourth_cart .booking_step_tt {
    display: none;
  }

  .theme_form_fourth_cart .offset-right {
    justify-content: center;
    padding: 0 20px
  }

  .theme_form_tenth .steps ul li:not(:last-of-type) {
    padding-right: 20px;
  }

  .theme_form_tenth_cart .custom_appointment_form_tt .step-section {
    width: 100%;
  }
}

@media screen and (max-width: 1399.98px) {
  

}

@media screen and (max-width: 1199.98px) {
  .nav-back-button {
    display: inline;
  }

  .dash_container_has_plan {
    top: 70px;
  }

  .dash-header.transprent-bg {
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    display: block;
  }

  .location-alert {
    margin-top: 10px;
  }


  .theme_form_seventh .mainServiceContainer .custom_appointment_form_tt .step-section {
    width: 100%;
  }

  .phone_intel_input_full_1 .iti__country-list {
    width: 429px;
  }

  .content_sidebar_right_bar {
    display: none;
  }

  .desktop_menu_sidebar_right {
    display: none;
  }
}

@media screen and (max-width: 991.98px) {
  .form-one .custom_appointment_form_tt .step-section {
    width: 100%;
  }

  .theme_form_third .form-box .steps li {
    padding: 10px 13px;
  }

  .theme_form_third .form-box .steps ul {
    gap: 10px;
  }

  .location-alert .close_location_btn {
    right: -10px;
  }

  .theme_form_fourth #step-first .form-group label {
    text-align: left;
  }

  .theme_form_fourth .form-inner {
    margin: auto;
  }

  .theme_form_fourth.appointment-sec .appointment-wrp {
    padding: 25px 20px;
  }

  .theme_form_fifth .form-box .steps li {
    padding: 10px 5px 10px 15px;
    width: auto;
  }

  .form-one .form-right-inner .section-title h2 {
    margin: 0;
  }

  .theme_form_eighth_cart #guest-user .row>div {
    width: 50%;
  }

  .form-one .staff_selection_by_service #guest-user .row>div {
    width: 50%;
  }

  .summary-section {
    overflow-x: scroll;
  }
}

@media screen and (max-width: 767.98px) {
  
  
  

  .dash_container_has_plan {
    top: 20px;
  }

  .form-one .booking_step_tt ul li.booking_step_link {
    justify-content: left;
    min-width: max-content;
    padding: 0;
    margin: 20px 30px 20px 0;
    width: auto
  }

  .form-one .form_main_title h2 {
    font-size: 24px !important;
  }

  .form-one .form_main_title h3 {
    font-size: 18px !important;
  }

  .form-one .appointment-sec .form-steps-left .section-title {
    margin-bottom: 36px;
  }

  .form-one .appointment-sec .form-steps-left {
    padding: 25px 20px 14px;
  }

  .form-one .custom-checkbox .label-text {
    font-size: 14px;
  }

  .theme_form_third .booking_step_tt ul li.booking_step_link {
    margin: 0;
    padding: 8px 20px;
  }

  .theme_form_third .form-box {
    padding: 30px 15px;
  }

  .theme_form_third .steps ul {
    justify-content: left;
  }

  .location-alert {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 10px 20px;
  }

  .location-alert .close_location_btn {
    top: -16px;
    right: -5px;
  }

  .theme_form_tenth .steps ul,
  .theme_form_fifth .form-box .steps ul,
  .theme_form_fourth .steps ul {
    justify-content: left;
  }

  .theme_form_fourth .section-title h2 {
    font-size: 20px;
  }

  .theme_form_fifth .booking_step_tt ul li.booking_step_link {
    margin: 0;
    padding: 10px 8px 10px 15px;
  }

  .theme_form_fifth .form-box {
    margin-top: 25px;
    padding: 20px 15px 10px;
  }

  .theme_form_sixth .booking_step_tt ul li.booking_step_link {
    padding: 0 110px 0 0;
    margin: 0;
  }

  .theme_form_sixth .booking_step_tt ul li.booking_step_link:last-child {
    padding: 0;
  }

  .theme_form_sixth .booking_step_tt ul {
    overflow: unset;
  }

  .theme_form_sixth .form-left-banner h1 {
    text-align: center;
  }

  .theme_form_sixth.appointment-sec .tabs li a span {
    font-size: 16px;
  }

  .theme_form_sixth .form-inner .section-title {
    display: block;
  }

  .theme_form_seventh .section-title h2 {
    font-size: 18px;
  }

  .theme_form_seventh.appointment-sec .tabs li a span {
    display: block;
  }

  .theme_form_seventh .final_stepss .row>div {
    width: 100%;
  }

  .theme_form_seventh .form-box {
    padding: 15px 15px 30px;
  }

  .theme_form_eighth .booking_step_tt ul li.booking_step_link {
    padding: 10px;
    margin: 0;
  }

  .theme_form_eighth .steps ul {
    justify-content: left;
  }

  .theme_form_eighth_cart #guest-user .row>div {
    width: 100%;
  }

  .form-one .staff_selection_by_service #guest-user .row>div {
    width: 100%;
  }

  .theme_form_fourth .step-container .staff_selection_by_service {
    padding: 0 15px;
  }

  .theme_form_tenth_cart .mycontainer_custom_layout {
    padding: 0 15px;
  }
}


@media screen and (max-width: 575.98px) {

  .theme_form_fifth .booking_step_tt ul li.booking_step_link {
    margin: 0;
    padding: 8px 20px;
  }

  .theme_form_fifth .form-box .steps ul {
    overflow-x: scroll;
    border-radius: 0;
  }

  .theme_form_eighth .steps ul li:last-child.active svg path {
    fill: var(--theme-color);
  }

  .theme_form_fourth #step-time-slot .step_section_tt .form-group,
  .theme_form_fourth .date_picker_setion .step_section_tt .form-group,
  .theme_form_third .date_picker_setion .step_section_tt .form-group,
  .form-one #step-time-slot .step_section_tt .form-group,
  .form-one .row .date_picker_setion .step_section_tt .form-group {
    overflow-x: auto;
    padding: 5px;
  }

  .theme_form_fourth #step-time-slot .step_section_tt .form-group::-webkit-scrollbar,
  .theme_form_fourth .date_picker_setion .step_section_tt .form-group::-webkit-scrollbar,
  .theme_form_third .date_picker_setion .step_section_tt .form-group::-webkit-scrollbar,
  .form-one #step-time-slot .step_section_tt .form-group::-webkit-scrollbar,
  .form-one .row .date_picker_setion .step_section_tt .form-group::-webkit-scrollbar {
    display: none;
  }

  .theme_form_fourth.appointment-sec .appointment-wrp {
    padding: 20px 15px;
  }

  .theme_form_eighth.appointment-sec .tabs li a span,
  .theme_form_fifth .appointment-wrp.tab-wrp .tabs li a span {
    font-size: 13px;
    width: 22px;
    height: 22px;
  }

  .theme_form_sixth.appointment-sec .tabs li a span {
    display: block;
  }

  .theme_form_eighth .section-title h2 {
    font-size: 18px;
  }

  .theme_form_eighthcart.appointment-sec .appointment-wrp {
    padding: 0px 10px 20px;
  }
}