/* Author: aonetheme=========================This file contains the styling for the actual template, thisis the file you need to edit to change the look of thetemplate.This files [Table of contents] are outlined below---------------------------------------------------/*======================GENERAL======================1.Float clearfix2.Heading & Title3.Text align4.Listing Style5.Padding (around)6.Padding (top)7.Padding (bottom)8.Padding (left)9.Padding (right)10.Padding (left right)11.Padding (top bottom)12.Margin (around)13.Marging (top)14.Marging (bottom)15.Marging (left)16.Marging (right)17.Marging (left right)18.Marging (top bottom)19.Colum gap less20.Background Effect21.Overlay ( transparient box style)22.Boxes Css23.Box content24.For icons with box25.For only icons26.Place icon with box27.Icon box left align28.Icon box right align29.Icon box center align30.Buttons31.Theme default button32.Button text uppercase33.Button size34.Owl Slider35.Owl button top to center36.Owl button top to left37.Owl button top to right38.Owl button bottom to center39.Owl button bottom to left40.Owl button bottom to right41.Owl button vertical to center42.Owl button show on hover43.Owl slider button44.Owl dots nav position45.Text meant only for screen readers [Themeforest Required Classes ]46.Tabs45.Tabs style 1 [ default ]46.Header Start  a.Extra Nav  b.logo for header  c.main-bar  d.Navbar Toggler  e.Submenu direction47.Title separators48.Center-title49.Play button50.Widget Team51.Widget Address52.Recent Post Entry53.Footer Dark54.Widget Services55.Footer Light version css56.Accordians57.Section Overlay58.newsletter section60.radio & checkbox================*/ /*------------------------------------------------------------------------------------------------------*/ /*=============================For New Booking Form Strat=============================*/ .page-wraper {

  position: relative;

  max-width: 100vw !important;

  margin: 0 !important;

  width: 100% !important;

}

.sf-booking-area {

  padding: 50px 0px 50px;

  background: var(--theme-color2);

  font-family: "Poppins";

  font-size: 14px;

  font-weight: normal;

} /*Booking Left Part*/ .sf-booking-head {

  position: relative;

}

.sf-booking-head .sf-booking-close-btn {

  position: absolute;

  top: 10px;

  right: -10px;

}

.sf-booking-head .sf-booking-close-btn button {

  width: 25px;

  height: 25px;

  background-color: var(--theme-secondary);

  text-align: center;

  line-height: 25px;

  font-size: 16px;

  border: 0px;

  border-radius: 10px;

  color: #fff;

  padding: 0 !important;

  display: flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

}

.sf-booking-head .sf-booking-close-btn button:hover {

  box-shadow: 0px 4px 0px #9b5400;

}

.sf-booking-head .sf-booking-head-title {

  color: #fff;

  padding-top: 15px;

  margin-bottom: 0px;

  margin-top: 0px;

  font-size: 24px;

}

.sf-booking-body {

  margin: 30px 0px;

}

.sf-booking-body .sf-booking-slots {

  background-color: #fff;

  border-radius: 8px;

  padding: 12px;

  border: 1px solid #ddd;

  margin-bottom: 20px;

  position: relative;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-title {

  margin-top: 0px;

  margin-bottom: 10px;

  font-size: 16px;

  text-transform: capitalize;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail {

  display: flex;

  justify-content: space-between;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span {

  display: inline-block;

  margin-right: 20px;

  color: #000;

  font-size: 14px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span:last-child {

  margin-right: 0px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.sf-add-dating strong {

  color: #ff8a00;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.updatedserviceprice {

  white-space: nowrap;

  border: 1px solid #ff8a00;

  border-radius: 3px;

  padding: 0px 6px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span .removeitem {

  position: absolute;

  top: 10px;

  right: 10px;

  width: 20px;

  min-width: 20px;

  max-width: 20px;

  height: 20px;

  background-color: #ff8a00;

  text-align: center;

  font-size: 10px;

  border: 0px;

  border-radius: 3px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0px;

  text-decoration: none;

}

.sf-booking-footer {

  background-color: #fff;

  border-radius: 8px;

  padding: 10px;

  border: 1px solid #ddd;

  margin-bottom: 20px;

}

.sf-booking-footer > ul {

  list-style: none;

  margin: 0px !important;

  padding: 0px !important;

}

.sf-booking-footer > ul li {

  border-bottom: 1px solid #ddd;

  margin: 0px 0px 10px !important;

  padding: 10px 0px !important;

}

.sf-booking-footer > ul li:last-child {

  border-bottom: 0px;

  border-radius: 5px;

}

.sf-booking-footer > ul li.aon-summry-total-pay {

  padding: 10px 10px !important;

  background: #f3f8fb;

}

.sf-booking-footer > ul li .sf-add-price-total {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  font-size: 14px;

  font-weight: 600;

  color: #222;

}

.sf-booking-footer > ul li .sf-add-price-left {

  width: 50%;

}

.sf-booking-footer > ul li .sf-add-price-left, .sf-booking-footer > ul li .sf-add-price-right {

  display: block;

}

.sf-booking-footer > ul li .sf-add-price-total.gftvoucher {

  font-size: 16px;

}

.sf-booking-footer > ul li.aon-summry-total-pay .sf-add-price-total {

  font-size: 16px;

}

.sf-booking-footer > ul li.aon-summry-total-pay .aon-total-pay-btn-wrap {

  margin-top: 0px !important;

}

.sf-booking-footer > ul li.aon-summry-total-pay .aon-total-pay-btn-wrap .aon-total-pay-btn {

  background-color: #ff8a00;

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 16px;

  padding: 12px 10px;

  display: block;

  width: 100%;

  text-decoration: none;

}

.sf-coupans-box > h4 {

  font-size: 18px;

  color: #fff;

}

.sf-coupans-box .site-button.verifybookingcoupon {
  background:var(--btn-primary);
  color: #fff;
  border:none; 
}

.sf-coupans-box .site-button.verifybookingcoupon:hover { 
  background:var(--btn-primary-hover);
  color: #fff;
} 


/* sf-tb-st1*/ .sf-tb-st1 {

  position: relative;

}

.sf-content-l-wrap {
  min-height: 700px;
  border-radius: 0px 0px 30px 30px;
  background-color:var(--theme-primary);
  margin-top: -50px;
  padding: 30px;
  overflow: hidden;
  position: relative;
  display: flex;
}

.sf-content-left-iner {

  position: relative;

  width: 100%;

}

.sf-steps-st1 {

  display: flex;

  justify-content: space-between;

  list-style: none;

  position: relative;

  margin: 0px 0px 20px !important;

  padding: 0px !important;

}

.sf-steps-st1:before {

  position: absolute;

  content: "";

  width: 100%;

  background-color: #ddd;

  left: 0px;

  top: 20px;

  right: 0px;

  height: 3px;

}

.sf-steps-st1 li {

  width: 50%;

  text-align: center;

  position: relative;

  z-index: 1;

  margin: 0px;

  padding: 0px;

}

.sf-steps-st1 li:before {

  display: none;

}

.sf-steps-st1 li.active:after {

  width: 100%;

  position: absolute;

  content: "";

  background-color: var(--theme-secondary);

  height: 3px;

  left: 0px;

  right: 0px;

  top: 20px;

  z-index: -1;

}

.sf-steps-st1 li a {

  display: block;

  color: #222;

  text-decoration: none;

}

.sf-steps-st1 li a span {

  margin: 0px auto;

  display: block;

  font-size: 14px;

  font-weight: bold;

  margin-bottom: 10px;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  border: 1px solid #ddd;

  line-height: 40px;

  text-align: center;

  background-color: #fff;

}

.sf-steps-st1 li a p {

  font-size: 16px;

  margin: 0px;

}

.aon-book-pop-head h2 {

  font-size: 24px;

  color: #222;

  font-family: inherit;

  font-weight: 700;

}

.sf-blocks-wrapst1 {

  overflow-y: scroll;

  max-height: 300px;

  padding: 5px 10px;

  margin: 0px -10px 10px;

}

.sf-blocks-wrapst1 .sf-service-box {

  background-color: #fff;

  padding: 10px 20px;

  border-radius: 10px;

  border: 1px solid #fff;

  display: flex;

  justify-content: space-between;

  margin: 0px 0px 8px !important;

  align-items: center;

  box-shadow: 3px 2px 5px 2px rgba(0, 5, 5, 0.02);

  font-weight: normal;

  width: 100%;

}

.sf-content-page-back {

  position: absolute;

  top: 30px;

  left: 30px;

}

.sf-content-page-back-btn {

  background-color: transparent;

  font-size: 16px;

  color: #000;

  border: none;

}

.sf-content-page-back-btn i {

  padding-right: 10px;

}

.aon-sevices-owl-wrap {

  margin: 0px -15px 30px;

}

.filterservices {

  padding: 10px;

}

.aon-servces-slider .owl-controls {

  margin: 0px;

}

.aon-servi-name-box {

  display: block;

  padding: 15px 2px 15px 2px;

  text-align: center;

  position: relative;

  font-size: 13px;

  font-weight: 500;

  color: #283035;

  border-radius: 5px;

  -webkit-box-shadow: 0 0 10px 10px rgba(0, 5, 5, 0.02);

  box-shadow: 3px 2px 5px 2px rgba(0, 5, 5, 0.02);

  background: #fff;

  cursor: pointer;

  border: 1px solid #F5F5F5;

}

.aon-cate-name {
  display: flex;
  justify-content: space-between;
  padding: 0px 5px;
}

.aon-servi-name-box .badge-num {

  color: #fff;

  width: 22px;

  height: 22px;

  font-size: 11px;

  background-color: var(--theme-secondary);

  line-height: 22px;

  padding: 0px;

  border-radius: 4px;

  font-weight: 600;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-left: 5px;

}

.aon-servi-name-box:hover {

  background: var(--theme-secondary);

}

.aon-servi-name-box:active {

  background: var(--theme-secondary);

}

.filterservices.active .aon-servi-name-box {
  background:var(--theme-secondary);
  color: #fff;
}

.filterservices.active .aon-servi-name-box .badge-num {

  background: #fff;

  color: #6139b3;

}

.aon-servi-name-box:hover .aon-cate-name {

  color: #fff;

}

.aon-servi-name-box:hover .badge-num {

  background: #fff;

  color: #222;

}

.sf-service-bookbtn .book-btn {

  background-color: var(--btn-primary);

  border-color: var(--theme-primay);

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 12px;

  padding: 5px 10px;

}

.sf-service-bookbtn .book-btn:hover, .sf-service-bookbtn .book-btn:active, .sf-service-bookbtn .book-btn:focus {

  background-color: var(--btn-primary-hover);

  color: #fff !important;

  text-decoration: none;

}

.sf-service-box .sf-service-naming {

  font-size: 14px;

  color: #222;

  font-weight: 600;

  margin-bottom: 5px;

  margin-right: 12px;

  min-width: 180px;

}

.sf-service-box .sf-service-type {

  min-width: 65px;

}

.sf-service-box .sf-servi-price {

  display: flex;

  justify-content: center;

}

.sf-service-box .sf-servi-price .sf-service-price {

  opacity: 0.4;

}

.sf-service-box .sf-servi-price .sf-service-price2 {

  margin-left: 5px;

}

.sf-service-box .sf-service-bookbtn {

  min-width: 56px;

  min-height: 10px;

}

.sf-service-box .sf-servi-price {

  min-width: 150px;

  min-height: 10px;

}

.sf-service-box .sf-service-detail {

  min-width: 90px;

  min-height: 10px;

}

.sf-service-box .sf-service-detail .service-detail {

  color: #6139b3;

  text-decoration: none;

}

.sf-service-box .sf-service-detail .service-detail:hover {

  color: #ff8a00;

}

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

  .sf-blocks-wrapst1 .sf-service-box {

    flex-wrap: wrap;

  }

  .sf-service-box .sf-service-naming {

    min-width: 100%;

  }

}

.sf-btn-next-prev {

  display: flex;

  justify-content: space-between;

  margin-bottom: 25px;

}

.ap-form-btn-back i {

  margin-left: 10px;

}

.ap-form-btn-back i {

  margin-left: 10px;

}

.ap-form-btn-back, .ap-form-btn-next {

  background-color: var(--btn-primary);

  padding: 7px 15px !important;

  font-size: 12px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  border-radius: 5px;

  border: none;

  text-decoration: none;

}

.ap-form-btn-back:hover, .ap-form-btn-back:active, .ap-form-btn-back:focus, .ap-form-btn-next:hover, .ap-form-btn-next:active, .ap-form-btn-next:focus {

  background-color: var(--btn-primary-hover);

  text-decoration: none;

  color: #fff;

}

.ap-summary-bar {

  background-color: var(--theme-secondary);

  padding: 10px 20px;

  border-radius: 10px;

  border: 1px solid var(--theme-secondary);

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 10px;

  box-shadow: 3px 2px 5px 2px rgba(0, 5, 5, 0.02);

  font-weight: 600;

  font-size: 20px;

}

.ap-summary-addnum {

  background: var(--theme-secondary);

  display: inline-flex;

  line-height: 1;

  min-width: 20px;

  justify-content: center;

  align-items: center;

  font-size: 12px;

  height: 20px;

  border-radius: 20px;

  color: #fff;

  font-weight: bold;

  margin-left: 10px;

}

.ap-summary-left {

  display: flex;

  align-items: center;

  color: #fff;

  min-width: 25%;

}

.ap-sumry-more {

  color: #ff8a00;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  text-decoration: underline;

  cursor: pointer;

}

.ap-summary-right {

  font-size: 18px;

  min-width: 25%;

  text-align: right;

}

.ap-summary-right strong {

  font-weight: 900;

  color: #fff;

}

.ap-summary-right span {

  font-weight: 700;

  color: #fff;

} /*Calender*/ .sf-time-listing {

  list-style: none !important;

  margin: 0px -10px !important;

  display: flex;

  padding: 0px !important;

  flex-wrap: wrap;

}

.sf-time-listing li {

  padding: 0px 10px;

  width: 33.333%;

  font-size: 14px;

  margin: 0px 0px 15px !important;

  font-weight: 600;

  cursor: pointer;

  text-align: center;

}

.sf-time-listing li.no-servi-box-alert {

  padding: 15px 10px;

  width: calc(100% - 20px);

  font-size: 14px;

  margin: 0px 10px 15px !important;

  font-weight: 600;

  cursor: pointer;

  text-align: center;

  color: #df5555;

  background: #ffebeb;

  border-radius: 10px;

}

.sf-time-listing .sf-time-box {

  background: #fff;

  color: #6139b3;

  padding: 10px 15px;

  border-radius: 5px;

}

.sf-time-listing .sf-time-box:hover {

  background: var(--theme-secondary);

  color: #fff;

}

.aon-total-pay-btn-wrap {

  margin-top: 20px;

}

.aon-total-pay-btn-wrap .aon-total-pay-btn {

  background-color: #ff8a00;

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 16px;

  padding: 12px 10px;

  display: block;

  width: 100%;

}

.ap-servi-info-box {

  margin-bottom: 30px;

  padding: 10px;

  border: 1px solid #fff;

  border-radius: 10px;

  background: #fff;

  display: flex;

}

.ap-servi-pic {

  width: 80px;

  height: 80px;

  border: 1px solid #fff;

  border-radius: 10px;

  overflow: hidden;

}

.ap-servi-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.ap-servi-info-right {

  padding-left: 15px;

  width: cala(100% - 80px);

}

.ap-servi-info-right strong {

  display: block;

  font-size: 18px;

  font-weight: 700;

}

.ap-servi-info-right span {

  font-size: 16px;

  font-weight: 600;

  color: #ff8a00;

}

.sf-calendar {

  padding: 10px;

  background-color: #fff;

  border-radius: 10px;

  margin-top: 30px;

  margin-bottom: 20px;

  width: 100%;

}

.sf-time-area {

  padding: 0px 0px;

  margin-bottom: 0px;

  width: 100%;

} /*Team Member*/ .sf-team-member-list {

  list-style: none;

  margin: 30px -7px 0px;

  padding: 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  max-height: 400px;

  overflow-y: scroll;

}

.sf-team-member-list > li {

  width: 33.333%;

  padding: 0 7px;

  margin: 0px 0px 20px !important;

  cursor: pointer;

}

.sf-team-member-list > a.staffitem {

  width: calc(100% - 10px);

  display: block;

  padding: 10px 15px;

  border-radius: 5px;

  background: var(--btn-primary);

  border: none;

  font-size: 14px;

  margin: 0px 5px;

  text-transform: uppercase;

  font-weight: 600;

}

.sf-team-member-list > a.staffitem:hover, .sf-team-member-list > a.staffitem:focus, .sf-team-member-list > a.staffitem:active {

  background: var(--btn-primary-hover);

}

.sf-team-member-list > li .sf-team-mamber-wrap {

  padding: 15px 5px;

  position: relative;

  text-align: center;

  overflow: hidden;

  background: #fff;

  border-radius: 5px;

}

.sf-team-member-list > li .sf-team-mamber-wrap:after {

  content: "";

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 0%;

  background-color: #ff8a00;

  border-radius: 5px 5px 0px 0px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.sf-team-member-list > li .sf-team-mamber-wrap:hover:after {

  height: 100%;

}

.sf-team-member-list > li .sf-team-mamber-pic {

  width: 90px;

  height: 90px;

  margin: auto;

  position: relative;

  z-index: 1;

  border-radius: 50px;

}

.sf-team-member-list > li .sf-team-mamber-pic img {

  width: 100%;

  height: 100%;

  border-radius: 50px;

}

.sf-team-member-list > li .sf-team-mamber-pic:after {

  content: "";

  position: absolute;

  top: -5px;

  left: -5px;

  width: calc(100% + 10px);

  height: 50%;

  z-index: -1;

  background-color: var(--theme-primary);

  border-radius: 50px 50px 0px 0px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-team-member-list > li .sf-team-mamber-wrap:hover .sf-team-mamber-pic:after {

  background-color: #fff;

  height: 60%;

}

.sf-team-member-list > li .sf-team-member-overlay {

  position: absolute;

  bottom: 50%;

  left: 50%;

  width: 0%;

  height: 0%;

  background-color: #ff8a00;

  border-radius: 100%;

  opacity: 1;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-team-member-list > li .sf-team-member-overlay span {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  line-height: 30px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  margin: -15px;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-team-member-list > li:hover .sf-team-member-overlay {

  position: absolute;

  bottom: 10%;

  left: 10%;

  width: 80%;

  height: 80%;

  opacity: 0.8;

  border-radius: 50px;

  display: none;

}

.sf-team-member-list > li.selected .sf-team-member-overlay {

  position: absolute;

  bottom: 50%;

  left: 50%;

  width: 40px;

  height: 40px;

  margin: -20px;

  opacity: 1s;

}

.sf-team-member-list > li.selected:hover .sf-team-member-overlay {

  border-radius: 100%;

}

.sf-team-member-list > li.selected .sf-team-member-overlay span {

  opacity: 1;

}

.sf-team-member-list > li .sf-team-mamber-info {

  padding-top: 15px;

  position: relative;

  z-index: 1;

}

.sf-team-member-list > li .sf-team-mamber-info * {

  margin: 0px;

}

.sf-team-member-list > li .sf-team-mamber-info h6 {

  font-size: 14px;

  text-transform: none;

}

.sf-team-member-list > li:hover .sf-team-mamber-info * {

  color: #fff;

}

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

  .sf-team-member-list > li {

    width: 25%;

  }

}

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

  .sf-team-member-list > li {

    width: 33.333%;

  }

}

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

  .sf-team-member-list > li {

    width: 50%;

  }

}

.ap-location-list {

  list-style: none !important;

  margin: 30px -7px 0px !important;

  padding: 0px !important;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  max-height: 400px;

  overflow-y: scroll;

  scrollbar-width: thin;

  scrollbar-color: #f7f3ff #ffffff;

}

.ap-location-list > li {

  width: 50%;

  padding: 0 7px;

  margin: 0px 0px 20px;

  cursor: pointer;

  display: flex;

}

.ap-location-list > li .ap-loca-box-wrap {

  padding: 10px 10px;

  position: relative;

  overflow: hidden;

  background: #fff;

  border-radius: 5px;

  display: flex;

  width: 100%;

}

.ap-location-list > li .sf-loca-box-icon {

  padding: 10px 5px;

  position: relative;

  text-align: center;

  overflow: hidden;

  background: var(--theme-secondary);

  border-radius: 20px;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ap-location-list > li .sf-loca-box-icon i {

  color: #fff;

}

.ap-location-list > li .sf-loca-box-info {

  width: calc(100% - 24px);

  padding-left: 10px;

}

.ap-location-list > li .sf-loca-box-title {

  margin: 0px;

  font-size: 14px;

}

.ap-location-list > li .sf-loca-address-line {

  margin: 0px;

  font-size: 12px;

  display: block;

  line-height: 1.2;

}

#ap-your-location-box {

  display: none;

}

#ap-our-teams-box {

  display: none;

}

#ap-calender-box {

  display: none;

}

#ap-summary-box {

  display: none;

}

#ap-no-servi-add {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  color: #d8cdee;

  font-size: 36px;

  font-weight: 300;

  transition: all 0.5s ease;

}

.sf-cart-empty-image {

  max-width: 250px;

  padding-right: 30px;

  margin-bottom: 15px;

  margin: auto;

}

.sf-cart-empty-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.sf-cart-empty-text {

  font-size: 28px;

} /*.active-summery #ap-summary-box { top:0%; opacity:1; }.active-service-detail #ap-calender-box { top:0%; opacity:1; }.sf-content-l-wrap[class*="active-"] #ap-no-servi-add { display:none;}*/ .bootbox-close-button.close {

  width: 24px;

  height: 24px;

  padding: 0px;

  background: no-repeat;

  color: red;

  font-size: 22px;

  line-height: 1;

  display: flex;

  justify-content: center;

  align-items: center;

  border: none;

  text-decoration: none;

}

.bootbox-close-button.close:hover {

  color: #222;

  text-decoration: none;

}

.modal-header .modal-title {

  margin: 0;

  font-size: 18px;

}

.sf-detail-popup {

  padding: 20px;

}

.sf-detail-popup > h2 {

  margin: 10px 0px 20px !important;

  font-size: 24px;

}

.sf-detail-popup .sf-service-pic {

  float: left;

  width: 200px;

  height: 200px;

  margin-right: 20px;

  margin-bottom: 10px;

  border-radius: 10px;

  overflow: hidden;

  background: #f8f9fb;

  font-size: 0;

  border: 1px solid #f0f0f0;

}

.sf-detail-popup .sf-service-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.sf-detail-popup h5 {

  margin: 0px 0px 10px !important;

}

.sf-detail-popup p {

  font-size: 15px;

  line-height: 1.6;

  color: #999;

}

.sf-calendar .datepicker.dropdown-menu th, .sf-calendar .datepicker.datepicker-inline th, .sf-calendar .datepicker.dropdown-menu td, .sf-calendar .datepicker.datepicker-inline td {

  padding: 4px 5px;

  background: #f7f8fa;

}

.sf-calendar .datepicker table tr td.today, .sf-calendar .datepicker table tr td.today:hover, .sf-calendar .datepicker table tr td.today.disabled, .sf-calendar .datepicker table tr td.today.disabled:hover {

  background-color: #ff8a00;

  color: #fff !important;

}

.bookingdates .datepicker.datepicker-inline {

  width: 100%;

  padding: 0px;

  border: none;

}

.bookingdates .datepicker.datepicker-inline table {

  border-collapse: separate;

  border-spacing: 5px 6px;

  border: none;

}

.bookingdates .datepicker.datepicker-inline td, .bookingdates .datepicker.datepicker-inline th {

  vertical-align: middle;

  text-align: center;

  width: 20px;

  height: 34px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  border: none;

  font-size: 13px;

  font-weight: 700;

}

.bookingdates .datepicker.datepicker-inline tr td {

  font-weight: 500;

}

.bookingdates .datepicker.datepicker-inline tr td:hover {

  background: #ff8a00;

  color: #fff;

}

.bookingdates .datepicker.datepicker-inline table tr td.day:hover, .bookingdates .datepicker.datepicker-inline table tr td.day.focused {

  background: #ff8a00;

  cursor: pointer;

}

.bookingdates .datepicker.datepicker-inline table tr td.day.active {

  background: #ff8a00;

  color: #fff;

}

.ap-service-panel {

  position: absolute;

  width: calc(420px);

  height: 100%;

  background: #fff;

  top: 0;

  right: -430px;

  z-index: 999;

  display: flex;

  align-items: center;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.service-panel-active .ap-service-panel {

  right: 0px;

  -webkit-box-shadow: 0 0 50px 100px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 50px 100px rgba(0, 0, 0, 0.05);

}

.sumamry-panel-active .panelclose {

  left: 0px;

}

.panelclose {

  width: 24px;

  height: 40px;

  font-size: 18px;

  background-color: #ff1957;

  text-align: center;

  border: 0px;

  border-radius: 0px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0px;

  position: absolute;

  top: 50%;

  left: 0px;

  margin: -20px 0px;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.service-panel-active .panelclose {

  left: -24px;

}

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

  .ap-service-panel {

    width: calc(100% - 30px);

    margin-left: 30px;

  }

}

#panelcontent {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow-y: scroll;

}

.hourly-services-box {

  padding: 20px;

}

.sf-extraservice-list {

  margin: 0px !important;

  list-style: none;

  padding: 0px;

}

.sf-extraservice-list li {

  background-color: #fdfdff;

  padding: 10px 20px;

  border-radius: 10px;

  border: 1px solid #f7f8fa;

  justify-content: space-between;

  margin: 0px 0px 10px;

  align-items: center;

  font-weight: normal;

}

.sf-extraservice-list li .sf-extraservice-title h6 {

  font-size: 14px;

  margin: 0px 0px 5px;

  text-transform: none;

}

.sf-extraservice-list li .sf-extraservice-des {

  display: flex;

  justify-content: space-between;

}

.sf-extraservice-list li .sf-extraservice-des .addtocart {

  background-color: var(--btn-primary);

  border-color: #ff8a00;

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 12px;

  padding: 5px 10px;

  text-decoration: none;

}

.sf-extraservice-list li .sf-extraservice-des .addtocart:hover {

  background: var(--btn-primary-hover);

  color: #fff;

}

.ap-apoint-right {

  padding-left: 15px;

}

.sf-back-panel-button .sf-content-page-back-btn {

  color: #fff;

  padding: 0px !important;

}

.sf-coupans-box .input-group {

  padding: 10px;

  background: #fff;

  border-radius: 10px;

}

.sf-coupans-box .input-group .form-control {

  border-radius: 5px 0px 0px 5px;

  padding: 7px 12px;

  height: 44px;

  font-size: 14px;

}

.sf-coupans-box .input-group .site-button {

  border-radius: 0px 5px 5px 0px;

  padding: 7px 25px;

  height: 44px;

  font-size: 14px;

  text-decoration: none;

}

.sf-coupans-box .input-group .site-button:hover {

  background: #6139b3;

} /*=============================For New Booking Form Strat=============================*/ .page-wraper {

  position: relative;

  max-width: 100vw !important;

  margin: 0 !important;

  width: 100% !important;

}

.sf-booking-area {

  padding: 50px 0px 50px;

  background: var(--theme-color2);

  font-family: "Poppins";

  font-size: 14px;

  font-weight: normal;

}

.page-wraper > * {

  scrollbar-color: rgba(111, 133, 147, 0.1) #fff0;

}

.page-wraper div, .page-wraper span, .page-wraper ol, .page-wraper ul {

  scrollbar-width: thin;

} /* Firefox */ .page-wraper * {

  scrollbar-width: thin;

  scrollbar-color: var(--theme-primary) #ffffff;

} /* Chrome, Edge, and Safari */ .page-wraper *::-webkit-scrollbar {

  width: 5px;

}

.page-wraper *::-webkit-scrollbar-track {

  background: none;

}

.page-wraper *::-webkit-scrollbar-thumb {

  background-color: rgba(255, 255, 255, 0.7);

  border-radius: 0px;

  border: none;

} /*Booking Left Part*/ .sf-booking-head {

  position: relative;

}

.sf-booking-head .sf-booking-close-btn {

  position: absolute;

  top: 10px;

  right: -10px;

}

.sf-booking-head .sf-booking-close-btn button {

  width: 30px;

  height: 30px;

  background-color: var(--theme-secondary);

  text-align: center;

  line-height: 30px;

  font-size: 16px;

  border: 0px;

  border-radius: 5px;

  color: #fff;

  padding: 0 !important;

  display: flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

}

.sf-booking-head .sf-booking-close-btn button:hover {

  box-shadow: 0px 4px 0px #9b5400;

}

.sf-booking-head .sf-booking-head-title {

  color: #fff;

  padding-top: 15px;

  margin-bottom: 0px;

  margin-top: 0px;

  font-size: 24px;

  font-family: inherit;

  font-weight: 700;

}

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

  .sf-booking-head .sf-booking-head-title {

    font-size: 18px;

    margin-right: 30px;

  }

}

.sf-booking-body {

  margin: 30px 0px;

}

.sf-booking-body .sf-booking-slots {

  background-color: #fff;

  border-radius: 8px;

  padding: 12px;

  border: 1px solid #ddd;

  margin-bottom: 20px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-title {

  margin-top: 0px;

  margin-bottom: 10px;

  font-size: 16px;

  text-transform: capitalize;

  margin-right: 25px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span {

  display: inline-block;

  margin-right: 10px;

  color: #000;

  font-size: 14px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span .sf-coupan-title span {

  font-size: 12px;

  line-height: 1.2;

  cursor: pointer;

  text-decoration: underline;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.sf-add-timing {

  white-space: nowrap;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.sf-add-duration {

  white-space: nowrap;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span .sf-coupan-title {

  max-width: 100px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span:last-child {

  margin-right: 0px;

  display: flex;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.sf-add-dating strong {

  color: var(--theme-secondary);

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.updatedserviceprice {

  border: 1px solid var(--theme-secondary);

  border-radius: 3px;

  padding: 0px 6px;

}

.sf-booking-body .sf-booking-slots .sf-booking-slot-detail span .removeitem {

  width: 20px;

  height: 20px;

  background-color: var(--theme-secondary);

  text-align: center;

  font-size: 10px;

  border: 0px;

  border-radius: 3px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0px;

  text-decoration: none;

}

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

  .sf-booking-body .sf-booking-slots .sf-booking-slot-detail {

    flex-wrap: wrap;

    justify-content: flex-start;

  }

  .sf-booking-body .sf-booking-slots .sf-booking-slot-detail span {

    width: 50%;

    margin: 0px 0px 5px;

  }

  .sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.sf-add-timing {

    width: 50%;

    margin: 0px;

  }

  .sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.sf-add-duration {

    width: 50%;

    margin: 0px;

    margin: 0px 0px 5px;

  }

  .sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.updatedserviceprice {

    width: auto;

    margin: 0px;

    margin-right: 10px;

  }

  .sf-booking-body .sf-booking-slots .sf-booking-slot-detail span.updatedserviceprice + span {

    margin-right: 0px;

    display: block;

    width: 100%;

    max-width: 100px;

  }

}

.sf-booking-footer {

  background-color: #fff;

  border-radius: 8px;

  padding: 10px;

  border: 1px solid #ddd;

  margin-bottom: 20px;

}

.sf-booking-footer > ul {

  list-style: none;

  margin: 0px !important;

  padding: 0px !important;

}

.sf-booking-footer > ul li {

  border-bottom: 1px solid #ddd;

  margin: 0px 0px 10px !important;

  padding: 10px 0px !important;

}

.sf-booking-footer > ul li:last-child {

  border-bottom: 0px;

  border-radius: 5px;

}

.sf-booking-footer > ul li.aon-summry-total-pay {

  padding: 10px 10px !important;

  background: #f3f8fb;

}

.sf-booking-footer > ul li .sf-add-price-total {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  font-size: 14px;

  font-weight: 600;

  color: #222;

}

.sf-booking-footer > ul li .sf-add-price-left {

  width: 50%;

}

.sf-booking-footer > ul li .sf-add-price-left, .sf-booking-footer > ul li .sf-add-price-right {

  display: block;

}

.sf-booking-footer > ul li .sf-add-price-total.gftvoucher {

  font-size: 16px;

}

.sf-booking-footer > ul li.aon-summry-total-pay .sf-add-price-total {

  font-size: 16px;

}

.sf-booking-footer > ul li.aon-summry-total-pay .aon-total-pay-btn-wrap {

  margin-top: 0px !important;

}

.sf-booking-footer > ul li.aon-summry-total-pay .aon-total-pay-btn-wrap .aon-total-pay-btn {

  background-color: var(--theme-secondary);

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 16px;

  padding: 12px 10px;

  display: block;

  width: 100%;

}

.sf-coupans-box > h4 {

  font-size: 18px;

  color: #fff;

}

.sf-coupans-box .site-button.verifybookingcoupon {
  background:var(--btn-primary);
  color: #fff;
}

.sf-coupans-box .site-button.verifybookingcoupon:hover {
  background:var(--btn-primary);
  color: #fff;

} /* sf-tb-st1*/ .sf-tb-st1 {

  position: relative;

}

.sf-content-l-wrap {

  min-height: 700px;

  border-radius: 0px 0px 30px 30px;

  background-color: var(--theme-primary);

  margin-top: -50px;

  padding: 30px;

  overflow: hidden;

  position: relative;

  display: flex;

}

.sf-content-left-iner {

  position: relative;

  width: 100%;

}

.sf-steps-st1 {

  display: flex;

  justify-content: space-between;

  list-style: none !important;

  position: relative;

  margin: 0px 0px 20px !important;

  padding: 0px !important;

}

.sf-steps-st1:before {

  position: absolute;

  content: "";

  width: 100%;

  background-color: #ddd;

  left: 0px;

  top: 20px;

  right: 0px;

  height: 3px;

}

body ul li:before {

  display: none !important;

}

.sf-steps-st1 li {

  width: 50%;

  text-align: center;

  position: relative;

  z-index: 1;

  margin: 0px;

  padding: 0px;

}

.sf-steps-st1 li.active:after {

  width: 100%;

  position: absolute;

  content: "";

  background-color: var(--theme-secondary);

  height: 3px;

  left: 0px;

  right: 0px;

  top: 20px;

  z-index: -1;

}

.sf-steps-st1 li a {

  display: block;

  color: #999;

  text-decoration: none;

}

.sf-steps-st1 li a span {

  margin: 0px auto;

  display: block;

  font-size: 14px;

  font-weight: bold;

  margin-bottom: 10px;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  border: 1px solid #ddd;

  line-height: 40px;

  text-align: center;

  background-color: #fff;

}

.sf-steps-st1 li a p {

  font-size: 16px;

  margin: 0px;

}

.aon-book-pop-head h2 {

  font-size: 24px;

  color: #999;

  font-family: inherit;

  font-weight: 700;

}

.sf-blocks-wrapst1 {

  overflow-y: scroll;

  max-height: 300px;

  padding: 5px 10px;

  margin: 0px -10px 10px;

}

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

  .sf-blocks-wrapst1 {

    max-height: 265px;

  }

}

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

  .sf-blocks-wrapst1 {

    max-height: 348px;

  }

}

.sf-blocks-wrapst1 .sf-service-box {

  background-color: #fff;

  padding: 10px 20px;

  border-radius: 10px;

  border: 1px solid #fff;

  display: flex;

  justify-content: space-between;

  margin-bottom: 8px;

  align-items: center;

  box-shadow: 3px 2px 5px 2px rgba(0, 5, 5, 0.02);

  font-weight: normal;

  color: #999;

}

.sf-content-page-back {

  position: absolute;

  top: 30px;

  left: 30px;

}

.sf-content-page-back-btn {

  background-color: transparent;

  font-size: 16px;

  color: #000;

  border: none;

}

.sf-content-page-back-btn i {

  padding-right: 10px;

}

.aon-sevices-owl-wrap {

  margin: 0px -15px 30px;

}

.filterservices {

  padding: 10px;

}

.aon-servces-slider .owl-controls {

  margin: 0px;

}

.aon-servi-name-box {

  display: block;

  padding: 15px 5px 15px 5px;

  text-align: center;

  position: relative;

  font-size: 14px;

  font-weight: 500;

  color: #999;

  border-radius: 5px;

  -webkit-box-shadow: 0 0 10px 10px rgba(0, 5, 5, 0.02);

  box-shadow: 3px 2px 5px 2px rgba(0, 5, 5, 0.02);

  background: #fff;

  cursor: pointer;

}

.aon-cate-name {
  display: flex;
  justify-content: space-between;
  padding: 0px 5px;
}

.aon-servi-name-box .badge-num {

  color: #fff;

  width: 22px;

  height: 22px;

  font-size: 11px;

  background-color: var(--theme-primary);

  line-height: 22px;

  padding: 0px;

  border-radius: 4px;

  font-weight: 600;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-left: 5px;

}

.aon-servi-name-box:hover {

  background: var(--theme-secondary);

}

.aon-servi-name-box:active {

  background: var(--theme-secondary);

}

.aon-servi-name-box:hover .aon-cate-name {

  color: #fff;

}

.aon-servi-name-box:hover .badge-num {

  background: #fff;

  color: #222;

}

.sf-service-bookbtn .book-btn {

  background-color: var(--btn-primary);

  border-color: var(--btn-primay);

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 12px;

  padding: 5px 10px;

}

.sf-service-bookbtn .book-btn:hover, .sf-service-bookbtn .book-btn:active, .sf-service-bookbtn .book-btn:focus {

  background-color: var(--btn-primary-hover);

  color: #fff !important;

  text-decoration: none;

}

.sf-service-box .sf-service-naming {

  font-size: 14px;

  color: #999;

  font-weight: 600;

  margin-bottom: 5px;

  margin-right: 12px;

  min-width: 180px;

}

.sf-service-box .sf-service-type {

  min-width: 65px;

}

.sf-service-box .sf-servi-price {

  display: flex;

  justify-content: center;

}

.sf-service-box .sf-servi-price .sf-service-price {

  opacity: 0.4;

}

.sf-service-box .sf-servi-price .sf-service-price2 {

  margin-left: 5px;

}

.sf-service-box .sf-service-bookbtn {

  min-width: 56px;

  min-height: 10px;

}

.sf-service-box .sf-servi-price {

  min-width: 150px;

  min-height: 10px;

}

.sf-service-box .sf-service-detail {

  min-width: 90px;

  min-height: 10px;

}

.sf-service-box .sf-service-detail .service-detail {

  color: #6139b3;

  text-decoration: none;

}

.sf-service-box .sf-service-detail .service-detail:hover {

  color: #ff8a00;

}

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

  .sf-blocks-wrapst1 .sf-service-box {

    flex-wrap: wrap;

  }

  .sf-service-box .sf-service-naming {

    min-width: 100%;

  }

}

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

  .sf-service-box .sf-service-type {

    min-width: 50%;

  }

  .sf-service-box .sf-service-detail {

    min-width: 50%;

    text-align: right;

  }

  .sf-service-box .sf-servi-price {

    min-width: 50%;

    justify-content: flex-start;

  }

  .sf-service-box .sf-service-bookbtn {

    min-width: 50%;

    text-align: right;

    padding-top: 5px;

  }

  .sf-blocks-wrapst1 .sf-service-box {

    padding: 10px 15px;

  }

}

.sf-btn-next-prev {

  display: flex;

  justify-content: space-between;

  margin-bottom: 25px;

}

.ap-form-btn-back i {

  margin-left: 10px;

}

.ap-form-btn-back i {

  margin-left: 10px;

}

.ap-form-btn-back, .ap-form-btn-next {

  background-color: var(--btn-primary);

  padding: 7px 15px !important;

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  border-radius: 5px;

  border: none;

}

.ap-form-btn-back:hover, .ap-form-btn-back:active, .ap-form-btn-back:focus, .ap-form-btn-next:hover, .ap-form-btn-next:active, .ap-form-btn-next:focus {

  background-color: var(--btn-primary-hover);

}

.ap-summary-bar {

  background-color: var(--theme-secondary);

  padding: 10px 20px;

  border-radius: 10px;

  border: 1px solid var(--theme-secondary);

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 10px;

  box-shadow: 3px 2px 5px 2px rgba(0, 5, 5, 0.02);

  font-weight: 600;

  font-size: 20px;

}

.ap-summary-addnum {

  background: var(--theme-secondary);

  display: inline-flex;

  line-height: 1;

  min-width: 20px;

  justify-content: center;

  align-items: center;

  font-size: 12px;

  height: 20px;

  border-radius: 20px;

  color: #fff;

  font-weight: bold;

  margin-left: 10px;

}

.ap-summary-left {

  display: flex;

  align-items: center;

  color: #fff;

  min-width: 25%;

}

.ap-sumry-more {

  color: var(--theme-primary);

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  text-decoration: underline;

  cursor: pointer;

}

.ap-summary-right {

  font-size: 18px;

  min-width: 25%;

  text-align: right;

}

.ap-summary-right strong {

  font-weight: 900;

  color: #fff;

}

.ap-summary-right span {

  font-weight: 700;

  color: #fff;

} /*Calender*/ .sf-time-listing {

  list-style: none;

  margin: 0px -10px;

  display: flex;

  flex-wrap: wrap;

}

.sf-time-listing li {

  padding: 0px 10px;

  width: 33.333%;

  font-size: 14px;

  margin: 0px 0px 15px !important;

  font-weight: 600;

  cursor: pointer;

  text-align: center;

}

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

  .sf-time-listing li {

    width: 50% !important;

  }

}

.sf-time-listing li.no-servi-box-alert {

  padding: 15px 10px;

  width: calc(100% - 20px);

  font-size: 14px;

  margin: 0px 10px 15px !important;

  font-weight: 600;

  cursor: pointer;

  text-align: center;

  color: #df5555;

  background: #ffebeb;

  border-radius: 10px;

}

.sf-time-listing .sf-time-box {

  background: #fff;

  color: #6139b3;

  padding: 10px 15px;

  border-radius: 5px;

}

.sf-time-listing .sf-time-box:hover {

  background: var(--theme-secondary);

  color: #fff;

}

.aon-total-pay-btn-wrap {

  margin-top: 20px;

}

.aon-total-pay-btn-wrap .aon-total-pay-btn {

  background-color: var(--theme-secondary);

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 16px;

  padding: 12px 10px;

  display: block;

  width: 100%;

}

.ap-servi-info-box {

  margin-bottom: 30px;

  padding: 10px;

  border: 1px solid #fff;

  border-radius: 10px;

  background: #fff;

  display: flex;

}

.ap-servi-pic {

  width: 80px;

  height: 80px;

  border: 1px solid #fff;

  border-radius: 10px;

  overflow: hidden;

}

.ap-servi-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.ap-servi-info-right {

  padding-left: 15px;

  width: cala(100% - 80px);

}

.ap-servi-info-right strong {

  display: block;

  font-size: 18px;

  font-weight: 700;

}

.ap-servi-info-right span {

  font-size: 16px;

  font-weight: 600;

  color: var(--theme-secondary);

}

.sf-calendar {

  padding: 10px;

  background-color: #fff;

  border-radius: 10px;

  margin-top: 30px;

  margin-bottom: 20px;

  width: 100%;

}

.sf-time-area {

  padding: 0px 0px;

  margin-bottom: 0px;

  width: 100%;

} /*Team Member*/ .sf-team-member-list {

  list-style: none;

  margin: 30px -7px 0px;

  padding: 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  max-height: 400px;

  overflow-y: scroll;

}

.sf-team-member-list > li {

  width: 33.333%;

  padding: 0 7px;

  margin: 0px 0px 20px !important;

  cursor: pointer;

}

.sf-team-member-list > a.staffitem {

  width: calc(100% - 10px);

  display: block;

  padding: 10px 15px;

  border-radius: 5px;

  background: var(--btn-primary);

  border: none;

  font-size: 14px;

  margin: 0px 5px;

  text-transform: uppercase;

  font-weight: 600;

}

.sf-team-member-list > a.staffitem:hover, .sf-team-member-list > a.staffitem:focus, .sf-team-member-list > a.staffitem:active {

  background: var(--btn-primary-hover);

}

.sf-team-member-list > li .sf-team-mamber-wrap {

  padding: 15px 5px;

  position: relative;

  text-align: center;

  overflow: hidden;

  background: #fff;

  border-radius: 5px;

}

.sf-team-member-list > li .sf-team-mamber-wrap:after {

  content: "";

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 0%;

  background-color: var(--theme-secondary);

  border-radius: 5px 5px 0px 0px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.sf-team-member-list > li .sf-team-mamber-wrap:hover:after {

  height: 100%;

}

.sf-team-member-list > li .sf-team-mamber-pic {

  width: 75px;

  height: 75px;

  margin: auto;

  position: relative;

  z-index: 1;

  border-radius: 50px;

}

.sf-team-member-list > li .sf-team-mamber-pic img {

  width: 100%;

  height: 100%;

  border-radius: 50px;

}

.sf-team-member-list > li .sf-team-mamber-pic:after {

  content: "";

  position: absolute;

  top: -5px;

  left: -5px;

  width: calc(100% + 10px);

  height: 45px;

  z-index: -1;

  background-color: var(--theme-primary);

  border-radius: 50px 50px 0px 0px;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-team-member-list > li .sf-team-mamber-wrap:hover .sf-team-mamber-pic:after {

  background-color: #fff;

  height: 60%;

}

.sf-team-member-list > li .sf-team-member-overlay {

  position: absolute;

  bottom: 50%;

  left: 50%;

  width: 0%;

  height: 0%;

  background-color: #ff8a00;

  border-radius: 100%;

  opacity: 1;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-team-member-list > li .sf-team-member-overlay span {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  line-height: 30px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  margin: -15px;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.sf-team-member-list > li:hover .sf-team-member-overlay {

  position: absolute;

  bottom: 10%;

  left: 10%;

  width: 80%;

  height: 80%;

  opacity: 0.8;

  border-radius: 50px;

  display: none;

}

.sf-team-member-list > li.selected .sf-team-member-overlay {

  position: absolute;

  bottom: 50%;

  left: 50%;

  width: 40px;

  height: 40px;

  margin: -20px;

  opacity: 1s;

}

.sf-team-member-list > li.selected:hover .sf-team-member-overlay {

  border-radius: 100%;

}

.sf-team-member-list > li.selected .sf-team-member-overlay span {

  opacity: 1;

}

.sf-team-member-list > li .sf-team-mamber-info {

  padding-top: 15px;

  position: relative;

  z-index: 1;

}

.sf-team-member-list > li .sf-team-mamber-info * {

  margin: 0px;

}

.sf-team-member-list > li .sf-team-mamber-info h6 {

  font-size: 14px;

  text-transform: none;

}

.sf-team-member-list > li:hover .sf-team-mamber-info * {

  color: #fff;

}

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

  .sf-team-member-list > li {

    width: 50%;

  }

}

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

  .sf-team-member-list > li {

    width: 50%;

  }

  .sf-team-member-list {

    max-height: 580px;

  }

}

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

  .sf-team-member-list {

    max-height: 420px;

  }

}

.ap-location-list {

  list-style: none !important;

  margin: 30px -7px 0px;

  padding: 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  max-height: 400px;

  overflow-y: scroll;

  scrollbar-width: thin;

  scrollbar-color: #f7f3ff #ffffff;

}

.ap-location-list > li {

  width: 50%;

  padding: 0 7px;

  margin: 0px 0px 20px;

  cursor: pointer;

  display: flex;

}

.ap-location-list > li .ap-loca-box-wrap {

  padding: 10px 10px;

  position: relative;

  overflow: hidden;

  background: #fff;

  border-radius: 5px;

  display: flex;

  width: 100%;

}

.ap-location-list > li .sf-loca-box-icon {

  padding: 10px 5px;

  position: relative;

  text-align: center;

  overflow: hidden;

  background: var(--theme-secondary);

  border-radius: 20px;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ap-location-list > li .sf-loca-box-icon i {

  color: #fff;

}

.ap-location-list > li .sf-loca-box-info {

  width: calc(100% - 24px);

  padding-left: 10px;

}

.ap-location-list > li .sf-loca-box-title {

  margin: 0px;

  font-size: 14px;

}

.ap-location-list > li .sf-loca-address-line {

  margin: 0px;

  font-size: 12px;

}

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

  .ap-location-list > li {

    width: 100%;

    margin: 0px 0px 10px;

  }

}

#ap-your-location-box {

  transform: translateX(-700px);

  transition: all 0.5s ease;

}

.location-box-active #ap-your-location-box {

  transform: translateX(0px);

}

#ap-our-teams-box {

  transform: translateX(-700px);

  transition: all 0.5s ease;

}

.member-box-active #ap-our-teams-box {

  overflow: visible;

  height: auto;

  transform: translateX(0px);

}

#ap-calender-box {

  transform: translateX(-700px);

  transition: all 0.5s ease;

}

.calendar-box-active #ap-calender-box {

  overflow: visible;

  height: auto;

  transform: translateX(0px);

}

#ap-summary-box {

  transform: translateX(-700px);

  transition: all 0.5s ease

}

.summary-box-active #ap-summary-box {

  transform: translateY(0px);

}

#ap-no-servi-add {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #d8cdee;

  font-size: 36px;

  font-weight: 300;

  transition: all 0.5s ease;

} /*.active-summery #ap-summary-box { top:0%; opacity:1; }.active-service-detail #ap-calender-box { top:0%; opacity:1; }.sf-content-l-wrap[class*="active-"] #ap-no-servi-add { display:none;}*/ .bootbox-close-button.close {

  width: 24px;

  height: 24px;

  padding: 0px;

  background: no-repeat;

  color: red;

  font-size: 22px;

  line-height: 1;

  display: flex;

  justify-content: center;

  align-items: center;

  border: none;

  text-decoration: none;

}

.bootbox-close-button.close:hover {

  color: #222;

  text-decoration: none;

}

.modal-header .modal-title {

  margin: 0;

  font-size: 18px;

}

.sf-detail-popup {

  padding: 20px;

}

.sf-detail-popup > h2 {

  margin: 10px 0px 20px !important;

  font-size: 24px;

}

.sf-detail-popup .sf-service-pic {

  float: left;

  width: 120px;

  height: 120px;

  margin-right: 20px;

  margin-bottom: 10px;

  border-radius: 10px;

  overflow: hidden;

}

.sf-detail-popup .sf-service-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.sf-detail-popup h5 {

  margin: 0px 0px 10px !important;

}

.sf-detail-popup p {

  font-size: 15px;

  line-height: 1.6;

  color: #999;

}

.sf-calendar .datepicker.dropdown-menu th, .sf-calendar .datepicker.datepicker-inline th, .sf-calendar .datepicker.dropdown-menu td, .sf-calendar .datepicker.datepicker-inline td {

  padding: 4px 5px;

  background: #f7f8fa;

}

.sf-calendar .datepicker table tr td.today, .sf-calendar .datepicker table tr td.today:hover, .sf-calendar .datepicker table tr td.today.disabled, .sf-calendar .datepicker table tr td.today.disabled:hover {

  background-color: #ff8a00;

  color: #fff !important;

}

.bookingdates .datepicker.datepicker-inline {

  width: 100%;

  padding: 0px;

  border: none;

}

.bookingdates .datepicker.datepicker-inline table {

  border-collapse: separate;

  border-spacing: 5px 6px;

  border: none;

}

.bookingdates .datepicker.datepicker-inline td, .bookingdates .datepicker.datepicker-inline th {

  vertical-align: middle;

  text-align: center;

  width: 20px;

  height: 34px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  border: none;

  font-size: 13px;

  font-weight: 700;

}

.bookingdates .datepicker.datepicker-inline tr td {

  font-weight: 500;

}

.bookingdates .datepicker.datepicker-inline tr td:hover {

  background: var(--theme-secondary);

  color: #fff;

}

.bookingdates .datepicker.datepicker-inline table tr td.day:hover, .bookingdates .datepicker.datepicker-inline table tr td.day.focused {

  background: var(--theme-secondary);

  cursor: pointer;

}

.bookingdates .datepicker.datepicker-inline table tr td.day.active {

  background: var(--theme-secondary);

  cursor: #fff;

}

.hourly-services-box {

  padding: 20px;

}

.sf-extraservice-list {

  margin: 0px !important;

  list-style: none;

  padding: 0px;

}

.sf-extraservice-list li {

  background-color: #fdfdff;

  padding: 10px 20px;

  border-radius: 10px;

  border: 1px solid #f7f8fa;

  justify-content: space-between;

  margin: 0px 0px 10px;

  align-items: center;

  font-weight: normal;

}

.sf-extraservice-list li .sf-extraservice-title h6 {

  font-size: 14px;

  margin: 0px 0px 5px;

  text-transform: none;

}

.sf-extraservice-list li .sf-extraservice-des {

  display: flex;

  justify-content: space-between;

}

.sf-extraservice-list li .sf-extraservice-des .addtocart {

  background-color: var(--btn-primary);

  border-color: #ff8a00;

  font-weight: 700;

  color: #fff !important;

  border-radius: 5px;

  border: none;

  font-size: 12px;

  padding: 5px 10px;

}

.sf-coupans-box .input-group {

  padding: 10px;

  background: #fff;

  border-radius: 10px;

}

.sf-coupans-box .input-group .form-control {

  border-radius: 5px 0px 0px 5px;

  padding: 7px 12px;

  height: 44px;

  font-size: 14px;

}

.sf-coupans-box .input-group .site-button {

  border-radius: 0px 5px 5px 0px;

  padding: 7px 25px;

  height: 44px;

  font-size: 14px;

  text-decoration: none;

}

.sf-coupans-box .input-group .site-button:hover {

  background: #6139b3;

}

#customerarea {

  padding: 25px;

  background: #fff;

  border-radius: 10px;

  border: 1px solid #ddd;

  margin-bottom: 30px;

}

#customerarea .aon-book-pop-head-title {

  margin: 0px 0px 20px;

  font-size: 24px;

}

#customerarea [class*="col-"] {

  margin-bottom: 25px;

}

#customerarea [class*="col-"] label {

  font-size: 14px;

}

#customerarea [class*="col-"] .form-inline {

  display: flex;

}

#customerarea [class*="col-"] .form-inline .sf-radio-checkbox {

  display: flex;

  align-items: center;

  margin-right: 20px;

}

#customerarea [class*="col-"] .form-inline .sf-radio-checkbox label {

  padding-left: 10px;

}

.havegiftcard {

  display: block;

  margin-bottom: 15px;

  font-weight: 700;

  text-transform: uppercase;

  color: #222;

}

.sf-booking-area .aon-inputicon-box {

  position: relative;

}

.sf-booking-area .aon-inputicon-box .form-control {

  padding-left: 35px;

}

.sf-booking-area .aon-inputicon-box .aon-input-icon {

  position: absolute;

  left: 0;

  top: 0;

  width: 40px;

  height: 46px;

  z-index: 5;

  line-height: 46px;

  text-align: center;

}

.page-checkout-container {

  max-width: 1200px;

  margin: auto;

}

.sf-booking-area .form-control {

  background-color: #fff;

  border: 1px solid #e8edf1;

  box-shadow: none;

  border-radius: 5px;

  padding: 10px 15px;

  height: 46px;

  font-size: 14px;

}

.sf-booking-area .form-control:focus {

  background: #fff;

  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);

  border-color: #022279;

  font-size: 14px;

}

.sf-booking-area textarea.form-control {

  min-height: 150px;

}

.sf-booking-area .form-select {

  background-color: #fff;

  border-color: #e8edf1;

  box-shadow: none;

  border-radius: 5px;

  padding: 10px 15px;

  height: 46px;

  font-size: 14px;

}

.sf-booking-area .form-select:focus {

  background: #fff;

  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);

  border-color: #022279;

}

.sf-booking-area .aon-inputicon-box .form-select {

  padding-left: 35px;

}

.aon-login1-wrap {

  min-height: calc(100vh - 190px);

  display: flex;

  justify-content: center;

  align-items: center;

}

.ap-login-area .aon-inputicon-box {

  position: relative;

}

.ap-login-area .aon-inputicon-box .form-control {

  padding-left: 60px;

}

.ap-login-area .aon-inputicon-box .aon-input-icon {

  position: absolute;

  left: 0;

  top: 0;

  width: 60px;

  height: 60px;

  z-index: 5;

  line-height: 60px;

  text-align: center;

  color: #000 !important;

  font-size: 20px;

}

.ap-login-area .form-group {

  margin-bottom: 25px;

}

.ap-login-area .form-control {

  background: #fff !important;

  border: 1px solid #e8edf1;

  box-shadow: none;

  border-radius: 5px;

  padding: 10px 15px;

  height: 60px;

  font-size: 18px;

  color: #222 !important;

}

.ap-login-area .form-control::placeholder {

  background: #fff !important;

  font-size: 18px !important;

  color: #222 !important;

}

.ap-login-area .form-control::-ms-input-placeholder {

  background: #fff !important;

  font-size: 18px !important;

  color: #222 !important;

}

.ap-login-area .form-control::-webkit-input-placeholder {

  background: #fff !important;

  font-size: 18px !important;

  color: #222 !important;

}

.ap-login-area .form-control:focus {

  background: #fff !important;

  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);

  border-color: #022279;

  font-size: 18px;

}

.ap-login-area textarea.form-control {

  min-height: 150px;

}

.ap-login-area .form-select {

  background-color: #fff;

  border-color: #e8edf1;

  box-shadow: none;

  border-radius: 5px;

  padding: 10px 15px;

  height: 46px;

  font-size: 14px;

}

.ap-login-area .form-select:focus {

  background: #fff;

  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);

  border-color: #022279;

}

.ap-login-area .aon-inputicon-box .form-select {

  padding-left: 35px;

}

.ap-login-area .site-button {

  background: var(--btn-primary);

  height: 60px;

  border-radius: 10px;

}

.ap-login-area .site-button:hover, .ap-login-area .site-button:active, .ap-login-area .site-button:focus {

  opacity: 0.8;

}

.ap-login-area .form-group .showhidepass {

  position: absolute;

  top: 18px;

  right: 15px;

}

a {

  outline: none !important;

}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {

  box-shadow: none;

}

.page-checkout-container {

  max-width: 1320px;

  margin: auto;

  padding: 50px 15px 30px;

}

.ap-apoint-right {

  padding-left: 15px;

}

.sf-back-panel-button .sf-content-page-back-btn {

  color: #ddd;

  padding: 0px !important;

}

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

  .ap-apoint-right {

    padding-left: 5px;

    padding-right: 5px;

  }

  .sf-booking-area .container .row > [class*="col-"] {

    width: 100%;

  }

  .sf-content-l-wrap {

    height: 100%;

    border-radius: 0px;

    background-color:var(--theme-primary);

    margin: 0;

    padding: 20px;

    overflow: visible;

    position: absolute;

    display: flex;

    top: 0;

    left: -380px;

    width: 380px;

    z-index: 9999;

    webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

  }

  .sumamry-panel-active .sf-content-l-wrap {

    left: 0px;

    -webkit-box-shadow: 0 0 50px 100px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 50px 100px rgba(0, 0, 0, 0.05);

  }

  .sf-content-left-iner {

    position: absolute;

    width: 100%;

    height: 100vh;

    overflow-y: scroll;

    padding: 20px;

    top: 0;

    left: 0;

  }

}

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

  .sf-content-l-wrap {

    width: 320px;

  }

}

.sf-booking-area #giftcardwrap .applygiftcard {

  background-color: #ff8a00;

  padding: 7px 15px !important;

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  border-radius: 5px;

  border: none;

  text-decoration: none !important;

}

.sf-booking-area #giftcardwrap .applygiftcard:hover, .sf-booking-area #giftcardwrap .applygiftcard:active, .sf-booking-area #giftcardwrap .applygiftcard:focus {

  background-color: #6139b3;

  color: #fff;

}

body .sf-booking-area .owl-nav {

  text-align: center;

}

body .sf-booking-area .owl-nav button.owl-prev, body .sf-booking-area .owl-nav button.owl-next {

  font-size: 13px;

  margin: 0 5px;

  padding: 5px 11px !important;

  display: inline-block;

  cursor: pointer;

  border: none;

  background: #ff0000;

}

body .sf-booking-area .owl-nav button.owl-prev, body .sf-booking-area .owl-nav button.owl-next {

  background-color: #ff8a00;

  border-color: #ff8a00;

  color: #fff !important;

  border-radius: 5px;

}

body .sf-booking-area .owl-nav button.owl-prev:hover, body .sf-booking-area .owl-nav button.owl-prev:active, body .sf-booking-area .owl-nav button.owl-prev:focus, body .sf-booking-area .owl-nav button.owl-next:hover, body .sf-booking-area .owl-nav button.owl-next:active, body .sf-booking-area .owl-nav button.owl-next:focus {

  background-color: #69b23d;

  border-color: #3e8e0e;

  color: #fff;

}

.sf-coupan-code-overlay {

  position: relative;

}

.sf-coupanCode-close {

  position: absolute;

  top: 0;

  right: 0;

  padding: 5px;

  background: red;

  color: #fff;

  line-height: 1;

  width: 24px;

  height: 24px;

  border-radius: 5px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.sf-coupans-error.sf-coupon-failed:empty {

  display: none;

}

.sf-coupans-error.sf-coupon-failed {

  background: red;

  display: table;

  padding: 5px 10px;

  border-radius: 3px;

  color: #fff;

  font-weight: 600;

  font-size: 14px;

  position: relative;

}

.sf-coupans-error.sf-coupon-failed:after {

  content: "";

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 0 7px 10px 7px;

  border-color: transparent transparent #FF4532 transparent;

  transform: rotate(0deg);

  position: absolute;

  bottom: 99%;

  left: 20px;

}

.summary-close-btn {

  display: none;

}

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

  .summary-close-btn {

    display: block;

    position: absolute;

    right: -27px;

    top: 50%;

    font-size: 12px;

    border: none;

    padding: 4px 8px;

    text-transform: uppercase;

    letter-spacing: 1px;

    height: 22px;

    background: #f04f53;

    color: #fff;

    font-weight: 600;

    margin: -45px 0px;

    line-height: 1;

    cursor: pointer;

    border-radius: 0px 0px 7px 7px;

    z-index: 99;

    -moz-transform: rotate(-90deg) translateX(-50%);

    -webkit-transform: rotate(-90deg) translateX(-50%);

    -o-transform: rotate(-90deg) translateX(-50%);

    -ms-transform: rotate(-90deg) translateX(-50%);

    transform: rotate(-90deg) translateX(-50%);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

  }

  .sumamry-panel-active .summary-close-btn {

    right: -48px;

  }

}

.form-select.error, .form-control.error {

  background: #F8E3E3;

  border-color: #deb2b2;

  box-shadow: none;

}

.form-select.error + .error, .form-control.error + .error {

  background: #eb6767;

  color: #fff;

  padding: 2px 10px;

  line-height: 1.4;

  border-radius: 3px;

  font-size: 12px;

  position: absolute;

  top: 100%;

  z-index: 9;

}

.form-select.error + .error::after, .form-control.error + .error::after {

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 6px 6px 6px;

  border-color: transparent transparent #eb6767 transparent;

  position: absolute;

  bottom: 100%;

  left: 10px;

} /*------------------------------------------------ Alert box CSS---------------------------------------------------*/ .sf-alert-box-wrap, .sf-success-box-wrap {

  position: fixed;

  top: 90%;

  transform: translateY(-90%);

  -webkit-transform: translateY(-90%);

  -moz-transform: translateY(-90%);

  -ms-transform: translateY(-90%);

  right: -100%;

  width: calc(100% - 60px);

  margin: 0 30px;

  max-width: 500px;

  z-index: 99999;

  cursor: pointer;

  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

  border-radius: 25px;

}

.sf-alert-box-intro:after {

  content: "";

  display: table;

  clear: both;

}

.sf-alert-box-intro {

  background-color: #FFFFFF;

  padding: 30px;

  border-width: 2px;

  border-style: solid;

  border-radius: 25px;

  display: flex;

  align-items: center;

}

.sf-alert-box-icon {

  display: block;

  float: left;

  font-size: 20px;

  border-width: 2px;

  border-style: solid;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 100%;

  border-radius: 100%;

}

.sf-alert-box-info {

  overflow: hidden;

  padding-left: 20px;

}

.sf-alert-box-title {

  text-transform: uppercase;

  color: #2e4540;

  display: block;

  margin-bottom: 5px;

}

.sf-alert-box-text {

  font-size: 12px;

  color: #fff;

}

.sf-alert-box-list {

  margin: 0;

}

.sf-alert-box-list li {

  padding: 2px 2px 2px 15px;

  font-size: 14px;

  color: #fff;

}

.sf-alert-box-list.list-angle-right li:before {

  top: -1px;

  color: #fff;

}

.sf-alert-box-close {

  position: absolute;

  right: 10px;

  top: 15px;

  font-size: 16px;

  color: #0c7554;

  width: 20px;

  height: 20px;

  line-height: 20px;

  cursor: pointer;

}

.sf-alert-box-close:hover {

  color: #000;

}

.sf-success {

  border-color: #46da6b;

  background: #ebf9ec;

}

.sf-success .sf-alert-box-title {

  color: #0c7554;

}

.sf-success .sf-alert-box-icon {

  border-color: #0c7554;

  color: #0c7554;

}

.sf-success .sf-alert-box-text {

  color: #0c7554;

}

.sf-danger {

  border-color: #f1d5d2;

  background: #fcf2f1;

}

.sf-danger .sf-alert-box-title {

  color: #db2220;

}

.sf-danger .sf-alert-box-text {

  color: #db2220;

}

.sf-danger .sf-alert-box-list li {

  color: #de2624;

}

.sf-danger .sf-alert-box-list li:before {

  color: #de2624;

}

.sf-danger .sf-alert-box-icon {

  border-color: #de2624;

  color: #de2624;

}

.sf-alert-box-intro.sf-danger .sf-alert-box-close {

  color: #b90404;

}

.sf-warning {

  border-color: #f7f6b6;

  background: #fefde9;

}

.sf-warning .sf-alert-box-title {

  color: #4c534b;

}

.sf-warning .sf-alert-box-icon {

  border-color: #854b23;

  color: #854b23;

}

.sf-informaton {

  border-color: #2c80ff;

  background: #2c80ff;

}

.sf-informaton .sf-alert-box-title {

  color: #fff;

}

.sf-informaton .sf-alert-box-icon {

  border-color: #fff;

  color: #fff;

}

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

  .sf-alert-box-wrap, .sf-success-box-wrap {

    width: calc(100% - 40px);

    margin: 0 20px;

  }

}

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

  .sf-alert-box-wrap, .sf-success-box-wrap {

    width: calc(100% - 30px);

    margin: 0 15px;

  }

}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {

  width: 100%;

  border-radius: 30px;

}

.select2-container--default .select2-selection--single {

  border: 1px solid #aaa !important;

  border-radius: 30px !important;

}

.checkout.woocommerce-checkout {

  margin: 0px -15px;

}

.checkout.woocommerce-checkout:after {

  content: "";

  display: table;

  clear: both;

}

.woocommerce #customer_details {

  width: 60% !important;

  float: left;

  padding: 0px 15px;

}

.woocommerce-checkout form #order_review_heading {

  width: 40% !important;

}

.woocommerce #order_review {

  width: calc(40% - 30px) !important;

  float: right;

  padding: 30px;

  border-radius: 30px;

  background: var(--theme-primary);

  border: 1px solid #ddd;

  margin-left: 30px;

  color: #fff;

}

.woocommerce-checkout-review-order-table.shop_table thead tr th, .woocommerce-checkout-review-order-table.shop_table tfoot tr th {

  background: none !important;

}

body .woocommerce .col2-set .col-1, body .woocommerce-page .col2-set .col-1 {

  float: none;

  width: 100%;

  margin-bottom: 30px;

}

body .woocommerce .col2-set .col-2, body .woocommerce-page .col2-set .col-2 {

  float: none;

  width: 100%;

}

.woocommerce.columns-3 > .row {

  justify-content: center;

  display: flex;

  flex-wrap: wrap;

}

.woocommerce div.product form.cart .variations label {

  font-weight: 700;

  text-align: left;

  white-space: nowrap;

}

.woocommerce div.product form.cart .variations th:first-child {

  padding-left: 0px;

  text-align: left !important;

}

.woocommerce-checkout-review-order-table.shop_table {

  border: none !important

}

.woocommerce-checkout-review-order-table.shop_table thead tr th {

  border: none;

  border-bottom: 2px solid #e5e5e5;

  padding: 10px 0px !important;

}

.woocommerce-checkout-review-order-table.shop_table thead tr th:first-child {

  text-align: left !important;

  font-weight: 800;

  font-size: 16px;

}

.woocommerce-checkout-review-order-table.shop_table thead tr th:last-child {

  text-align: right !important;

  font-weight: 800;

  font-size: 16px;

}

.woocommerce-checkout-review-order-table.shop_table tr th:first-child, .woocommerce-checkout-review-order-table.shop_table tr td:first-child {

  text-align: left !important;

  border: none;

  border-bottom: 1px solid #ddd;

  padding: 10px 0px !important;

}

.woocommerce-checkout-review-order-table.shop_table tr th:last-child, .woocommerce-checkout-review-order-table.shop_table tr td:last-child {

  text-align: right !important;

  border: none;

  border-bottom: 1px solid #ddd;

  padding: 10px 0px !important;

}

.woocommerce-checkout-review-order-table.shop_table tr th {

  border: none;

  border-bottom: 1px solid #e5e5e5;

  padding: 10px 0px !important;

}

.woocommerce-checkout-payment {

  background: none !important;

  border: 1px solid #ddd;

  border-radius: 10px;

}

.woocommerce-checkout #payment div.payment_box {

  background-color: #6139b3;

  border: 1px solid #ddd;

  border-radius: 5px;

}

.woocommerce-checkout #payment div.payment_box::before {

  border-bottom-color: #e6e6e6;

}

#order_review_heading {

  padding: 0px 15px;

  overflow: hidden;

}

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

  .woocommerce #customer_details {

    width: 100% !important;

    float: none;

    padding: 0px 15px;

  }

  .woocommerce-checkout form #order_review_heading {

    width: 100% !important;

  }

  .woocommerce #order_review {

    width: 100% !important;

    float: none;

    padding: 30px;

    margin-left: 0px;

  }

  #order_review, #customer_details {

    width: 100%;

    float: none;

  }

}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {

  text-align: left;

  padding: 1em;

  border-bottom: 1px solid #cfc8d8;

  margin: 0;

  list-style: none outside

}

#add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before {

  content: " ";

  display: table

}

#add_payment_method #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::after {

  clear: both

}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {

  line-height: 2;

  text-align: left;

  margin: 0;

  font-weight: 400

}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {

  margin: 0 1em 0 0

}

.select2-container--default .select2-selection--single {

  background-color: #fff;

  border: 1px solid #ddd !important;

  border-radius: 30px;

}

.woocommerce-checkout-review-order #place_order {

  width: calc(100% - 40px) !important;

  border-radius: 5px;

  margin: 0px 20px 20px;

  display: block;

  float: none !important;

  background: var(--btn-primary);

  text-decoration: none;

}

.woocommerce-terms-and-conditions-wrapper {

  margin-bottom: 20px !important;

}

.woocommerce-terms-and-conditions-wrapper {

  padding: 15px;

}

.woocommerce-terms-and-conditions-wrapper p {

  margin: 0px;

}

.woocommerce-checkout-review-order-table tr td dl.variation dt.variation-ServicesBooked {

  display: block;

}

.woocommerce-checkout-review-order-table tr td dl.variation dt.variation-ServicesBooked {

  display: block;

  width: 100%;

}

.woocommerce-checkout-review-order-table tr td dl.variation dt.variation-ServicesBooked .table {

  margin: 0px;

  background: #fff;

}

.woocommerce-checkout-review-order-table tr td dl.variation dt.variation-ServicesBooked .table tr td {

  padding: 5px 5px;

}

body .variation .table {

  margin: 10px 0px 0px;

  border: none;

}

body .variation-ServicesBooked .table tr td {

  display: block;

  padding: 5px 10px;

  font-size: 14px;

}

body .variation-ServicesBooked .table tr td:first-child {

  padding: 10px 10px 0px !important;

  border-radius: 10px 10px 0px 0px;

}

body .variation-ServicesBooked .table tr td:last-child {

  text-align: left !important;

  padding: 0px 10px 10px !important;

  border-radius: 0px 0px 10px 10px;

}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {

  margin-top: -30px !important;

}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table dl.variation dt.variation-ServicesBooked {

  font-size: 20px;

  font-weight: 700;

}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tr.cart_item .product-total {

  display: none;

}

.woocommerce-privacy-policy-link {

  text-transform: uppercase;

  color: #ff8a00;

  font-weight: 800;

  font-size: 14px;

  letter-spacing: 0px;

} /*radio & checkbox*/ .sf-radio-checkbox.radio-inline, .sf-radio-checkbox.checkbox-inline {

  padding-left: 0 !important;

}

.sf-radio-checkbox label {

  font-weight: normal !important;

}

.sf-radio-checkbox input[type=checkbox], .sf-radio-checkbox input[type=radio] {

  display: none;

  opacity: 0;

  margin-left: 1px !important;

}

.sf-radio-checkbox input[type=checkbox] + label, .sf-radio-checkbox input[type=radio] + label {

  display: block;

  padding-left: 24px !important;

  position: relative;

  cursor: pointer;

  line-height: 1.3;

}

.sf-radio-checkbox input[type=checkbox] + label:hover:before, .sf-radio-checkbox input[type=radio] + label:hover:before {

  border-color: #6263fb;

}

.sf-radio-checkbox input[type=checkbox] + label:before, .sf-radio-checkbox input[type=radio] + label:before {

  background-color: #f2f2fc;

  border: 1px solid #c0c0f9;

  content: "";

  display: inline-block;

  height: 22px;

  line-height: 1;

  margin-left: -24px;

  position: absolute;

  top: 0px;

  transition: all linear 0.1s;

  width: 22px;

  border-radius: 5px;

}

.sf-radio-checkbox input[type=checkbox] + label:after {

  color: #fff;

  content: "\f00c";

  font-family: FontAwesome;

  font-size: 0px;

  -webkit-font-smoothing: antialiased;

  left: 6px;

  position: absolute;

  top: 7px;

  transition: all linear 0.1s;

}

.sf-radio-checkbox input[type=checkbox]:checked + label:before {

  border-width: 10px;

  border-color: #6139b3;

  background: #6139b3;

}

.sf-radio-checkbox input[type=checkbox]:checked + label:after {

  font-size: 12px;

  left: 5px;

  top: 3px;

}

.sf-radio-checkbox input[type=radio] + label:before {

  border-radius: 50%;

  content: "";

}

.sf-radio-checkbox input[type=radio]:checked + label:before {

  border-color: #6139b3;

  border-width: 10px;

  background: #6139b3;

}

.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] {

  position: absolute;

  left: 0;

  bottom: 0;

}

.sf-radioCheckbox-errors .sf-radio-checkbox input[type=checkbox] + label:before, .sf-radioCheckbox-errors .sf-radio-checkbox input[type=radio] + label:before {

  background-color: #f8e3e3;

  border: 1px solid #eb6767;

}

.panel-loading-area {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #fff;

  z-index: 999;

  right: 0;

  bottom: 0;

  display: none;

  justify-content: center;

  align-items: center;

}

.panel-loading-area .loading-pic {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 80px;

  height: 80px;

  margin: -40px;

  background: #fff;

  z-index: 999;

}

.sf-booking-slots + li {

  padding: 0px;

  margin: 0px;

  list-style: none;

}

.sf-booking-slots + li .sf-add-price-total {

  padding: 20px;

  border: 1px solid #fff;

  border-radius: 10px;

  background: #fff;

  display: flex;

  justify-content: space-between;

} /* LOADER 1 */ .panel-loading-area .loading-pic:before, .panel-loading-area .loading-pic:after {

  content: "";

  position: absolute;

  top: -10px;

  left: -10px;

  width: 100%;

  height: 100%;

  border-radius: 100%;

  border: 8px solid transparent;

  border-top-color: var(--theme-secondary);

}

.panel-loading-area .loading-pic:before {

  z-index: 100;

  animation: spin222 1s infinite;

}

.panel-loading-area .loading-pic:after {

  border: 8px solid var(--theme-primary);

}

@keyframes spin222 {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.woocommerce .woocommerce-order {

  border: 1px solid #ddd;

  padding: 30px;

  border-radius: 10px;

}

.woocommerce-order-overview {

  margin: 0px;

  list-style: outside disclosure-closed;

  font-size: 18px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 30px;

}

.woocommerce-order-overview {}

.woocommerce-order-details {

  padding-top: 0px;

}

.woocommerce-order-details .woocommerce-order-details__title {

  margin: 0px;

  font-size: 28px;

}

.woocommerce-customer-details {

  border-top: 1px solid #ddd;

}

.woocommerce-customer-details .woocommerce-column__title {

  margin: 0px;

  font-size: 28px;

  margin-bottom: 20px;

}

.woocommerce-order-details address {

  font-size: 18px;

}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address {

  margin: 0px;

  border-bottom: 1px solid #ddd;

  padding-bottom: 30px;

} /*INVOICE PAGE CSS*/ .sf-myaccount-heading-right {

  margin-bottom: 30px;

}

.sf-invoice-wrap {

  max-width: 900px;

}

.sf-invoice-logo {

  width: auto;

  white-space: nowrap;

  color: #222;

  font-weight: 700;

  float: right;

  margin-right: 30px;

}

.sf-invoice-logo a {

  color: #222;

}

.sf-invoice-logo img {

  max-width: 80px;

}

.sf-invoice-compay-info {

  clear: both;

  padding: 0px 30px;

}

.sf-invoice-compay-info ul {

  list-style: none;

  margin: 10px 0px 0px;

  padding: 0px;

}

.sf-invoice-compay-info ul li {

  display: block;

  padding: 2px 0px;

  margin-right: 5px;

  font-weight: 600;

}

.bg-invoice {

  background-color: #fff;

  margin: 15px 45px 30px;

  width: calc(100% - 90px);

  display: flex;

  flex-wrap: wrap;

  border-radius: 5px;

  border: 1px solid #ddd;

}

.invoice-itemn-table tfoot {

  font-size: 20px;

  color: #333;

  font-weight: 600;

  font-weight: bold;

}

.invoice-itemn-table thead {

  text-transform: uppercase;

  border-bottom: 2px solid #ddd;

}

.invoice-itemn-table thead th {

  color: #222;

  border: none;

}

.invoice-itemn-table tfoot {

  border-top: 2px solid #ddd;

}

.invoice-itemn-table tr {

  background: #fff !important;

}

.invoice-itemn-table td {

  background: #fff;

  border: none;

  border-bottom: 1px solid #ddd;

}

.invoice-itemn-table {

  margin: 0px 30px;

  width: calc(100% - 60px) !important;

}

.sf-invoice-text {

  font-size: 45px;

  line-height: 45px;

  font-weight: 700;

  text-transform: uppercase;

  color: #ddd;

  padding: 0px 30px;

}

.sf-invoice-heading {

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  color: #fff;

  padding: 10px 15px;

  background-color: var(--primary);

  margin: 15px 30px 30px;

}

.invoice-top-left {

  list-style: none;

  border: 1px solid var(--theme-primary);

  max-width: 100%;

  margin: 10px;

  background-color: var(--theme-primary);

  padding: 10px;

  border-radius: 5px;

  overflow: hidden;

}

.invoice-top-left li {

  display: table;

  width: 100%;

  margin: 0px;

}

.invoice-top-left li > strong, .invoice-top-left li > span {

  padding: 5px 10px;

  display: table-cell;

}

.invoice-top-left li > strong {

  color: #fff;

}

.invoice-top-left li > span {

  text-align: right;

  color: #fff;

}

.invoice-top-left li.invoice-total {

  background-color: #fff;

  color: #222;

  font-weight: 600;

}

.invoice-top-left li.invoice-total > strong, .invoice-top-left li.invoice-total > span {

  border-bottom: none;

  font-weight: bold;

  font-size: 18px;

}

.invoice-top-left li.invoice-total > span > span {

  padding: 0px;

  display: block;

  font-size: 18px;

}

.invoice-top-left li.invoice-total > strong {

  color: #222;

  font-weight: bold;

  font-size: 18px;

}

.bg-invoice .col-sm-12 p {

  font-size: 16px;

  letter-spacing: 0px;

}

.invoice-user-info {

  padding: 0px;

}

.invoice-user-info li {

  padding: 5px 0;

}

.invoice-footer {

  margin: 0px 30px;

  text-align: center;

  padding-bottom: 10px;

}

.invoice-footer h5 {

  text-transform: uppercase;

  float: left;

  margin: 0px;

}

.invoice-footer span {

  float: right;

}

.sf-invoice-status {

  font-size: 30px;

  line-height: 30px;

  font-weight: 700;

  text-transform: uppercase;

  color: #ddd;

}

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

  .sf-invoice-text {

    text-align: center;

  }

  .sf-invoice-compay-info {

    text-align: center;

    margin: 30px 0px 30px;

  }

  .sf-invoice-logo {

    display: table;

    margin: auto;

    float: none;

  }

  .invoice-footer h5 {

    float: none;

    margin-bottom: 10px;

  }

  .invoice-footer span {

    float: none;

  }

}

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

  .invoice-top-left {

    max-width: 100%;

  }

  .bg-invoice h6, .bg-invoice .invoice-user-info {

    text-align: center;

  }

}

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

  .bg-invoice .col-xs-6 {

    width: 100%;

    float: none;

  }

  .invoice-top-left {

    max-width: 100%;

  }

  .invoice-footer h5 {

    float: none;

  }

  .invoice-footer span {

    float: none;

  }

}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr td br {

  display: none;

}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 address {

  font-size: 18px;

}

.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {

  font-size: 18px;

}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {

  padding: 20px;

  text-align: center;

  background: #f4fff3;

  border: 1px solid #c7e388;

  border-radius: 10px;

  font-size: 16px;

  color: #46c43b;

}

.woocommerce .woocommerce-checkout-review-order .shop_table {

  background: none !important;

}

.wc-block-components-form.wc-block-checkout__form .wc-block-components-text-input input[type="text"] {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 25px;

}

.wc-block-components-form.wc-block-checkout__form .components-flex-block input[class*="components-form-token-"] {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 25px !important;

}

.wc-block-components-form.wc-block-checkout__form .wc-block-components-address-form__phone input[type="tel"] {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 25px;

}

.wp-block-woocommerce-checkout-order-summary-block {

  background: var(--theme-primary);

  color: #fff;

  border-radius: 20px;

  padding: 10px;

}

body .wc-block-components-order-summary .wc-block-components-order-summary-item__image {

  display: none;

}

body .wc-block-components-order-summary .wc-block-components-order-summary-item__description {

  padding-left: 0;

  padding-right: 10px;

}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon-link {

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 700;

}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {

  max-width: 48px;

  width: 48px;

  border-radius: 25px;

}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper {

  border-top: none;

}

#view-invoice-row .invoice-top-left {

  margin: 0px;

}

#view-invoice-row .bg-invoice {

  padding: 15px;

  margin: 0px;

  margin-bottom: 0px;

  margin-bottom: 30px;

}

#view-invoice-row .bg-invoice .col-sm-6 {

  width: 100%;

}

#view-invoice-row .list-unstyled.invoice-user-info {

  margin: 0px;

}

#view-invoice-row .list-unstyled.invoice-user-info li {

  margin: 0px;

}

#view-invoice-row .aon-table.table.invoice-itemn-table {

  width: 100% !important;

  margin: 0px 0px 30px !important;

}

.invoice-footer {

  margin: 0px 0px 30px;

  text-align: center;

  padding-bottom: 10px;

  width: 100%;

}

.invoice-footer h5 {

  width: 100% !important;

  text-align: center;

}

.invoice-footer span {

  display: block;

  width: 100%;

  text-align: center;

}

#view-invoice-row .row .sf-invoice-text {

  padding: 0px;

}

#view-invoice-row .row .sf-invoice-compay-info {

  padding: 0px;

}

#view-invoice-row .row .sf-invoice-compay-info ul {

  padding: 0px;

  margin-bottom: 30px;

}

#view-invoice-row .row .sf-invoice-compay-info ul li {

  margin: 0px;

}

.ap-header-area {

  padding: 25px 0px;

  border-bottom: 1px solid #ddd;

}

.ap-top-logo {

  display: table;

  margin: 0px auto;

}

.aon-login-logo {

  max-width: 150px;

  margin: 0px auto 20px;

}

.aon-login-wel-text {

  color: #fff;

  text-align: center;

}

.aon-login-wel-title {

  color: #fff;

  font-size: 24px;

}

.ap-login-wrap {

  min-height: 100vh;

  padding: 30px;

  background: #fff;

}

.ap-login-area {

  max-width: 550px;

  padding: 30px 30px;

  background: #6139b3;

  border-radius: 10px;

  margin: auto;

  position: relative;

  z-index: 1;

}

.ap-login-area label {

  color: #fff;

}

.login-social-btn {

  outline: none;

  color: #222;

  padding: 12px 15px;

  position: relative;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

  border: 1px solid #ddd;

  font-size: 14px;

  transition: 0.5s all ease;

  border-radius: 50px;

}

.login-social-btn i {

  margin-right: 5px;

}

.login-social-btn i img {

  height: 20px;

}

.signup-divider-text {

  padding: 0px 30px;

  margin: 30px 0px 30px;

}

.ap-top-logo img {

  max-height: 50px;

}

.ap-footer-area {

  border-top: 1px solid #ddd;

  padding: 25px 0px;

  text-align: center;

} /*Thank You Css*/ .sf-thank-area {

  background: #f7f8fa;

  min-height: calc(100vh - 190px);

  padding: 50px 0px;

}

.sp-booking-wrap {

  padding: 45px 25px 25px;

  border-radius: 30px;

  border: 1px solid #fff;

  position: relative;

  background: #fff;

}

.sp-booking-topbar {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  padding: 10px;

  border-radius: 30px 30px 0px 0px;

  background: var(--theme-secondary);

}

.sp-thank-picbox {

  width: 100%;

  max-width: 350px;

  display: table;

  text-align: center;

  border-radius: 10px;

  padding: 30px;

  border: 1px solid #ddd;

  margin: 0px auto 20px;

}

.sp-thank-picbox .sp-thank-pic {

  margin-bottom: 30px;

}

.sp-thank-picbox .sp-thanks-title {

  font-size: 24px;

  font-weight: 700;

  color: #999;

}

.sp-thanks-des {

  padding: 30px;

  text-align: center;

  font-size: 16px;

  margin: auto;

  max-width: 850px;

  line-height: 4;

}

.sp-thanks-des p {

  font-size: 16px;

  line-height: 1.8;

}

.ap-booking-sammery {

  max-width: 700px;

  margin: auto;

}

.ap-booking-sammery table tr th {

  font-size: 16px;

  padding: 10px 5px;

  text-transform: uppercase;

}

.ap-booking-sammery table tr td {

  font-size: 14px;

  padding: 10px 5px;

}

.no-invoice.data {

  padding: 30px;

  margin: 100px auto;

  max-width: 500px;

  border: 1px solid #ddd;

  border-radius: 10px;

  text-align: center;

}

.ap-invoice-wrapper {

  padding: 30px 30px 0px;

  border: 1px solid #ddd;

  border-radius: 10px;

  margin: 50px 0px;

}

.row.invoice-top-row {

  width: 100%;

  margin-bottom: 20px;

}

.invoice-top-row .col-md-6:last-child {

  text-align: right;

}

#view-invoice-row .invoice-top-bg.bg-invoice {

  padding: 15px;

  margin: 0px 12px 35px !important;

  width: calc(100% - 24px);

}

#view-invoice-row .row .sf-invoice-compay-info {

  margin-bottom: 30px;

}

.site-button.payinvoice {

  outline: none;

  color: #fff;

  padding: 10px 20px;

  letter-spacing: 1px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  display: inline-table;

  background-color: var(--btn-primary);

  border: none;

  font-size: 15px;

  transition: 0.5s all ease;

  border-radius: 15px;

  font-weight: 600;

}

.site-button.payinvoice i {

  padding-right: 5px;

}

.site-button.payinvoice:hover, .site-button.payinvoice:active, .site-button.payinvoice:focus {

  background-color: var(--btn-primary-hover);

  color: #fff;

}

.ap-invoice-wrapper .invoice-top-left {

  max-width: 350px;

}

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

  .ap-invoice-wrapper .sf-invoice-text {

    text-align: left;

  }

  .ap-invoice-wrapper .sf-invoice-compay-info {

    text-align: left;

  }

  .ap-invoice-wrapper .sf-invoice-logo {

    display: block;

  }

}

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

  .ap-invoice-wrapper .bg-invoice h6, .ap-invoice-wrapper .bg-invoice .invoice-user-info {

    text-align: left;

  }

  .ap-invoice-wrapper .invoice-top-left {

    max-width: 100%;

    margin-bottom: 20px !important;

  }

}

.form-group.form-inline.sf-radioCheckbox-error {

  position: relative;

}

#serviceperformat-error {

  background: #eb6767;

  color: #fff;

  padding: 2px 10px;

  line-height: 1.4;

  border-radius: 3px;

  font-size: 12px;

  position: absolute;

  top: 100%;

  z-index: 9;

}

#serviceperformat-error:after {

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 6px 6px 6px;

  border-color: transparent transparent #eb6767 transparent;

  position: absolute;

  bottom: 100%;

  left: 10px;

}

#appointment__form {

  margin: 0 !important;

}

.sf-detail-popup .sf-service-pic {

  float: left;

  width: 200px;

  height: 200px;

  margin-right: 20px;

  margin-bottom: 10px;

  border-radius: 10px;

  overflow: hidden;

}

.sf-service-info-wrap {

  display: block;

  clear: both;

}

.ap-loading-area {

  display: none;

}

.sf-no-result {

  padding: 10px;

  border: 1px solid #ddd;

  text-align: center;

  border-radius: 10px;

}

.shop_table.woocommerce-checkout-review-order-table > thead {

  display: none;

}

.shop_table.woocommerce-checkout-review-order-table dt.variation-ServicesBooked {

  display: none;

}

.shop_table.woocommerce-checkout-review-order-table .table-responsive {

  overflow: visible;

}

.shop_table.woocommerce-checkout-review-order-table .table-responsive table thead {

  display: none;

}

span.woocommerce-Price-amount.amount {

  display: flex;

  padding-top: 5px;

}

.ap-summary-right {

  font-size: 18px;

  min-width: 25%;

  text-align: right;

  display: flex;

  align-items: center;

}

.ap-summary-right strong {

  margin-right: 5px;

}

.ap-summary-right span {

  line-height: 1;

}

.bookingdates .datepicker.datepicker-inline table {

  width: 100%;

}

.sf-time-listing {

  padding: 0px !important;

}

a.toplevel_page_appointment {

  background: #ff8a00 !important;

  color: #fff !important;

  font-weight: bold

}

a.toplevel_page_appointment:hover {

  background: #ff8a00 !important;

  color: #fff !important;

  font-weight: bold

}

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

  .ap-top-logo {

    max-width: 120px;

  }

}

.sf-cart-empty-image {

  width: 250px;

  height: 250px;

  padding-right: 30px;

  margin-bottom: 15px;

}

.sf-cart-empty-image img {

  width: 90%;

  height: 90%;

  object-fit: contain;

  object-position: center;

}

#appointment__form {

  position: relative !important;

  width: 100vw !important;

  left: 50% !important;

  margin-left: -50vw !important;

  margin-right: 0px !important;

  overflow-x: hidden;

}

body.footer-on-bottom #inner-wrap {

  display: block;

}

#payment ul.wc_payment_methods li.wc_payment_method > label {

  color: #222;

}

.woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, #add_payment_method #payment div.payment_box {

  color: #fff !important;

}

#appointment__form .container {

  max-width: 1320px !important;

  width: 100% !important;

}

.components-button.wc-block-components-button.wc-block-components-checkout-place-order-button {

  background: var(--btn-primary);

  color: #fff;

}

.components-button.wc-block-components-button.wc-block-components-checkout-place-order-button:hover, .components-button.wc-block-components-button.wc-block-components-checkout-place-order-button:active, .components-button.wc-block-components-button.wc-block-components-checkout-place-order-button:focus {

  background: var(--btn-primary-hover);

  color: #fff;

}

.components-button.wc-block-components-button.wc-block-components-totals-coupon__button {

  color: #fff;

  opacity: 0.8;

}

.sf-no-staff.not-found {

  border: 1px solid #fff;

  color: #fff;

  padding: 15px;

  width: 100%;

  text-align: center;

  border-radius: 10px;

}

.star-num-wrap .showrating svg {

  width: 12px;

  height: 12px;

}

.star-num-wrap .showrating {

  line-height: 1;

  margin-right: 3px;

}

.sf-rating-lable {

  font-size: 10px;

  font-weight: 600;

}

#booking_attachments-pickfiles {

  display: flex;

  position: relative;

  width: 100%;

  height: 150px;

  margin-bottom: 0px;

  padding: 15px;

  border-radius: 5px;

  border: 2px dashed #ddd;

}

#booking_attachments-pickfiles img {

  border-radius: 5px;

  opacity: 0;

  width: 100%;

  height: 200px;

  display: none;

}

#booking_attachments-pickfiles .admin-button.has-toltip {

  position: absolute;

  bottom: 50%;

  left: 50%;

  margin: -12px -60px;

  background: #ff8a00;

  font-size: 12px;

}

.sf-add-gallery-list {

  list-style: none;

  margin: 20px -12px 0px;

  display: flex;

  flex-wrap: wrap;

}

.sf-add-gallery-list > li {

  position: relative;

  padding: 10px;

  border: 1px solid #ddd;

  border-radius: 5px;

  width: calc(33.333% - 24px);

  margin: 0px 12px 24px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.sf-add-gallery-list > li .sk-delete-file {

  position: absolute;

  top: 15px;

  right: 15px;

  background: red;

  color: #fff;

  display: flex;

  width: 20px;

  height: 20px;

  align-items: center;

  justify-content: center;

  font-size: 10px;

  border-radius: 4px;

  cursor: pointer;

}

.sf-add-gallery-list > li .sk-delete-file:hover {

  opacity: 0.6;

}

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

  .sf-add-gallery-list > li {

    width: calc(50% - 24px);

  }

  .ap-summary-right {

    font-size: 14px;

  }

}

.repeat_appointment_box {

  margin-bottom: 15px;

}

.repeat_appointment_box [class*="ap-freq-wrapper-"] {

  margin-bottom: 10px;

}

.ap-freq-wrapper .form-groupss {

  margin-bottom: 10px;

}

.sf-select-box.frequencySelect {

  border-radius: 5px;

}

.ap-freq-times {

  margin-bottom: 10px;

  position: relative;

}

.ap-freq-times .form-control + .control-label {

  position: absolute;

  bottom: 12px;

  right: 15px;

}

.ap-freq-options-weekly.ap-freq-options-biweekly.ap-freq-options {

  display: flex;

  flex-wrap: wrap;

}

.ap-freq-options-weekly.ap-freq-options-biweekly.ap-freq-options > .control-label {

  width: 100%;

  font-weight: 600;

}

.ap-freq-options-weekly.ap-freq-options-biweekly.ap-freq-options .checkbox.sf-radio-checkbox {

  margin-right: 10px;

  margin-top: 10px;

  margin-bottom: 10px;

}

.ap-freq-schedule {

  padding-top: 10px;

}

.ap-freq-options-monthly.ap-freq-options {

  padding: 10px 0px;

}

.ap-freq-options-monthly.ap-freq-options .sf-select-box {

  border-radius: 5px;

}

.ap-freq-schedule-wrapper {

  list-style: none;

  margin: 20px -7px 0px;

  display: flex;

  flex-wrap: wrap;

}

.ap-freq-schedule-wrapper li {

  width: calc(50% - 14px);

  margin: 0px 7px 10px;

  text-align: center;

  border: 1px solid #ddd;

  border-radius: 5px;

  line-height: 1.4;

  padding: 8px 10px;

}

.ap-freq-schedule-wrapper li span {

  display: block;

}

#ap_repeat_appointment_wrapper {

  padding-top: 10px;

}

.sf-radio-checkbox input[type=checkbox] + label, .sf-radio-checkbox input[type=radio] + label {

  padding-left: 28px !important;

}

.sf-radio-checkbox input[type="checkbox"] + label::before, .sf-radio-checkbox input[type="radio"] + label::before {

  margin-left: -28px;

}

.site-button.setschedule {

  background-color: var(--btn-primary);

  color: #fff !important;

  text-decoration: none;

}

.site-button.setschedule:hover, .site-button.setschedule:active, .site-button.setschedule:focus {

  background-color: var(--btn-primary-hover);

  color: #fff !important;

  text-decoration: none;

}

.ap-view-upcoming-wrap {

  display: flex;

  align-items: center;

}

.ap-view-upcoming-wrap .ap-view-upcoming {

  margin-right: 10px;

}

.ap-view-upcoming-wrap .viewrepeatingservices {

  margin: 0px;

}

.service-payment-status {

  padding: 7px 15px;

  margin: 10px 0px;

  border: 1px solid #ddd;

  border-radius: 5px;

  display: flex;

  align-items: center;

  font-size: 16px;

}

.service-payment-status strong {

  margin-right: 5px;

}

.service-payment-status span {

  margin-right: 5px;

}

.service-payment-status.ap-pending {

  border: 1px solid #d99e2e;

  background: #fdf2da;

  color: #8e620c;

}

.service-payment-status.ap-pending span {

  color: #4d3300;

}

.service-payment-status.ap-on-hold {

  border: 1px solid #23bccc;

  background: #e2f7f9;

  color: #008997;

}

.service-payment-status.ap-on-hold span {

  color: #004d55;

}

.service-payment-status.ap-paid {

  border: 1px solid #0a9b2f;

  background: #dafde3;

  color: #308828;

}

.service-payment-status.ap-paid span {

  color: #0a4f04;

}

.site-button-outline.editbooking {

  margin-left: 0px;

}

.cancel-all-repeat {

  display: flex;

  justify-content: flex-end;

  margin-bottom: 10px;

  padding-top: 5px;

}

.ap-repeat-payment {

  text-align: right;

}

.site-button.payrepeatpayment {

  display: inline-flex;

  align-items: center;

  padding: 7px 20px;

  border-radius: 5px;

  background-color: var(--btn-primary);

  color: #fff !important;

  text-decoration: none;

}

.site-button.payrepeatpayment i {

  margin-right: 6px;

}

.site-button.payrepeatpayment:hover, .site-button.payrepeatpayment:active, .site-button.payrepeatpayment:focus {

  background-color: var(--btn-primary-hover);

  color: #fff !important;

  text-decoration: none;

}

.sf-assigned-membername {

  display: table;

  border: 1px solid #ddd;

  padding: 15px;

  margin-bottom: 20px;

  border-radius: 10px;

  text-align: center;

  font-size: 16px;

}

.sf-assigned-membername .assigned-member-pic {

  display: block;

  margin-bottom: 10px;

}

.sf-assigned-branchaddress {

  margin-bottom: 20px;

}

#extra_services_holder {

  display: flex;

  flex-wrap: wrap;

  margin: 0px -10px;

  border-radius: 5px;

  padding: 0px;

  list-style: none;

}

#extra_services_holder .ap-exser-col {

  width: 33.333%;

  padding: 0px 10px;

  margin-bottom: 20px;

}

#extra_services_holder .sf-exser-wrap {

  border: 1px solid #fff;

  padding: 5px;

  background: #fff;

  border-radius: 5px;

  text-align: center;

  position: relative;

  cursor: pointer;

}

#extra_services_holder .ap-exser-col.active .sf-exser-wrap {

  border: 1px solid var(--btn-primary);

}

#extra_services_holder .sf-exser-wrap .sf-exser-pic {

  border-radius: 5px;

  overflow: hidden;

  margin-bottom: 10px;

}

#extra_services_holder .sf-exser-wrap .sf-exser-overlay {

  position: absolute;

  top: 5px;

  right: -50px;

  width: 20px;

  height: 20px;

  border-radius: 4px;

  background: #ff8a00;

  color: #fff;

  font-size: 12px;

  transition: all 0.5s ease;

}

#extra_services_holder .ap-exser-col.active .sf-exser-overlay {

  right: 5px;

}

#extra_services_holder .sf-exser-wrap .sf-exser-info h6 {

  font-size: 13px;

}

#extra_services_holder .sf-exser-wrap .sf-service-price {

  text-align: center;

}

#extra_services_holder .woocommerce-Price-amount.amount {

  display: flex;

  justify-content: center;

  font-size: 12px;

  font-weight: 500;

  padding: 0px;

}

#extra_services_holder .sf-service-price2 {

  display: flex;

  justify-content: center;

  font-size: 12px;

  font-weight: 500;

  padding: 0px;

}

.sf-booking-head .sf-booking-head-title {

  margin-top: 0px;

  margin-bottom: 15px;

}

.ex_services_wrapper {

  padding: 10px 0px;

}

.ex_services_items {

  display: flex;

  justify-content: space-between;

  border-bottom: 1px solid #ddd;

  padding-bottom: 3px;

  padding-top: 3px;

  font-size: 14px;

}

.ex_services_items span {

  display: block;

}

.ex_services_items .ex_service_name {

  width: 50%;

  font-weight: 500;

  color: 222;

}

.ex_services_items .ex_service_price {

  width: 30%;

  font-weight: 500;

  color: 777;

}

.ex_services_items .ex_display_service_period {

  width: 20%;

  font-weight: 500;

  text-align: right;

  color: 777;

}

.ex_services_items:last-child {

  border-bottom: none;

}

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

  #extra_services_holder .ap-exser-col {

    width: 50%;

  }

}

.sf-back-panel-button .sf-content-page-back-btn {

  background: none;

}



.input-daterange.input-group.daterangepicker {

  margin-bottom: 10px !important;

}

.input-daterange.input-group.daterangepicker .form-control {

  border-radius:5px !important;

}

.input-daterange.input-group.daterangepicker .input-group-addon {

  padding:10px 8px !important;

}



.bootstrap-datetimepicker-widget td, 

.bootstrap-datetimepicker-widget th { border:none; }

.bootstrap-datetimepicker-widget td [class*="icon-"] { background:#fff;  color:var(--theme-primary); }

.bootstrap-datetimepicker-widget td [class*="icon-"]:hover { background: var(--theme-primary);  color:#fff !important; }

.bootstrap-datetimepicker-widget table td span.glyphicon-chevron-up:before { content: "\f077";font-family:FontAwesome; }

.bootstrap-datetimepicker-widget table td span.glyphicon-chevron-down:before { content:"\f078";  font-family:FontAwesome; }

.datepicker.datepicker-dropdown table tr td,

.datepicker.datepicker-dropdown table tr th {  font-size:12px; }


.datepicker table tr td.active.active {  background:var(--btn-primary) !important; }



/*========================================

 Restu Room Details Area Css

========================================*/

.room-details-area {

    padding: 100px 0 100px;

}



.room-details-thumb img {

    width: 100%;

}



.room-details-content {

    margin-top: 38px;

}



.room-details-content h4 {

    font-size: 16px;

    line-height: 14px;

    color: #C29D68;

    font-weight: 600;

    text-transform: uppercase;

}



.room-details-content h1 {

    font-size: 40px;

    color: #1e1e1e;

    font-weight: 600;

}



.room-details-item {

    border: 1px solid rgba(30,30,30,0.10196078431372549);

    padding: 14px 0;

    border-left: transparent;

    border-right: transparent;

    margin: 30px 0 28px;

}



.room-details-item span {

    display: inline-block;

    margin-right: 54px;

}



.room-details-item img {

    margin-right: 8px;

}



p.room-detils-desc {

    width: 93%;

    margin-top: 15px;

}



.room-details-check-box {

    display: inline-block;

    margin-right: 145px;

    margin-bottom: 29px;

}



.room-details-check-box.upper{

    margin-right: 0;

}



.room-details-check-content span {

    display: inline-block;

    font-size: 26px;

    line-height: 26px;

    color: #1e1e1e;

    font-weight: 600;

    font-family: "Cormorant Garamond";

    margin: 38px 0 24px 0;

}



.room-details-check-content img {

    margin-right: 9px;

    margin-bottom: 5px;

}



p.check-item {

    margin-bottom: 9px;

}



p.check-item i {

    display: inline-block;

    color: #c19d68;

    font-size: 22px;

    position: relative;

    top: 3px;

    margin-right: 10px;

}



.room-details-area .room-rules {

    background: #f8f6f3;

    padding: 78px 37px 8px;

    position: relative;

}



.room-details-area .room-rules a {

    display: inline-block;

    background: var(--primary-color);

    color: #fff;

    font-family: var(--fonts-title);

    text-transform: uppercase;

    padding: 10px 31px;

    position: absolute;

    top: 0;

    left: 75px;

}



.room-details-area .room-rules p {

    margin-bottom: 27px;

}



.room-details-area .rules {

    display: flex;

    gap: 134px;

    align-items: center;

}



.room-details-area .rules ul li {

    line-height: 40px;

}



.room-details-area  .room-rules h4 {

    font-size: 26px;

    text-transform: capitalize;

    color: #1e1e1e;

    margin: 26px 0 29px;

}



h4.cleandear-content {

    color: #1e1e1e;

    font-size: 40px;

    text-transform: capitalize;

    margin: 68px 0 12px;

}









.room-details-sidbar-form {

    background: #F7F5F3;

    padding: 44px 30px 34px;

}



.room-sidbar-title {

    display: flex;

    justify-content: space-between;

    margin-bottom: 19px;

}



.room-sidbar-title span {

    display: inline-block;

    color: #1e1e1e;

    font-size: 22px;

    font-weight: 500;

}



.room-sidbar-title p {

    display: inline-block;

    color: #1e1e1e;

    font-size: 22px;

    font-weight: 500;

}



.room-sidbar-title span.two{

    display: inline-block;

    margin: 0;

    color: #1e1e1e;

    font-size: 14px;

    text-transform: capitalize; 

}



.single-input-box input {

    width: 100%;

    height: 50px;

    border: 1px solid var(--primary-color);

    background: transparent;

    padding: 6px 16px;

    text-transform: uppercase;

    border-radius: 4px;

    margin-bottom: 14px;

}



.single-input-box input[type="date"]::-webkit-calendar-picker-indicator {

    filter: brightness(0) invert(0);

}



.single-input-box label {

    color: #616161;

    font-size: 15px;

    margin-bottom: 8px;

}



.single-input-box select {

    width: 100%;

    border: 1px solid var(--primary-color);

    height: 50px;

    padding: 0 6px;

    outline: 0;

    border-radius: 5px;

}



.room-details-extra-service h4 {

    color: #1e1e1e;

    font-size: 30px;

    font-weight: 600;

    margin: 49px 0 8px;

}



.extra-check input {

    width: 15px;

    height: 15px;

}



.extra-check label {

    color: #1e1e1e;

    font-size: 14px;

    margin-left: 11px;

    position: relative;

    top: -3px;

}



.single-extra-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid rgba(30,30,30,0.1);

    margin-top: 14px;

    padding-top: 18px;

}



.single-extra-box.two {

    border-top: 2px solid rgba(30,30,30,0.10196078431372549);

    margin-top: 50px;

}



.txtra-title h4 {

    color: #1e1e1e;

    font-weight: 400;

    font-family: "Lora";

    font-size: 14px;

    margin: 0;

}



.txtra-title label {

    font-size: 14px;

    line-height: 26px;

    color: #1e1e1e;

    font-weight: 400;

    font-family: "Lora";

    margin-right: 14px;

}



.txtra-title select {

    width: 64px;

    height: 26px;

    border: 1px solid var(--primary-color);

    outline: 0;

    font-size: 15px;

}



.extra-check h4 {

    color: #1e1e1e;

    font-weight: 600;

    font-size: 24px;

}



.txtra-price span {

    color: #1e1e1e;

    font-size: 24px;

    text-transform: uppercase;



}



.info-submit-button button {

    display: inline-block;

    background: var(--primary-color);

    color: #fff;

    text-align: center;

    width: 100%;

    padding: 12px 0;

    text-transform: uppercase;

    font-size: 15px;

    margin-top: 32px;

    transition: 0.5s;

     border: 1px solid var(--primary-color);

}



.info-submit-button a:hover{

    background: transparent;

    border: 1px solid var(--primary-color);

    color:var(--primary-color);

}



.room-details-amenities-content h4 {

    font-size: 30px;

    font-weight: 600;

    padding-bottom: 13px;

    margin-top: 41px;

}



.room-amenities-item ul li {

    color: #616161;

    font-size: 15px;

    border-bottom: 1px solid #61616129;

    padding-bottom: 15px;

    padding-top: 15px;

}



.room-amenities-item ul li:last-child{

    border: transparent;

}



.room-amenities-item ul li img {

    margin-right: 14px;

    margin-bottom: 6px;

}



.sf-filter-row.input-daterange  { display: flex;  margin: 0px auto; flex-wrap:nowrap; }
.sf-filter-row.input-daterange .sf-filter-col { width:25%; padding:0px 10px; }
.sf-filter-row.input-daterange .sf-filter-col:first-child { padding-left:0px; }



.bootstrap-select .dropdown-toggle { border: 1px solid #e1e1e1 !important; background-color: #fff !important; height: 40px; font-size: 13px; color: #999; border-radius: 5px; }
.sf-filter-row .sf-filter-col .btn-primary { outline: none; color: #fff !important; padding: 10px 12px; background:var(--btn-primary); border:none; }
.sf-filter-row .sf-filter-col .btn-primary:hover { color: #fff !important; background:var(--btn-primary-hover); }


.sf-filter-row.input-daterange #roomoptions { display: flex; width: calc(50% - 80px); flex-wrap:nowrap; }
.sf-filter-row.input-daterange #roomoptions .sf-filter-col { width:50%; }

.sf-filter-col.sf-filter-btn {
  width: auto !important;
  padding: 0 !important;
}





/*Select room section*/

.sf-filter-row { border-bottom: 2px dashed #999; padding-bottom: 20px; margin-top: 20px;}
.sf-sle-room-section { margin: 0px auto;}

.sf-slect-room-bx .sf-head-title{
	font-size: 24px;
	color: #999999;
}
.sf-slect-room-bx .sf-head-title i{margin-right: 10px;}

.sf-slect-room-bx-list-wrap ul{list-style: none; padding: 0px; margin: 0px;}
.sf-slect-room-bx-list-wrap ul li{margin-bottom: 10px;}

.sf-slect-room-bx-list{border: 1px solid #ddd; 	background-color: #fff;border-radius: 10px;	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);}

.sf-slect-room-bx-list .sf-r-top-section{padding: 10px 20px;display: flex;align-items: center;border-bottom: 1px solid #ddd;}

.sf-slect-room-bx-list .sf-r-top-section .sf-r-title { margin: 0px; font-size: 18px; color: #222; width: 40%; font-weight: 700; }

.sf-slect-room-bx-list .sf-r-bot-section{padding: 10px 20px;display: flex; align-items: center; }

.sf-slect-room-bx-list .sf-r-bot-section{display: flex;}

.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-left,
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right{width: 50%; display: flex; align-items: center;}

.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-adult{width: 50%; color: #999999; font-weight: 600; font-size: 14px;}
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-adult img{margin-right: 3px;}

.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right .sf-r-bot-section-column{width: 50%;}

.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right .sf-r-bot-section-column.s-detail{text-align:center}
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right .sf-r-bot-section-column.s-detail a {color: #555; font-size: 14px; font-weight: 600;}
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right .sf-r-bot-section-column.b-btn{text-align: right;}
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right .sf-r-bot-section-column.b-btn a { text-align: right; font-size: 12px; color: #fff; padding: 4px 10px; background-color: #ff8a00; border-radius: 6px;}

.sf-slect-room-bx-list-wrap{height: 290px; overflow-y: scroll;}


.sf-form-bx-icon-wrap{position: relative;}
.sf-form-bx-icon-wrap .sf-form-bx-icon{position: absolute; left: 8px; top:12px; z-index: 999;}

.sf-form-bx-icon-wrap .sf-form-bx-icon + input{padding-left: 35px;}

.sf-form-bx-icon-wrap .bootstrap-select > .dropdown-toggle{padding-left: 35px;}

.sf-filter-col2{display: flex; align-items: center; font-weight: 600;}


.sf-r-bot-section-column .addtocart {
  background-color: var(--btn-primary);
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
  border-radius: 5px;
  border: medium;
  font-size: 12px;
  padding: 5px 10px;
}
.sf-r-bot-section-column .addtocart:hover {
  background-color: var(--btn-primary-hover);
}
#bookingcalendar { margin-bottom: 15px; }

.bootbox-close-button.close { float: right; }

.sf-slect-room-bx { margin-bottom: 10px; }

.btn.btn-secondary.bootbox-cancel { background-color: var(--btn-primary); border:none; }
.btn.btn-primary.bootbox-accept { background-color: var(--btn-secondary); border:none;  }

#extra_services_holder .ap-exser-col { width:100%; padding: 0px 10px; margin-bottom: 20px; }


#extra_services_holder .sf-exser-wrap .sf-exser-pic { border-radius: 5px; overflow: hidden; margin-bottom: 0; width: 30px; height: 30px; position: absolute; top: 13px; left: 10px; background: #ddd; }
.sf-exser-info { display: flex; align-items: center; justify-content: flex-end; }
#extra_services_holder .sf-exser-wrap .sf-exser-info h6 { font-size: 18px; text-align: left; padding-left: 50px; font-weight: 700; width:60%; margin:0px; }
.sf-exser-info .sf-exser-price { font-size:14px; color:#222; width:20%; }
.sf-exser-info .sf-exser-quantity { width:20%; }
.sf-exser-info .sf-exser-quantity .form-control { border: 1px solid #ddd; }

#extra_services_holder .sf-exser-wrap .sf-exser-overlay { background:var(--btn-primary); line-height:20px; }
#extra_services_holder .woocommerce-Price-amount.amount { font-size: 14px; font-weight:600; }

#roomoptions .sf-filter-col:nth-child(2) { padding-left: 0px; }


@media only screen and (max-width:767px) {
	
.sf-filter-row.input-daterange { flex-wrap: wrap; }
.sf-filter-row.input-daterange .sf-filter-col { padding-left: 0px; width: 45%;  }
.sf-filter-row.input-daterange .sf-filter-col2 { padding-left: 0px; width:10%; text-align:center;  justify-content: center; padding-right: 8px; }
.sf-filter-row.input-daterange #roomoptions { display: flex; width: calc(100% - 0px); flex-wrap: nowrap; justify-content: space-between; margin-top: 12px; }
.sf-filter-col.sf-filter-btn { width: 100% !important; padding-top:15px !important; }
.sf-filter-row .sf-filter-col .btn-primary {  width: 100%; }	
.sf-filter-row.input-daterange #roomoptions .sf-filter-col { width: 45%; }
.sf-slect-room-bx-list .sf-r-top-section .sf-r-title { width: 100%; }
.sf-slect-room-bx-list .sf-r-bot-section { display: block; }
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-adult { width:auto; }
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-left, 
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right { justify-content: space-between; width:100%; }
.sf-slect-room-bx-list .sf-r-bot-section .sf-r-bot-section-right .sf-r-bot-section-column.s-detail { text-align: left; }
.sf-r-bot-section-right { padding-top: 5px; }
#extra_services_holder .sf-exser-wrap .sf-exser-info h6 { padding-left: 35px; }
#extra_services_holder .sf-exser-wrap { min-height: 56px; }
#extra_services_holder .sf-exser-wrap .sf-exser-info h6 { padding-left: 45px; }

}


@media only screen and (max-width:600px) {
	
.ap-apoint-right { padding-left: 0; }
.sf-booking-area .form-control { padding: 3px 8px;height: 36px;font-size: 14px; }
#extra_services_holder .sf-exser-wrap .sf-exser-pic { top: 14px; width: 24px; height: 24px; }
#extra_services_holder .ap-exser-col.active .sf-exser-wrap { border: 1px solid var(--btn-primary); padding: 8px; }
#extra_services_holder .sf-exser-wrap .sf-exser-info h6 { padding-left: 40px; }
#extra_services_holder .ap-exser-col.active .sf-exser-overlay { right: 2px; top:2px; }
.sf-form-bx-icon-wrap .sf-form-bx-icon { line-height: 1; top: 9px; }
.sf-form-bx-icon-wrap .sf-form-bx-icon img { height:18px; }
	
}

.sf-coupans-box .input-group { margin:10px 0px; }

#booking_attachments-pickfiles .admin-button.has-toltip {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin: -12px -60px;
  background: var(--btn-primary);
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  border: none;
  padding: 5px 15px;
  font-weight: 600;
}

.sf-filter-row .daterangepicker { width:55%; display: flex; justify-content: space-between; }
.sf-filter-row .daterangepicker .sf-filter-col { padding:0px 5px; }
.sf-filter-row .daterangepicke .sf-filter-col2 { padding:0px 5px; }
.sf-filter-row .daterangepicker .sf-filter-col .form-control { text-align:left; }

.sf-filter-row #roomoptions { width:calc(45% - 60px); display: flex; justify-content: space-between; }
.sf-filter-row #roomoptions .sf-filter-col { padding:0px 5px; }

.datepicker.datepicker-dropdown table tr td, 
.datepicker.datepicker-dropdown table tr th { padding: 0; }

@media only screen and (max-width:767px) { 
.sf-filter-row .daterangepicker { width:100%; margin-bottom: 10px; }
.sf-filter-row #roomoptions { width:calc(100% - 0px);  }
.sf-filter-col.sf-filter-btn { padding: 10px 5px 0px !important; }
}
@media only screen and (max-width:575px) { 
.aon-cate-name {  line-height: 1.5; }
}



#appointment__form {
  position: relative !important;
  width:100% !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: 0px !important;
  overflow-x: hidden;
}