#root {
  position: relative;
}

html,
body {
  scroll-behavior: smooth;
  transition: scroll-behavior 0.3s;
}

.modal-open {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.mob-only {
  display: none !important;
}

.mob-flex-only {
  display: none !important;
}

.desk-only {
  display: block !important;
}

.desk-only-flex {
  display: inline-flex !important;
}

.form-control:focus {
  box-shadow: none;
}

.bookingBox {
  padding: 30px 20px;
  border: 0px solid #ccc;
  background: #d8e2ff;
  border-radius: 25px;
}

.bookingBox-section {
  width: 100%;
  margin: 0px 0;
  padding: 40px 0;
}

.bookingBox-section .listHeaderTitle {
  margin-bottom: 15px;
}

.bookingBox .MarginBottomCls img {
  border-radius: 30px;
}

.bookingSummaryInfoText p {
  color: #233c7e;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
}

.bookingSummaryInfoText .BookingLabels {
  color: #233c7e;
  font-size: 14px;
  font-weight: 400;
}

.bookingSummaryInfoText .LabelNotification span img {
  width: 15px;
  margin-right: 15px;
}

.bookingSummaryInfoText {
  padding-bottom: 16px;
}

.BookingLabelsPrice {
  font-size: 18px !important;
  margin-top: 30px;
}

#SignUpModal .bookingBtnConfirm {
  width: 100% !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  margin: 0 0 20px 0 !important;
  white-space: nowrap;
}

.LoginUserDrp {
  color: #fff;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: block;
  padding: 0.5rem 5px;
  -webkit-appearance: none;
  text-transform: capitalize;
  height: 34px;
}

.matchWithCard {
  align-items: baseline;
}

.navconsumer-secondary {
  align-items: center;
}

.BookingLabels {
  font-size: 16px;
  color: #626262;
  font-weight: 400;
}

.bookingListLabel {
  display: inline-flex;
}

.LoginUserDrp::after {
  display: none;
}

.UserIcons {
  width: 30px;
  padding-right: 10px;
}

.addAnotherBookingLabel img {
  width: 30px;
}

.MinHeight {
  min-height: 495px;
}

.LabelNotification {
  font-size: 14px;
  color: #626262;
  font-weight: 400;
  margin-bottom: 5px;
}

.LabelNotification span {
  width: 40px;
}

.inline_flex {
  display: inline-flex;
}

.flex_end_box {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.LearnMoreNew {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 7px 25px;
  margin-bottom: 10px;
}

.consumerCancelButton {
  border-radius: 20px;
}

.NotifyBox {
  border: 1px solid #ccc;
  margin-bottom: 30px;
  padding: 20px 15px;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
}

.LabelNotification span img {
  width: 25px;
}

.LoginDrp_item {
  border-bottom: 1px solid #233c7e47;
  color: #233c7e;
  padding: 8px 10px;
  font-size: 14.5px;
}

.TopArrowCorner {
  position: absolute !important;
}

.TopArrowCorner:before {
  content: "";
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background: #d8e2ff;
  transform: rotate(45deg);
  z-index: -1;
  display: none;
}

.PersonalDetailsTabs {
  display: block;
}

.PersonalDetailsTabs li {
  display: block;
}

.Personal_icon {
  width: 29px;
  height: 29px;
}

.LeftColor {
  background: #233c7e;
}

.Search_btn.hoverBorder {
  /* margin-left: -18px; */
}

.ChangePwdModal {
  /* width: 534px; */
  margin-top: 0;
  /* border: 1px solid #b2b2b2; */
  padding: 0px;
  position: relative;
  background: #fff;
  margin-bottom: 20px;
}

/* .ChangePwdModal:before {
  content: "";
  position: absolute;
  top: 14px;
  left: -11px;
  width: 20px;
  height: 20px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  transform: rotate(318deg);
  background: #fff;
} */
button:focus {
  outline: 0 auto -webkit-focus-ring-color;
}

.parentSearch-div {
  position: relative;
}

.sugesstionBox {
  position: absolute;
  top: 39px;
  left: 0px;
  right: 0;
  width: 80%;
  background: #d8e2ff;
  z-index: 9999;
  box-shadow: 1px 1px 1px 1px #0000002b;
  border-radius: 25px;
  height: 250px;
  overflow-y: scroll;
}

.flexTable {
  display: flex;
  align-items: center;
}

.suggestionName {
  padding: 10px 15px;
  color: #000;
  font-size: 14px;
  text-align: left;
  /* display: flex; */
}

.suggestionName span {
  margin-left: 0px;
}

.width-4 {
  width: 30%;
}

.fixed_layoutTable {
  table-layout: fixed;
  width: 100%;
}

.auto_width_1 {
  width: 20%;
}

.auto_width_3 {
  width: 60%;
}

.fixed_layoutTable td {
  width: 33%;
}

.CreatAccountDialog {
  max-width: 700px;
}

.table-responsive {
  overflow-x: unset;
}

#SignUpModal {
  padding-left: 0 !important;
}

.bgGradientConsumer {
  background: #233c7e !important;
  height: 87px;
}

.bg-gradient {
  background: #233c7e !important;
}

.bg-gradientFooter {
  background: #233c7e !important;
  width: 100%;
  float: left;
}

.footerSection {
  background: #233c7e !important;
  width: 100%;
  margin-top: 15px;
}

.tab-content {
  padding: 0 20px;
}

.sector_rows {
  padding: 15px;
  margin: 0 15px;
}

.NewimagesHolder {
  height: 178px;
}

body {
  font-family: Roboto, sans-serif;
  background: #f6f6f6;
}

.CreateAccountTitle {
  font-family: Roboto, sans-serif;
  font-size: 34px;
  text-align: center;
  padding-bottom: 30px;
  color: #212120;
}

.nomargin {
  margin: 0;
}

.nopadding {
  padding: 0;
}

.UploadBtn {
  margin-right: 5px;
}

.customFormControl {
  height: 45px;
  height: 45px;
  border: 1px solid #b2b2b2;
  border-radius: 0;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.BathhouseTitle span {
  font-weight: 400;
}

.BathInfoForm {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin-bottom: 20px;
}

.BathInfoFormPerDetails {
  height: 40px;
  border: 1px solid #b2b2b2;
  width: 100%;
  border-radius: 28px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #707070;
  padding-left: 15px;
  /* text-transform: capitalize; */
}

.emailPersonalText {
  text-transform: lowercase;
}

.ManagedLeftSpace {
  padding-left: 2%;
  color: #281e14 !important;
  margin: 20px 0 !important;
}

.NewRowWidth {
  width: 92%;
  margin-bottom: 15px;
  height: 45px;
  display: flex;
  align-items: center;
}

.BathInfoHours {
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  height: 40px;
  font-size: 14px;
  color: #1c1c1c;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  margin-bottom: 20px;
}

.toLabel {
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  text-align: left;
  margin: 0 0 8px 0;
  padding-left: 15px;
}

.bigLabelPhoto {
  font-size: 18px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 0;
}

.nomarginBottom {
  margin: 0 0 15px;
}

.CollectionDrp {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #1c1c1c;
  -webkit-appearance: none;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 95%;
  padding: 0 14px;
}

.ReturnBtn {
  background: #233c7e;
  border: 0px solid #233c7e;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-right: 15px;
  margin-bottom: 0px;
  border-radius: 25px;
  height: 40px;
  margin-top: -5px;
}

.ReturnBtnRemove {
  background: #233c7e;
  border: 2px solid #233c7e;
  font-weight: 400;
  color: #fff;
  font-size: 17px;
  text-align: center;
  padding: 7px 26px;
  margin-right: 5px;
  border-radius: 25px;
}

.width-fit-content {
  width: fit-content;
}

.userInfoForm::-webkit-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.userInfoForm:-ms-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.userInfoForm::placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.customFormControl::-webkit-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.customFormControl:-ms-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.customFormControl::placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.showPswd {
  position: absolute;
  right: 12px;
  top: 45px;
  cursor: pointer;
}

.form-group {
  position: relative;
}

.form-groupcustom {
  margin-bottom: 14px;
}

.CreateAccountBtn {
  background: #233c7e;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  text-align: center;
  height: 45px;
  border: none;
  width: 100%;
  font-size: 18px;
}

.CreateAccountBtn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.createNote {
  color: #000;
  font-size: 14px;
  font-style: italic;
}

.SignAccountlabel a {
  color: #233c7e;
  text-decoration: underline;
}

.createNote a {
  color: #233c7e;
  text-decoration: underline;
}

.OR_text {
  font-weight: 400;
  font-size: 24px;
  color: #010103;
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  position: relative;
  font-style: italic;
  margin: 14px 0 30px;
}

.OR_text:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -35px;
  width: 48%;
  height: 3px;
  background: #d6d6d6;
}

.OR_text:after {
  content: "";
  position: absolute;
  top: 18px;
  right: -35px;
  width: 48%;
  height: 3px;
  background: #d6d6d6;
}

.SignupFacebook {
  background: #1976d2;
  font-weight: 400;
  text-align: center;
  color: #fff;
  font-size: 18px;
  height: 45px;
  border: 1px solid #1976d2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SignupFacebook span,
.SignupGoogle span {
  padding-right: 10px;
}

.socialButton {
  margin-bottom: 10px;
}

.SignupGoogle {
  background: #fff;
  font-weight: 400;
  text-align: center;
  color: #212121;
  font-size: 18px;
  height: 45px;
  border: 1px solid #b2b2b2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SignupApple {
  background: #e5e5fc;
  font-weight: 400;
  text-align: center;
  color: #212121;
  font-size: 18px;
  height: 45px;
  border: 1px solid #b2b2b2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SignupApple span {
  padding-right: 16px;
}

.AlreadyAccountlabel {
  color: #212121;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
  padding-top: 10px;
  font-family: Roboto, sans-serif;
}

.AlreadyAccountlabel a {
  color: #233c7e;
  text-decoration: underline;
}

.RegisterAccountTitle {
  font-weight: 700;
  font-size: 34px;
  text-align: center;
  color: #233c7e;
}

.uploadPhotoLabel {
  color: #626262;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  padding-left: 15px;
}

.Dropzone {
  border: 1px dashed #626262;
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #626262;
  font-style: italic;
  font-size: 14px;
  font-weight: 400;
}

.TopBorderCls {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  color: #000;
  margin: 10px 0;
}

.ForgotpawdLabel {
  font-size: 12px;
  font-style: italic;
  color: #626262;
  padding-left: 10px;
  font-weight: 400;
  padding-top: 4px;
}

.ForgotpawdLabel a {
  font-size: 12px;
  font-style: italic;
  color: #626262;
  padding-left: 10px;
  font-weight: 400;
  padding-top: 4px;
}

.resendOTPLabel {
  font-size: 12px;
  font-style: italic;
  color: #626262;
  padding-left: 0px;
  font-weight: 400;
  padding-top: 4px;
  width: 100%;
  text-align: center;
}

.resendOTPLabel a {
  font-size: 12px;
  font-style: italic;
  color: #626262;
  padding-left: 0px;
  font-weight: 400;
  padding-top: 4px;
}

.containerCheckbox {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #626262;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.containerCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #fff;
  border: 1px solid #b2b2b2;
}

.containerCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.containerCheckbox input:checked ~ .checkmark {
  background-color: #233c7e;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.containerCheckbox input:checked ~ .checkmark:after {
  display: block;
}

.containerCheckbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.SignAccountlabel {
  padding-top: 10px;
  font-family: Roboto, sans-serif;
  color: #212121;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
}

.SignAccountlabel span {
  color: #233c7e;
}

.BothSpaces {
  padding: 0 7%;
}

.CloseBtn {
  cursor: pointer;
  width: 35px;
  height: 35px;
}

.navbar-color {
  background: #233c7e !important;
  padding: 7px 0;
}

.fullWidth {
  width: 100%;
}

.alignStart {
  align-items: start;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline;
}

.verticalLine {
  padding: 8px 0 !important;
}

.FlagIcon {
  padding-right: 31px;
  padding-left: 50px;
}

.SideSpace {
  padding: 0 120px;
}

.searchTitle {
  color: #233c7e;
  font-size: 48px;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 18px;
  /* text-shadow: -1px 3px 0 #fff, 1px 3px 0 #fff, 2px -2px 0 #fff, 0 0 0 #fff; */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
  padding-top: 40px;
}

.discoverOfferInput {
  background: transparent;
  border: 0;
  width: 95%;
  padding-left: 6%;
  color: #233c7e;
  font-weight: 500;
  font-size: 15px;
}

.discoverOfferInput.form-control:focus {
  background-color: transparent;
}

.discountMainInput {
  border: 1.5px solid #233c7e;
  border-radius: 33px;
  padding: 8px 15px;
  height: 55px;
  /* filter: drop-shadow(0 1px 18px #D8E2FF); */
  position: relative;
}

.discoverTitle {
  color: #233c7e;
  font-size: 28px;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 35px;
  /* padding-top: 50px; */
}

.priceTag-span {
  position: absolute;
  top: -24px;
  left: 16px;
}

.priceTag-span img {
  width: 30px;
}

.discoverButton {
  background: #233c7e;
  height: 45px;
  font-weight: 500;
  font-size: 17px;
  color: #fff;
  border: none;
  border-radius: 33px;
  padding: 1px 18px;
  text-align: center;
  white-space: nowrap;
}

.discoverOfferInput::-webkit-input-placeholder {
  color: #233c7e !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.discoverOfferInput:-ms-input-placeholder {
  color: #233c7e !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.discoverOfferInput::placeholder {
  color: #233c7e !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.discover {
  background-color: #f6f6f6;
  padding-bottom: 50px;
  margin-top: 50px;
}

.subscribe-section-div {
  background-color: #d8e2ff;
  padding: 50px 0 45px 0;
}

.matchWithSpace {
  padding-right: 13px;
}

.bg-transparent {
  background-color: transparent;
}

.bookBathhouse-section {
  background-color: #d8e2ff;
  padding: 35px 0 25px 0;
}

.searchRegion-section {
  padding: 35px 0 25px;
}

.EvidenceTitle {
  text-align: center;
  font-family: Roboto, sans-serif;
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  color: #233c7e;
}

.Toppadding {
  padding: 20px 0 10px;
  margin: 0;
}

.Location {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  position: absolute;
  bottom: 2px;
  left: 0px;
  color: #fff;
  font-size: 14px;
  padding: 0px 22px;
}

.ImageContainer {
  position: relative;
  margin-bottom: 25px;
  cursor: pointer;
}

.ImageContainerinner {
  max-height: 232px;
  height: 100%;
}

.homeImgContainer {
  max-height: 232px;
  height: 100%;
}

.overLay {
  transition: 0.5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-image: url("../images/overlay-img.svg");
  background-size: cover;
  background-position: left bottom;
  /* background: linear-gradient(180deg, #233c7e00 0%, #233c7e 100%); */
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.overLay-popular {
  transition: 0.5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-image: url("../images/overlay-img.svg");
  background-size: cover;
  background-position: left bottom;
  /* background: linear-gradient(180deg, #233c7e00 0%, #233c7e 100%); */
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.ImageContainer:hover {
  border: 0px solid #febb02;
}

.hoverBorder:hover {
  border: 0px solid #febb02;
}

.ImageContainer_img {
  width: 100%;
  max-height: 100%;
  border-radius: 40px;
}

.popularBathhouse-section-div .ImageContainer_img {
  width: 100%;
  max-height: 100%;
  border-radius: 40px;
  height: 100%;
}

.locationName {
  font-size: 25px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  padding: 0px 16px;
  margin: 0 0 30px 0;
  text-align: left;
}

.BookNow {
  background: #233c7e;
  font-size: 22px;
  color: #fff;
  padding: 10px 28px;
  border: none;
  font-weight: 400;
  display: block;
  margin: 15px auto;
  margin-bottom: 40px;
}

.DividerLine {
  border-top: 2px solid #d6d6d6;
  margin: 3% 0 5%;
}

.SearchFilter {
  text-align: center;
  padding: 10px 0;
  font-size: 28px;
  font-weight: 700;
  color: #233c7e;
}

.SearchInput {
  font-size: 17px;
  font-weight: 400;
  color: #777;
  background: #f6f6f6;
  height: 45px;
  border-radius: 33px;
  margin-top: 30px;
  margin-bottom: 15px;
  border: 0;
}

.SearchInput::-webkit-input-placeholder {
  color: #777;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.SearchInput:-ms-input-placeholder {
  color: #777;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.SearchInput::placeholder {
  color: #777;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.seeMoreBtn {
  border: 1.5px solid #233c7e;
  color: #233c7e;
  border-radius: 33px;
  padding: 1px 38px;
  text-align: center;
  height: 45px;
  font-weight: 500;
  font-size: 17px;
  background-color: transparent;
}

/* .quill {
  background-color: white !important;
} */

.ql-toolbar.ql-snow {
  border: unset !important;
}

.ql-container.ql-snow {
  border: unset !important;
}

.ql-editor {
  border-top: 1px solid !important;
}

.ol-textArea-editor-useful-info {
  width: 100%;
  background-color: #e7e7e7 !important;
  border: none;
  border-radius: 30px;
  height: 80%;
  padding: 20px;
}

.ol-textArea-editor-regulation {
  width: 100%;
  background-color: white !important;
  border: none;
  border-radius: 30px;
  height: 80%;
  padding: 20px;
}

.profBookValText a {
  background-color: transparent !important;
  background-color: transparent !important;
}

.profBookValText-regulation a {
  background-color: transparent !important;
  background-color: transparent !important;
}

#navbarText .DateInput {
  font-size: 13px;
  background-position: 100%;
  background-size: 8px;
  padding: 0;
}

#navbarText .TopMenuButton {
  font-size: 14px;
}

.attachedFile-div .cardbtnOutline {
  padding: 6px 35px;
  font-size: 15px;
}

/* .attachedFile-div .cardbtnOutline{
  padding: 6px 18px;
} */

.attachedFile-list {
  padding: 18px 10px;
  margin: 30px 0;
  list-style: none;
  /* border: 1px solid #e8dfdf; */
  border-radius: 4px;
}

.attachedFile-list li {
  padding: 10px 8px;
  border-bottom: 1px solid #ececec;
  margin: 0;
}

.attachedFile-list li:first-child {
  padding-top: 0;
}

.attachedFile-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.attachedFile-list li .LabelPhoto {
  color: #626262;
}

#navbarText .DatePickerInput {
  justify-content: space-around;
}

#navbarText .TopNav-Select {
  padding: 0 6px;
}

.popularBathhouse-section-div {
  padding: 40px 0 30px;
}

.specail-summer-div {
  padding: 40px 0 30px;
  background-color: #d8e2ff;
}

.summerSpecialBottom {
  position: absolute;
  bottom: 2px;
  left: 0px;
  padding: 0px 20px;
}

.summerSpecialBottom .Location {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
  position: static;
  padding: 0;
}

.specialLocationName {
  line-height: 34px;
  font-size: 25px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-align: left;
}

.SubscibeBtn {
  font-size: 17px;
  background-color: #233c7e;
  width: 100%;
  padding: 9.5px;
  text-align: center;
  font-weight: 400;
  color: #fff;
  border: none;
  margin-top: 30px;
  border-radius: 33px;
  height: 45px;
}

.FooterLinks {
  padding: 0;
  list-style-type: none;
}

.FooterLinks li a {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
}

.FooterCustom {
  background: #233c7e;
  padding: 15px;
}

.CopyrightCls {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
}

.socialMedia {
  list-style-type: none;
  display: inline-block;
  padding: 0;
}

.socialMedia li {
  display: inline-block;
  padding: 0 5px;
}

.BottomNote {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  text-align: center;
  margin: 0;
}

.bannerSearch {
  height: 56px;
  border-radius: 6px;
  width: 100%;
  padding: 0;
  border-radius: 2px;
  width: 100%;
  background: transparent;
  padding: 0;
}

.NoFormcontrol {
  border: none;
  background: 0 0;
  height: 100%;
  height: 45px;
  width: 100%;
  display: inline-block;
  background: #f6f6f6;
  border-radius: 33px;
  color: #1c1c1c;
  padding: 1px 15px;
}

.Search_btn {
  background: #233c7e;
  height: 45px;
  font-weight: 500;
  font-size: 17px;
  width: 100%;
  color: #fff;
  border: none;
  border-radius: 33px;
  padding: 1px 18px;
  text-align: center;
}

.SelecteDates {
  font-size: 14px;
  color: #212121;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0px;
}

.consumerMapImages {
  height: 40px;
}

.Map_img_um img {
  /* max-height: 100%; */
  max-width: 85%;
}

.Map_img_um img[src*="sunbed"] {
  max-width: 70%;
}

.Map_img_um img[src*="cabin"] {
  max-width: 85%;
}

.Map_img_um img[src*="parking"] {
  max-width: 50%;
}

.table-responsivecustom {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.NoFormcontrol::-webkit-input-placeholder {
  color: #707070;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.NoFormcontrol:-ms-input-placeholder {
  color: #707070;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.NoFormcontrol::placeholder {
  color: #707070;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.homeDateInput::-webkit-input-placeholder {
  color: #707070;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.homeDateInput:-ms-input-placeholder {
  color: #707070;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.homeDateInput::placeholder {
  color: #707070;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.FlexDisplay {
  display: flex;
  align-items: center;
}

.calenderIcon {
  padding: 0 10px 0 0;
  cursor: pointer;
}

.calenderIcon img {
  height: 20px;
  display: inline-block;
}

.NoFormcontrol:focus {
  color: #212121;
  background-color: #f6f6f6;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.bannerDateDiv {
  height: 45px;
  width: 100%;
  background: #f6f6f6;
  border-radius: 33px;
  color: #1c1c1c;
  padding: 6px 15px;
}

.form-control.homeDateInput {
  background-color: transparent;
}

.UploadedImagesList {
  padding: 0;
  list-style-type: none;
}

.UploadedImagesList li {
  display: inline-block;
  height: 80px;
  position: relative;
}

.UploadedImagesList li img {
  max-height: 100%;
}

.CancelUpImages {
  position: absolute;
  top: 0;
  right: 10%;
  cursor: pointer;
}

.CancelUpImages i {
  color: #233c7e;
}

.DateInput {
  border: none;
  background-repeat: no-repeat;
  background-position: 93%;
  background-size: 10px;
  padding: 0 10px;
  height: 35px;
  color: #233c7e;
  font-weight: 500;
}

.Top-BG {
  background: #233c7e;
  padding: 0 0 0;
}

.add-height-mobile-login {
  margin-top: 20px !important;
}

.DateInput:focus {
  color: #212121;
  background-color: transparent;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.logoHolderHubConsumer {
  height: 65px;
  /* padding-left: 35px; */
}

.logoHolderHubConsumer img {
  margin-top: 5px;
  width: 45%;
  /* margin-left: 6px; */
  height: 100%;
}

.logoHolderHub {
  height: 65px;
  /* padding-left: 35px; */
}

.LogoHolder img {
  max-height: 100%;
}

.logoHolderHub img {
  margin-top: 7px;
  width: 115px;
  margin-left: 6px;
}

.LogoHolder {
  height: 60px;
  width: 122px;
  padding-left: 35px;
}

.LogoHolderConsumer img {
  max-height: 100%;
}

.LogoHolderConsumer {
  height: 94px;
  width: 122px;
}

.DatePickerInput {
  background: #d8e2ff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 35px;
  border-radius: 33px;
}

.TopNavTabs .nav-item.show .nav-link,
.TopNavTabs .nav-link.active {
  background: 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 10px 0;
  border-radius: 0;
  border: none;
  height: 45px;
  display: inline-flex;
  align-items: center;
}

.DateInput::-webkit-input-placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.DateInput:-ms-input-placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.DateInput::placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.SeasonText {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
}

.Search-control {
  background-color: #fff;
  font-size: 14px;
  border-radius: 0;
  height: 31px;
  width: 91%;
  display: inline-block;
  float: left;
  border: none;
}

.SearchIcon {
  border: none;
  background: #fff;
  height: 31px;
}

.SearchIcon img {
  width: 15px;
}

.parentSearch {
  width: 32.5%;
  /* width: 37.5%; */
  float: left;
  margin-right: 0;
  /* margin-right: 16px; */
  position: relative;
}

.parentSearch .Search-control {
  background-color: #d8e2ff;
  font-size: 14px;
  height: 35px;
  width: 95%;
  display: inline-block;
  float: left;
  border: none;
  font-weight: 500;
  color: #233c7e;
  border-radius: 33px;
  margin-left: 5px;
}

.parentSearch .SearchIcon {
  border: none;
  background: transparent;
  height: 35px;
  position: absolute;
  right: 20px;
  top: 1px;
}

.parentSearch .Search-control::-webkit-input-placeholder {
  color: #233c7e !important;
  font-weight: 500;
}

.parentSearch .Search-control:-ms-input-placeholder {
  color: #233c7e !important;
  font-weight: 500;
}

.parentSearch .Search-control::placeholder {
  color: #233c7e !important;
  font-weight: 500;
}

.fullDayBtn {
  background-color: transparent;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: 0;
  padding-top: 0px;
}

.fullDayBtn img {
  width: 35px;
}

/* .topSelect-div{
  width: 15%;
} */

.parentSearch-div {
  width: 70%;
}

.newTop-header-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
}

.fullDay-content {
  width: 30%;
  display: flex;
  align-items: center;
  /* justify-content: start; */
  justify-content: space-around;
}

.TopNav-Select {
  border: none;
  background: url(../images/select-arrow.svg);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 10px;
  padding: 0 10px;
  height: 30px;
  font-weight: 500;
  color: #233c7e;
  border-radius: 33px;
  background-color: #d8e2ff;
  font-size: 14px;
  outline: none;
  appearance: none;
  width: 100%;
}

.topSelect-div {
  width: 54%;
  margin-left: -5px;
  margin-right: 5px;
}

.TopNavTabs .nav-item {
  text-align: center;
  padding: 0;
  white-space: nowrap;
}

.TopMenu li:last-child .TopMenuButton {
  margin-right: 0;
}

.TopMenu {
  padding: 0;
  margin: 0;
}

.TopMenu li {
  display: inline-block;
  width: 19%;
  margin-right: 5px;
}

.TopMenu li:last-child {
  margin-right: 0;
}

.Search-control::-webkit-input-placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.paddingRights {
  padding-right: 0;
}

.Search-control:-ms-input-placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.Search-control::placeholder {
  color: #000;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.TopMenuButton {
  background: #5873ba;
  color: #f6f6f6;
  font-size: 15px;
  border: none;
  font-weight: 400;
  padding: 2px 7px;
  height: 35px;
  width: 100%;
  border-radius: 33px;
}

.TopMenuButton.not-today-btn {
  height: 40px;
}

.leftPadding {
  padding-left: 0;
}

.containercls {
  max-width: 1280px;
  min-width: 1170px;
  background: #f6f6f6;
  padding: 0;
}

.TopNavTabs .nav-link {
  background: 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  padding: 10px 0;
  border-radius: 0;
  height: 45px;
  display: inline-flex;
  align-items: center;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.NewAdjustCls {
  flex: 10%;
  max-width: 10%;
}

.NewRelativecls {
  flex: 90%;
  max-width: 90%;
}

.TopNavTabs .nav-link span {
  padding-right: 0;
}

.TopNavTabs {
  border-bottom: none;
  margin-top: 0;
}

.sideTabs {
  border-top: 12px solid #233c7e;
  margin-top: 0;
  border-bottom: none;
  border-radius: 20px;
  padding: 12px 1.5px;
}

.LeftSideSpace {
  padding: 0;
  padding-left: 0;
  width: 252px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  min-height: 100vh;
  border-radius: 20px;
}

.breakWordStyle {
  word-break: break-all;
}

.contentBG {
  width: calc(100% - 262px);
}

.sideTabs .nav-item {
  display: block;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.sideTabs .nav-link {
  background: #233c7e;
  border: none;
  border-bottom: 0px solid #132248;
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  border-top: 0px solid #4661a9;
  height: 50px;
  display: flex;
  align-items: center;
}

.sideTabs .nav-link span {
  width: 40px;
  display: inline-block;
}

.settings-side-tab .nav-link span img {
  width: 28px;
  height: 28px;
}

.sideTabs .nav-item.show .nav-link,
.sideTabs .nav-link.active {
  color: #212734;
  background-color: #f1cc28;
  border-color: #dee2e6 #dee2e6 #fff;
  border-top: 1px solid #f1cc28;
  border-bottom: 1px solid #f1cc28;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 10px;
}

.sideTabs .nav-link.active:after {
  width: 20px;
  height: 20px;
  content: "";
  background: #f1cc28;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
  z-index: 999;
}

.sideTabs .nav-link:focus,
.sideTabs .nav-link:hover {
  /* border-bottom: 1px solid #132248;
  border-top: 1px solid #4661a9; */
  color: #212734;
  background-color: #f1cc28;
  border-color: #dee2e6 #dee2e6 #fff;
  border-top: 1px solid #f1cc28;
  border-bottom: 1px solid #f1cc28;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 10px;
}

.sideTabs .nav-link:hover:after {
  width: 20px;
  height: 20px;
  content: "";
  background: #f1cc28;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
  z-index: 999;
}

.BathhouseTitle {
  font-size: 34px;
  color: #233c7e !important;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}

.BathhouseTitle span {
  color: #233c7e;
  font-size: 24px;
  font-weight: 400;
}

.BathouseLogo {
  padding-top: 50px;
}

.modal-web-logo {
  width: 125px;
}

.UploadBtn {
  color: #fff;
  background: #233c7e;
  font-size: 16px;
  text-align: center;
  border: none;
  padding: 7px 30px;
  font-weight: 400;
  border-radius: 25px;
}

.LabelPhoto.PackagingItem {
  color: #1c1c1c !important;
  width: auto !important;
}

.UploadImage ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
  margin-top: 10px;
}

.UploadImage li {
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 10px;
}

.ShareBtn {
  border: none;
  background: 0 0;
  padding: 0;
  margin-right: 5px;
}

.dotterBorder {
  border: 1px solid #707070;
  padding: 16px;
  border-radius: 28px;
}

.UploadImg_holder {
  height: 70px;
  width: 80px;
  white-space: nowrap;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
}

.MainImageHolder {
  width: 120px;
  height: 120px;
}

.MainImageHolder img {
  height: 120px;
}

.UploadImg_holder img {
  max-height: 100%;
  height: 80px;
}

.AddUserTitle {
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 0px solid #233c7e;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 25px;
  padding-top: 50px;
}

.AddUserTitle img {
  width: 35px;
  height: 35px;
}

/* new CSS for config umbrell */
.configure-map-label {
  font-size: 16px;
  color: #233c7e;
  text-align: right;
  font-weight: 600;
  margin-bottom: 0;
}

.select-btn {
  border-radius: 30px;
  border: 1px solid #233c7e;
  color: #233c7e;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  padding: 5px 50px;
  height: 40px;
  width: 100%;
}

.umbrella-select-img img {
  width: 50px;
  height: 50px;
}

/* new CSS for config umbrell */

.p-b-20 {
  padding-bottom: 20px;
}

.UsermanageLogo {
  padding-top: 50px;
}

.AddUserTitle span {
  padding-right: 15px;
}

/* .AddUserTitle:after {
  content: "";
  position: absolute;
  top: auto;
  right: 60px;
  bottom: -8px;
  width: 15px;
  height: 15px;
  background: #f3f3f3;
  border-top: 1px solid #233C7E;
  border-left: 1px solid #233C7E;
  transform: rotate(45deg);
} */

.userInfoForm {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
  border-radius: 28px;
  padding-left: 15px;
}

.AccountTypeDrp {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  font-size: 14px;
  color: #626262;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
}

.containerEmail {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 21px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  color: #1c1c1c;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}

.containerEmail input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmarkEmail {
  position: absolute;
  top: 2px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.UserListTitle {
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 0px solid #233c7e;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 25px !important;
  padding-top: 0px;
}

.usermngt-topSpace {
  margin-top: 60px !important;
}

.nomargin {
  margin: 0;
}

.containerEmail:hover input ~ .checkmarkEmail {
  background-color: #5bc0de;
  border: none;
}

.containerEmail input:checked ~ .checkmarkEmail {
  background-color: #5bc0de;
  border: none;
}

.checkmarkEmail:after {
  content: "";
  position: absolute;
  display: none;
}

.containerEmail input:checked ~ .checkmarkEmail:after {
  display: block;
}

.containerEmail .checkmarkEmail:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.AddUserBtn {
  background: #233c7e;
  border: 2px solid #233c7e;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 25px;
  height: 40px;
}

.addUserBtn-div {
  padding-top: 50px;
}

.ChangeBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 12.8px;
  font-weight: 700;
  text-align: left;
  width: 13.5%;
  padding: 6px 0 6px 5px;
  margin-right: 14px;
  height: 32px;
}

.ChangeBtn span {
  padding-right: 5px;
}

.DeleteBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 12.8px;
  font-weight: 700;
  text-align: left;
  width: 13.5%;
  padding: 6px 6px;
  height: 32px;
}

.DeleteBtn span {
  padding-right: 10px;
}

.ActiveUserHolder {
  margin: 0 15px;
  background: #fff;
  padding: 28px 30px;
  border-radius: 25px;
}

.ActiveUserRows {
  margin-bottom: 27px;
  display: flex;
  align-items: center;
}

.ActiveUserHolder .ActiveUserRows {
  background-color: #d8e2ff;
  border-radius: 28px;
  height: 40px;
  padding-right: 15px;
}

.ActiveUserHolder p {
  margin-bottom: 0;
}

.ChangeBtn,
.DeleteBtn {
  background-color: transparent;
  margin-right: 0px;
}

.ChangeBtn img {
  width: 20px;
}

.DeleteBtn img {
  width: 20px;
  height: 20px;
}

.BacktothemapBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  padding: 7px 35px;
  margin-right: 5px;
  border: 2px solid #233c7e;
  border-radius: 25px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.BottomBtn {
  padding: 55px 0;
  text-align: right;
}

.MaxPhoto {
  font-size: 12px;
  color: #1c1c1c;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 20px;
}

.LabelPhoto {
  font-size: 14px;
  color: #1c1c1c;
  font-weight: 500;
  text-align: left;
  margin-bottom: 8px;
  padding-left: 15px;
}

.mRightPixel {
  margin-right: 15px !important;
}

.PLeftPixel {
  padding-left: 42px;
}

.MapBorder {
  border: 0px solid #868686;
  height: 170px;
}

.MapBorder-prop-det {
  border: 0px solid #868686;
  height: 500px;
  position: relative;
}

.map-SidePopup {
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #fff;
  padding: 10px;
  max-width: 340px;
  width: 100%;
  z-index: 999;
  box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.map-PopupCard {
  box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  border: 0;
  padding: 20px;
}

.map-PopupCard p {
  margin: 5px 0 !important;
}

.mapPopup-info {
  padding: 0 25px;
}

.mapPopup-info h3 {
  font-size: 16px;
  color: #233c7e;
  margin-bottom: 0;
}

.mapTopImg-div {
  display: inline-flex;
  align-items: flex-start;
  padding-right: 10px;
}

.map-SidePopup p {
  font-size: 14px;
  color: #5e5e5e;
  margin: 10px 0;
}

.mapTopImg-div img {
  margin: 0 10px 0 0;
}

.mapPopup-top {
  display: flex;
  justify-content: space-between;
}

.contentBG {
  background: #f6f6f6;
}

.containerServices {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #233c7e;
  font-weight: 400;
}

.containerServices input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmarkService {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.containerServices:hover input ~ .checkmarkService {
  background-color: #ccc;
}

.containerServices input:checked ~ .checkmarkService {
  background-color: #233c7e;
  border: 1px solid #233c7e;
}

.checkmarkService:after {
  content: "";
  position: absolute;
  display: none;
}

.containerServices input:checked ~ .checkmarkService:after {
  display: block;
}

.overflowXAuto {
  height: 500px !important;
}

.customConsumerHeight {
  height: 100%;
  padding-bottom: 30px;
}

.overflowXNone {
  height: 100% !important;
}

.containerServices .checkmarkService:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.servicesList li {
  list-style-type: none;
  align-items: center;
}

.servicesList {
  padding: 0;
}

.ServiceLabel {
  color: #233c7e;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 0px solid #e7e7e7;
  padding-bottom: 15px;
  margin: 0;
}

.TopOutLine {
  border-top: 0px solid #fff;
}

.Sea_dropdown {
  border: 1px solid #b2b2b2;
  height: 45px;
  font-weight: 400;
  /* font-style: italic; */
  font-size: 14px;
  color: #626262;
  /* background: #fff url('../../assets/images/range_drop.png'); */
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  width: 100%;
  padding: 4px 14px;
  border-radius: 25px;
  height: 40px;
  background-color: #fff !important;
}

.To_labels {
  color: #626262;
  font-size: 14px;
  text-align: center;
  padding-top: 0px;
}

.NopaddingRights {
  padding-right: 0;
}

.suggestionBoxright {
  padding-right: 0;
}

.SeasonOpen {
  color: #1c1c1c;
  font-size: 14px;
  margin: 0;
  float: right;
  display: block;
}

.MarginBottomCls {
  margin-bottom: 33px;
}

.whiteBg {
  background: #fff;
  padding: 20px 0;
  margin: 0 16px;
}

.seasonExample {
  text-align: center;
  font-size: 14px;
  color: #626262;
}

.DiscountTfitle {
  color: #1c1c1c;
  font-weight: 450;
}

.voucherTitle {
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 0px solid #233c7e;
  padding-bottom: 10px;
  position: relative;
}

.vouchar-validity-div {
  border: 0px solid #707070;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: auto;
  border-radius: 28px;
  margin: 0px 0;
  display: flex;
  align-items: center;
  position: relative;
}

.vouchar-validity-div .rdrCalendarWrapper {
  /* position: absolute; */
  z-index: 99;
  /* top: 39px; */
}

.vouchar-validity-div .rdrInputRanges {
  padding: 0;
}

.vouchar-validity-div .rdrDays {
  padding: 0 20px;
}

.vouchar-validity-div .rdrDefinedRangesWrapper {
  background-color: transparent;
}

.calenderHolder .rdrDefinedRangesWrapper {
  background-color: transparent;
}

.vouchar-validity-div .DiscountInput {
  border: 0;
  background-color: transparent;
  border-radius: 0;
}

.seasonTable {
  /* border: 1px solid #b2b2b2; */
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.seasonTable thead th {
  background: #233c7e;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border: none;
  padding: 20px 15px;
  text-align: center;
}

.seasonTable td,
.seasonTable th {
  border-top: 1px solid #b2b2b2;
  font-size: 14px;
  color: #1c1c1c;
  font-weight: 500;
  vertical-align: middle;
  padding: 20px 15px;
  text-align: center;
  cursor: pointer;
}

.seasonTable tr:nth-child(odd) {
  background-color: #fff;
}

.seasonTable tr:nth-child(even) {
  background-color: #e9ecf3;
}

.seasonTable th:first-child {
  padding-left: 30px;
  /* text-align: left; */
}

/* .seasonTable td:first-child {
  padding-left: 30px;
  text-align: left;
} */

.changeButton {
  background: #233c7e;
  color: #fff;
  border: none;
  padding: 6px 32px;
  font-size: 13px;
  border-radius: 25px;
}

.AddPeriodBtn {
  background: transparent;
  color: #233c7e;
  padding: 6px 41px;
  font-size: 17px;
  border-radius: 25px;
  border: 2px solid #233c7e;
  font-weight: 400;
  height: 40px;
}

.Nextbtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 25px;
  height: 40px;
}

.text-danger {
  margin: 0;
}

.contentBG::-webkit-scrollbar {
  width: 0.5em;
  border-radius: 10px;
}

.rdrDateDisplayWrapper {
  display: none;
}

.contentBG::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.contentBG::-webkit-scrollbar-thumb {
  background-color: #8c8c8c;
  outline: 1px solid #708090;
}

.banner {
  background-size: cover;
  height: 197px;
  align-items: center;
  justify-content: center;
  background-color: #d8e2ff;
  padding-bottom: 40px;
}

.rdrPprevButton {
  background-image: url("../../assets/images/prev-arrow.jpg") !important;
  background-size: 20px !important;
  background-position: 90% !important;
  position: absolute;
  top: 50%;
  background-color: transparent !important;
  left: -10px;
}

.rdrNextButton i,
.rdrPprevButton i {
  border: none !important;
}

.rdrNextButton {
  background-image: url("../../assets/images/next-arrow.png") !important;
  background-size: 20px !important;
  background-position: 90% !important;
  position: absolute;
  top: 50%;
  background-color: transparent !important;
  right: -10px;
}

.calenderHolder {
  background: #f3f3f3;
}

.SAVE_PERIODBtn {
  background: #ff7f66;
  padding: 8px 41px;
  color: #fff;
  border: none;
  border-radius: 4px;
  margin-bottom: 15px;
}

.AddRowSector {
  background: #233c7e;
  color: #fff;
  border: none;
  padding: 9px 30px;
  font-size: 17px;
  border-radius: 25px;
  height: 40px;
}

#Services .AddRowSector {
  background: transparent;
  border: 2px solid #233c7e;
  color: #233c7e;
  padding: 9px 40px;
  font-size: 17px;
  border-radius: 25px;
  height: 40px;
  display: inline-flex;
  align-items: center;
}

.outline-btn {
  background: transparent;
  border: 2px solid #233c7e;
  color: #233c7e;
  display: flex;
  align-items: center;
}

.AddRowsForm {
  width: 263px;
  margin-top: 15px;
  border: 1px solid #b2b2b2;
  padding: 10px;
}

.AddServiceForm {
  width: 100%;
  margin-top: 15px;
  border: 0px solid #b2b2b2;
  padding: 10px;
}

.AddRowTitle {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.AddServiceForm .AddRowTitle {
  color: #233c7e;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.RowsInput {
  border: 1px solid #b2b2b2;
  width: 90%;
  font-weight: 400;
  font-style: italic;
  height: 47px;
  border-radius: 0;
}

.RowsChangeInput {
  border-radius: 28px;
  height: 40px;
  border: 1px solid #707070;
  font-size: 14px;
  color: #1c1c1c;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  margin-top: 5px;
}

.RowSavebtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 9px 31px;
  margin: 15px auto;
  margin-bottom: 0;
}

.RowchangeSavebtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 9px 31px;
  margin: 8px auto;
  margin-left: 0;
  margin-right: 8px;
  border-radius: 25px;
  height: 40px;
}

.mob-posOnly {
  position: unset !important;
}

/* .AddRowsForm:before {
  content: "";
  position: absolute;
  top: 52px;
  left: 16%;
  width: 15px;
  height: 15px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  transform: rotate(45deg);
  background: #fff;
} */

.ChangeRowsForm:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 7%;
  width: 15px;
  height: 15px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  transform: rotate(45deg);
  background: #fff;
}

.ChangeRowsForm {
  width: 350px;
  margin-top: 22px;
  border: 1px solid #b2b2b2;
  padding: 25px;
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  text-align: left;
  z-index: 9999;
  z-index: 999;
  border-radius: 25px;
}

.ChangeRowsForm .DiscountInput {
  margin: 0px 0 15px;
  font-size: 14px;
}

.RelativeDiv {
  position: relative;
}

.RelativeDiv .listHeaderTitle {
  width: 90%;
}

.bookingsDiv-block {
  display: flex;
  flex-direction: column;
  /* justify-content: space-evenly; */
  /* gap: 8px; */
  padding-left: 32px;
}

.Config_title {
  font-size: 14px;
  color: #233c7e;
  text-align: left;
  font-weight: 700;
}

.TemplateIcon {
  border: 1px solid #707070;
  padding: 20px;
  width: 80%;
  margin: 0;
  border-radius: 28px;
}

.paddingTopSpace {
  padding-top: 20px;
}

.TemplateIcon li {
  width: 20%;
  height: 113px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}

.TemplateIcon li img {
  width: 100%;
  max-height: 100%;
  height: 100%;
}

.PlusIcon {
  background: #233c7e;
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  cursor: pointer;
}

.ConfigDrp {
  border: 1px solid #8b8b8b;
  border-radius: 30px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #626262;
  background: #fff url("../../assets/images/DrpIcon.png");
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  padding: 10px 15px;
}

.MX-Bottom {
  margin-bottom: 15px;
}

.umbrellaBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 9px 36px;
  margin-right: 0;
}

.OverlayBlack {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}

.Setbtn {
  background: #233c7e;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 3px 14px;
  font-size: 16px;
}

.TemplateIcon li:hover .OverlayBlack {
  display: flex;
}

.templateClose {
  position: absolute;
  top: 4px;
  width: 10px !important;
  right: 4px;
  cursor: pointer;
  height: auto !important;
}

.customTemplate {
  width: 110px;
  height: 110px;
  position: relative;
  margin: 10px 0;
}

.header-logo-scroll {
  height: 73px !important;
}

.consumerHeaderHeight {
  /* height: 104px; */
}

.customTemplate:hover .OverlayBlack {
  display: flex;
}

.customTemplate img {
  width: 100%;
  max-height: 100%;
  height: 100%;
}

.umbrellaList {
  padding: 0;
  list-style-type: none;
}

.umbrellaList li {
  width: 15%;
  height: 68px;
  display: inline-flex;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.NoRecordMsg {
  text-align: center;
}

.umbrellaList li img {
  max-width: 100%;
  max-height: 100%;
}

.umbrellaList li:hover .OverlayBlack {
  display: flex;
}

.DiscountTitle {
  margin: 0;
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 0px solid #233c7e;
  padding-bottom: 15px;
  position: relative;
}

.AddDiscountTitle {
  margin: 0;
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 0px solid #233c7e;
  padding-bottom: 15px;
  position: relative;
}

.DiscountAddClose {
  position: relative;
  right: -7px;
  top: -6px;
  float: right;
}

.DiscountInput {
  border: 1px solid #707070;
  width: 100%;
  font-weight: 400;
  height: 40px;
  border-radius: 28px;
  margin: 15px 0;
}

.DiscountInputChangeChangePwd {
  border: 1px solid #b2b2b2;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: 40px;
  border-radius: 28px;
  margin: 5px 0;
}

.DiscountInputChange {
  height: 40px;
  border: 1px solid #707070;
  border-radius: 28px;
  width: 94%;
  font-weight: 400;
  font-style: italic;
  margin: 5px 0;
}

.Dis_leftPadding {
  padding-left: 0;
  padding-right: 5px;
}

.Dis_rightPadding {
  padding-right: 0;
  padding-left: 5px;
}

.DiscountDrp {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin: 10px 0;
  font-size: 14px;
  color: #626262;
  -webkit-appearance: none;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 96%;
  padding: 0 14px;
}

.customStyle-input {
  height: 40px;
  border: 1px solid #707070;
  border-radius: 28px;
}

.DiscountSavebtn {
  border-radius: 25px;
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 31px;
  margin: 0 auto;
  margin-bottom: 0;
}

.AddPackageBtn {
  background: #233c7e;
  border-radius: 25px;
  height: 40px;
  color: #fff;
  border: none;
  padding: 6px 30px;
  font-size: 17px;
  margin-bottom: 14px;
}

.package-list-wrapper {
  background-color: #fff;
  border-radius: 25px;
  padding: 30px;
}

.AddpackageHolder {
  border-bottom: 1px solid #233c7e;
  padding-left: 30px;
  position: relative;
}

.AddpackageHolder:before {
  content: "";
  position: absolute;
  top: auto;
  left: 50px;
  bottom: -8px;
  width: 15px;
  height: 15px;
  background: #f3f3f3;
  border-top: 1px solid #233c7e;
  border-left: 1px solid #233c7e;
  transform: rotate(45deg);
}

.PriceDrp {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin: 15px 0;
  font-size: 14px;
  color: #1c1c1c;
  -webkit-appearance: none;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 95%;
  padding: 0 14px;
  font-weight: 500;
}

.PriceInfoForm {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin: 15px 0;
}

.PriceDrpNew {
  height: 45px;
  border: 1px solid #b2b2b2;
  width: 15%;
  border-radius: 0;
  margin: 5px 0;
  font-size: 14px;
  color: #626262;
  font-style: italic;
  -webkit-appearance: none;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 99%;
  padding: 0 14px;
  display: inline-block;
}

.PackagingItem {
  padding: 0 10px 0 0;
  display: inline-block;
  width: 20%;
  text-align: right;
}

.NoFlexDisplay {
  padding-top: 20px;
}

.PriceListTitle {
  font-size: 18px;
  text-align: left;
  color: #626262;
  font-weight: 700;
}

.PriceListTitle.main {
  color: #233c7e;
}

.PriceTable {
  width: 100%;
  border: 0px solid #b2b2b2;
  margin-bottom: 40px;
  table-layout: fixed;
  border-radius: 30px;
  overflow: hidden;
}

.PriceTable th {
  background: #233c7e;
  color: #fff;
  font-size: 14px;
  padding: 13px;
}

.PriceTable td {
  font-size: 14px;
  color: #1c1c1c;
  padding: 13px;
  text-align: center;
  font-weight: 500;
}

.PriceTable tr:nth-child(odd) {
  background-color: #fff;
}

.PriceTable tr:nth-child(even) {
  background-color: #e9ecf3;
}

.EditPriceBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 13px;
  margin-top: -16px;
  display: block;
  padding: 5px 14px;
}

.proportional_price {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin: 15px 0;
  font-size: 14px;
  color: #1c1c1c;
  -webkit-appearance: none;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 95%;
  padding: 0 14px;
  font-weight: 500;
}

.PriceSaveBtn {
  background: #233c7e;
  border: none;
  border-radius: 25px;
  height: 40px;
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 9px 30px;
  font-weight: 700;
  margin-top: 30px;
  margin: 0 0 0 auto;
  margin-top: 30px;
}

.deleteuserbtn {
  background: #233c7e !important;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 8px 16px;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
}

.cancelUserbtn {
  background: #bd1e1e !important;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 8px 16px;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
}

.nomargin_top {
  margin-top: 10px;
}

.NewTopMargin {
  margin-top: 30px;
}

.PackageList_box {
  background-color: #d8e2ff;
  border-radius: 28px;
  height: 40px;
  padding-right: 15px;
}

.PackageList_box p {
  margin-bottom: 0;
}

.price-package-modal .LabelPhoto {
  color: #233c7e;
  font-weight: 700;
}

.small_space {
  padding-right: 10px;
}

.NewBtmSpace {
  margin-bottom: 15px;
}

.Btm_flexSpace {
  margin-bottom: 10px;
}

.nowrap {
  white-space: nowrap;
}

.ChangePswdBtn {
  border: 2px solid #233c7e;
  background-color: #fff;
  color: #233c7e;
  font-weight: 400;
  padding: 7px 25px;
  font-size: 17px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 25px;
  height: 40px;
}

.ChangePwdDiv {
  width: 534px;
  margin-top: 15px;
  border: 1px solid #b2b2b2;
  padding: 10px;
  position: relative;
}

.ChangePwdDiv:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 32%;
  width: 15px;
  height: 15px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  transform: rotate(45deg);
  background: #fff;
}

.CreateAccountTitleChangePwd {
  font-family: Roboto, sans-serif;
  font-size: 36px;
  text-align: center;
  padding-bottom: 0px;
  color: #212120;
}

.chnageUserBtnChangePwd {
  margin-top: 15px;
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-bottom: 6px;
  border-radius: 25px;
  height: 40px;
}

.chnageUserBtn {
  margin-top: 6px;
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-bottom: 6px;
  border-radius: 25px;
  height: 40px;
  max-width: 140px;
  width: 100%;
}

.ChangeAccountTitle {
  font-family: Roboto, sans-serif;
  font-size: 25px;
  text-align: center;
  padding-bottom: 0;
  color: #233c7e;
  margin-bottom: 0;
  font-weight: 600;
}

.service-text {
  font-size: 20px;
}

.changePwdInfoForm {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
  border-radius: 28px;
  padding-left: 15px;
}

.Change_AccountTypeDrp {
  border: 1px solid #707070;
  width: 100%;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  color: #626262;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 96%;
  -webkit-appearance: none;
  border-radius: 28px;
}

.servicetable td {
  padding: 4px 15px;
}

.serviceImages {
  display: inline-block;
  padding: 0;
  width: 100%;
  border: 1px solid #b2b2b2;
  padding: 10px;
  margin: 10px 0;
  border-radius: 28px;
}

.serviceImages li {
  list-style-type: none;
  list-style-type: none;
  display: inline-block;
  width: 33%;
  text-align: center;
  position: relative;
  height: 41px;
}

.topWhiteSpace {
  margin-top: 14px;
}

.not-allowed-style {
  cursor: not-allowed;
}

.barOverlay {
  background: rgba(0, 0, 0, 0.6);
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.serviceImages li img {
  max-height: 100%;
  max-width: 100%;
}

.serviceImages li:hover .barOverlay {
  display: flex;
}

.barOverlay button {
  background: #233c7e;
  border: none;
  font-size: 10px;
  color: #fff;
  border-radius: 2px;
}

.onlineReserve {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #1c1c1c;
}

.customUserMapModal {
  margin-left: 5px !important;
}

.bookingResvChk {
  margin-bottom: 25px;
}

.bookingResvChkCustom {
  margin-bottom: 25px;
  margin-left: 20px;
}

.onlineReserve input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmarkReserve {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* .onlineReserve:hover input~.checkmarkReserve {
  background-color: #233C7E;
} */

.onlineReserve input:checked ~ .checkmarkReserve {
  background-color: #233c7e;
}

.checkmarkReserve:after {
  content: "";
  position: absolute;
  display: none;
}

.onlineReserve input:checked ~ .checkmarkReserve:after {
  display: block;
}

.onlineReserve .checkmarkReserve:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.online_reserveTitle {
  font-size: 14px;
  color: #626262;
  text-align: center;
  font-style: italic;
}

.ReserveTextarea {
  font-size: 14px;
  color: #707070;
  width: 51%;
  height: 40px;
  border: 1px solid #707070;
  border-radius: 1px;
  margin-bottom: 10px;
  border-radius: 28px;
}

.ReserveLabel {
  font-size: 14px;
  color: #626262;
}

.BookingOption {
  width: 100%;
  /* margin-top: 15px; */
  border: 1px solid #b2b2b2;
  padding: 30px 20px;
}

.notAllow-booking {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: red;
}

.BookSavebtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 9px 31px;
  margin: 0 auto;
  margin-bottom: 0;
  border-radius: 25px;
}

.BookSavebtnLocation {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 4px 5px;
  margin-bottom: 0;
  margin-left: 20px;
  margin-top: -5px;
}

.OnlineBookClose {
  position: relative;
  right: -10px;
  top: -20px;
  float: right;
}

.ReserveTextareaBook {
  font-size: 14px;
  color: #626262;
  width: 53%;
  height: 48px !important;
  border: 1px solid #b2b2b2;
  border-radius: 1px;
}

/* .BookingOption:before {
  content: "";
  position: absolute;
  top: 52px;
  left: 18%;
  width: 15px;
  height: 15px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  transform: rotate(45deg);
  background: #fff;
} */
.config_banner {
  width: 100%;
}

.config_imageBox {
  width: 45px;
  margin: 9px;
  text-align: center;
  line-height: normal;
  font-size: 30px;
  position: relative;
}

.table_layout {
  table-layout: fixed;
}

.config_imageBoxnew {
  width: 70px;
  /* margin: 0 2px; */
  text-align: center;
  line-height: normal;
  font-size: 30px;
  position: relative;
  padding: 0 !important;
  vertical-align: middle !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.table_layoutScroll {
  overflow-x: auto;
  white-space: nowrap;
}

.table_layoutScrollConsumer {
  overflow-x: auto;
  white-space: nowrap;
  min-height: 310px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  flex-flow: row wrap;
  text-align: center;
}

/* .NewConfigArea {
  padding: 30px 0 30px;
} */

.FirstRowConfig {
  padding: 10px 0px;
  /* border-bottom: 1px solid #d2cfcc; */
}

.TopOutine_area {
  border-top: 1px solid #f8f1e8;
  padding: 10px;
}

.configRightBorder {
  border-right: 20px solid #dccfc1;
}

.configLeftBorder {
  border-left: 20px solid #dccfc1;
}

.Btm_space {
  padding-bottom: 60px;
}

.NewRowBg {
  background: #ded1c4;
}

.BottomRowBg {
  background: #e4dace;
}

.NewsSectionText {
  max-width: 275px;
  font-size: 14px;
  color: #212120;
  text-align: center;
  background: #fff;
  height: 40px;
  padding: 10px 20px;
  display: inline-block;
  /* line-height: 32px; */
}

.NewsBoxPadding {
  padding: 10px 5px;
}

.NewsSection {
  background: #233c7e;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 21px;
  line-height: 22px;
  height: 40px;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.chatUploadSection {
  display: flex;
  align-items: center;
}

.Active-Nav .nav-link.active {
  /* border-bottom: 5px solid #f1cc28; */
  position: relative;
}

/* .Active-Nav .nav-link.active::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #f1cc28;
} */

.Active-Nav .nav-link.active {
  position: relative;
  background: #f1cb28;
  color: #1c1c1c;
  height: 32px;
  width: 95%;
  border-radius: 33px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.TopNavTabs.Active-Nav {
  align-items: center;
}

.newsletter-img-select .select-folder-icon {
  width: 35px;
  margin: 0 15px;
}

.newsletter-img-select {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.newsletter-img-select input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height: 40px;
  margin: 0 15px;
}

.fileSelection-text {
  color: #1c1c1c;
  font-weight: 500;
  font-size: 13px;
}

.News_area {
  align-items: center;
  justify-content: center;
  display: flex;
  /* margin-right: 35px; */
  /* margin-right: -229px; */
}

.configBannerText {
  position: absolute;
  top: 90px;
  right: 10%;
}

.ConfigPopup {
  /* width: 415px; */
  width: 30%;
  position: absolute;
  right: 0;
  background: #fff;
  top: 104px;
  /* border: 5px solid rgba(30, 31, 31, .8); */
  height: 500px;
  z-index: 9;
  overflow-y: scroll;
}

.ConfigIcons {
  padding: 0 5px;
}

.ConfigSavebtn {
  background: #233c7e;
  border-radius: 33px;
  border: 0;
  height: 40px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  padding: 9px 37px;
  margin: 8px auto;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 9px;
}

.Configclosebtn {
  background: #233c7e;
  border-radius: 33px;
  border: 0;
  height: 40px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  padding: 9px 37px;
  margin: 8px auto;
  margin-bottom: 15px;
  margin-left: 0;
  margin-left: 9px;
}

.ConfigAddClose {
  position: relative;
  right: -7px;
  top: 9px;
  float: right;
  cursor: pointer;
}

.ExportBtn {
  background: #233c7e;
  border: 0;
  border-radius: 25px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  width: 100%;
  margin-right: 5px;
  margin-bottom: 15px;
  height: 40px;
}

.ContactInputform {
  height: 40px;
  border: 1px solid rgb(112 112 112 / 25%);
  width: 100%;
  border-radius: 28px;
  margin-bottom: 15px;
  background: #fff url("../../assets/images/searchIcon.png");
  background-repeat: no-repeat !important;
  background-position: 95% !important;
  background-size: 18px !important;
  padding-left: 8px;
}

.OpenButton {
  background: #233c7e;
  color: #fff;
  border: none;
  padding: 6px 14px;
  font-size: 13px;
  margin-right: 5px;
  border-radius: 25px;
}

.AddcustomerForm {
  margin-top: 15px;
  border: 1px solid #b2b2b2;
  padding: 10px;
  background: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* .AddcustomerForm:before {
  content: "";
  position: absolute;
  top: 37px;
  left: 18%;
  width: 15px;
  height: 15px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  right: 0;
  margin: 0 auto;
  transform: rotate(45deg);
  background: #fff;
} */
.nopaddingLeft {
  padding-right: 25px;
  padding-left: 0;
}

.ContactInput {
  border: 1px solid #707070;
  width: 100%;
  font-weight: 400;
  height: 40px;
  border-radius: 25px;
  margin: 3px 0;
}

.reservBoxChild .ContactInput {
  margin-bottom: 15px;
}

.periodSelect-dropdown {
  background: #233c7e;
  border: 2px solid #233c7e;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  padding: 7px 9px;
  margin-top: 0px;
  margin-bottom: 15px;
  border-radius: 25px;
  height: 40px;
  appearance: none;
}

.propDetailsPeriod-drp {
  background: url(../images/select-arrow.svg);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 10px;
}

.ContactInputSelected {
  border: 1px solid #b2b2b2;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: 47px;
  border-radius: 0;
  margin: 3px 0;
  background: #233c7e;
  color: #f0f8ff !important;
}

.TopMargincls {
  margin-top: 20px;
}

.top-btm-20 {
  margin: 20px 0;
}

.leftMarginrow {
  margin-left: 20%;
}

.w-full {
  width: 100%;
}

.loader-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.paginationLabel {
  text-align: right;
}

.searchCreditTitle {
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  padding-bottom: 10px;
  position: relative;
  text-align: left;
}

.sector_rows_credit {
  padding: 29px 15px;
  background: transparent;
}

.creditInput {
  height: 40px;
  border: 1px solid rgb(112 112 112 / 25%);
  color: rgb(112 112 112 / 25%);
  width: 100%;
  border-radius: 25px;
  margin-bottom: 15px;
  background: #fff url("../../assets/images/dropdown-light-arrow.svg");
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 8px;
}

.lightLabel {
  color: #8d8d8d !important;
}

.customDrpInput {
  background: #fff url("../../assets/images/dropdown-down-arrow.png");
  background-repeat: no-repeat;
  background-position: 95%;
  background-size: 11px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.credit-search-section .LabelPhoto {
  color: rgb(28 28 28 / 40%);
  margin-right: 15px;
}

.credit-total-row b {
  color: #233c7e;
  margin-right: 10px;
  display: inline-block;
}

.mx_15 {
  margin: 15px 0;
}

.exportBtncls {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 28px;
  width: 60%;
  margin-right: 5px;
  margin-bottom: 15px;
  height: 40px;
  border-radius: 25px;
}

.CreditAddClose {
  right: 4px;
  top: -16px;
  float: right;
  position: relative;
}

.Configbackground {
  position: relative;
  height: 1000px;
}

.OnBgImages {
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
}

.configBG {
  width: 100%;
}

.BookBtn {
  background: #2387eb;
  font-size: 18px;
  text-align: center;
  padding: 6px 40px;
  color: #fff;
  border: none;
  margin-right: 10px;
  border-radius: 33px;
}

.reserveBtn {
  background: #71d452;
  font-size: 18px;
  text-align: center;
  padding: 6px 40px;
  color: #fff;
  border: none;
  margin-left: 10px;
  border-radius: 33px;
}

.bookReserveSpacing {
  padding: 20px;
}

.NewReserveBg {
  background: #cfc3b6;
}

.ReservationDialog {
  max-width: 100%;
}

.ModalReservationLocation {
  max-width: 55%;
}

.ModalReservationLocation .row.nomargin.configBg {
  height: 550px;
}

.consumerBookModal {
  max-width: 50%;
}

.PrintBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  height: 40px;
}

.Delete_reservation {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-right: 3px;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  height: 40px;
}

.reservBox {
  border: 1px solid #b2b2b2;
}

.reservBoxChild {
  padding: 16px 20px 0;
}

.reservBoxChild .AddRowTitle {
  color: #818985;
}

.customerCard {
  background: #233c7e;
  border: none;
  border-radius: 25px;
  height: 40px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 30px;
  margin: 15px 0;
}

.detailsResvTitle {
  margin: 0;
  font-weight: 700;
  color: #64686e;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 15px;
}

.edit_Img_style {
  margin: -7px 0 0 9px;
  cursor: pointer;
}

.edit_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0px;
}

.child_button {
  margin: 0 15px;
}

.edit_contact_text {
  text-align: center;
}

.withBlackText {
  color: #281e14 !important;
}

.locationListItemsConsumer {
  border: 1px solid #e8dfdf;
  border-radius: 4px;
  padding: 10px 10px 10px;
}

.locationListItems {
  border: 1px solid #e8dfdf;
  border-radius: 4px;
  padding-top: 60px;
  padding: 10px;
}

.AccountTypeReserve {
  border: 1px solid #b2b2b2;
  width: 100%;
  border-radius: 25px;
  height: 40px;
  font-size: 14px;
  color: #6c6a71;
  background: #fff url("../../assets/images//DrpIcon.png");
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  font-weight: 600;
}

.AccountTypeReserve.outlinedrp {
  border: 1px solid #233c7e;
  color: #233c7e;
  font-weight: 500;
  -webkit-appearance: none;
  appearance: none;
  background-position-y: 42% !important;
  background-position-x: 10% !important;
  background-size: 20px !important;
  background: #fff url(../../assets/images/red-calender.svg);
  background-repeat: no-repeat;
  padding-left: 27%;
}

.detailsResvlabelChk .onlineReserve {
  color: #818985;
}

.detailsResvlabelChk .checkmarkReserve {
  top: 2px;
}

.cardbtnOutline {
  border: 1.5px solid #233c7e;
  color: #233c7e;
  background-color: #fff;
  padding: 6px 50px;
}

.MinusReserveIcon {
  width: 25px;
  height: 25px;
  background: #233c7e;
  display: flex;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.MinusReserveIconConsumer {
  width: 25px;
  height: 25px;
  background: #233c7e;
  display: flex;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
}

.PlusReserveIcon {
  width: 25px;
  height: 25px;
  background: #233c7e;
  display: flex;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.nomarginLeftRight {
  margin: 20px 0;
}

.barServIcon {
  padding-right: 5px;
}

.left_pad {
  padding-left: 0;
}

.BookBtnModal {
  background: #233c7e;
  border: none;
  border-radius: 25px;
  height: 40px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 30px;
}

.propSigninPkgTable tr:nth-child(odd) {
  background-color: #e9ecf3;
}

.reservtables td,
.reservtables th {
  border-top: 1px solid #b2b2b2;
  font-size: 14px;
  color: #626262;
  text-align: left;
}

.propSigninPkgTable td,
.propSigninPkgTable th {
  border-top: 1px solid #b2b2b2;
  font-size: 14px;
  color: #626262;
  text-align: center;
}

.propSigninPkgTable th {
  background: #676767;
  color: #fff;
  height: 45px;
}

.propSigninPkgTable {
  border: 1px solid #b2b2b2;
}

.reservtables th {
  background: #676767;
  color: #fff;
  height: 45px;
}

.reservtables,
.reservtablesNew {
  border: 1px solid #b2b2b2;
}

.reservtablesNew td,
.reservtablesNew th {
  border-top: 1px solid #b2b2b2;
  font-size: 14px;
  color: #626262;
  text-align: center;
}

.reservtablesNew th {
  background: #676767;
  color: #fff;
  height: 45px;
  width: 100%;
}

.Add_allSideMargin {
  margin: 20px 0 0 30px;
}

.reservespaces {
  padding: 30px 0;
}

.configBgImage {
  /* background: url('../../assets/images/configBG.jpg'); */
  min-height: 310px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.4s;
}

.topspacesSea {
  padding-top: 0;
}

.beachmapTopSea {
  height: 100vh;
}

.re_pad_left {
  padding-left: 0;
  padding-right: 10px;
}

.timeList_res {
  padding: 0;
  margin: 0;
}

.timeList_res li {
  width: 23%;
  display: inline-block;
  margin: 3px 6px;
}

.resev_arrow:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 18%;
  width: 15px;
  height: 15px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  transform: rotate(45deg);
  background: #fff;
}

.resev_arrow {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
}

.mx-top-10 {
  margin-top: 10px;
}

.mx-right-10 {
  margin-right: 10px;
}

.mx-btn-10 {
  margin-bottom: 10px;
}

.mx-Topbtn-30 {
  margin: 30px 0;
}

.ConfigureBtn {
  background: transparent;
  border: 2px solid #233c7e;
  border-radius: 25px;
  height: 40px;
  color: #233c7e;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  padding: 7px 30px;
}

.configureArrow {
  width: 350px;
  position: absolute;
  right: 31px;
  left: auto;
  text-align: left;
  top: 70px;
  background: #fff;
  z-index: 999;
  border: 2px solid #233c7e;
  padding: 18px;
  border-radius: 30px;
}

.configureArrow:before {
  content: "";
  position: absolute;
  top: -23px;
  left: 70%;
  width: 43px;
  height: 43px;
  border-top: 2px solid #233c7e;
  border-left: 2px solid #233c7e;
  transform: rotate(45deg);
  background: #fff;
}

._2iA8p44d0WZ-WqRBGcAuEV {
  border: 2px solid #233c7e !important;
  border-radius: 25px !important;
  height: auto !important;
  margin: 30px 0;
  padding: 0 12px;
}

._3vt7_Mh4hRCFbp__dFqBCI input {
  margin-top: 0;
  padding: 0 10px;
}

.textareaholder {
  /* border: 1px solid #b2b2b2;
  background: #fff;
  border-radius: 6px; */
}

.textareaholder textarea {
  border: none;
  width: 100%;
  min-height: 300px;
  padding: 10px;
  border-radius: 30px;
}

.textarea_bottom {
  background: transparent;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

textarea:focus {
  -webkit-focus-ring-color: auto 0;
}

.RevenuesTitle {
  font-size: 33px;
  color: #233c7e;
  transform: rotate(-90deg);
  text-align: center;
  padding: 10px 0;
  position: relative;
  top: 30px;
}

.Sales_statistics {
  font-size: 30px;
  color: #233c7e;
  transform: rotate(-90deg);
  text-align: center;
  padding: 10px 0;
  position: relative;
  top: 90px;
  left: 130px;
}

.turnover_label {
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 0 0 24px 0;
}

.turnover_label span {
  font-size: 32px;
  text-align: center;
  font-weight: 900;
}

.stat_cls {
  border: 1px solid #b2b2b2;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background-image: url("../images/statics-bg.png");
  background-size: cover;
  background-position: center;
  border-radius: 25px;
}

.statIcons-img {
  width: 38px;
}

.staticstables td,
.staticstables th {
  border-top: 1px solid #b2b2b2;
  font-size: 14px;
  color: #1c1c1c;
  font-weight: 500;
  vertical-align: middle;
  text-align: left;
  padding: 20px 15px;
}

.staticstables td:first-child {
  padding-left: 30px;
}

.staticstables th:first-child {
  padding-left: 30px;
}

.staticstables th {
  background: #233c7e;
  color: #fff;
  height: 45px;
}

.staticstables {
  border: 0px solid #b2b2b2;
  margin-bottom: 30px;
  border-radius: 30px;
  overflow: hidden;
}

/* .stat_table {
  border: 1px solid #b2b2b2;
  padding: 10px;
} */

.statButtonsOutlineCard {
  border-radius: 25px;
  background-color: #fff;
  border-radius: 25px;
  padding: 28px 65px;
  max-height: 160px;
  margin-bottom: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.statButtonsOutlineCard button {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.statButtonsOutlineCard .statButtons-div {
  margin-bottom: 20px;
}

.statButtonsOutlineCard :last-child {
  margin-bottom: 0 !important;
}

.statButtonsCard {
  background-color: #fff;
  border-radius: 25px;
  padding: 48px 65px;
  background-color: #fff;
  border-radius: 25px;
  padding: 48px 65px;
  max-height: 605px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.statButtonsCard :last-child {
  margin-bottom: 0 !important;
}

.statButtons {
  background: #233c7e;
  color: #fff;
  border: none;
  padding: 6px 25px;
  font-size: 14px;
  border-radius: 25px;
  text-align: center;
  width: 100%;
  height: 40px;
  border: 1px solid #233c7e;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.statButtons img {
  width: 15px;
}

.statButtons-outline {
  background: transparent;
  color: #233c7e;
  border: none;
  padding: 6px 25px;
  font-size: 14px;
  border-radius: 25px;
  text-align: center;
  width: auto;
  height: 40px;
  border: 1px solid #233c7e;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.statButtons-outline img {
  width: 15px;
}

.arrivalDepat-btn {
  width: 70%;
  margin: 7px auto 7px;
  padding: 6px 28px;
}

.statButtons-div {
  margin-bottom: 30px;
}

.statButtons-div:last-child {
  margin-bottom: 0;
}

.arrivalDeparture-wrapper {
  padding: 35px 30px;
  background-color: #fff;
  border-radius: 25px;
}

.additional-style {
  font-weight: 400 !important;
}

.statButtons-div .statButtons {
  justify-content: center;
}

.vouchers_Label {
  font-size: 24px;
  color: #233c7e;
}

.Search_loactionbtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 7px 5px;
  width: 100%;
  margin-bottom: 15px;
  height: 45px;
}

.PlaneBookBtn {
  background: #233c7e;
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 9px 0;
  margin-right: 5px;
  width: 10%;
  display: inline-block;
}

.staticstables tr:nth-child(even) {
  background-color: #fff;
}

.staticstables tr:nth-child(odd) {
  background-color: #e9ecf3;
}

.reservtables tr:nth-child(odd) {
  background-color: #e9ecf3;
}

.reservtablesNew tr:nth-child(even) {
  background-color: #e9ecf3;
}

.LocationnameLabel {
  border: 1px solid #233c7e;
  border-radius: 25px;
  padding: 7px 20px;
  background: #233c7e;
  color: #fff;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.closeIcon_Location {
  width: 15px;
  height: 15px;
  position: absolute;
  top: -8px;
  right: -5px;
  background: #233c7e;
  padding: 3px;
  border-radius: 50%;
  display: none;
  cursor: pointer;
}

.LocationnameLabel:hover .closeIcon_Location {
  display: block;
}

.Res_textarea {
  height: 100px;
  border: 1px solid #b2b2b2;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  border-radius: 0;
  margin: 3px 0;
}

.width-full {
  width: 100%;
}

.pagination {
  justify-content: center;
}

.pagination .previous a {
  border-top-left-radius: 25px !important;
  border-bottom-left-radius: 25px !important;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.pagination .next a {
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
  background-color: #fff;
  padding-right: 30px;
  padding-left: 30px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #233c7e !important;
  border-color: #233c7e !important;
  outline: 0;
}

.pagination {
  flex-wrap: wrap;
}

.pagination > li {
  margin: 5px 0;
}

.pagination > li > a {
  border: 1px solid rgb(112 112 112 / 25%) !important;
}

.pagination > li > a,
.pagination > li > span {
  color: #1c1c1c !important;
}

.pagination > .active > a {
  color: #fff !important;
}

.ListService_box {
  border: 1px solid #233c7e1f;
  padding: 0 0;
  background: #233c7e1f;
}

.ListService_box li {
  margin: 10px 0;
}

.CustomerCardDialog {
  max-width: 700px;
}

.paymentModalDialog {
  max-width: 650px;
}

.smallSizeDialog {
  max-width: 500px;
}

.text-color-popup {
  color: #818985;
}

.SearchServiceCardDialog {
  max-width: 920px;
}

.NewMxWidth {
  max-width: 4%;
  padding: 0;
}

.SearchServ_margin {
  margin: 0;
}

.HourTextInput {
  display: inline-block;
  width: 63%;
  border: 1px solid #707070;
  border-radius: 28px;
  height: 40px;
  font-size: 14px;
  color: #626262;
  outline: none;
  padding-left: 15px;
}

.Dotlabel {
  font-size: 14px;
  padding: 0 10px;
}

.MarginDisplay {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.dropdown-menu {
  min-width: 100%;
}

.navigations .dropdown-toggle {
  background: 0 0;
  border: none;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background: 0 0;
  border: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.LeftSideSpace {
  background: #233c7e;
}

.chooseUmbrellaText {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  text-align: center;
  color: #212120;
  font-weight: 700;
}

.closeUmbrella {
  position: absolute;
  top: 0;
  right: 10px;
}

.priceListINput {
  width: 100%;
  font-weight: 400;
  font-style: italic;
  margin: 0 auto;
  border: 1px solid #707070;
  border-radius: 25px;
  height: 40px;
}

.selectedCircle {
  background: #1753ec;
}

.selectedCircleImage {
  background: #233c7e;
}

.table td,
.table th {
  border-top: unset !important;
}

.ConfigmapWidth {
  width: 70%;
  height: 500px;
  /* height: auto; */
  /* overflow-y: scroll; */
}

.HorServInput {
  border: 1px solid #707070;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: 27px;
  border-radius: 28px;
  margin: 0;
  padding: 0 0 0 15px;
  height: 40px;
  font-size: 14px;
  color: #626262;
}

.HourTextInputNew {
  display: inline-block;
  width: 77%;
  border: 1px solid #707070;
  border-radius: 28px;
  height: 40px;
  font-size: 14px;
  color: #626262;
  padding: 0 0 0 15px;
}

.TimerHeading {
  color: #233c7e;
  text-align: center;
  font-size: 40px;
  padding: 20px 0 0;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
}

.TimerText {
  text-align: center;
  color: #233c7e;
  font-size: 20px;
  font-family: Roboto, sans-serif;
}

.timerTextnew {
  font-size: 26px;
  text-align: center;
  text-align: center;
  color: #233c7e;
  font-family: Roboto, sans-serif;
  padding: 30px 0;
  width: 60%;
  margin: 0 auto;
}

.normalText {
  font-size: 16px;
  text-align: center;
  color: #233c7e;
  font-family: Roboto, sans-serif;
  padding-bottom: 30px;
  font-weight: 500;
}

.StayTuned {
  font-size: 16px;
  text-align: center;
  color: #233c7e;
  font-style: italic;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.TimeBoxSection {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 50%;
  margin: 0 auto;
}

.TimeBoxSection li {
  display: inline-block;
  width: 21%;
  margin-right: 30px;
  position: relative;
}

.TimeBoxSection li:last-child {
  margin-right: 0;
}

.TimeBoxSection li:after {
  content: " : ";
  position: absolute;
  right: -20px;
  top: 20%;
  bottom: 0;
  margin: auto;
  font-size: 30px;
}

.lastLiTime:after {
  display: none;
}

.TimeBox {
  width: 100%;
  height: 120px;
  background: #233c7e;
  border-radius: 35px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.timeBoxText {
  color: #233c7e;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
}

.todayDivButton {
  padding-right: 12px;
}

.today-btn {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.not-today-btn {
  display: flex;
  align-items: center;
  color: #ff0200;
  white-space: nowrap;
  font-size: 13px;
  background-color: #b8e2ff;
  font-weight: bold;
}

.not-today-btn img {
  margin-left: 8px;
  width: 17px;
}

.movement-total-count-total {
  font-weight: bold !important;
}

.movement-total-count-total p span {
  font-weight: bold !important;
}

.movement-total-count {
  text-align: right;
  padding-right: 43px;
}

.movement-total-count p {
  margin-bottom: 15px;
  justify-content: end;
}

.movement-total-count p span {
  font-weight: 500;
  display: inline-block;
  margin-right: 20px;
  color: #233c7e;
}

.today-btn img {
  margin-left: 8px;
  width: 17px;
}

.credit-search-section .todayDivButton {
  margin: 0 0 20px 15px;
}

.credit-search-section .exportBtn-div {
  display: flex;
  padding-left: 0px;
}

.timerbottomtext {
  color: #233c7e;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  font-weight: 500;
}

.sector-row-price {
  display: flex;
  flex-wrap: wrap;
}

.sector-row-price label {
  flex-basis: 20% !important;
}

ul.breadcrumb {
  padding: 25px 0px 0px;
  list-style: none;
  background-color: transparent;
}

ul.breadcrumb li {
  display: inline;
  font-size: 14px;
  color: #5e5e5e;
  font-weight: 500;
}

ul.breadcrumb li + li:before {
  padding: 8px;
  color: #000;
  content: ">";
}

ul.breadcrumb li a {
  color: #626262;
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  color: #626262;
  text-decoration: underline;
}

.Prop_search {
  font-size: 22px;
  color: #233c7e;
}

.Search_area {
  background: #d8e2ff;
  padding: 15px 20px;
  border-radius: 25px;
}

.Dest_label {
  font-size: 14px;
  margin: 0 0 23px;
  color: #233c7e;
  font-weight: 500;
}

.Prop_SearchInput {
  font-size: 18px;
  font-weight: 400;
  color: #777;
  background: #eee;
  height: 46px;
  border-radius: 0;
  margin-top: 0;
  padding-left: 45px;
}

.Prop_SearchInputDate {
  font-size: 14px;
  font-weight: 400;
  color: #777;
  background: #eee;
  height: 46px;
  border-radius: 0;
  margin-top: 0;
  padding-left: 52px;
  background-image: url(../images/calendar-1.svg);
  background-repeat: no-repeat;
  background-position: 10%;
  background-size: 20px;
  background-color: #f6f6f6;
  border-radius: 25px;
}

.Prop_SearchInputDate::-webkit-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

.Prop_SearchInputDate:-ms-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

.Prop_SearchInputDate::placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

.Prop_SearchInput::-webkit-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

.Prop_SearchInput:-ms-input-placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

.Prop_SearchInput::placeholder {
  color: #626262;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

.Prop_flex {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.Search_propBtn {
  background: #233c7e;
  color: #fff;
  text-align: right;
  padding: 7px 40px;
  border: none;
  margin: 0 auto;
  display: block;
  border-radius: 33px;
  height: 45px;
  margin: 0 0 0 auto;
}

.filter_prop {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #233c7e;
}

.main_search_heading {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
}

.PorpFilters {
  padding: 15px 15px 15px 25px;
  width: 100%;
}

.filers-section-area {
  background-color: #e6ebfa;
  border-radius: 25px;
  width: 100%;
}

.Empty_whiteBox {
  border: 0px solid #b2b2b2;
  height: 160px;
}

.Empty_whiteBoxFev {
  height: auto !important;
}

.Empty_whiteBox img {
  border-radius: 6px;
}

.booking-whiteBox {
  height: auto !important;
}

.fevTop-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Porp_padding {
  padding-left: 30px;
}

.LikeRed {
  position: absolute;
  top: 10px;
  right: 30px;
  cursor: pointer;
}

.propertyShareIcon {
  position: absolute;
  top: 10px;
  right: 0px;
  cursor: pointer;
}

.allSideBorder {
  padding: 20px;
  border: 0px solid #b2b2b2;
  margin-bottom: 30px;
  background-color: #d8e2ff;
  border-radius: 25px;
}

.allSideBorder .Empty_whiteBox {
  max-height: 160px !important;
  width: 100%;
  height: 100% !important;
}

.allSideBorder .Empty_whiteBox img {
  object-fit: cover;
}

.fevHeadTop {
  display: block;
  text-align: center;
  position: relative;
}

.fevBckIcon {
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
}

.PropRightLabel {
  font-size: 20px;
  color: #233c7e;
  font-weight: 700;
  margin-bottom: 15px;
}

.noOfferMsg {
  color: red;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
}

.sortProperty-label {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 500;
  margin-bottom: 15px;
  cursor: pointer;
}

.topProp_setting {
  padding: 0 0;
}

.OptionBtn {
  padding: 0;
  margin: 0;
  text-align: center;
  justify-content: space-between;
}

.OptionBtn li {
  font-size: 15px;
  color: #fff;
  background: #5873ba;
  padding: 10px 12px;
  border-right: 0px solid #fff;
  cursor: pointer;
  white-space: nowrap;
  justify-content: center;
  display: inline-grid;
  border-radius: 25px;
  max-width: 24%;
  height: 40px;
}

.OptionBtn li.propDetailsService {
  max-width: 18%;
}

.OptionBtn li.propDetailsReadBooking {
  max-width: 30%;
  flex: 26%;
}

.OptionBtn li a {
  color: #fff;
  display: flex;
  align-items: center;
}

.OptionBtn li a:hover {
  text-decoration: none;
}

.Prop_name {
  font-size: 30px;
  color: #233c7e;
  padding: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.BookPropBtn {
  background: #2960f1;
  color: #fff;
  width: 100%;
  border: none;
  padding: 4px;
  text-align: center;
  display: block;
  margin: 0 0 0 auto;
  border-radius: 33px;
  height: 38px;
}

.Pro_detail_space {
  padding: 20px 0;
}

.Pro_detailAddress {
  font-size: 14px;
  color: #5e5e5e;
  font-weight: 400;
}

.img-border {
  border: 1px solid #b2b2b2;
  width: 100%;
}

.rightNopadding {
  padding-right: 0;
}

.StarTitle {
  font-size: 18px;
  color: #212120;
  padding: 20px 0;
  display: inline-block;
}

.star_desc {
  font-size: 14px;
  color: #5e5e5e;
  padding-right: 30px;
}

.filter_prop_new {
  font-size: 14px;
  color: #212120;
}

.lightBlue_bg {
  background-color: #d8e2ff;
  padding: 20px 25px;
  border-radius: 25px;
  text-align: center;
}

.inline-flex {
  display: inline-flex;
  color: #212120;
  font-size: 14px;
}

.booknowProp {
  background-color: #233c7e;
  color: #fff;
  padding: 6px;
  width: 90%;
  display: block;
  margin: 0 auto;
  border: none;
  border-radius: 33px;
  height: 40px;
  position: absolute;
  top: -20px;
  background-color: #2960f1;
  right: 20px;
}

.PropTable th {
  background-color: #233c7e;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}

.PropTable th:first-child {
  padding-left: 25px;
}

.leftTitleSpace {
  padding-left: 25px !important;
}

.houseRuleSection {
  padding-top: 20px;
}

.AdditionalItemTable td,
.AdditionalItemTable th {
  border: none;
}

.Add_item {
  padding: 10px 0.75rem;
  color: #212120;
  font-weight: 700;
  margin: 0;
  text-align: left;
}

.Add_itempoints {
  padding: 0;
}

.Add_itempoints li {
  font-size: 14px;
  color: #233c7e;
  list-style-type: none;
  position: relative;
  padding: 6px 0;
  padding-left: 20px;
  text-align: left;
  font-weight: 400;
}

.Add_itempoints li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #233c7e;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.PropTable {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.PropTable th {
  border: 0px solid #dee2e6;
}

.PropTable td {
  border: 0px solid #dee2e6;
}

.list_type {
  list-style-type: none;
}

.list_type li {
  padding: 0 0 10px;
  font-size: 15px;
  color: #373e46;
  font-weight: 400;
}

.list_type li span {
  display: inline-block;
  margin-right: 10px;
}

.PropServiceLabel {
  font-size: 22px;
  color: #233c7e;
  padding: 10px 0;
  margin: 0;
}

.table_stripped {
  border: 1px solid #b2b2b2;
}

.Prop_SearchInput {
  background-image: url(../images/searchIcons-light.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-position: right 20px center;
  background-size: 20px;
  font-size: 14px !important;
  background-color: #f6f6f6;
  border-radius: 25px;
  padding-right: 45px;
  padding-left: 15px;
}

.Prop_SearchInput-style {
  background-repeat: no-repeat;
  background-position: left;
  background-position: right 20px center;
  background-size: 20px;
  font-size: 14px !important;
  background-color: #f6f6f6;
  border-radius: 25px;
  padding-right: 45px;
  padding-left: 15px;
}

.exbold-label {
  font-weight: 900;
  margin-bottom: 0 !important;
}

.table_stripped tr:nth-child(even) {
  background-color: #f3f3f3;
}

.SelecteDates .form-control {
  border: none;
}

.NumberCls {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  color: #5873ba;
  display: inline-block;
  text-align: center;
  margin-right: 6px;
  font-size: 15px;
}

.PropSignIn {
  padding: 0;
  margin: 30px 0;
}

.PropSignInDis {
  justify-content: space-between;
}

.PropSignIn li {
  display: inline-block;
  background: #5873ba;
  color: #fff;
  padding: 6px 30px;
  margin-top: 8px;
  margin-right: 0;
  text-align: center;
  border-right: 0px solid #fff;
  max-width: 32.5%;
  border-radius: 25px;
}

.SummarySignLabel {
  color: #626262;
  font-weight: 700;
  font-size: 17px;
  padding-left: 15px;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 15px;
  padding-top: 10px;
}

.summSignTable {
  color: #626262;
  font-size: 14px;
}

.summSignLoc {
  color: #626262;
  font-size: 14px;
  padding-left: 15px;
}

.PropSignTable .DiscountInput {
  border: 0px solid #707070;
}

.PropSignTable .DiscountInput:-ms-input-placeholder {
  font-size: 13px;
}

.PropSignTable .DiscountInput::-webkit-input-placeholder {
  font-size: 13px;
}

.PropSignTable .DiscountInput::placeholder {
  font-size: 13px;
}

.PropSignTable th {
  background: #676767;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: none;
}

.PropSignTable {
  border: 1px solid #b2b2b2;
  margin: 0;
}

.PropSignTable td {
  font-size: 14px;
  color: #626262;
  border-top: 1px solid #b2b2b2 !important;
}

.summarySign {
  border: 1px solid #b2b2b2;
  padding: 10px;
  margin-bottom: 50px;
}

.PropApplybtn {
  background: #233c7e;
  color: #fff;
  float: right;
  padding: 4px 30px;
  border: none;
  margin: 20px 0;
  border-radius: 33px;
  height: 45px;
}

.onlineStatus {
  color: #71d452;
  border: 1.5px solid #71d452;
  font-size: 14px;
  padding: 0 20px;
  height: 28px;
  font-weight: 600;
  outline: none;
  border-radius: 33px;
  background-color: transparent;
  cursor: auto !important;
}

.discountCodeText {
  color: #64686e;
  font-weight: 700;
  text-align: left;
}

.Loc_name {
  font-size: 25px;
  color: #233c7e;
  padding: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.loc_addres {
  display: flex;
  color: #5e5e5e;
  font-size: 14px;
}

.grtChoicePropDiv {
  padding: 25px 20px;
  border: 0px solid #b2b2b2;
  margin-bottom: 30px;
  background-color: #d8e2ff;
  border-radius: 25px;
}

.BookFaster {
  font-size: 20px;
  color: #31353e;
  padding: 20px 0;
  padding: 20px 0 5px;
  margin: 0;
  font-weight: 500;
}

.BookFaster span {
  display: inline-block;
  margin-right: 12px;
}

.NextFinalBtn {
  background: #233c7e;
  color: #fff;
  width: 35%;
  padding: 11px 30px;
  border: none;
  font-size: 16px;
  margin: 20px 0;
  border-radius: 33px;
  height: 45px;
}

.RowsChangeInputProp {
  border: 0px solid #b2b2b2;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: 45px;
  border-radius: 25px;
  margin-top: 10px;
  padding-left: 18px;
}

.newContactBtn {
  white-space: nowrap;
}

.p-left-5 {
  padding-left: 5px;
}

.p-right-5 {
  padding-right: 5px;
}

.BookFast_section {
  border: 1px solid #b2b2b2;
  padding: 10px 0;
  margin-right: 5px;
  margin-bottom: 15px;
}

.GreatChoice {
  font-size: 30px;
  color: #233c7e;
  padding: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.discountCodeText {
  color: #64686e;
  font-weight: 700;
}

.BookNowSection {
  padding: 15px 15px;
  margin-bottom: 30px;
}

.bookNowInnerDiv {
  border: 1px solid #b2b2b2;
}

.ThanksSection {
  border: 0px solid #b2b2b2;
  padding: 15px 0;
  margin-bottom: 30px;
  margin-top: 30px;
}

.PropTextarea {
  border: 1px solid #b2b2b2;
  width: 100%;
}

.Prop_note {
  font-size: 14px;
  color: #626262;
}

.RowsChangeInputPropDrp {
  border: 1px solid #b2b2b2;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: 47px;
  border-radius: 2px;
  margin-top: 10px;
  background: #fff url(../images/DrpIcon.png);
  background-repeat: no-repeat;
  background-position: 99%;
  -webkit-appearance: none;
}

.guidePlannerInput {
  background: url(../images/guide-date-icon.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  background-size: 10px;
}

.guide-planner-input-search {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
  margin-bottom: 20px;

  background: url(../images/planner-guide-search.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  background-size: 16px;
}

.Exp_date {
  margin: 0;
  font-size: 14px;
  color: #626262;
}

.thanks_lable {
  font-size: 30px;
  color: #233c7e;
  margin-bottom: 0px;
  font-weight: 600;
  text-align: center;
}

.Confirmed_Lable {
  font-size: 16px;
  color: #233c7e;
  font-weight: 500;
  text-align: center;
}

.ThanksList {
  padding: 0;
  margin: 0;
}

.ThanksList li {
  /* background: url(../images/tik.png);
  background-repeat: no-repeat;
  background-position: left; */
  list-style-type: none;
  /* padding-left: 35px; */
  margin: 7px 0;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #233c7e;
  font-weight: 500;
}

.Reservation_label {
  color: #212120;
  font-size: 14px;
  padding-left: 22px;
  padding-top: 10px;
}

.Reservation_label span {
  color: #233c7e;
  font-size: 19px;
  font-weight: 700;
}

.reservationNumberCls {
  color: #233c7e;
  font-size: 14px;
  font-weight: 700;
}

.tableSpace {
  padding-right: 10px;
}

.Regi_border {
  border: 1px solid #b2b2b2;
  padding: 10px;
}

.Regi_table {
  color: #626262;
  width: 100%;
  margin: 0 auto;
}

.Regi_table tr {
  white-space: nowrap !important;
}

.table.Regi_table tr td {
  text-align: left;
}

.View_BookingBtn {
  background: #233c7e;
  color: #fff;
  border: none;
  padding: 10px 20px;
  display: block;
  margin: 0 auto;
  width: 40%;
}

.SignatureLabel {
  color: #626262;
  font-size: 16px;
  background: #e9ecf3;
  padding: 10px 0;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}

.new_reservArrow:before {
  left: 180px;
}

.new_reservArrowIt:before {
  left: 220px;
}

.Vertically_scroll {
  height: 130px;
  overflow-y: scroll;
}

.Re_arrow:before {
  left: 180px;
}

.Re_add:before {
  left: 60px;
}

.Book_add:before {
  left: 60px;
}

.config_imageBoxnew p {
  margin-bottom: 10px;
}

.BarVertical_scroll {
  height: 130px;
  overflow-y: scroll;
}

.scheduler_default_rowheader_inner div {
  height: 20px;
}

.slot-text {
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: initial !important;
}

.scheduler_default_rowheader_inner img {
  max-height: 100%;
}

.roname {
  float: left;
  margin-left: 10px;
}

.roImage {
  float: left;
  margin-left: 10px;
}

.roImage img {
  display: block;
  margin: 0 auto;
}

.m-r-15 {
  margin-right: 15px !important;
}

.ol-resr-btn-div {
  padding-right: 30px;
}

.form-div-wrapper {
  max-width: 100%;
  margin: 0 auto;
}

/* css for assistance and guide */

.LabelPhotoBlue {
  font-size: 14px;
  color: #233c7e;
  text-align: left;
  font-weight: 700;
  margin-bottom: 0;
}

.guides-label {
  font-size: 16px;
  color: #233c7e;
  text-align: center;
  font-weight: 700;
  margin: 20px 0;
}

.guides-img-wrapper {
  position: relative;
  border-radius: 25px;
  height: 215px;
  overflow: hidden;
}

.overlay-effect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 0.5s ease;
  background-color: rgb(161 185 255 / 10%);
  overflow: hidden;
  border-radius: 25px;
}

.play-btn {
  width: 45px;
  height: 45px;
  background-image: linear-gradient(
    to bottom,
    #253a80,
    #1f3478,
    #1a2f70,
    #142968,
    #0d2460
  );
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 10px;
  cursor: pointer;
  z-index: 999;
}

.play-btn img {
  width: 20px;
  cursor: pointer;
}

.guides-wrapper {
  padding: 0 15px;
}

.guideLoad-more-btn {
  color: #233c7e;
  border-radius: 25px;
  font-size: 17px;
  font-weight: 400;
  border: 2px solid #233c7e;
  padding: 6px 38px;
  height: 40px;
}

.video-player {
  border-radius: 25px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}

.pauseBtn-video {
  width: 25px !important;
}

.leftSpace-30 {
  padding-left: 30px;
}

.cursorNotAllowed {
  cursor: not-allowed;
}

.error-box {
  text-align: center;
  padding: 5px;
  color: red;
}

.buttonDisable {
  cursor: not-allowed !important;
  background-color: #a9a9a9 !important;
}

.creditTableHeader {
  text-align: center !important;
}

.seasonTable thead,
tbody {
  text-align: left;
}

.rounded-10 {
  border-radius: 10px;
}

.locationListItems ul li {
  margin-bottom: 15px;
}

.locationListItemsConsumer ul li {
  margin-bottom: 15px;
}

.chooseBtnConsumer {
  margin: 0 auto;
  display: block;
}

.s-box {
  min-height: 433px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 30px;
  background-color: #f7f7f9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15),
    0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
  margin: 40px 0;
}

.checkoutForm label {
  margin-bottom: 3px;
}

.spinner-border {
  width: 1.3rem;
  height: 1.3rem;
  border-width: 0.1em;
}

.success-msg {
  color: #0f5132;
  text-align: center;
  margin-top: 120px;
}

.success-msg svg {
  font-size: 60px;
  border: 1px solid #0f5132;
  border-radius: 30px;
  padding: 10px;
}

.success-msg .title {
  font-size: 25px;
  margin-top: 10px;
}

.favoriteImg {
  height: 200px;
  width: 300px;
}

.paymentMethods-Block {
  width: 100%;
  float: left;
  padding: 54px 46px;
  background: #fff;
  border-radius: 25px;
}

.paymentMethods-Block .row {
  align-items: center;
  justify-content: center;
}

.paymentMethods-Block h3 {
  font-size: 24px;
  line-height: 50px;
  font-weight: 600;
  color: #747474;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.cards-section {
  width: 100%;
  float: left;
  margin: 0 0 18px 0;
  background: #f8f8f859;
  border: 2px solid #f4f4f4;
}

.cards-section.active {
  border: 2px solid #fbd007;
}

.cards-section label {
  display: block;
  margin-bottom: 0;
}

.cards-section .card-img {
  margin: 0;
  padding: 0;
}

.cards-section .card-img img {
  width: 100px;
}

.cards-section .card-content {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: right;
}

.cards-section .card-content p {
  color: #959595;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.cards-section .card-content span {
  color: #bcb8b5;
  font-size: 16px;
}

.radio-box {
  height: 20px;
  width: 20px;
  position: relative;
}

.radio-box input {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.radio-box span {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: block;
  transition: all 0.3s ease-in-out;
}

.radio-box span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: 0 0;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.radio-box input:checked + span {
  border-color: #233c7e;
}

.radio-box input:checked + span:after {
  background: #233c7e;
}

.bookBtnSubmit {
  margin: 0 auto;
  display: block;
  width: 100%;
}

.savePaymentChk {
  height: 20px;
  width: 20px;
  margin: 10px 5px 0 0;
}

.savePaymentLable {
  font-size: 17px;
}

.consumerBtnMenu {
  background: 0 0;
  border: none;
}

#loaderDiv {
  z-index: 999999;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url('../../assets/images/loader.gif') 50% 50% no-repeat; */
}

.consumerServTable {
  table-layout: fixed;
}

.react-autosuggest__suggestions-list {
  position: absolute;
  padding: 0;
  color: #333;
  margin-top: 8px;
  width: auto;
  list-style: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 16px rgb(0 0 0 / 15%);
  box-shadow: 0 2px 16px rgb(0 0 0 / 15%);
  border: 0;
}

.react-autosuggest__suggestion {
  padding-bottom: 8px;
  padding-top: 8px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}

.react-autosuggest__input {
  border: none;
  background: 0 0;
}

.react_autosuggest__container {
  display: inline-block;
  width: 100%;
  /* margin-left: 30px; */
}

.searchLocContainer {
  display: inline-block !important;
  width: 100% !important;
}

.fullwidthLocationInput {
  display: unset;
}

#react-autowhatever-1 {
  position: absolute;
  background: #f6f6f6;
  max-width: 500px !important;
  width: 95%;
  z-index: auto;
  border-radius: 33px;
  padding-left: 0;
  margin-top: 10px;
  padding-right: 12px;
}

.react_autosuggest__suggestions_list {
  padding: 8px 8px 8px 15px;
  display: inline-block;
  list-style: none;
  margin: 8px 0 0 0;
  width: 100%;
  overflow-y: scroll;
  max-height: 320px;
}

.react_autosuggest__suggestions_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 30px;
}

.react_autosuggest__suggestions_list::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
  border-radius: 30px;
}

.react_autosuggest__suggestions_list::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
}

.react_autosuggest__suggestion {
  padding-bottom: 8px;
  padding-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.react_autosuggest__suggestion:hover {
  background-color: #ececec;
}

/* .react_autosuggest__suggestion div:hover {
  background-color: #fff;
  width: 95%;
} */

.locationTitle {
  padding-left: 40px;
  font-weight: 400;
  font-family: system-ui;
}

.Learn_MoreProp {
  width: auto !important;
  text-decoration: none !important;
  color: #fff !important;
  width: 47%;
  background: #2960f1;
  border: none;
  color: #fff;
  padding: 7px 30px;
  margin-right: 5px;
  width: 23%;
  margin-top: 48px;
  border-radius: 33px;
  height: 45px;
  border: 2px solid transparent;
  padding-top: 9px;
}

.changePassConsumerInput {
  position: relative;
}

.changePassConsumerInput i {
  position: absolute;
  top: 20px;
  right: 28px;
  color: #febb02;
}

.Learn_MorePropMyBooking {
  text-decoration: none !important;
  color: #fff !important;
  width: 50%;
  background: #233c7e;
  border: none;
  color: #fff;
  padding: 7px 20px;
  margin-top: 2%;
  border-radius: 33px;
  height: 40px;
}

.addBookingBtn {
  text-decoration: none !important;
  color: #fff !important;
  width: auto;
  background: #233c7e;
  border: none;
  color: #fff;
  padding: 7px 20px;
  margin-top: 2%;
  border-radius: 33px;
  height: 38px;
}

.bookingTopCredit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 35px 0;
}

.creditEarnInout {
  background: #ffffff;
  border-radius: 0;
  outline: none;
  color: #233c7e;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 15px;
  border: 0;
  height: 38px;
}

.bookingBtn {
  width: 60% !important;
  text-decoration: none !important;
  border: none;
  padding: 7px 20px;
  margin-right: 5px;
  color: #233c7e;
  border: 2px solid #233c7e;
  background-color: transparent;
  border-radius: 33px;
  height: 38px;
  font-weight: 500;
  display: block;
  margin: 0 0 20px auto;
}

.configManagerParent {
  padding-top: 120px;
}

.Learn_MorePropText {
  width: auto !important;
  text-decoration: none !important;
  width: 47%;
  border: none;
  padding: 9px 30px;
  margin-right: 5px;
  width: 23%;
  margin-top: 48px;
  background: 0 0;
  color: #2960f1;
  border: 2px solid #2960f1;
  border-radius: 33px;
  height: 45px;
  font-weight: 500;
}

.noServicesBook {
  text-align: center;
  display: block;
}

.noServiceMsg {
  margin: 0 0 40px 0;
}

.logoutHeaderImg {
  height: 96px;
  max-width: 56%;
  padding-left: 3px;
}

.consumerHeaderLogo {
  height: 100%;
  max-width: 185px;
  padding-left: 3px;
}

.consumerNav {
  height: 87px;
}

#searchVerticalLine {
  display: none;
  margin-left: 16px;
  border: none;
  background: #febb02;
  height: 40px;
  position: absolute;
  top: 8px;
  width: 2px;
}

.dispPropSignInImg {
  height: 150px;
  border-radius: 30px;
}

.suggessionImg {
  width: 24px;
  height: 24px;
}

.chnageDateButton {
  width: 40% !important;
  text-align: end !important;
  vertical-align: middle !important;
}

.listHeaderTitle {
  font-size: 25px !important;
  font-weight: 600;
  margin-bottom: 5px;
  color: #233c7e;
}

.SearchLocResultClass {
  background: #fff !important;
  max-width: 500px !important;
  width: 100% !important;
  z-index: 99 !important;
}

.consumerPropDetails {
  margin-bottom: 0;
  padding-bottom: 0;
}

.consumerPropertyCarosel {
  margin-top: 0px;
}

.locationMarkerIcon {
  font-size: 20px !important;
  color: #5873ba !important;
  margin-right: 5px !important;
}

.loaderCSS {
  margin: 5px auto !important;
}

.homepageLogoSmall {
  height: 50px !important;
}

.dateSpaceDash {
  padding-right: 12px;
}

.homeDateInput {
  padding: 0 !important;
}

.houseRuleSection {
  margin-top: 10px;
  font-size: 15px;
}

.listCardButtons {
  float: right;
  padding-top: 0px;
}

.sharePropertyDet {
  display: flex;
  justify-content: flex-end;
  padding-right: 0;
}

.likeIconPeop {
  margin-right: 10px;
  width: 24px;
}

.popup-content {
  width: auto !important;
}

.propSearchorLine {
  margin: 0;
  border: 0;
  border-top: 1px solid #0e0e0e;
}

.consumerListPropClass {
  color: #fff;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  display: block;
  width: 225px;
  text-decoration: none;
}

.consumerListPropClass:hover {
  color: #fff;
  text-decoration: none;
}

.propDetHypen {
  width: 10px;
  position: relative;
  top: 16px;
}

.peopDetPkgErrMsg {
  color: #ee3737;
  font-size: 15px;
  font-weight: 400;
}

.propListAddress {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #233c7e;
}

.propListDate {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #233c7e;
}

.propListTotl {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #233c7e;
}

.propListDesc {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  font-size: 13px;
}

.react-datepicker-popper {
  z-index: 9999 !important;
}

.filter-by-label {
  border-bottom: 0px solid #b2b2b2;
  width: 100%;
  margin-top: 40px;
}

.filter-by-label p {
  padding-top: 3px;
  padding-bottom: 10px;
  margin: unset;
  color: #233c7e;
}

.consumerSearchLocDate {
  display: block !important;
  width: 100% !important;
}

.PropDetInfoHeader {
  max-width: 33% !important;
  width: 100%;
}

.propDetImgCarosel img {
  max-height: 350px !important;
  border-radius: 16px;
  width: 100% !important;
  margin: 0;
}

.propDetImgCarosel {
  display: flex;
  justify-content: flex-start;
}

.Prop_flex.consumerPropertyCarosel {
  display: block;
}

.paddingWhenNoUser {
  padding: 0 120px;
}

.matchWithCard {
  margin-right: 5px;
}

.propDetInfoIcon {
  margin-left: 15px;
}

.popover-inner {
  font-size: 16px;
}

.noSavedCards {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 500;
}

.paymentMethods-Block h3 {
  text-align: center;
}

.savePaymentText {
  font-size: 20px;
  font-weight: 600;
}

.bookingNumberCls {
  font-size: 18px;
  font-weight: 600;
}

.confirmConsServiceTitle {
  font-size: 18px;
  font-weight: 600;
  padding: 15px;
}

.consListService {
  padding-top: 5px !important;
}

.noSeasonTextParent {
  max-width: 405px;
  background: red;
  /* text-align: center; */
  padding: 10px;
  position: relative;
  top: -35px;
}

.noAvailableClass {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
}

.noAvailableClassPropDet {
  background: red;
  padding: 4px 38px 4px 36px;
  color: #fff;
  font-size: 14px;
  width: auto;
  display: inline;
  margin: 15% auto 0;
}

.newsSectionPopup {
  max-height: 200px;
  text-align: center;
  overflow: auto;
}

.newsSectionPopup ul {
  list-style: none;
  padding: unset;
}

.newsSectionPopup li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 15px;
}

.boNwBackHur {
  margin: 10px;
  font-size: 18px;
  color: #233c7e;
}

.DayPicker-Month {
  width: 100% !important;
}

.caroselPropDetImg {
  width: auto !important;
}

.DayPicker {
  display: block !important;
}

.clickLoginLabel {
  cursor: pointer;
  color: #233c7e;
  font-weight: 600;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
    .DayPicker-Day--outside
  ) {
  position: relative !important;
  background-color: #4a90e2 !important;
  color: #f0f8ff !important;
  height: 50px !important;
  width: 50px !important;
}

.propsigninLoc {
  margin-bottom: 50px;
}

.myBookingLoader {
  margin-top: 36px;
}

.customSubtotal {
  text-align: right;
  /* padding-right: 20px!important; */
  /* padding-right: 20px !important; */
}

.priceTdRight {
  /* padding-right: 20px !important; */
}

.servicecustomSubtotal {
  width: 54%;
  text-align: right;
}

.configBgConsumer {
  /* padding: 05px 0; */
}

.propSignInNameInput {
  border-right: 0;
}

.closePackage {
  float: right;
}

.CloseBtnConsPkg {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.uiConsumerPrice {
  padding-left: 25px;
  font-weight: 600;
}

.uiConsumerPriceSingle {
  font-weight: 600;
}

.uiConsumerPriceConsumer {
  font-weight: 400;
}

.stripeSetMsg {
  margin-top: 20px;
}

.changeInterPriceBtn {
  background: #233c7e;
  border: none;
  border-radius: 25px;
  height: auto;
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 9px 30px;
  font-weight: 700;
  margin-top: 30px;
  margin: 0 0 0 auto;
  margin-top: 30px;
}

.plannerInputSearch {
  padding-left: 40px;
}

.scheduler-bg-table th.header3-text {
  width: 60px;
}

.content-div {
  margin: 10px 0;
}

.content-div p {
  margin-bottom: 0;
}

.content-div img {
  margin-right: 20px;
  max-width: 30px;
}

.text-content {
  max-width: 580px;
  margin: 30px auto;
  width: 100%;
  float: left;
  padding: 0;
}

.exportBtn-div {
  padding-left: 25px;
  display: flex;
}

.exportBtn-div .exportBtncls {
  margin-bottom: 23px;
}

.sector_rows_credit .ContactInputform {
  margin-bottom: 25px;
}

.credit-search-section .creditInput {
  margin-bottom: 0;
}

.credit-search-section .LabelPhoto {
  padding: 0 10px 20px !important;
  margin: 0 !important;
}

.credit-date-section .LabelPhoto {
  padding: 0 10px 0px !important;
  margin: 0 !important;
}

.filter-div {
  /* position: absolute;
  right: 0; */

  text-align: right;
}

.card-save-data {
  margin: 40px 0;
}

.left-btn-div {
  padding: 40px;
  border-right: 1px solid #e4e4e4;
  height: 100%;
}

.table-responsivecustom-new {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.left-btn-div button.card-btn {
  background: #233c7e;
  color: #fff;
  text-align: center;
  padding: 7px 40px;
  border: none;
  margin: 0 auto;
  display: block;
  border-radius: 0;
  text-decoration: none;
  margin-bottom: 30px;
}

.myBookingAmtCls {
  font-size: 25px;
  font-weight: 600;
}

.card-details-top {
  border-bottom: 1px solid #e2e2e2;
}

.myProfilePaymentBlock {
  margin-bottom: 15px;
}

.reserveLocSelButton {
  text-align: center;
  margin-top: 10px;
  position: absolute;
  bottom: 10px;
}

.pkgPriceProp {
  padding-right: 20px;
}

.booking-ticket {
  width: 100%;
  float: left;
  margin: 0;
  padding: 30px;
  border: 1px solid #ccc;
}

.booking-ticket p span {
  font-weight: 600;
  margin-right: 15px;
}

.booking-ticket p {
  color: #212529;
  font-size: 16px;
  margin-bottom: 12px;
}

.booking-ticket .img-block img {
  margin-bottom: 15px;
}

.booking-ticket .content ul {
  margin: 0;
  padding: 0;
}

.booking-ticket .content ul li {
  display: block;
  list-style: none;
}

.ticket-footer {
  width: 100%;
  float: left;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.ticket-footer .cancelBtn {
  background-color: #233c7e;
  color: #fff;
  padding: 12px;
  display: inline-block;
  border: none;
  font-weight: 600;
  text-decoration: none;
  float: right;
}

.ContactInputform::-webkit-input-placeholder {
  padding-left: 0px;
}

.ContactInputform:-moz-placeholder {
  padding-left: 0px;
}

.ContactInputform::-moz-placeholder {
  padding-left: 0px;
}

.ContactInputform:-ms-input-placeholder {
  padding-left: 0px;
}

.centerButtonsSecurity {
  display: inline-block;
  margin: 0 auto;
}

#RBS-Scheduler-root th {
  width: 40px !important;
}

/* css for online reservation */

.OnlineResrvationTitle {
  color: #233c7e;
  font-size: 34px;
  line-height: 48px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
}

.online_sector_rows {
  padding: 15px;
  background: transparent;
  margin: 0 15px;
}

.onlineReserve-label {
  color: #1c1c1c !important;
  font-weight: 500;
  margin-bottom: 15px;
}

.onlineResBtn {
  background: #233c7e;
  border: 2px solid #233c7e;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-left: 15px;
  margin-bottom: 15px;
  border-radius: 25px;
  height: 40px;
  display: block;
  white-space: nowrap;
}

.table-responsivecustom,
.customconfig-bg-img-div {
  /* background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/configure/2yja1cigmkpi9xhhy.jpeg"); */
  /* min-height: 310px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  min-width: 1170px;
  display: block;
  overflow-x: auto; */

  min-height: 310px;
  background-size: cover;
  position: absolute;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  min-width: min-content;
  display: block;
  overflow-x: auto;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  background-position: top center;
}

.location-map-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.online_btn_rows {
  padding: 5px 30px 50px;
}

.ol-resev-subtitle {
  color: #233c7e;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
}

.ol-stripe_rows {
  background: white;
  padding: 30px 45px;
  border-radius: 20px;
  margin: 0 30px 60px;
}

.ol-stripe_rows .row {
  align-items: center;
}

.ol-textInput {
  border: 1px solid #707070;
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 8px 15px;
  border-radius: 25px;
  outline: none;
  width: 65%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #fff url("../../assets/images/dropdown-down-arrow.png");
  background-repeat: no-repeat;
  background-position: 95%;
  padding: 10px 15px;
}

.select-input-number {
  background: none !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
  color: #132248 !important;
  background-color: transparent !important;
}

.booking-inputs-div {
  padding-top: 30px !important;
}

.ol-textArea {
  width: 100%;
  background-color: #e7e7e7;
  border: none;
  border-radius: 30px;
  height: 80%;
  padding: 20px;
}

.online-resvDialog {
  max-width: 850px !important;
}

.online-resvDialog .modal-content {
  padding: 20px 20px 20px 40px;
}

.configurationMapHt {
  height: auto;
}

.customBgConfigureStyle {
  padding-top: 120px;
  height: 100vh !important;
  padding-bottom: 120px;
  /* height: 620px !important; */
  z-index: 999 !important;
}

.ConfigurationMapPopup {
  height: 100vh;
}

/* css for new design changes */

.modal-form {
  max-width: 600px;
  margin: 0 auto;
}

.package-num {
  font-size: 11px !important;
  position: absolute;
  /* bottom: -10px; */
  bottom: -37px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #233c7e;
  font-weight: 400;
  top: unset;
}

.config-date {
  font-size: 14px !important;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #212529;
  font-weight: 400;
}

.m-letter {
  font-size: 20px !important;
  position: absolute;
  top: 0px;
  left: 0%;
  transform: translate(0, 0);
  color: #fff;
  font-weight: 700;
}

/* Zoom CSS start*/

.yellow-class {
  color: #ffac1c;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.editable-summary {
  background: transparent;
  outline: none;
  border: 0;
  padding-left: 20px;
}

.main-head-images {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
}

.main-head-images::-webkit-scrollbar-track {
  border: 0px solid #000;
  padding: 1px 0;
  background-color: #f6f6f6;
}

.main-head-images::-webkit-scrollbar {
  width: 0px;
}

.main-head-images::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #c1c1c1;
  border: 0px solid #000;
}

.configureTableMapSec::-webkit-scrollbar-track {
  border: 0px solid #000;
  padding: 1px 0;
  background-color: #f6f6f6;
}

.configureTableMapSec::-webkit-scrollbar {
  width: 0px;
}

.configureTableMapSec::-webkit-scrollbar-thumb {
  border-radius: 0px;
  /* box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
  background-color: #c1c1c1;
  border: 0px solid #000;
}

/* .main-head-images::-webkit-scrollbar-track {
  border: 1px solid transparent;
  padding: 2px 0;
  background-color: transparent;
}

.main-head-images::-webkit-scrollbar {
  width: 1px;
}

.main-head-images::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px red;
  background-color: #737272;
  border: 1px solid red;
  display: none;
} */

.zoom-container {
  position: absolute;
  z-index: 1;
  top: 104px;
  right: 130px;
  cursor: pointer;
  padding: 0 26px 0px 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  /* flex-direction: column; */
}

.zoom-item {
  display: flex;
  justify-content: flex-end;
  /* width: 100%; */
  z-index: 999;
  margin-left: 10px;
}

.btn-zoomin {
  border: none;
  background-color: gainsboro;
  color: #233c7e !important;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 12px;
}

.btn-zoomout {
  border: none;
  background-color: gainsboro;
  color: #233c7e !important;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.btn-printmap {
  border: none;
  background-color: gainsboro;
  color: #233c7e !important;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-printmap .printMap-icon {
  width: 15px;
}

.btn-legend {
  margin-left: 12px;
}

.mapStatic-btnDiv {
  margin-left: 22px;
  display: flex;
}

.legend-icon {
  width: 17px;
}

.zoom-item span {
  font-size: 25px;
  align-items: center;
  font-weight: 500;
}

.scheduler_default_event_inner {
  text-align: center !important;
  display: grid !important;
}

/* Zoom CSS end */
.pos-relative {
  position: relative;
}

/* .package-num {
  font-size: 14px !important;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #233C7E;
  font-weight: 400;

} */

.config-date {
  font-size: 11px !important;
  position: absolute;
  /* bottom: -10px; */
  bottom: -37px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #233c7e;
  font-weight: 400;
  top: unset;
}

.m-letter {
  font-size: 20px !important;
  position: absolute;
  top: 0px;
  left: 0%;
  transform: translate(0, 0);
  color: #fff;
  font-weight: 700;
}

.p-letter {
  font-size: 20px !important;
  position: absolute;
  bottom: -3px;
  right: 6%;
  transform: translate(0, 0);
  color: #fff;
  font-weight: 700;
}

/* css for sharing */

.SharingTitle {
  color: #233c7e;
  font-size: 34px;
  line-height: 48px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
}

.sharing-div {
  max-width: 550px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 45px 30px;
}

.sharing-div-trans {
  max-width: 550px;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0px;
  padding: 30px 45px 50px;
}

.sharingInput {
  border: 1px solid #707070;
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 8px 15px;
  border-radius: 25px;
  outline: none;
  height: 40px;
  width: 100%;
}

.number-input {
  appearance: none !important;
  background: #fff url(../../assets/images/no-input.svg);
  background-repeat: no-repeat;
  background-position: 85%;
}

.sharing-div-trans p {
  margin-bottom: 0;
}

.sharing-div p {
  margin-bottom: 0;
}

.sharings-btn {
  background: #233c7e;
  border: 2px solid #233c7e;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 35px;
  margin-top: 0px;
  border-radius: 25px;
  height: 40px;
  margin-bottom: 10px;
}

.prinetrSettingBtn {
  background: #233c7e;
  border: 2px solid #233c7e;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 35px;
  margin-bottom: 0px;
  border-radius: 25px;
  height: 40px;
}

.bottom-btn-div {
  padding: 55px 0;
}

/* css for printer */

.addPrinterTitle {
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 0px solid #233c7e;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 25px;
}

.addPrinterTitle span {
  padding-right: 15px;
}

.printerLabel {
  color: #1c1c1c;
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 14px;
}

.printer-link {
  color: #233c7e;
}

.printer-setting-div {
  background-color: #fff;
  border-radius: 25px;
  padding: 25px 54px;
}

.To_labels {
  margin-bottom: 0 !important;
}

/* .customlgConatiner {
  max-width: 1140px;
} */

.warehouseTopTitle {
  margin-bottom: 70px;
  padding-bottom: 0;
}

.price-package-modal .AddUserTitle.nomargin.pt-0 {
  padding-left: 60px;
}

.PriceListTitle.main {
  padding-left: 15px;
}

.price-package-modal .LabelPhoto {
  text-align: left !important;
}

.price-package-modal .PriceTable {
  margin-left: 15px;
}

.settings-div-row .checkmarkReserve {
  right: 0;
  left: unset;
}

.settings-div-row .onlineReserve {
  padding-left: 0;
}

.openContactTbl {
  table-layout: fixed;
  width: 100%;
}

.locationTd-tbl {
  line-break: anywhere;
  padding: 20px 0;
}

.serviceResvTitle {
  color: #222525 !important;
  font-size: 24px;
  line-height: 33px;
  font-weight: 900;
  margin-bottom: 30px;
}

.bgWhite {
  background-color: #fff;
}

.servicemodaltext {
  font-weight: 400;
}

.serviceRestbl li {
  list-style: none;
}

.serviceResvModalBody {
  padding: 40px;
}

.smallLogoImg {
  width: auto !important;
  height: auto !important;
}

.news-items {
  text-align: center;
  height: 300px;
  overflow-y: scroll;
  margin: 0 auto;
}

.newstitle {
  text-align: center;
  margin: 10px 50px 26px 50px;
}

/* Policies pages style */

.policies-block {
  width: 100%;
  margin: 0;
  padding: 100px 120px;
  background-color: #fff;
}

.policies-block p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #000;
  display: flex;
}

/* .policies-block li {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #000;
  display: flex;
} */

.policies-block p span {
  display: inline-block;
  margin-right: 6px;
}

.policies-block p b {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  color: #000;
}

.LegalNotice-style {
  margin: 0 auto;
}

.Blank-Header-Style {
  height: 100px;
  background: #233c7e !important;
}

/* Policies pages style */

.policies-block {
  width: 100%;
  margin: 0;
  padding: 100px 120px;
  background-color: #fff;
}

.policies-block p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #000;
  display: flex;
}

.policies-block p span {
  display: inline-block;
  margin-right: 6px;
}

.policies-block p b {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  color: #000;
}

.changeButton-outline {
  background: transparent;
  color: #233c7e;
  border: 1px solid #233c7e;
  padding: 6px 32px;
  font-size: 13px;
  border-radius: 25px;
}

.total-tblAmt {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #e9ecf3;
  max-width: 350px;
  padding: 17px 40px;
  border-radius: 33px;
  margin: 15px auto 0;
}

.total-tblAmt p {
  margin-bottom: 0;
  color: #233c7e;
  font-size: 22px;
  line-height: 30px;
  font-weight: 900;
}

.total-tblAmt span {
  margin-bottom: 0;
  color: #1c1c1c;
  font-size: 19px;
  line-height: 28px;
  font-weight: 400;
}

.olResvBtn {
  padding: 6px 9px;
  height: 35px;
  margin: 0 7px;
}

.online-list-modal {
  padding: 40px;
}

.online-searchInput {
  height: 40px;
  border: 1px solid #707070;
  width: 80%;
  border-radius: 28px;
  margin-bottom: 20px;

  background: url(../images/ol-search-icon.svg);
  background-repeat: no-repeat;
  background-position: 94%;
  -webkit-appearance: none;
  background-size: 16px;
}

.online-list-modal .modal-body {
  padding: 40px;
}

.noSpace {
  white-space: nowrap;
}

.online-resvDialog .row.booking-inputs-div {
  align-items: center;
}

.online-resvDialog .row.booking-inputs-div label {
  margin-bottom: 0;
}

.booking-email-box {
  background-color: #eaeaea;
  border-radius: 14px;
}

.resvSummaryTable {
  table-layout: fixed;
}

.locationBreak {
  word-break: break-all;
}

.customLocWidth {
  width: 22%;
}

.ol-resev-subtitle span {
  font-weight: 400;
}

.stat-tbls-section .seasonTable th,
td {
  text-align: center;
}

.no-bg {
  background-color: transparent;
}

.statGraph svg {
  border-radius: 25px;
}

.form-groupcustom .containerCheckbox .checkmark:after {
  left: 3px;
  top: 1px;
}

.chnageDateButton .BookPropBtn {
  border-radius: 25px;
  white-space: nowrap;
  padding: 4px 15px;
  width: 70% !important;
}

.detailsPageTblResponsive {
  min-width: max-content;
  overflow-x: auto;
}

.consumerScroll-map {
  overflow-x: hidden;
}

.propTop-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notification-block {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 30px 20px;
  margin-bottom: 85px;
}

.consumerTab-Content {
  padding-bottom: 285px;
}

.notificationSpace-div {
  justify-content: space-between;
}

.textNotificationHead {
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.card-outline-btn {
  background: #ffffff;
  border-radius: 25px;
  height: 40px;
  color: #233c7e;
  border: none;
  padding: 6px 50px;
  font-size: 17px;
  margin-bottom: 14px;
  border: 2px solid #233c7e;
  margin-bottom: 0;
}

.CardParent-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Prop_rightbar .listHeaderTitle {
  margin-bottom: 15px;
}

.mapDetails-div {
  width: 100%;
  float: left;
  margin: 18px 0 0 0;
  padding: 0;
  position: relative;
}

/* .mapDetailsOverlay {
  transition: 0.5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-image: url(../images/map-bg-overlay.svg);
  background-size: cover;
  background-position: left top;
  width: 100%;
  height: 100%;
} */

.mapDetails-div {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.mapDetails-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mapDetailsOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/map-bg-overlay.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: 0.5s ease;
  opacity: 1;
}

.showMapBtn {
  background: #233c7e;
  color: #fff;
  width: 60%;
  border: none;
  padding: 4px;
  text-align: center;
  display: block;
  margin: 0 auto;
  border-radius: 33px;
  height: 40px;
  outline: none;
  position: absolute;
  padding: 6px 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.thumbs-wrapper.axis-vertical .thumbs.animated {
  padding: 0;
}

.carousel .thumbs-wrapper {
  margin: 20px 0 !important;
}

.consumerPropertyCarosel .thumbs-wrapper .control-arrow {
  opacity: 1;
}

.consumerPropertyCarosel {
  padding-left: 0px;
}

.carousel .thumb.selected,
.carousel .thumb:hover {
  border: 0px solid #333 !important;
}

/* .thumb {
     width: 172px !important;
    height: 115px !important;
    object-fit: unset;
    border-radius: 16px;
}

.thumb img {
  width: 180px !important;
  height: 115px !important;
  object-fit: unset;
  border-radius: 16px;
  border: 0px solid #b2b2b2 !important;
} */

.thumb {
  /* width: 172px !important; */
  height: 115px !important;
  object-fit: unset;
  border-radius: 16px;
}

.thumb img {
  width: 100% !important;
  height: 100%;
}

.availability-box strong {
  color: #233c7e;
  margin-right: 3px;
  display: inline-block;
  width: 40px;
  text-align: center;
}

.availability-box p {
  color: #233c7e;
  font-size: 14px;
  font-weight: 400;
}

.availability-box {
  text-align: left;
  padding-left: 45px;
}

.availEdit-btn {
  background-color: #233c7e;
  color: #fff;
  padding: 6px;
  width: 72%;
  display: block;
  margin: 0 auto 0 0;
  border: none;
  border-radius: 33px;
  height: 38px;
  border: 2px solid transparent;
  font-weight: 500;
  font-size: 15px;
}

.availEdit-btn-outline {
  background-color: transparent;
  color: #233c7e;
  padding: 6px;
  width: 72%;
  display: block;
  margin: 0 auto 0 0;
  border: none;
  border-radius: 33px;
  height: 38px;
  border: 2px solid #233c7e;
  font-weight: 500;
  outline: none;
  font-size: 15px;
  cursor: pointer;
}

.booking-ul-list {
  color: #233c7e;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

.booking-ul-list li {
  display: list-item;
  padding: 5px 0;
}

.bookingBookBtn {
  background-color: #233c7e;
  color: #fff;
  padding: 6px 40px;
  width: auto;
  display: block;
  margin: 0 0 0 auto;
  border: none;
  border-radius: 33px;
  height: 38px;
  border: 2px solid transparent;
  font-weight: 400;
}

.useful-infoText {
  font-size: 14px;
  color: #5e5e5e;
  font-weight: 400;
}

.propDetailsLists-section {
  margin-top: 10px;
}

.readBooking-list-div p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #5e5e5e;
  text-align: left;
}

.readBooking-list-div span {
  display: inline-block;
  margin-right: 20px;
}

.houseRuleSection table td {
  text-align: left;
  padding-left: 0;
}

.houseRuleSection .table_stripped {
  border: 0px solid #b2b2b2;
}

.tblCustWidth {
  width: 25%;
}

.profBookValText {
  color: #2960f1 !important;
  /* text-align: left; */
  font-weight: 500 !important;
}

.profBookValText-regulation {
  color: #5e5e5e;
  text-align: right;
  font-weight: 500 !important;
}

.dropdown-menu.TopArrowCorner {
  background-color: #d8e2ff;
  border-radius: 5px;
  padding: 15px 20px;
  left: -40px;
  top: 43px;
}

.BookPropBtn.propDetTableBtn {
  width: auto;
  padding: 6px 40px;
}

.carousel .thumb {
  border: 0px solid #fff !important;
  padding: 0 !important;
}

.InfoListBtn {
  background-color: transparent;
  color: #233c7e;
  padding: 6px;
  width: 100%;
  display: block;
  margin: 0 8px;
  border: none;
  border-radius: 33px;
  height: 38px;
  border: 2px solid #233c7e;
  font-weight: 500;
  outline: none;
}

.info-listBtn-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.bookingBtnConfirm {
  width: 70% !important;
  margin: 0 0 20px auto;
}

/* css for BookingAccount */

.bookingAccountWrap {
  background-color: #d8e2ff;
  border-radius: 30px;
  padding: 30px 40px;
  margin-bottom: 80px;
}

.bookingAccountWrap p {
  margin-bottom: 15px;
  font-size: 16px;
  color: #233c7e;
  font-weight: 400;
}

.bookingAccountWrap-div {
  margin-bottom: 30px;
}

.creditLblText {
  color: #233c7e;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 6px;
}

.sharingBookTopAcc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sharingAccountwrapper {
  background-color: #d8e2ff;
  border-radius: 30px;
  padding: 30px 40px;
  margin-bottom: 80px;
}

.sharingAccountwrapper p {
  margin-bottom: 15px;
  font-size: 16px;
  color: #233c7e;
  font-weight: 400;
}

.dateInputSharing {
  margin-bottom: 0px;
  font-size: 14px;
  color: #707070;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  outline: none;
}

.dateShareDiv {
  background-color: #f6f6f6;
  border-radius: 30px;
  padding-left: 30px;
  width: 35%;
  display: flex;
  align-items: center;
  height: 45px;
}

.dateShareDiv img {
  margin-right: 15px;
  width: 18px;
}

.addBookingInputBox {
  height: 40px;
  border: 1px solid #b2b2b2;
  width: 100%;
  border-radius: 28px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #707070;
  padding-left: 15px;
  /* text-transform: capitalize; */
  outline: none;
}

.propDetailsContactBtn {
  background-color: #233c7e;
  color: #fff;
  padding: 6px 40px;
  width: auto;
  display: block;
  margin: 0 auto;
  border: none;
  border-radius: 33px;
  height: 40px;
}

.propDetailsContactProperty {
  background-color: #233c7e;
  color: #fff;
  padding: 6px 40px;
  width: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: none;
  border-radius: 33px;
  height: 40px;
  cursor: pointer;
}

.propDetailsContactProperty:hover {
  color: #fff;
  text-decoration: none;
}

.propDetailsContactBtn.text-right {
  margin: 0 0 0 auto;
}

.propDetailsApply-wrapper {
  background-color: #f1cb28;
  border-radius: 25px;
  padding: 30px 20px;
  text-align: center;
}

.propDetailsApply-wrapper p {
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 500;
}

.mapColDiv {
  max-width: 720px;
  width: 100%;
  text-align: center;
  /* margin: 13% auto 0; */
}

.addAnotherBookingLabel {
  /* margin-left: -55%; */
  /* margin-top: 50px; */
  margin-top: 0px;
  padding: 0 !important;
  cursor: pointer;
}

.addAnotherBooking-row {
  padding: 0 15px;
}

.dash-div {
  width: 100%;
}

.detailsDateInputCol span.dateLabelSpan {
  color: #233c7e;
  margin-right: 15px;
  font-size: 14px;
  width: 40px;
  display: inline-block;
}

.headerMenuImg {
  width: 20px;
  display: inline-block;
  margin-right: 8px;
}

.noAvailableErrorMsg {
  width: 100%;
  max-width: 100%;
  position: absolute;
  left: 55%;
  bottom: -15px;
}

.main-parent {
  min-height: 100%;
  /* overflow-y: scroll; */
}

.fev-socail-div {
  display: flex;
  align-items: center;
}

.fev-socail-div img {
  margin-left: 15px;
}

.momentSearchInput {
  border-radius: 25px;
  background-size: 18px !important;
  background-position: 5% !important;
}

.table-responsive.largeTblScroll {
  overflow-x: auto;
}

.locationConfigration {
  height: 40px;
  border: 1px solid #707070;
  width: 100%;
  border-radius: 28px;
}

.accountPswdBtn {
  width: 100%;
}

.formToStatText {
  width: auto;
  margin-right: 10px;
}

.accountReturnBackBtn {
  white-space: nowrap;
}

.purpleCircleDiv {
  width: 12px;
  height: 12px;
  /* background-color: #af5eff; */
  background-color: #8115ed;
  border-radius: 50%;
  position: absolute;
  top: 42px;
  left: 1px;
}

.blueCircleDiv {
  width: 12px;
  height: 12px;
  background-color: #6bc4ff;
  border-radius: 50%;
  position: absolute;
  top: 42px;
  left: 1px;
}

.redCircleDiv {
  width: 12px;
  height: 12px;
  background-color: #fd6665;
  border-radius: 50%;
  position: absolute;
  /* top: 0px;
  right: 5px; */
  top: 2px;
  right: 8px;
}

.greenCircleDiv {
  width: 15px;
  height: 15px;
  background-color: #71d452;
  border-radius: 50%;
  position: absolute;
  top: 29.7px;
  right: 50%;
  transform: translate(8px, -50%);
}

.yellowCircleDiv {
  width: 12px;
  height: 12px;
  background-color: #e5e535;
  border-radius: 50%;
  position: absolute;
  top: 25px;
  right: -2px;
}

.suggestionBox.custNameSuggestionBox {
  z-index: 999;
  width: 100%;
  border-radius: 0px;
  background: #eeeeee;
  border: 1px solid #233c7e1f;
  padding: 0px 5px;
  background: #e5e5e5;
  margin-top: 10px;
  position: absolute;
  top: -22px;
  left: 0;
}

/* css for home details pages */

.homeDetails-section {
  width: 100%;
  float: left;
  margin: 0;
  padding: 60px 0 0;
  background-color: #f6f6f6;
}

.homedetails-content {
  max-width: 100%;
  width: 100%;
  margin: 0px 0;
}

.homeDetailsTitle {
  padding: 0 0 10px 0;
  font-size: 28px;
  font-weight: 700;
  color: #233c7e;
  position: relative;
}

.homeDetailsTitle:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 30%;
  height: 2px;
  background-color: #233c7e;
}

.homeDetailsText {
  font-weight: 500;
  color: #233c7e;
  font-size: 14px;
  position: static;
  padding: 0;
  line-height: 24px;
}

.detailsMainImg {
  padding-bottom: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  height: 458px;
  background-position: center;
}

.detailsMainImg.one {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/detailsMainImg.png");
}

.detailsMainImg.two {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/detailsMainImg1.png");
}

.detailsMainImg.three {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/detailsMainImg2.png");
}

.detailsMainImg.four {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/detailsMainImg3.png");
}

.detailsMainImg.five {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/detailsMainImg4.png");
}

.homedetails-content .homeDetailsText {
  margin-top: 35px;
}

.homedetailsTopRow {
  padding: 0 15px 60px;
}

.detailsNewsletterDiv {
  position: relative;
}

.detailsNewsletterInput {
  border: 1px solid #233c7e;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 25px;
  background-color: transparent;
  outline: none;
}

.sendMailLink {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background-color: #233c7e;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.sendMailLink img {
  width: 20px;
  cursor: pointer;
}

.homeDetailsSocialLogo {
  cursor: pointer;
  margin: 0 15px;
}

.detailsSocialContent {
  max-width: 300px;
  width: 100%;
  margin: 0 0 0 auto;
}

.socailsIconDiv {
  display: flex;
  justify-content: center;
  margin: 25px 0;
}

.homeDetailsMainContent {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.homeDetailsMainContent .homeDetailsText {
  color: #000000;
}

.homeDetailsImgWrap,
.homeDetailsTextWrap {
  padding: 25px 15px;
}

.detailImgInnerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detailImgInnerWrap .detailsImgOne {
  padding-right: 15px;
  width: 500px;
}

.detailImgInnerWrap .detailsImgTwo {
  padding-left: 15px;
  width: 500px;
}

.socialDivBottom {
  justify-content: center;
}

.socialDivBottom .homeDetailsSocialLogo {
  /* width: 30px; */
  padding: 0px 2px;
}

.homeDetailsSubScribe {
  margin-top: 50px;
}

.beachmapUserText {
  font-size: 11px;
  font-weight: 400;
  color: #233c7e;
  position: absolute;
  /* bottom: -10px; */
  bottom: -36px;
  display: block;
  text-align: center;
  /* width: 100%; */
  margin-bottom: 0;
  top: unset;
  width: auto;
  left: 50%;
  transform: translate(-50%, 0px);
}

.centerButtonsSecurity {
  padding: 0;
}

.centerButtonsSecurity .AddPackageBtn {
  white-space: nowrap;
}

.addConsBtn {
  width: 80%;
}

.availabilityTblStyle {
  margin-top: 32px;
}

.modalBeachMapTbl {
  /* max-width: 722px; */
  width: 100%;
}

.modalBeachMapResponsive {
  min-width: unset;
}

.availability-row {
  padding-top: 50px;
}

.propDetails-btn {
  background-color: transparent;
  color: #233c7e;
  padding: 6px;
  width: 100%;
  display: block;
  margin: 0 8px 0 8px;
  border: none;
  border-radius: 33px;
  height: 38px;
  border: 1px solid #233c7e;
  font-weight: 500;
  outline: none;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
}

.propDetails-btn:hover {
  color: #233c7e;
}

.propInfo-btnBlock {
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
}

.plannerDateText {
  font-size: 14px;
  font-weight: 500;
  color: #818985;
}

.plannerDate-div {
  width: 100%;
}

.Map_img_um img[src*="parking"] + div.redCircleDiv {
  right: 13px;
}

.Map_img_um img[src*="parking"] + div + div.purpleCircleDiv {
  left: 12px;
}

.css-1u9des2-indicatorSeparator {
  display: none;
}

.css-1xc3v61-indicatorContainer svg {
  color: #5a5a5a;
}

.uparrow {
  width: 42px;
  height: 32px;
  position: absolute;
  top: 30px;
  z-index: 1000;
}

.responsive-padding {
  padding-right: 27px;
  text-align: right;
}

.react_autosuggest__suggestions_container__open {
  z-index: 9999 !important;
}

.priceAndButtonRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

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

.startingLabel {
  font-size: 14px;
  color: #666;
}

.startingPrice {
  font-size: 21px;
  font-weight: 800 !important;
  color: #233c7e;
}

.greenText {
  color: green;
  font-weight: 600;
}

@media (min-width: 769px) {
  .details-tab {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .responsive-padding {
    padding-right: 34px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  #consumerMapModal.mapModalWrapper .modal-body {
    padding: 5px !important;
    height: 100vh !important;
  }

  .custom-input-wrapper {
    width: 100px !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .configureMap-editSector button.select-btn {
    font-size: 14px !important;
  }

  .umbrella-select-img img {
    width: 35px !important;
    height: 35px !important;
  }
}

/* @media only screen and (min-width: 1280px) and (max-width: 1366px) {

}

/* @media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .topSpaceBeachMap{
    max-width: 1749px;
  }
}

.plannerDate-div{
  width: 100%;
}



/* css for landing page */

.landingPage .labelText {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
}

.landingPage .banners-btn span {
  margin-left: 16px;
}

.landingPage .banners-btn span img {
  width: 15px;
}

.landingPage .banners-btn a {
  text-decoration: none;
}

.landingPage .requestBtn {
  background-color: #00c548;
  display: inline-flex;
  border-radius: 33px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 6px 30px;
  height: 45px;
  filter: drop-shadow(0px 7px 12px #233c7e);
  text-decoration: none;
  vertical-align: middle;
  align-items: center;
  margin-right: 35px;
  border: 0;
  outline: none;
  white-space: nowrap;
}

.landingPage .call-Btn {
  background-color: #f6f6f6;
  display: inline-flex;
  border-radius: 33px;
  color: #233c7e;
  font-size: 15px;
  font-weight: 500;
  padding: 6px 30px;
  height: 45px;
  filter: drop-shadow(0px 7px 12px #233c7e);
  text-decoration: none;
  vertical-align: middle;
  align-items: center;
  width: auto;
  justify-content: center;
  border: 0;
  outline: none;
  white-space: nowrap;
}

.landingPage .banners-btn {
  display: flex;
}

.landingPage .banner-div {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/banner-bg.png");
  background-size: initial;
  background-position: top center;
  width: 100%;
  float: left;
  padding: 35px 0 180px;
  position: relative;
  z-index: -99;
  height: 750px;
}

.landingContent-section {
  margin-top: -300px !important;
}

.landingPage .banner-img {
  width: 350px;
}

.landingPage .labelTextPrimary {
  font-size: 14px;
  line-height: 28px;
  color: #233c7e;
  font-weight: 500;
}

/* .landingPage .labelTextPrimary span {
  font-size: 20px;
  font-weight: 700;
} */

.landingPage .content-div {
  width: 100%;
  float: left;
  padding: 100px 0;
  margin: 0;
  background-color: #b5d8ff;
  background-size: cover;
  background-position: top;
}

.landingPage .mngt-bg {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/bg-mngt-img1.png");
  margin-top: -195px;
}

.landingPage .labelTextTitle {
  padding: 10px 0;
  font-size: 28px;
  font-weight: 700;
  color: #233c7e;
}

.landingPage .learnMore-button {
  background: #233c7e;
  height: 45px;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  border: none;
  border-radius: 33px;
  padding: 1px 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.landingPage .banner-img {
  width: 350px;
}

.landingPage .labelTextPrimary {
  font-size: 14px;
  line-height: 28px;
  color: #233c7e;
  font-weight: 500;
}

/* .landingPage .labelTextPrimary span {
  font-size: 20px;
  font-weight: 700;
} */

.landingPage .content-div {
  width: 100%;
  float: left;
  padding: 100px 0;
  margin: 0;
  background-color: #b5d8ff;
  background-size: cover;
  background-position: top;
}

.landingPage .mngt-bg {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/bg-mngt-img1.png");
  margin-top: -195px;
}

.landingPage .labelTextTitle {
  padding: 10px 0;
  font-size: 28px;
  font-weight: 700;
  color: #233c7e;
}

.landingPage .learnMore-button {
  background: #233c7e;
  height: 45px;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  border: none;
  border-radius: 33px;
  padding: 1px 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.landingPage .custom-div {
  max-width: 335px;
  width: 100%;
  margin: 0 0 0 auto;
  position: relative;
}

.landingPage .mobileImg {
  position: absolute;
  top: -118px;
  right: 0;
  max-width: 100%;
}

.landingPage .mngtTextDiv {
  padding-bottom: 60px;
}

.landingPage .bg-white {
  background-color: #5fafff !important;
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/white-bg1.png");
  background-size: cover;
  background-position: top;
  margin-top: -65px;
  padding-top: 150px;
  padding-bottom: 60px;
}

.landingPage .iconsImg {
  background-color: #233c7e;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.iconsImg img {
  width: 35px;
  margin-right: 0;
}

.landingPage .iconLabel {
  font-size: 15px;
  color: #1c1c1c;
  font-weight: 400;
  padding: 0 30px;
}

.landingPage .iconsmainDiv {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.landingPage .iconsmainDiv li.iconList {
  display: inline-block;
  width: 25%;
  margin: 0 -2px;
  padding: 20px 20px;
}

.iconsmainDiv li.iconList.extraSpace-li {
  width: 13% !important;
}

.landingPage .icons-main {
  background-color: #fff;
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/iconsMain-bg1.png");
  /* , url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/mg-bg-light-bottom.png");  */
  padding: 240px 0 0px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.extra-section {
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/iconsMain-bg-bottom.png");
  padding: 0px 0 80px;
  background-position: bottom;
  height: 200px;
  width: 100%;
  float: left;
  background-size: cover;
}

.landingPage .icons-main-mngt {
  /*background-color: #D4E8FF;*/
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/mg-bg-light1.png");
  padding: 140px 0 300px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: -99;
  top: -165px;
}

.landingPage .iconsMngtDiv {
  padding: 0 50px;
  justify-content: unset;
}

.landingPage .iconsMngtDiv li.iconList {
  width: 25%;
  padding: 20px 26px;
}

.landingPage .testimonial-section {
  /*background-color: #B5D8FF;*/
  padding: 0px 0;
  float: left;
  width: 100%;
  background-image: url("../images/landingPage/testimonial-section.svg");
  /* background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/testimonail-bg11.png"); */
  background-position: bottom left;
  background-size: cover;
  margin-top: 0px;
  position: relative;
  z-index: -9999;
  top: -478px;
}

.landingPage .difference-section {
  /*background-color: #B5D8FF;*/
  /* padding: 0px 0;
  float: left;
  width: 100%;
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/testimonail-bg11.png");
  background-position: bottom left;
  background-size: cover;
  margin-top: 0px;
  position: relative;
  z-index: -999;
  top: -145px; */
  position: relative;
  float: left;
  width: 100%;
  /* background-color: #B5D8FF; */
  background-image: url("../images/landingPage/diff-section.svg");
  background-position: bottom left;
  background-size: cover;
  padding-bottom: 190px;
  top: -240px;
  padding-top: 15px;
  /* z-index: -999; */
}

.newMngt-wrapper {
  padding-bottom: 150px;
}

.SideSpace.whyChoose-container {
  padding: 0px 120px;
}

.landingpage-body .main-parent {
  min-height: unset;
}

.difference-section .table thead th {
  border: 0;
}

.table thead th {
  vertical-align: middle !important;
}

.difference-section tr {
  border-bottom: 1px solid #8ebbe2;
}

.difference-section tr td {
  vertical-align: middle;
}

.landingPage .iconsMngtDiv {
  padding: 0 50px;
  justify-content: unset;
}

.landingPage .iconsMngtDiv li.iconList {
  width: 25%;
  padding: 20px 26px;
}

.landingPage .testimonial-section {
  /*background-color: #B5D8FF;*/
  padding: 0px 0;
  float: left;
  width: 100%;
  background-image: url("../images/landingPage/testimonial-section.svg");
  /* background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/testimonail-bg11.png"); */
  background-position: bottom left;
  background-size: cover;
  margin-top: 0px;
  position: relative;
  z-index: -9999;
  top: -370px;
  padding-top: 135px;
  /* top: 0px; */
}

.landingPage .testimonail-text {
  font-size: 14px;
  line-height: 28px;
  color: #1c1c1c;
  font-weight: 400;
  position: relative;
}

.test-quotationMark-bottom {
  position: absolute;
  right: 20px;
  bottom: 0;
}

.landingPage .author-name {
  color: #233c7e;
  font-weight: 600;
  font-style: italic;
  font-size: 17px;
}

.landingPage .testimonail-card {
  max-width: 725px;
  width: 100%;
  margin: 30px auto 0;
  text-align: center;
  background-color: #fff;
  padding: 45px 52px;
  border-radius: 25px;
  margin-bottom: 175px;
  position: relative;
}

.testimonialNext-btn {
  position: absolute;
  right: -25px;
  top: 50%;
  z-index: 99;
  cursor: pointer;
  transform: translate(0%, -50%);
  width: 50px;
}

.testimonialPrev-btn {
  position: absolute;
  left: -25px;
  top: 50%;
  z-index: 99;
  cursor: pointer;
  transform: translate(0%, -50%);
  width: 50px;
}

.testimonialContent {
  display: inline-block;
  padding: 0 80px;
}

.landingPage .rating-div img {
  width: 50px;
  height: 35px;
}

.landingPage .rating-div a {
  display: inline-block;
  margin: 0px -6px;
}

.landingPage .rating-div {
  margin-bottom: 30px;
}

.landingPage .testimonial-quotationMark img {
  width: 20px;
}

.landingPage .abtCard-logos {
  max-width: 1024px;
  width: 100%;
  margin: 90px auto 0;
  text-align: center;
  background-color: #ebedf3;
  padding: 40px 30px;
  border-radius: 25px;
  position: relative;
}

.landingPage .abtLogoImg {
  width: 160px;
}

.landingPage .talkAbout-section {
  width: 100%;
  float: left;
  padding: 175px 0 180px;
  margin: 0;
  background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/abt-bg-img.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -495px;
  z-index: -99999;
}

.landingPage .talkAbout-section .labelTextTitle {
  color: white;
  position: relative;
}

.landingPage .overlay-bg {
  transition: 0.5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-image: url(https://summerbooking.s3.us-east-2.amazonaws.com/images/details/overlay-bg.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}

.landingPage .contactBottom-section {
  width: 100%;
  float: left;
  margin: 0;
  padding: 60px 0;
  background-color: #d4e8ff;
}

.landingPage .light-bg {
  background-color: transparent;
  background-image: url(https://summerbooking.s3.us-east-2.amazonaws.com/images/details/light-bg-img.png);
  background-size: cover;
  background-position: top;
  width: 100%;
  height: 100%;
  margin-top: -200px;
  padding: 270px 0 230px;
}

.landingContent-section {
  margin-top: -270px !important;
}

.landingPage .pcImg {
  margin-top: 45px;
  width: 300px;
  max-width: 100%;
}

.scrollDownLink {
  position: absolute;
  bottom: 100px;
}

.landingPage .containercls {
  background-color: transparent;
}

.landingModalInput {
  border: 1px solid #707070;
  width: 100%;
  font-weight: 400;
  height: 40px;
  border-radius: 28px;
  margin: 15px 0;
  color: #1c1c1c;
}

.ladingModalForm {
  max-width: 500px;
  margin: 30px auto;
}

.modalInput-div {
  margin-bottom: 24px;
}

.landingPagePopup {
  padding: 0 30px;
}

.modalPopupSendBtn {
  background: #233c7e;
  border: 2px solid #233c7e;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 25px;
  height: 40px;
}

.landingPopupTitle {
  font-weight: 700;
  color: #233c7e;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
}

.landingPopupText {
  color: #5e5e5e;
  text-align: center;
  font-size: 14px;
}

.extraDiv-block {
}

.policies-block h4.mb-3 {
  font-size: 18px;
  margin-bottom: 15px !important;
  color: #233c7e;
}

.policies-block ul li {
  font-size: 15px;
  text-decoration: disc;
}

.policies-block h3.main-title {
  font-size: 28px;
  color: #233c7e;
}

.policies-block h5.mb-3 {
  font-size: 18px;
  margin-bottom: 15px !important;
  color: #233c7e;
}

.policies-block h3.mb-5 {
  font-size: 28px;
  color: #233c7e;
}

.policies-block h4 b {
  font-size: 18px;
  margin-bottom: 15px !important;
  color: #233c7e;
}

._form_9 input[type="text"] {
  height: 40px !important;
  border: 1px solid #707070 !important;
  width: 100% !important;
  -moz-border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  border-radius: 28px !important;
  margin-bottom: 15px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #1c1c1c !important;
  padding-left: 15px !important;
}

._form_9 ._submit {
  background: #233c7e !important;
  border: 0px solid #233c7e !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  text-align: center !important;
  padding: 7px 25px !important;
  margin: 0 auto !important;
  border-radius: 25px !important;
  height: 40px !important;
  display: flex;
  align-items: center;
}

._form_9 ._form-title {
  text-align: center !important;
  color: #233c7e !important;
}

._form_9 p {
  color: #5e5e5e !important;
  font-size: 14px !important;
  text-align: center !important;
}

#_form_9_submit {
  padding: 0 !important;
}

._form_11 input[type="text"] {
  height: 40px !important;
  border: 1px solid #707070 !important;
  width: 100% !important;
  -moz-border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  border-radius: 28px !important;
  margin-bottom: 15px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #1c1c1c !important;
  padding-left: 15px !important;
}

._form_11 ._submit {
  background: #233c7e !important;
  border: 0px solid #233c7e !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  text-align: center !important;
  padding: 7px 25px !important;
  margin: 0 auto !important;
  border-radius: 25px !important;
  height: 40px !important;
  display: flex;
  align-items: center;
}

._form_11 ._form-title {
  text-align: center !important;
  color: #233c7e !important;
}

._form_11 p {
  color: #5e5e5e !important;
  font-size: 14px !important;
  text-align: center !important;
}

#_form_11_submit {
  padding: 0 !important;
}

._form_1 input[type="text"] {
  height: 40px !important;
  border: 1px solid #707070 !important;
  width: 100% !important;
  -moz-border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  border-radius: 28px !important;
  margin-bottom: 15px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #1c1c1c !important;
  padding-left: 15px !important;
}

._form_1 ._submit {
  background: #233c7e !important;
  border: 0px solid #233c7e !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  text-align: center !important;
  padding: 7px 25px !important;
  margin: 0 auto !important;
  border-radius: 25px !important;
  height: 40px !important;
  display: flex;
  align-items: center;
}

._form_1 ._form-title {
  text-align: center !important;
  color: #233c7e !important;
}

._form_1 p {
  color: #5e5e5e !important;
  font-size: 14px !important;
  text-align: center !important;
}

#_form_1_submit {
  padding: 0 !important;
}

._form_5 input[type="text"] {
  height: 40px !important;
  border: 1px solid #707070 !important;
  width: 100% !important;
  -moz-border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  border-radius: 28px !important;
  margin-bottom: 15px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #1c1c1c !important;
  padding-left: 15px !important;
}

._form_5 ._submit {
  background: #233c7e !important;
  border: 0px solid #233c7e !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  text-align: center !important;
  padding: 7px 25px !important;
  margin: 0 auto !important;
  border-radius: 25px !important;
  height: 40px !important;
  display: flex;
  align-items: center;
}

._form_5 ._form-title {
  text-align: center !important;
  color: #233c7e !important;
}

._form_5 p {
  color: #5e5e5e !important;
  font-size: 14px !important;
  text-align: center !important;
}

#_form_5_submit {
  padding: 0 !important;
}

#_form_62E7978F78959_ ._submit {
  border-radius: 28px !important;
}

.online-list-modal ._submit {
  -moz-border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  border-radius: 28px !important;
}

.react-apple-signin-auth-btn {
  width: 400px;
}

.mydatahide {
  visibility: hidden;
  height: 5px;
}

.mapDetailsResvPrint p {
  margin-bottom: 0;
}

.submitSharing {
  width: 20% !important;
  text-decoration: none !important;
  border: none;
  padding: 7px 20px;
  margin-right: 5px;
  color: #233c7e;
  border: 2px solid #233c7e;
  background-color: transparent;
  border-radius: 33px;
  height: 38px;
  font-weight: 500;
  display: block;
  margin: 0 auto;
}

.react-apple-signin-auth-btn {
  background-image: url("../../assets/images/apple-login-icon.png");
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 28%;
  text-align: center;
  color: #212121 !important;
  font-size: 18px !important;
  height: 45px;
  border: 1px solid #b2b2b2 !important;
  width: 100%;
  border-radius: 0 !important;
  padding-left: 55px !important;
}

.react-apple-signin-auth-btn svg {
  display: none;
}

.plannerGuideModal .SeasonOpen {
  margin-bottom: 15px !important;
}

.plannerGuideModal .ReturnBtn {
  margin-bottom: 15px;
  margin-top: 0;
  margin-right: 0 !important;
}

.cancelService-custIcon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: grey;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  margin-right: 8px;
  padding: 6px;
  cursor: pointer;
  margin-top: 4px;
}

.cancelService-custIcon-cross {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: grey;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-size: 15px;
  line-height: 12px;
  font-weight: 400;
  margin-right: 8px;
  padding: 6px;
  cursor: pointer;
  margin-top: 4px;
  border: 0;
  outline: none;
}

.cancelService-custIcon-bar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: grey;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  /* margin-right: 8px; */
  padding: 6px;
  cursor: pointer;
  margin-top: 4px;
}

.addModalBeachService-items {
  display: flex;
  justify-content: space-evenly;
  width: 90%;
  align-items: center;
  margin: 40px auto;
}

.nomarginBottom {
  margin-bottom: 0;
}

.modalcardbtnOutline {
  border: 1.5px solid #233c7e;
  color: #233c7e;
  background-color: #fff;
  padding: 6px 25px;
  width: auto;
}

.BookingPageWidth {
  width: 60%;
}

.BookingCustWidth {
  width: 20%;
}

.BookingDetailsTotalCol {
  width: 80%;
}

.notification-li {
  position: relative;
}

.notification-popup-header {
  width: auto;
  position: absolute;
  right: -28px;
  left: auto;
  text-align: left;
  top: 53px;
  background: #fff;
  z-index: 1000;
  border: 0px solid #233c7e;
  padding: 18px;
  border-radius: 5px;
  height: 400px;
}

.infinite-scroll-component {
  height: 300px !important;
  /* overflow: hidden !important; */
}

/* .notification-active{
  background: green;
} */

/* .notification-popup-header:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 81.6%;
  width: 22px;
  height: 22px;
  border-top: 2px solid #233c7e;
  border-left: 2px solid #233c7e;
  transform: rotate(45deg);
  background: #fff;
} */

.notification-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #70707040;
  padding: 5px 0;
}

.notification-top p {
  color: #233c7e;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 0;
}

.notification-top span {
  font-weight: 400;
  display: inline-block;
  margin-left: 14px;
}

.notification-mains {
  padding-top: 8px;
}

/* .notify-lists{ 
  height: 283px;
  overflow-y: scroll; 
} */

.notification-mains ul {
  margin: 0;
  padding: 0;
  list-style: none;
  min-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 20px;
  height: 290px;
}

.loader-style {
  height: 50px;
  width: 50px;
}

.notification-mains ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 0.6px solid #70707040;
  width: 100%;
  white-space: nowrap;
}

.notification-mains ul li:hover {
  background-color: #d8e2ff;
}

.unread-notification {
  font-weight: 600 !important;
  align-items: center !important;
  display: flex !important;
}

.unread-notification span {
  background-color: green;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.read-notification span {
  background-color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.rowNotificationList {
  cursor: pointer;
}

.notification-mains ul li:last-child {
  border-bottom: 0;
}

.profile-notification {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.profile-notification img {
  border-radius: 50%;
  object-fit: cover;
  height: 100%;
}

.text-notification {
  width: 100%;
}

.text-notification p {
  font-size: 13px;
  color: #1c1c1c;
  font-weight: 400;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-notification p span {
  font-weight: 500;
  color: #233c7e;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
}

.notification-count {
  background: red;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: -10px;
  right: -3px;
}

.propContact-main {
  padding: 25px 16px 35px;
}

.propContact-row img {
  max-height: 350px !important;
  border-radius: 16px;
  width: 100% !important;
}

.propContact-main .Search_area {
  margin-top: 35px;
}

.sharePropertyContact {
  display: flex;
  justify-content: flex-end;
}

.variant-td span {
  display: block;
}

.locItemCol {
  margin-bottom: 15px;
}

.locSelectDrpDiv {
  margin-bottom: 15px;
}

.securePayment-txtDiv {
  padding: 12px 46px;
  width: 100%;
  float: left;
}

.securePayment-text {
  font-size: 16px;
  line-height: 50px;
  font-weight: 400;
  color: #747474;
  text-transform: capitalize;
  margin-bottom: 00px;
}

.stripeLogo-img {
  width: 80px;
  display: inline-block;
  margin-left: 10px;
  border: 2px solid #a8a8a8;
  border-radius: 5px;
  padding: 8px 15px;
}

.wordBreak-style {
  word-break: break-all;
}

.privacyPolicy-bottomTxt {
  color: #1c1c1c;
  font-size: 11px;
}

.privacyPolicy-bottomTxt a {
  color: #1c1c1c;
  text-decoration: underline;
}

.statPrint-warrper {
  width: 100%;
}

#navbarText .DateInput {
  font-size: 13px;
  background-position: 100%;
  background-size: 8px;
  padding: 0;
}

#navbarText .TopMenuButton {
  font-size: 14px;
}

#navbarText .DatePickerInput {
  justify-content: space-around;
}

#navbarText .TopNav-Select {
  padding: 0 6px;
}

.resvBtnTopRow {
  flex-wrap: nowrap;
}

.resvBtnTopRow .Delete_reservation {
  /* padding: 7px 22px; */
  padding: 7px 15px;
  font-size: 15px;
}

.fav-div {
  display: flex;
}

.multiplehrs-selection {
  max-width: 280px;
  width: 100%;
  margin: 15px auto 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modify-price-input {
  flex-shrink: 0;
  max-width: 100px;
  min-width: 55px;
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.movement-price-total {
  width: 75px !important;
  font-weight: bold !important;
  color: #212529 !important;
}

.movement-price-total-text {
  width: 75px !important;
  font-weight: bold !important;
  color: #233c7e !important;
}

.movement-price {
  width: 75px !important;
  font-weight: 400 !important;
  color: #212529 !important;
}

.template-guide-parent {
  padding: 0 15px;
}

.template-guide-parent span {
  font-size: 13px;
  font-weight: 400;
}

.template-guide-parent span strong {
  font-size: 13px;
  font-weight: 500;
}

/* landing page responsive changes for large screen 2560 */

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  .landingPage .light-bg {
    padding: 530px 0 130px !important;
  }

  .landingContent-section {
    margin-top: -430px !important;
  }

  .landingPage .talkAbout-section {
    margin-top: -725px;
  }

  .landingPage .banner-div {
    height: 910px;
  }

  .landingContent-section {
    margin-top: -410px !important;
  }
}

/* Responsive CSS */

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .newmainheader {
    max-width: 1450px;
  }

  .custom-input-wrapper {
    width: 90px !important;
  }

  .countryCode-main {
    top: 9px !important;
  }

  .addCustCountry-code .countryCode-main {
    top: 2px !important;
  }

  .mobNumWith-countryCode.addCustCountry-code .react-tel-input .form-control {
    font-size: 16px !important;
  }

  .mobNumWith-countryCode.addCustCountry-code .react-tel-input {
    width: 106px !important;
  }

  .countryCode-main .react-tel-input .form-control {
    font-size: 20px !important;
    width: 100px !important;
  }

  .contactField-withCountryCode {
    padding-left: 130px !important;
  }

  .online-resvDialog {
    max-width: 1050px !important;
  }

  .online-resvDialog {
    max-width: 1050px !important;
  }

  .plannerGuide-topDrp {
    margin-bottom: 15px !important;
    height: 53px !important;
  }

  .configurationArea-wrapper .checkmarkReserve {
    width: 30px !important;
    height: 30px !important;
  }

  .configurationArea-wrapper {
    padding-left: 35px !important;
  }

  .plannerGuideModal .ReturnBtn {
    width: 100%;
    height: 53px !important;
  }

  .movements-modal {
    max-width: 1200px !important;
  }

  .quantity-span.price-style {
    min-width: 100px !important;
  }

  .servicesprice-txtStyle {
    min-width: 100px !important;
  }

  .paymentMethodCol-quickbooking .detailsResvlabelChk .onlineReserve {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .landingContent-section {
    margin-top: -360px !important;
  }

  .setTemplate-modal .modal-dialog {
    max-width: 1024px !important;
    margin: 0 auto;
  }

  .landingContent-section p.labelTextPrimary br {
    display: none;
  }

  .modal-dialog.online-list-modal.modal-xl {
    max-width: 1660px !important;
  }

  .addDepositModal .onlineReserve {
    margin: -3px 0 20px 0px;
  }

  .no-variant-style {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .template-select-parent .Delete_reservation {
    width: auto !important;
    font-size: 14px;
    line-height: 28px;
    padding: 7px 50px;
    height: 40px;
  }

  .customlgConatiner {
    max-width: 1320px !important;
  }

  .customlgConatiner .TopNavTabs {
    padding-left: 40px;
  }

  .parentSearch {
    width: 50% !important;
  }

  .smallSizeDialog {
    max-width: 650px !important;
  }

  .print-reservation-modal .customerCard.width-fit-content {
    min-width: 260px !important;
    width: 100% !important;
    max-width: 260px !important;
  }

  .statButtonsCard {
    max-height: 670px;
    margin-bottom: 30px;
  }

  .main-pageDisplay {
    flex-wrap: nowrap;
  }

  .lightBlue_bg.availability-box .checkmarkReserve {
    left: 75px !important;
    top: 3px;
  }

  .detailsPageTblResponsive {
    background-repeat: repeat !important;
  }

  .barService-addBtn {
    margin-left: 0 !important;
  }

  .bookService-btnCol {
    margin-left: -15px;
    text-align: left !important;
  }

  .difftbl-head-img {
    width: 35px;
  }

  /* .landingContent-section {
    margin-top: -315px !important;
  } */

  .statTop-row-div button {
    height: 40px !important;
  }

  .statTop-row-div .form-control.online-searchInput {
    height: 40px;
  }

  .statTop-row-div .form-control.creditInput {
    height: 53px;
  }

  /* .topSpaceBeachMap{
  max-width: 1749px;
} */

  .statisticTblLayout {
    table-layout: fixed;
  }

  .CustomerCardDialog {
    max-width: 1140px;
  }

  .ConfigPopup {
    height: 100vh;
  }

  .ConfigmapWidth {
    height: 100vh;
  }

  .quickBookPopup {
    height: 89% !important;
    width: 31.5% !important;
    padding: 0 1.2%;
  }

  .quickBookPopup .BookBtnModal {
    max-width: 185px !important;
    width: 100% !important;
    font-size: 18px !important;
  }

  .quickBookPopup .ReturnBtn {
    max-width: 185px !important;
    width: 100% !important;
    font-size: 18px !important;
  }

  .quickBook-input .genericParaTxt {
    font-size: 18px;
    line-height: 24px;
  }

  .SearchServiceCardDialog {
    max-width: 1140px;
  }

  .serviceResv-rowWrap {
    justify-content: space-between;
  }

  .serviceResv-btnDivwrapper button {
    padding: 7px 30px !important;
  }

  .serviceResv-rowWrap .creditInput {
    padding-left: 8px;
  }

  .locationConfigration {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
  }

  .propertyCard-listing {
    margin: 0 auto 210px auto;
  }

  .noAvailableErrorMsg {
    left: 63%;
  }

  .OnlineResrvationTitle {
    font-size: 40px;
    line-height: 53px;
  }

  .fixedTblLayout {
    table-layout: fixed;
  }

  .customBgConfigureStyle {
    padding-top: 120px;
    height: auto !important;
  }

  .PorpFilters .containerServices {
    font-size: 14px;
    /* line-height: 39px; */
    margin-bottom: 15px;
    padding-left: 0;
    margin-bottom: 0 !important;
  }

  .PorpFilters .containerServices .checkmarkService:after {
    left: 7px;
    top: 1px;
    width: 6px;
    height: 13px;
  }

  /* .newmainheader.containercls {
    max-width: 94%;
  } */

  .landingPage .difference-section {
    padding-bottom: 250px;
    top: -357px;
    z-index: 9999;
  }

  .settings-div-row .onlineReserve.onlineReserve-label.mb-3 span {
    margin-left: 0px;
  }

  .Config_title,
  .configure-map-label {
    font-size: 25px;
    line-height: 33px;
  }

  .ConfigDrp,
  .select-btn {
    height: 56px;
  }

  .printerMainWrapper {
    max-width: 1329px;
  }

  .availability-box .checkmarkReserve {
    height: 18px;
    width: 18px;
  }

  .availability-box .onlineReserve .checkmarkReserve:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
  }

  .BookFast_section .checkmarkReserve {
    height: 18px;
    width: 18px;
  }

  .BookFast_section .onlineReserve .checkmarkReserve:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
  }

  .BookFast_section .checkmarkReserve {
    text-outline: 3 0 #000;
  }

  .tab-content {
    padding: 0 55px 0 60px;
  }

  .ChangeAccountTitle {
    font-size: 40px;
    line-height: 48px;
  }

  .LabelPhoto {
    font-size: 20px;
    line-height: 24px;
  }

  .changePwdInfoForm {
    height: 56px;
    font-size: 20px;
    line-height: 24px;
    padding-left: 25px;
  }

  .Change_AccountTypeDrp {
    height: 56px;
    font-size: 20px;
    line-height: 24px;
    padding-left: 25px;
  }

  .ChangePswdBtn {
    font-size: 22px;
    height: 50px;
  }

  .ReturnBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 40px;
  }

  .AddUserBtn {
    font-size: 20px;
    height: 50px;
    padding: 7px 50px;
  }

  .pos-relative {
    position: relative;
  }

  .SharingTitle {
    font-size: 40px;
    line-height: 53px;
    margin: 20px 0 35px;
  }

  .UsermanageLogo {
    padding-top: 87px;
  }

  .sharing-div {
    max-width: 602px;
    padding: 40px 78px 40px;
  }

  .sharingInput {
    font-size: 20px;
    line-height: 26px;
  }

  .sharings-btn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
  }

  .bottomBtnsDiv {
    padding-bottom: 65px;
  }

  .resvSummaryTable {
    table-layout: auto;
  }

  .ChangeAccountTitle.withBlackText {
    font-size: 30px;
    line-height: 39px;
  }

  .BathhouseTitle {
    font-size: 40px;
    line-height: 53px;
    margin: 20px 0 35px;
  }

  .addPrinterTitle {
    font-size: 30px;
    line-height: 39px;
  }

  .printerLabel {
    font-size: 20px;
    line-height: 30px;
  }

  .AddUserTitle {
    font-size: 30px;
    line-height: 39px;
  }

  .AddUserTitle img {
    width: auto;
    height: auto;
  }

  .userInfoForm {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 25px;
  }

  .AccountTypeDrp {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 25px;
  }

  .containerEmail {
    font-size: 20px;
    line-height: 26px;
  }

  .UserListTitle {
    font-size: 30px;
    line-height: 39px;
  }

  .ActiveUserHolder .ActiveUserRows {
    height: 56px;
  }

  .ActiveUserHolder .ActiveUserRows .LabelPhoto {
    padding-left: 25px;
  }

  .ChangeBtn img {
    width: auto;
    margin-right: 20px;
  }

  .copy_package_data {
    width: 40px !important;
  }

  .DeleteBtn img {
    width: auto;
    height: auto;
  }

  .ActiveUserHolder .ActiveUserRows .ChangeBtn {
    height: auto;
    width: auto;
  }

  .ActiveUserHolder .ActiveUserRows .DeleteBtn {
    height: auto;
  }

  .DiscountTfitle {
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 20px;
  }

  .seasonTable td,
  .seasonTable th {
    font-size: 18px;
    line-height: 24px;
    padding: 30px 30px !important;
    text-align: center;
  }

  .seasonTable thead th {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  .changeButton {
    font-size: 18px;
    line-height: 24px;
  }

  .BacktothemapBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .outline-btn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .statButtons {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
  }

  .statButtons-outline {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
  }

  .AddRowSector.outline-btn.mt-3 {
    margin-top: 60px !important;
  }

  .SeasonOpen {
    font-size: 20px;
    line-height: 26px;
  }

  .Sea_dropdown {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding: 4px 20px;
  }

  .To_labels {
    font-size: 20px;
    line-height: 26px;
  }

  .seasonExample {
    margin-bottom: 30px;
  }

  .AddPeriodBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
    margin-top: 40px;
  }

  .BathhouseTitle span {
    font-size: 35px;
    line-height: 46px;
  }

  .BathInfoForm {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 18px;
    margin-bottom: 40px;
  }

  .CollectionDrp {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 18px;
    margin-bottom: 40px;
  }

  .toLabel {
    font-size: 20px;
    line-height: 26px;
  }

  /* .BathInfoHours {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 18px;
    margin-bottom: 40px;
  } */

  .bigLabelPhoto {
    font-size: 30px;
    line-height: 39px;
  }

  .Nextbtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .onlineResBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .UploadBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .MaxPhoto {
    font-size: 20px;
    line-height: 26px;
  }

  .UploadImg_holder {
    font-size: 20px;
    line-height: 26px;
    width: auto;
    height: auto;
  }

  .ServiceLabel {
    font-size: 30px;
    line-height: 39px;
  }

  .containerServices {
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 35px;
  }

  .checkmarkService {
    width: 30px;
    height: 30px;
  }

  .containerServices span img {
    width: 30px;
    margin-right: 25px;
  }

  .containerServices .checkmarkService:after {
    left: 10px;
    top: 4px;
    width: 8px;
    height: 15px;
  }

  .onlineReserve .checkmarkReserve:after {
    left: 10px;
    top: 4px;
    width: 8px;
    height: 15px;
  }

  .checkmarkService {
    top: 8px;
    left: -10px;
  }

  .table-responsive.largeTblScroll {
    overflow-x: auto;
  }

  .momentSearchInput {
    border-radius: 25px;
    height: 54px;
  }

  .AddPackageBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .PackageList_box {
    height: 56px;
  }

  .AddPackageBtn {
    height: 56px;
  }

  .PackageList_box {
    padding-right: 25px;
    padding-left: 25px;
  }

  .PackageList_box .ChangeBtn,
  .DeleteBtn {
    height: auto;
    width: auto;
  }

  .Btm_flexSpace {
    margin-bottom: 22px;
  }

  .Btm_flexSpace {
    margin-bottom: 22px;
  }

  .price-package-modal {
    max-width: 1520px !important;
  }

  .price-package-modal .sector_rows {
    max-width: 1008px;
  }

  .online-resvDialog .sector_rows {
    max-width: 100%;
  }

  .price-package-modal .LabelPhoto {
    font-size: 25px;
    line-height: 33px;
    text-align: left !important;
  }

  .DiscountInput,
  .PriceDrp,
  .PriceInfoForm,
  .proportional_price {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
  }

  .LabelPhoto.PackagingItem {
    font-size: 20px;
  }

  .PriceListTitle.main {
    font-size: 25px;
    line-height: 33px;
  }

  .PriceTable th {
    font-size: 18px;
    line-height: 24px;
    padding: 17px 25px;
  }

  .PriceTable td {
    font-size: 18px;
    line-height: 24px;
    padding: 17px 10px;
  }

  .priceListINput {
    height: 55px;
  }

  .PriceSaveBtn {
    font-size: 25px;
    line-height: 33px;
    height: 54px;
    padding: 7px 50px;
  }

  .LabelPhotoBlue {
    font-size: 20px;
    line-height: 26px;
  }

  #SupportGuides .LabelPhoto.pl-0 img {
    width: 30px;
  }

  #SupportGuides .LabelPhoto.pl-0 {
    margin: 15px 0;
  }

  #SupportGuides .LabelPhotoBlue {
    margin: 15px 0;
  }

  #SupportGuides .AddUserTitle {
    margin-bottom: 66px;
  }

  .guides-img-wrapper {
    height: 100%;
  }

  .guides-label {
    font-size: 25px;
    line-height: 33px;
  }

  .guideLoad-more-btn {
    font-size: 25px;
    line-height: 33px;
    height: 54px;
  }

  /* .LeftSideSpace {
    width: 319px;
    border-radius: 25px;
    padding: 20px 0 55px;
  } */

  .contentBG {
    width: calc(100% - 300px);
  }

  .serviceResvTitle {
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 60px;
  }

  .detailsResvTitle {
    font-size: 18px;
    line-height: 24px;
  }

  .reservBoxChild .AddRowTitle {
    font-size: 14px;
    line-height: 24px;
  }

  .reservBoxChild .ContactInput {
    height: 53px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 20px;
  }

  .quickBook-input .form-control.ContactInput {
    font-size: 18px;
    line-height: 26px;
    padding-left: 18px;
  }

  .customerCard {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .reservBoxChild .AccountTypeReserve {
    height: 64px;
    padding: 20px;
    font-size: 20px;
    line-height: 26px;
  }

  .reservtables td,
  .reservtables th {
    font-size: 18px;
    line-height: 24px;
  }

  .reservtablesNew td,
  .reservtablesNew th {
    font-size: 18px;
    line-height: 24px;
  }

  .onlineReserve {
    line-height: 24px;
    font-size: 18px;
    padding: 0px 1px 0 40px;
    margin: -3px 0 20px 20px;
  }

  .Delete_reservation {
    font-size: 20px;
    line-height: 28px;
    padding: 7px 50px;
    height: 50px;
  }

  .AddUserTitle {
    padding-top: 30px;
  }

  .voucherTitle {
    font-size: 35px;
    line-height: 46px;
  }

  .AddServiceForm .AddRowTitle {
    font-size: 25px;
    line-height: 33px;
  }

  .voucher-modal {
    max-width: 1115px !important;
  }

  .voucher-modal .modal-content {
    padding: 56px 20px 88px 75px;
  }

  .voucher-modal .DiscountDrp,
  .DiscountInput {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    margin: 15px 0;
  }

  .onlineReserve.onlineReserve-label.mb-3 {
    font-size: 20px;
    line-height: 26px;
  }

  .DiscountSavebtn {
    font-size: 25px;
    line-height: 33px;
    height: 54px;
    padding: 7px 50px;
  }

  .checkmarkReserve {
    height: 30px;
    width: 30px;
    margin-left: 0 !important;
  }

  .onlineReserve.onlineReserve-label.mb-3 span {
    margin-left: 25px;
  }

  .CreatAccountDialog {
    max-width: 1015px;
  }

  .login-modal {
    max-width: 700px;
  }

  .CreatAccountDialog .modal-form {
    max-width: 840px;
    padding-top: 20px;
  }

  .CreatAccountDialog .containerEmail .checkmarkEmail:after {
    left: 10px;
    top: 2px;
    width: 9px;
    height: 19px;
  }

  .CreatAccountDialog .checkmarkEmail {
    width: 30px;
    height: 30px;
  }

  .CreatAccountDialog .chkText {
    display: inline-block;
    margin-left: 20px;
  }

  .chnageUserBtn {
    font-size: 25px;
    line-height: 33px;
    height: 54px;
    padding: 7px 50px;
  }

  .ContactInput.addguest-drp {
    padding-left: 42px !important;
  }

  .CreatAccountDialog .ChangePswdBtn {
    padding: 7px 25px;
    margin-left: 15px;
  }

  .customTblConatiner {
    max-width: 1552px;
    /* max-width: 1280px; */
  }

  .OpenButton {
    font-size: 18px;
    line-height: 24px;
    height: 37px;
  }

  .AddRowSector,
  .ExportBtn {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .ContactInputform {
    height: 53px;
    font-size: 20px;
    line-height: 26px;
  }

  .searchCreditTitle {
    font-size: 30px;
    line-height: 39px;
  }

  .creditInput {
    height: 53px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 30px;
  }

  .exportBtncls {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .pagination {
    flex-wrap: nowrap;
    padding: 0 2px;
  }

  .pagination > li > a {
    font-size: 16px;
    line-height: 33px;
    padding: 10px 18px !important;
  }

  .pagination .previous a {
    padding-left: 70px !important;
    padding-right: 48px !important;
  }

  .pagination .next a {
    padding-left: 48px !important;
    padding-right: 70px !important;
  }

  .sector_rows_credit .seasonTable {
    margin-bottom: 56px;
  }

  .warehouseTopTitle {
    margin-bottom: 159px;
    padding-bottom: 0;
  }

  .staticstables td,
  .staticstables th {
    padding: 30px 30px 30px 50px;
    font-size: 18px;
    line-height: 24px;
  }

  .staticstables.warehouse-tbl {
    margin-bottom: 150px;
  }

  .newsLtterWrap {
    padding-top: 35px;
  }

  .ConfigureBtn {
    height: 54px;
    font-size: 25px;
    line-height: 33px;
  }

  .fileSelection-text {
    font-size: 18px;
    line-height: 24px;
  }

  .chatUploadSection img {
    width: auto !important;
  }

  .select-folder-icon {
    width: auto;
    margin: 0 20px;
  }

  .newsletter-img-select input[type="file"] {
    height: 62px;
    width: 62px;
  }

  .BookBtnModal {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
    padding: 7px 50px;
  }

  .newsletterMainwrap {
    padding-bottom: 56px;
  }

  .customlgConatiner {
    /* max-width: 1565px; */
    max-width: 1280px;
    min-width: 1170px;
  }

  .TopNavTabs .nav-item.show .nav-link,
  .TopNavTabs .nav-link.active {
    font-size: 20px;
    line-height: 26px;
    /* width: 100%; */
    padding: 11px 12px;
  }

  .TopNavTabs .nav-link {
    font-size: 20px;
    line-height: 26px;
  }

  .DiscountTitle {
    font-size: 30px;
    line-height: 39px;
  }

  #Services .AddRowSector {
    font-size: 20px;
    line-height: 26px;
    height: 50px;
  }

  #Services .row.nomargin.pb-4 {
    padding-bottom: 100px !important;
  }

  #Services .BottomBtn {
    padding-top: 0;
  }

  .servicecustomDialog {
    max-width: 1115px !important;
  }

  .AddDiscountTitle {
    font-size: 35px;
    line-height: 46px;
  }

  .DiscountDrp {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
  }

  .containerEmail .checkmarkEmail:after {
    left: 10px;
    top: 2px;
    width: 9px;
    height: 19px;
  }

  .checkmarkEmail {
    width: 30px;
    height: 30px;
  }

  .chkText {
    display: inline-block;
    margin-left: 20px;
  }

  .availDay-div {
    padding-top: 73px;
    padding-bottom: 73px;
  }

  .HourTextInput,
  .HorServInput,
  .HourTextInputNew {
    height: 56px;
    font-size: 20px;
    line-height: 26px;
    padding-left: 25px;
  }

  .PorpFilters .containerServices {
    font-size: 14px;
    /* line-height: 39px; */
    margin-bottom: 15px;
  }

  .PorpFilters .checkmarkService {
    height: 20px;
    width: 20px;
  }

  /* css for landing page */

  .landingPage .labelTextPrimary {
    font-size: 20px;
    line-height: 38px;
  }

  .landingPage .labelTextTitle {
    font-size: 36px;
  }

  .landingPage .iconLabel {
    font-size: 18px;
  }

  .landingPage .iconsMngtDiv,
  .landingPage .iconsmainDiv {
    padding: 30px 0 0 0;
  }

  .landingPage .requestBtn,
  .landingPage .call-Btn {
    font-size: 18px;
    width: auto;
  }

  .landingPage .learnMore-button {
    font-size: 18px;
    width: auto;
  }

  .landingPage .banner-img {
    width: 400px;
  }

  .landingPage .banner-div {
    padding: 35px 0 90px;
    /* position: relative;
    z-index: -99; */
  }

  /* .scrollDownLink{
        bottom: 28%;
  } */

  .landingPage .light-bg {
    padding: 375px 0 130px;
  }

  .landingPage .mngt-bg {
    margin-top: -60px;
    padding: 200px 0;
  }

  .landingPage .testimonail-card {
    max-width: 950px;
  }

  /* .landingPage .talkAbout-section {
    margin-top: -670px;
  } */

  .landingPage .testimonial-section {
    padding: 125px 0 100px 0;
  }

  .landingPage .bg-white {
    padding-top: 240px;
    padding-bottom: 0px;
  }

  .landingPage .pcImg {
    width: 500px;
  }

  .landingPage .mobileImg {
    top: -175px;
    right: 0;
    max-width: 500px;
    width: unset;
  }

  .landingPage .icons-main {
    margin-top: -90px;
  }

  .landingPage .icons-main {
    padding-top: 440px;
    padding-bottom: 105px;
  }

  .landingPage .icons-main-mngt {
    padding: 128px 0 490px;
    background-position: bottom;
    top: -205px;
  }

  .landingPage .testimonial-section {
    z-index: 99;
    top: -520px;
  }

  .landingPage .banner-div {
    background-image: url("https://summerbooking.s3.us-east-2.amazonaws.com/images/details/banner-bg1.png");
    background-position: center;
  }

  .landingPage .testimonail-text {
    font-size: 20px;
    line-height: 38px;
  }

  .landingPage .rating-div img {
    width: 72px;
    height: 57px;
  }

  .difference-section th img {
    width: 35px;
  }

  .difference-section th .labelTextPrimary {
    font-size: 20px;
  }

  .testimonialPrev-btn {
    width: 55px !important;
    left: -29px !important;
  }

  .testimonialNext-btn {
    width: 55px !important;
    right: -29px !important;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 2560px) {
  .moveMultipleIcon-div {
    top: unset !important;
  }

  .consumerMapControls-div {
    padding-top: 20px !important;
  }

  .newTop-header-menu {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 1881px) and (max-width: 1919px) {
  .landingContent-section {
    margin-top: -310px !important;
  }

  .landingPage .banner-div {
    height: 675px !important;
  }

  .landingPage .pcImg {
    margin-top: 45px !important;
    width: 400px !important;
    max-width: 100% !important;
  }

  /* .landingPage .content-div {
    padding: 375px 0;
  } */

  .landingPage .content-div.newMngt-wrapper {
    padding: 215px 0;
  }

  .landingPage .light-bg {
    padding: 380px 0 230px;
  }

  .landingPage .bg-white {
    padding-top: 210px;
  }

  .landingPage .icons-main {
    padding: 330px 0 0px;
  }

  .SideSpace.whyChoose-container {
    padding: 70px 120px;
  }

  .landingPage .icons-main-mngt {
    top: -205px;
  }

  .landingPage .iconsMngtDiv {
    padding: 0 50px 130px;
  }

  .landingPage .difference-section {
    top: -380px;
    padding-bottom: 230px;
  }

  .landingPage .testimonail-card {
    margin-bottom: 277px;
  }

  .landingPage .talkAbout-section {
    margin-top: -700px;
  }

  .landingPage .testimonial-section {
    top: -545px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1880px) {
  .landingPage .banner-div {
    background-image: url(https://summerbooking.s3.us-east-2.amazonaws.com/images/details/banner-bg1.png);
    background-position: center;
    position: relative;
    z-index: -99;
  }

  .landingContent-section {
    margin-top: -290px !important;
  }

  .landingPage .light-bg {
    padding: 380px 0 230px !important;
  }

  .modal-dialog.online-list-modal.modal-xl {
    max-width: 1660px !important;
  }

  .landingPage .content-div {
    padding: 260px 0;
  }

  .landingPage .pcImg {
    width: 100%;
    margin-top: 0;
  }

  .landingPage .custom-div {
    max-width: 100%;
    margin: 0 0 0 100px;
  }

  .landingPage .banner-img {
    width: 100%;
  }

  .testimonialPrev-btn {
    width: 50px !important;
    left: -25px !important;
  }

  .testimonialNext-btn {
    width: 50px !important;
    right: -25px !important;
  }

  .landingPage .content-div.icons-main-mngt {
    top: -280px;
  }

  .content-div.icons-main {
    padding: 309px 0 50px;
  }

  .whyChoose-container {
    padding-top: 0px;
  }

  .difference-section th img {
    width: 35px;
  }

  .difference-section th .labelTextPrimary {
    font-size: 20px;
  }

  .landingPage .difference-section {
    padding-bottom: 160px;
    top: -365px;
    padding-top: 15px;
    z-index: 999;
  }

  .landingPage .difference-section table {
    margin-bottom: 8rem;
  }

  .landingPage .testimonial-section {
    top: -514px;
    padding-top: 226px;
    /* top: 0px; */
    padding-bottom: 115px;
  }

  .landingPage .talkAbout-section {
    margin-top: -655px;
    padding: 145px 0 150px;
  }

  .advMngt-container {
    padding-bottom: 145px;
  }

  .contactBottom-row {
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1575px) and (max-width: 1919px) {
  #consumerMapZoom-btns {
    bottom: 15px !important;
  }

  .consumerMapControls-div {
    padding-top: 10px !important;
  }
}

@media (min-width: 1165px) and (max-width: 1279px) {
  .showMapBtn {
    width: auto !important;
    white-space: nowrap;
    padding: 6px 25px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .quickBookPopup {
    width: 50% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1165px) {
  .resvBtnTopRow {
    flex-wrap: nowrap;
  }

  .Delete_reservation {
    font-size: 14px;
    padding: 7px 15px !important;
  }

  .showMapBtn {
    width: auto !important;
    white-space: nowrap;
    padding: 6px 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .containercls {
    max-width: 100%;
    min-width: 100%;
  }

  .SideSpace {
    padding: 0 15px;
  }

  .paddingWhenNoUser {
    padding: 0 15px;
  }

  .NewRelativecls {
    flex: 95%;
    max-width: 95%;
    margin: 0 auto;
  }

  .zoom-container {
    top: 218px !important;
  }

  .NewAdjustCls {
    flex: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .NewAdjustCls .navbar-toggler {
    margin-right: 35px;
  }

  .SelecteDates .homeDateInput {
    font-size: 14px;
  }

  .showMapBtn {
    width: auto !important;
    white-space: nowrap;
    padding: 6px 25px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
  .text-right.RelativeDiv button {
    width: 100%;
    margin: 3px auto;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .TopNavTabs {
    padding: 10px 0;
    flex: 95%;
    max-width: 95%;
    margin: 0 auto;
  }

  .TopNavTabs .nav-item {
    flex-basis: 20%;
    padding: 0px 15px;
  }

  .showMapBtn {
    width: auto !important;
    white-space: nowrap;
    padding: 6px 25px;
  }

  .newTop-header-menu {
    margin-top: 10px;
  }

  .parentSearch .SearchIcon {
    right: 6px;
  }

  #navbarText .DatePickerInput {
    margin-top: 15px;
  }

  .Prop_SearchInputDate {
    background-position: 4%;
  }

  /* .zoom-container{
  top: 170px !important;
} */

  .mapDetails-div img {
    width: 100%;
  }

  .row.OptionBtn {
    margin-top: 15px;
  }

  .lightBlue_bg .booknowProp {
    padding: 0 50px;
    width: auto;
  }

  .consumerBookModal {
    max-width: 75%;
  }

  .allSideBorder .Empty_whiteBox {
    max-height: 260px !important;
  }

  .propDetailsLists-section li:nth-child(3n + 1) {
    padding-left: 0 !important;
  }

  .propDetailsLists-section li:nth-child(3n + 2) {
    padding-left: 0 !important;
  }

  .propDetailsLists-section li:nth-child(3n) {
    padding-left: 0 !important;
  }

  /* .Prop_leftbar.desk-only{
  display: none !important;
}

.Prop_leftbar.detailsCol-reverse{
  flex-direction: column-reverse;
  display: flex !important;
}

.detailsCol-reverse .Search_area {
    margin-top: 25px;
    margin-bottom: 25px;
} */

  .quickBookPopup {
    width: 65% !important;
  }

  .ConfigPopup {
    top: 218px !important;
  }

  .consumerMap-ModalDiv {
    padding-top: 50px !important;
  }

  .mapModalWrapper .CloseBtn {
    top: 0px !important;
  }

  .stat-date-row {
    padding-left: 15px;
    padding-right: 15px;
  }

  .scheduler-controls div {
    flex-basis: 33.33%;
  }

  .statButtons.arrivalDepat-btn {
    justify-content: center;
  }

  .statButtons.arrivalDepat-btn img {
    display: inline-block;
    margin-right: 10px;
  }

  .statButtons-outline.arrivalDepat-btn {
    justify-content: center;
  }

  .statButtons-outline.arrivalDepat-btn img {
    display: inline-block;
    margin-right: 10px;
  }

  .statButtonsOutlineCard button {
    width: 70%;
    margin: 0 auto;
  }

  .statButtons-div .statButtons {
    width: 70%;
    margin: 0 auto;
  }

  .online-list-modal {
    max-width: 720px;
    padding: 20px;
  }

  .ActiveUserRows .ChangeBtn,
  .DeleteBtn {
    width: unset;
  }

  .ActiveUserRows .DeleteBtn span {
    padding-right: 0px;
  }

  .editUser-modalMain .LabelPhoto.text-right {
    text-align: left !important;
  }

  .seasonPeriod-col {
    margin: 10px 0;
  }

  #Configuremap .sector_rows .configure-map-label {
    text-align: left;
    margin-bottom: 8px;
  }

  #Configuremap .umbrella-select-img {
    margin-bottom: 8px;
    display: inline-block;
  }

  .PackageList_box .ChangeBtn,
  .DeleteBtn img {
    width: unset;
  }

  .PackageList_box .DeleteBtn span {
    padding-right: 0;
  }

  .ol-stripe_rows .stipe-account-delete {
    margin-left: 0 !important;
  }

  .editPeriod-modal .LabelPhoto.text-right {
    text-align: left !important;
  }

  /* .online-searchInput{
  width: 100%;
} */

  .onlineRecv-searchInput {
    margin-left: 0 !important;
    width: auto;
  }
}

@media (min-width: 992px) {
  .landingpage-modal {
    max-width: 740px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .ConfigPopup {
    top: 218px !important;
  }

  .attachedFile-div .cardbtnOutline {
    padding: 6px 35px;
    margin-top: 10px;
  }

  .statButtonsOutlineCard {
    padding: 28px 28px;
  }

  .statButtonsOutlineCard button {
    width: 90%;
    margin: 0 auto;
  }

  .statButtonsCard {
    padding: 28px 28px;
  }

  .statButtons-div .statButtons {
    width: 90%;
    margin: 0 auto;
  }

  .cashDesk-btnDiv .cardbtnOutline.ReturnBtn {
    max-width: 70% !important;
    width: 100%;
  }

  .Add_allSideMargin {
    margin: 20px 0 0 0px;
  }

  #navbarText .add-height-mobile {
    margin-top: 30px !important;
  }

  .logoHolderHubConsumer img {
    margin-top: 15px;
    width: 60%;
    height: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
  .ConfigPopup {
    top: 168px !important;
  }

  .zoom-container {
    top: 170px !important;
  }

  .cashDesk-btnDiv .cardbtnOutline.ReturnBtn {
    max-width: 50%;
    width: 100%;
  }

  .logoHolderHubConsumer img {
    width: 350px;
    height: 100px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
  .allSideBorder .Empty_whiteBox {
    max-height: 260px !important;
    margin-bottom: 15px;
  }

  .pageBathInfo-col {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pageBathInfo-col span {
    display: inline-block;
  }

  .pageBathInfo-col .ReturnBtn {
    margin: 0 15px;
    width: auto;
  }

  .BottomBtn .ReturnBtn.accountReturnBackBtn {
    width: auto;
  }

  .sharing-bottomBtn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sharing-bottomBtn span {
    display: inline-block;
  }

  .sharing-bottomBtn button {
    margin: 15px 15px;
    width: auto !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .btn-secondary.focus,
  .btn-secondary:focus {
    box-shadow: none;
  }

  .mob-only {
    display: block !important;
  }

  .mob-flex-only {
    display: inline-flex !important;
  }

  .template-select-parent {
    margin-top: 0 !important;
    flex-direction: column;
  }

  .template-select-parent .Delete_reservation {
    width: auto !important;
  }

  .desk-only {
    display: none !important;
  }

  .desk-only-flex {
    display: none !important;
  }

  .topChk-div {
    display: flex;
    flex-wrap: wrap;
  }

  .quickbookadditional-wrap .quickModal-row {
    flex-wrap: nowrap !important;
  }

  .mob-posOnly {
    position: relative !important;
  }

  .quickBookPopup {
    width: 100% !important;
    /* height: 100vh; */
    height: calc(100vh + 58px) !important;
    top: 0 !important;
  }

  .servicesType-mainWrapper {
    width: 100% !important;
  }

  .mapColDiv {
    padding-right: 15px !important;
  }

  .consumerMap-modal {
    margin-top: 15px;
  }

  .propContact-modalMain {
    padding-right: 0 !important;
  }

  .propContact-modalMain form.px-5 {
    padding: 0 !important;
  }

  .servicesType-mainWrapper .left_pad {
    padding-left: 15px !important;
  }

  .credit-search-section .todayDivButton .not-today-btn {
    width: auto !important;
    margin: 0 auto;
  }

  .mobFull-width {
    width: 100% !important;
  }

  .landingPage .iconLabel {
    padding: 0;
  }

  .landingPage .banner-div {
    height: auto;
  }

  .landingContent-section {
    margin-top: -200px !important;
  }

  .SideSpace.whyChoose-container {
    padding: 0px 0px;
  }

  .landingPage .difference-section {
    background-color: #b5d8ff;
    top: unset;
    position: static;
    padding: 80px 0;
  }

  .landingPage .testimonail-card {
    padding: 25px 20px 10px;
  }

  .landingPage .testimonail-card {
    margin-bottom: 30px;
  }

  .setTemplate-mediaModal {
    padding: 25px 5px !important;
  }

  .setTemplate-mediaModal .CloseBtn {
    width: 24px !important;
    height: 24px !important;
  }

  .plannedAbsence-modal .modal-body {
    padding: 20px 15px !important;
  }

  .setTemplateBtn {
    margin-top: 0 !important;
  }

  .multiCol {
    margin: 8px 0;
  }

  .statTop-row-div {
    margin: 0 !important;
  }

  .printBtn-div .exportBtncls.w-100 {
    padding: 7px 45px;
  }

  .statTop-row-div .TopMenuButton.today-btn {
    width: auto !important;
    margin: 0 auto !important;
  }

  .statTop-row-div .withDateInput {
    margin: 8px 0 !important;
  }

  .statTop-row-div .form-control.online-searchInput {
    margin-left: auto !important;
  }

  .statTop-row-div .online-searchInput {
    margin: 0 auto !important;
  }

  .statTop-row-div .dateInputCol-div {
    flex-direction: column;
  }

  .nopadding-mobOnly {
    padding: 0 !important;
  }

  .requestNow-modal form.px-5 {
    padding: 0 !important;
  }

  .attachedFile-div {
    display: flex;
    flex-direction: column;
  }

  .printResv-wrapper {
    gap: 0;
    margin: 0;
  }

  .sharing-bottomBtn button {
    width: auto !important;
  }

  .bookingLimit-btnDiv {
    margin-top: 15px;
  }

  .onlineBooking-dateCol {
    flex-direction: column;
  }

  .onlineBooking-dateCol .withDateInput {
    margin: 10px 0;
  }

  .topDate-row .online-searchInput {
    margin-left: 0 !important;
    margin-right: 15px;
  }

  .onlineServicedate-row .dateInputCol-div {
    padding: 0;
  }

  .onlineServicedate-row {
    width: 85%;
    margin: 0 auto;
  }

  .onlineServicedate-row .todayDivButton {
    padding-right: 0;
  }

  .onlineServicedate-row .todayDivButton .today-btn {
    justify-content: center;
    margin: 10px auto;
    width: 90%;
  }

  .onlineServicedate-row .dateInputCol-div {
    margin-bottom: 0;
  }

  .online_btn_rows .onlineResBtn {
    margin-left: 0;
    width: 100%;
  }

  .onlineServicedate-row .online-searchInput {
    width: 100%;
  }

  .wAuto-mobile {
    padding: 7px 30px !important;
    width: auto !important;
  }

  .barServicesBook-btn {
    margin-right: 1.5rem !important;
  }

  .services-bookSectionWrapper {
    width: 100% !important;
  }

  .printResv-wrapper button {
    max-width: 100% !important;
    width: 100%;
    margin-bottom: 15px;
  }

  .attachedFile-div .cardbtnOutline {
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
    margin-top: 0 !important;
  }

  .cashDesk-btnDiv .cardbtnOutline {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 15px;
  }

  .serviceResv-rowWrap .exportBtncls {
    width: 100% !important;
    margin: 10px 0 !important;
    font-size: 16px !important;
  }

  .miniplanner-submainWrap {
    position: relative;
  }

  .modalClose-col {
    position: absolute;
    top: -95%;
    right: 0;
  }

  .miniplanner-mainwrapper {
    padding-top: 0;
  }

  .serviceResv-rowWrap .ExportBtn {
    width: 100% !important;
    margin: 10px 0 !important;
    font-size: 16px !important;
  }

  .serviceResv-btnDivwrapper {
    padding: 0 15px;
  }

  #navbarText .DateInput {
    padding: 0 10px;
  }

  .todayDivButton {
    width: 100%;
    margin-bottom: 8px;
    padding-right: 0;
  }

  .propContact-modalMain .Dest_label {
    margin-bottom: 12px !important;
  }

  .requestNow-modal .Dest_label {
    margin-bottom: 12px !important;
  }

  .resvBtnTopRow {
    flex-direction: column;
    margin-top: 20px !important;
    padding-top: 0 !important;
  }

  /* .mapColDiv .Toastify{
    display: block !important;
  } */

  .mapColDiv .Toastify__toast-container {
    width: 80vw !important;
    text-align: center !important;
    padding: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;
    top: 2rem !important;
  }

  .mapColDiv .Toastify__toast-container--top-right {
    right: 0 !important;
  }

  #consumerMapModal .modal-dialog {
    width: 95%;
    margin: 20px auto;
  }

  .newResBtn {
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
  }

  .payProp-div {
    margin-bottom: 30px;
  }

  .propSignin-wrap.Search_area .Learn_MoreProp {
    margin-top: 20px !important;
  }

  .locSelectDrpDiv {
    margin-bottom: 15px;
  }

  .locItemCol {
    margin-bottom: 15px;
  }

  .serviceName-col {
    padding-right: 0 !important;
  }

  .serviceName-col p {
    display: inline;
  }

  .todalyBtnCol {
    flex: 100%;
  }

  .todayDateCol {
    margin-top: 15px;
  }

  .todalyBtnCol .todayDivButton {
    width: auto;
    margin-top: 20px;
    margin-left: 20%;
    /* padding-left: 15px; */
  }

  .detailsCol-reverse {
    padding: 0 15px;
  }

  .detailsCol-reverse .Search_area {
    margin-top: 25px;
  }

  .availability-row {
    padding-top: 25px;
  }

  .detailsCol-reverse .Search_area {
    margin-bottom: 20px;
  }

  .filter-by-label {
    margin-top: 0;
  }

  .detailsCol-reverse .Prop_SearchInputDate {
    background-position: 5%;
  }

  .rowReverse-mobile {
    flex-direction: column-reverse;
  }

  .detailsCol-reverse {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .rowReverse-mobile {
    flex-direction: column-reverse;
  }

  .detailsCol-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .detailsCol-reverse .Search_area {
    margin-top: 25px;
  }

  .availability-row {
    padding-top: 25px;
  }

  .rowReverse-mobile .Search_area {
    margin-bottom: 20px;
  }

  #searchVerticalLine {
    height: 2px;
    position: absolute;
    top: 50%;
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 22px;
    margin-left: 0;
  }

  .ModalReservationLocation {
    max-width: 100%;
  }

  .mapdetailsCalenderDiv .react-datepicker-popper {
    margin-top: -7px !important;
  }

  .customBgConfigureStyle {
    z-index: 0;
  }

  .ModalReservationLocation .row.nomargin.configBg {
    overflow-x: scroll;
  }

  .reservationBtnSec {
    width: 100%;
  }

  .bookingAccountWrap p {
    white-space: nowrap;
    font-size: 14px;
  }

  .bookingAccountWrap {
    padding: 30px 25px;
  }

  .modalBeachMapTbl {
    max-width: 100%;
  }

  .location-map-button {
    flex-direction: column;
    align-items: flex-start;
  }

  .onlineResBtn {
    margin-top: 15px;
  }

  .fullDayBtn {
    width: auto;
    display: inline-block;
    height: auto;
  }

  .fullDayBtn img {
    width: 50px;
  }

  .formToStatText {
    width: 40px;
    margin-right: 0px;
  }

  .sideTabs .nav-item {
    width: 100%;
  }

  .PropRightLabel {
    font-size: 24px;
  }

  .AddUserBtn,
  .accountReturnBackBtn {
    width: 100%;
  }

  .accountPswdBtn {
    margin-left: 0 !important;
  }

  .Prop_rightbar {
    padding: 30px 0;
  }

  .carousel.carousel-slider .control-arrow {
    display: none;
  }

  .carousel .thumbs-wrapper {
    margin: 20px 0;
  }

  .carousel .thumbs {
    padding: 0;
  }

  .BookPropBtn {
    margin: 0 auto 10px;
  }

  .noAvailableErrorMsg {
    position: static;
  }

  .sharePropertyDet {
    /* justify-content: space-between; */
    margin: 8px 0 15px;
  }

  .downArrow-btn {
    background-color: transparent;
    border: 0px solid #233c7e;
    border-radius: 5px;
    padding: 6px;
    margin-right: 5px;
  }

  .downArrow-btn img {
    width: 25px;
  }

  .fav-div {
    display: flex;
    align-items: center;
  }

  .houseRuleSection,
  .useful-infoText,
  .PropServiceLabel,
  .propDetailsLists-section {
    padding-left: 15px;
  }

  ul.breadcrumb {
    padding: 50px 16px 20px;
  }

  .BookPropBtn {
    width: 100% !important;
  }

  .AddRowTitle {
    display: flex;
    align-items: center;
  }

  .MinusReserveIconConsumer {
    margin: 0;
  }

  .Prop_name {
    font-size: 24px;
  }

  .RegisterAccountTitle {
    font-size: 24px;
  }

  .CreateAccountTitle {
    font-size: 24px;
    padding-bottom: 15px;
  }

  ul.breadcrumb {
    padding-left: 0;
  }

  .credit-total-row b {
    margin-right: 0;
  }

  .Configclosebtn {
    margin-left: 0;
  }

  .ConfigSavebtn {
    margin-left: 15px;
  }

  .PropSignIn li {
    padding: 6px 4px;
  }

  .NumberCls {
    margin: 0 8px 0 auto;
    display: inline-block;
  }

  .GreatChoice {
    font-size: 24px;
    margin: 10px 0;
  }

  .turnover_label {
    word-break: break-all;
  }

  .serRecvCalenderDiv .react-datepicker-wrapper .ContactInput {
    font-size: 14px;
  }

  .serRecvCountRow {
    padding-right: 5px;
  }

  .custNameSuggestionBox {
    /* margin-top: -14px !important; */
  }

  .online-list-modal {
    padding: 5px;
  }

  .summaryMapTbl {
    table-layout: fixed;
  }

  .online-list-modal .modal-body {
    padding: 15px;
  }

  .booknow-content-space {
    padding: 0 15px;
  }

  .NewAdjustCls .navbar-toggler {
    top: 10px;
  }

  tbody.creditTHead {
    text-align: center !important;
  }

  .seasonTable thead,
  tbody {
    /* text-align: left; */
    text-align: center;
  }

  .TopNavTabs {
    margin-top: 15px;
  }

  .BathhouseTitle {
    font-size: 24px;
  }

  .confirmConsServiceTitle {
    font-size: 16px;
  }

  .parentSearch {
    display: flex;
    width: 100%;
  }

  .LikeRed,
  .propertyShareIcon {
    top: 23px;
  }

  .LabelPhoto {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 5px;
  }

  .credit-search-section {
    flex-direction: column;
  }

  .mb-0 {
    margin-bottom: 0 !important;
  }

  .creditInput {
    margin-bottom: 0;
  }

  .exportBtncls {
    padding: 7px 36px;
  }

  .exportBtn-div {
    padding-left: 0;
    flex-direction: column;
    width: 50%;
  }

  .BookBtnModal {
    margin-bottom: 10px;
  }

  .ConfigureBtn {
    margin-bottom: 15px;
  }

  .LabelPhoto {
    text-align: left !important;
  }

  .consumerNav {
    height: auto;
    z-index: 9;
    padding: 15px !important;
  }

  #navbarText {
    top: 0 !important;
  }

  /* .filter-div{
      position: unset;
  } */

  .openContactTbl {
    table-layout: unset;
  }

  .Learn_MoreProp {
    margin-top: 20px;
    /* margin-bottom: 20px; */
    display: block;
    text-align: center;
    height: 37px;
  }

  .cards-section {
    padding: 10px;
  }

  .ol-textInput {
    width: 100%;
  }

  #SupportGuides .col-lg-4.col-xl-4.mb-5 {
    margin-bottom: 1rem !important;
  }

  .sideTabs {
    padding: 10px 0 30px;
  }

  .price-package-modal .PriceTable {
    margin-left: 0;
  }

  .AddPackageBtn {
    margin-left: 15px;
  }

  .To_labels {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
  }

  .stat-container {
    padding: 0;
  }

  .arrivalDepat-btn {
    width: 85%;
  }

  .statButtons,
  .statButtons-outline {
    justify-content: space-around;
  }

  .statButtonsCard {
    margin-bottom: 50px;
  }

  .stat-date-row {
    padding: 0 15px;
  }

  .reservBoxChild .w-25 {
    width: 100px !important;
    word-break: break-all;
  }

  /* css for blog details page */

  .detailImgInnerWrap {
    flex-direction: column;
  }

  .detailImgInnerWrap .detailsImgOne {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0;
  }

  .detailImgInnerWrap .detailsImgTwo {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 0;
  }

  .socialDivBottom .homeDetailsSocialLogo img {
    /* width: 25px; */
    cursor: pointer;
  }

  .socialDivBottom .homeDetailsSocialLogo {
    margin: 5px;
  }

  .homeDetailsImgWrap,
  .homeDetailsTextWrap {
    padding: 15px 24px;
  }

  .homedetailsTopRow {
    padding: 0 24px 40px;
  }

  .detailsSocialContent {
    max-width: 100%;
    margin: 0;
  }

  /* .homeDetailsSocialLogo img {
    width: 25px;
  } */

  .homeDetailsSocialLogo {
    display: inline-block;
  }

  .socailsIconDiv {
    justify-content: flex-start;
  }

  .socialDivBottom {
    padding-left: 24px;
    padding-right: 24px;
  }

  .header-logo-scroll {
    height: 95px !important;
  }
}

.unselectable {
  user-select: none;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .table-responsive {
    overflow-x: auto;
  }

  .ChangePwdModal {
    width: 100%;
    margin-top: 0px;
  }

  .showMapBtn {
    width: auto;
    white-space: nowrap;
  }

  .CreateAccountTitleChangePwd {
    font-size: 24px;
    font-weight: 500;
  }

  .serRecvCalenderDiv .react-datepicker-wrapper {
    padding-left: 0 !important;
  }

  .barServiceSec {
    width: 96% !important;
  }

  .barServiceSec .FlexDisplay {
    justify-content: space-between;
  }

  .barServiceSec .barCountNum {
    text-align: center;
  }

  .selectDays-btn {
    margin: 8px 0;
  }

  /* .beachmap-customModal{
    top: 35% !important;
    bottom: unset !important;
  } */

  .barServiceSec .barCountNum p {
    text-align: center;
    display: block;
  }

  .toTextWidth {
    max-width: 100%;
    padding-left: 15px;
    margin-top: 8px;
  }

  .toTextWidth .LabelPhoto {
    font-weight: 400;
    padding-left: 15px;
  }

  .BookNowSection {
    padding: 15px 0px;
  }

  .margtinBottomClass {
    margin-bottom: 15px;
  }

  .consumerServiceRes {
    padding-right: 15px;
  }

  .NextFinalBtn {
    width: auto;
  }

  .moveMultipleIcon-div {
    margin: 51px 0px 0 !important;
    top: unset !important;
    left: 15px !important;
    width: 100% !important;
    padding: 0px 21px 0px 0px !important;
    z-index: 999 !important;
    justify-content: flex-start !important;
  }

  .moveMultipleIcon-label {
    white-space: nowrap;
  }

  /* .onlineReserve:hover input~.checkmarkReserve {
    background-color: transparent;
} */

  /* .ChangePwdModal:before {
  transform: rotate(44deg);
  top: -12px;
  left: 20px;
} */
  .TopArrowCorner:before {
    left: 20px;
    right: auto;
  }

  .View_BookingBtn {
    width: 100%;
  }

  .Exp_date {
    padding: 10px 0;
  }

  .timeList_res li {
    width: unset;
    display: inline-block;
    margin: 3px 6px;
  }

  .p-left-5 {
    padding-left: 15px;
  }

  .p-right-5 {
    padding-right: 15px;
  }

  .leftSpace-30 {
    padding-left: 0;
  }

  .OptionBtn li {
    padding: 2px 12px;
    font-size: 12px;
  }

  .dash-div {
    display: none;
  }

  .sector_rows {
    margin: 0 0;
  }

  .HourTextInput {
    width: 70%;
  }

  .jekKx {
    width: 100% !important;
    margin: 0 !important;
  }

  .BookingOption {
    width: 100%;
  }

  .ReserveTextarea {
    width: 100%;
  }

  .ddNIgU {
    width: 100% !important;
  }

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

  .TemplateIcon li {
    height: 53px;
  }

  .TemplateIcon {
    width: 100%;
  }

  .ChangeBtn {
    width: 47%;
  }

  .CreatAccountDialog {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
  }

  .rdrDateRangePickerWrapper {
    width: 100% !important;
    display: block !important;
  }

  .DeleteBtn {
    width: 47%;
  }

  .AddPadding {
    padding: 0 15px;
  }

  .text_left {
    text-align: left !important;
  }

  .MuiDialog-paperWidthSm {
    max-width: 100% !important;
    width: 90%;
    margin: 0 auto !important;
  }

  .AddRowTitle {
    text-align: center;
  }

  .centerCounts {
    justify-content: center;
  }

  .ContactInputform {
    width: 90%;
    margin: 0 auto;
  }

  .ConfigPopup {
    width: 100%;
    top: 29.5%;
  }

  .contentBG {
    width: 100%;
  }

  .LeftSideSpace {
    width: 100%;
    margin: 0 auto;
  }

  .BathInfoForm {
    width: 100%;
  }

  .exportBtncls {
    padding: 7px 2px;
    width: 100% !important;
    font-size: 12px;
    margin-bottom: 10px;
  }

  .newsLtterWrap {
    padding-left: 15px;
  }

  .ChangePswdBtn {
    margin-left: 15px;
  }

  .text_alignLeft {
    text-align: left !important;
  }

  .plannerCalendar {
    width: 100%;
    overflow-x: scroll;
  }

  .CAl_responsive {
    width: 2000px;
    overflow: hidden;
  }

  .ExportBtn {
    margin: 10px auto;
    width: auto;
    text-align: center;
    display: block;
  }

  .OpenButton {
    width: 100%;
    margin: 3px auto;
  }

  .sweet-alert {
    width: 100% !important;
  }

  .AddcustomerForm {
    width: 100%;
  }

  .nowrap_xs {
    flex-wrap: nowrap;
  }

  .TopNavTabs li {
    width: 50%;
  }

  .DevicePadding {
    padding: 0 !important;
  }

  .Add_allSideMargin {
    margin: 0;
  }

  .BookBtnModal {
    padding: 7px 6px;
    width: 100%;
    font-size: 15px;
  }

  .servicesCountNum {
    justify-content: center;
    margin-bottom: 0;
  }

  .MinusReserveIcon,
  .PlusReserveIcon {
    width: 22px;
    height: 22px;
  }

  .mapdetailsCalenderDiv .react-datepicker-wrapper {
    padding: 0 !important;
  }

  .mapdetailsCalenderDiv .ContactInput {
    font-size: 14px;
  }

  .DetailsCustCarddBtnDiv {
    padding-left: 10px;
  }

  .custCardplanned {
    margin-left: 0 !important;
    white-space: nowrap;
  }

  .reservespaces .accountReturnBackBtn {
    width: auto;
  }

  .statGraph {
    margin-top: 20px;
    width: 100%;
  }

  .ChangeAccountTitle {
    font-size: 18px;
  }

  .Delete_reservation {
    width: 100%;
  }

  .PrintBtn {
    width: 100%;
    margin-bottom: 10px;
  }

  .reserveBtn {
    margin: 3px 0;
    width: 100%;
  }

  .BookBtn {
    margin: 3px 0;
    width: 100%;
  }

  .TopNavTabs .nav-item {
    text-align: left;
    display: block;
    flex-basis: auto;
    padding: 10px 10px;
  }

  .TopNavTabs .nav-link {
    padding: 10px 10px;
  }

  .NewRelativecls {
    flex: 100%;
    max-width: 100%;
  }

  .DateInput {
    margin: 10px 0;
  }

  .Search-control {
    width: 100%;
  }

  .paddingRights {
    padding-right: 0;
    padding-right: 15px;
    padding: 10px;
  }

  .TopMenu li {
    margin: 3px 0;
    width: 100%;
  }

  .react-datepicker-wrapper {
    width: 100%;
  }

  .config_imageBoxnew {
    display: inline-flex;
  }

  /* .NewConfigArea {
    padding: 30px 10px 15px;
  } */

  .TopNavTabs .nav-item.show .nav-link,
  .TopNavTabs .nav-link.active {
    padding: 10px 10px;
    justify-content: start;
  }

  .TimeBoxSection {
    width: 100%;
  }

  .TimeBoxSection li {
    width: 20%;
    margin-right: 20px;
  }

  .TimeBox {
    border-radius: 16px;
    height: 80px;
  }

  .TimeBoxSection li:after {
    right: -15px;
    top: 10%;
  }

  .timerTextnew {
    width: 100%;
    font-size: 16px;
    padding: 30px 10px;
  }

  .NewAdjustCls {
    flex: 100%;
    max-width: 100%;
  }

  .SideSpace {
    padding: 0 0;
  }

  .barServIcon img {
    display: block;
    margin: 0 auto;
  }

  .banner {
    height: 300px;
  }

  .verticalLine {
    display: none;
  }

  .navigations {
    padding: 10px;
  }

  .SeasonText {
    margin-bottom: 20px;
  }

  .DatePickerInput {
    height: auto;
  }

  .DatePickerInput p {
    display: none;
  }

  .Search-control {
    margin-bottom: 10px;
  }

  .TopNavTabs .nav-link {
    margin-bottom: 10px;
  }

  .TopNavTabs .nav-item {
    padding: 0;
  }

  .containercls {
    max-width: 100%;
    min-width: 100%;
  }

  .navbar-toggler {
    right: 0;
    top: 40px;
    position: absolute;
  }

  .searchTitle {
    color: #233c7e;
    font-size: 17px;
    margin-left: 0px !important;
  }

  .bannerSearch {
    text-align: center;
    margin-bottom: 20px;
    padding: 0px;
    height: auto;
  }

  .bannerText {
    position: unset;
  }

  .SubscibeBtn {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .V_line {
    display: inline-block !important;
  }

  .FlexDisplay {
    justify-content: center;
  }

  .NoFormcontrol {
    text-align: center;
  }

  .OR_text:after {
    right: -15px;
  }

  .OR_text:before {
    top: 18px;
    left: -9px;
  }

  .CancelUpImages {
    right: 17%;
  }

  .modal {
    padding-right: 0 !important;
  }

  .paddingWhenNoUser {
    padding: 0 15px !important;
  }

  .ActiveUserHolder {
    margin: 0 15px;
    padding: 28px 10px;
  }

  .ActiveUserHolder .ActiveUserRows {
    padding: 5px 0;
    height: auto;
  }

  .addUserBtn-div {
    margin-top: 15px;
  }

  .startPeriodText p {
    text-align: center;
    float: none;
    margin-bottom: 1rem;
  }

  .configure-map-label {
    text-align: left;
  }

  .tab-content {
    padding: 0 0px;
  }

  .form-div-wrapper {
    padding: 0 15px;
  }

  .package-list-wrapper {
    margin: 0 15px;
    padding: 10px;
  }

  .PackageList_box {
    height: auto;
    padding-right: 0px;
  }

  .online-resvDialog .modal-content {
    padding: 20px 20px 20px 20px !important;
  }

  .sector_rows {
    padding: 0;
  }

  .PackagingItem {
    padding: 0 10px 0 15px;
    width: 100%;
  }

  #Services .row {
    padding: 0 15px;
  }

  #Discountsvouchers .row {
    padding: 0 15px;
  }

  .onlineResBtn {
    margin-bottom: 15px !important;
  }

  #Printersettings .row {
    padding: 0 15px;
  }

  #Sectorsrow .sector_rows {
    padding: 0 15px;
  }

  #Configuremap .sector_rows {
    padding: 0 15px;
  }

  #WarehouseSettings .sector_rows {
    padding: 0 15px;
  }

  .sharing-div-trans {
    padding: 30px 15px 50px !important;
    max-width: 100% !important;
  }

  .sharing-div {
    max-width: 100% !important;
    padding: 30px 15px 30px !important;
  }

  .online_btn_rows {
    padding: 5px 15px 50px;
  }

  .ol-stripe_rows {
    padding: 30px 15px !important;
    margin: 0 14px 60px !important;
  }

  .onlineResBtn {
    padding: 7px 20px !important;
  }

  .seasonTable.servicetable.fixed_layoutTable {
    table-layout: unset;
  }

  .bigLabelPhoto.text-right {
    text-align: left !important;
    margin-bottom: 5px;
    padding: 3px;
  }

  .configureArrow {
    left: 10px;
    right: 0;
  }

  .configureArrow:before {
    left: 18%;
  }

  /* for header */

  .newTop-header-menu {
    flex-direction: column;
  }

  .fullDay-content {
    justify-content: space-between;
    margin-bottom: 3px;
  }

  .parentSearch-div {
    width: 100%;
  }

  .parentSearch .Search-control {
    width: 100%;
    margin-bottom: 3px;
  }

  .topSelect-div {
    width: 100%;
  }

  .fullDay-content {
    width: 100%;
  }

  .DatePickerInput {
    background-color: transparent;
  }

  .react-datepicker__input-container .DateInput {
    background: #d8e2ff;
    border-radius: 33px;
    margin: 3px 0;
  }

  .react-datepicker-wrapper {
    padding: 0 10px !important;
  }

  .sector_rows_credit {
    padding: 29px 0px;
  }

  .warehouse-tbl {
    margin-bottom: 40px;
  }

  .ConfigureBtn.outlin {
    float: left;
  }

  .textarea_bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .chatUploadSection {
    margin-bottom: 15px;
  }

  .ChangePwdDiv {
    width: 100%;
  }

  .NewsSection {
    padding: 10px 10px;
    font-size: 18px;
  }

  .NewsSectionText {
    max-width: 170px;
  }

  .zoom-container {
    margin: 10px 0px;
    top: unset !important;
    right: 0px;
    width: 100%;
    padding: 0 15px 0px 15px;
    z-index: 999;
  }

  .mapStatic-btnDiv {
    margin-left: 5px;
  }

  .btn-zoomin {
    width: 20px;
    height: 20px;
  }

  .btn-zoomout {
    width: 20px;
    height: 20px;
  }

  .btn-printmap {
    width: 20px;
    height: 20px;
  }

  .NewsSection {
    height: 30px;
    line-height: 15px;
  }

  .NewsSectionText {
    height: 30px;
    line-height: 15px;
  }

  .zoom-item span {
    font-size: 18px;
  }

  .btn-printmap .printMap-icon {
    width: 10px;
  }

  .moveMultiple-icon {
    width: 20px !important;
  }

  .miniMultiple-icon {
    width: 20px !important;
  }

  .moveMultipleIcon-label {
    font-size: 12px !important;
  }

  .mapControls-div {
  }

  /* .newsConfig-row{
    position: fixed;
    left: 15px;
  } */

  /* .zoom-item{
    position: fixed;
    right: 15px;
  } */

  /* .moveMultipleIcon-div{
    position: fixed !important;
  } */
  /* 
  .zoom-item {
    justify-content: space-between;
  } */

  .zoom-btn-disabled {
    position: unset;
  }

  /* .moveMultipleIcon-top {
    margin-top: 15px !important;
  } */

  .btn-zoomin {
    margin: 0 0 0 5px;
  }

  .btn-zoomout {
    margin: 0 5px;
  }

  .News_area {
    justify-content: flex-start;
  }

  .zoom-item {
    width: auto;
  }

  body.sweetalert-overflow-hidden {
    margin-top: 100px;
  }

  .CustomerCardDialog .print-reservation-modal {
    margin: 0;
  }

  .Delete_reservation {
    margin-top: 20px;
  }

  .LocationnameLabel,
  .customerCard {
    font-size: 13px;
  }

  .reservBoxChild {
    padding: 16px 15px 0;
  }

  .nopaddingMob {
    padding: 0;
  }

  .justifyLeftMob {
    justify-content: flex-start;
  }

  .pl-space-mob {
    padding-left: 15px;
  }

  .justifyCenterMob {
    justify-content: center;
  }

  .justifyCenterMob p {
    margin-bottom: 0;
    justify-content: center;
  }

  .reservtables {
    margin: 10px 0 15px 0;
  }

  .resvSummaryTable {
    table-layout: unset;
  }

  .Add_allSideMargin {
    margin: 10px 0;
  }

  .textLeftMob {
    text-align: left !important;
  }

  .newmainheader {
    padding: 0 15px;
  }

  .TopNavTabs {
    padding: 0 30px;
  }

  .LogoHolder {
    padding-left: 0;
  }

  .logoHolderHub {
    padding-left: 0;
  }

  .fullDay-content {
    display: flex;
    flex-direction: column;
  }

  .TopNav-Select {
    height: 35px;
    background-position: 95%;
    margin-left: 6px;
  }

  .bookBathhouse-section {
    padding: 35px 15px 25px;
  }

  .searchRegion-section {
    padding: 35px 15px 25px;
  }

  .specail-summer-div {
    padding: 40px 15px 30px;
  }

  .popularBathhouse-section-div {
    padding: 40px 15px 30px;
  }

  .subscribe-section-div {
    padding: 50px 15px 45px 15px;
  }

  .bannerText .NoFormcontrol {
    width: 100%;
    margin-bottom: 15px;
  }

  .homeImgContainer,
  .ImageContainerinner img {
    height: 235px;
  }

  .Search_btn.hoverBorder {
    margin-left: 0px;
  }

  .searchBtn-bome-col {
    padding-left: 0;
  }

  .priceTag-span img {
    width: 20px;
  }

  .priceTag-span {
    top: -13px;
    left: 10px;
  }

  .discoverOfferInput {
    padding-left: 4%;
  }

  .discountMainInput .discoverButton {
    padding: 1px 5px;
    height: 47px;
    font-size: 14px;
  }

  .text-content {
    max-width: 100%;
  }

  .tableBtn {
    text-align: left !important;
  }

  .tableBtn .BookBtn {
    width: auto !important;
  }

  .carousel-root {
    width: 100%;
  }

  .houseRuleSection .table_stripped td {
    text-align: left !important;
  }

  .PropDetInfoHeader {
    max-width: 49% !important;
    margin: 10px 0 0;
  }

  .row.OptionBtn li {
    margin-top: 10px;
  }

  .chnageDateButton .BookPropBtn {
    border-radius: 15px;
    white-space: nowrap;
    padding: 4px 15px;
    width: 100% !important;
  }

  .consumerBookModal {
    max-width: 100%;
  }

  .totalPrice-map {
    margin-left: 0px !important;
  }

  .onlineReserve .checkmarkReserve:after {
    left: 5px;
    top: 2px;
  }

  .react-datepicker-wrapper.consumerSearchLocDate {
    padding: 0 !important;
  }

  .BookBtn.chooseBtnConsumer {
    white-space: nowrap;
  }

  .detailsDateInputCol .react-datepicker__input-container {
    width: max-content;
    max-width: 70%;
  }

  .parentSearch-div {
    position: relative;
  }

  .sugesstionBox {
    top: 38px;
    left: 0;
    width: 100%;
  }

  .react-datepicker-wrapper.consumerSearchLocDate {
    padding: 0 !important;
  }

  .BookBtn.chooseBtnConsumer {
    white-space: nowrap;
  }

  /* responsive css for consumer portal */

  .Empty_whiteBox {
    height: auto;
  }

  .PropSignInDis {
    flex-direction: column;
  }

  .LeftSideSpace {
    height: auto;
    margin: 20px 20px;
  }

  .changePassConsumerInput {
    padding-left: 0;
    padding-right: 0;
  }

  .ChangePwdModal .col-xl-9.col-md-12.mx-auto {
    padding-left: 0;
    padding-right: 0;
  }

  .propTop-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .sortProperty-label {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 15px;
  }

  .LikeRed img,
  .propertyShareIcon img {
    width: 20px;
  }

  .Prop_rightbar .listHeaderTitle {
    margin-top: 15px;
  }

  .PropRightLabel {
    margin-bottom: 12px;
  }

  .fevBckIcon {
    width: 14px;
  }

  .notificationSpace-div {
    flex-direction: column;
  }

  .textNotificationHead {
    margin-bottom: 15px;
  }

  .notification-block {
    padding: 30px 2px;
    width: 90%;
    margin: 0 auto;
  }

  .detailsDateInputCol span {
    width: auto;
  }

  .noSavedCards {
    text-align: center;
  }

  .CardParent-block {
    flex-direction: column;
  }

  #Security .AddPackageBtn {
    margin-left: 0;
  }

  .PropSignIn li {
    max-width: 100%;
  }

  .bookingTopCredit {
    flex-direction: column;
  }

  .addBookingBtn {
    margin-top: 15px;
  }

  .bookingBtn {
    width: 80% !important;
    margin: 12px 0 14px 0;
  }

  .Learn_MorePropMyBooking {
    width: 80%;
  }

  .creditEarnInout,
  .addBookingBtn {
    width: 80%;
  }

  .OptionBtn li {
    max-width: 49%;
    align-items: center;
  }

  .OptionBtn li.propDetailsService {
    max-width: 49%;
  }

  .OptionBtn li.propDetailsReadBooking {
    max-width: 49%;
  }

  .RelativeDiv .listHeaderTitle {
    padding-left: 0px;
  }

  .listCardButtons {
    /* float: left; */
  }

  .sharingBookTopAcc .creditEarnInout {
    width: 100%;
  }

  .sharingBookTopAcc {
    flex-direction: column;
  }

  .dateShareDiv {
    width: 100%;
  }

  .listHeaderTitle {
    padding-left: 20px;
  }

  .fevTop-div div {
    display: flex;
  }

  .dropdown-menu.TopArrowCorner {
    /* left: -15px; */
  }

  .TopArrowCorner:before {
    left: 40px;
  }

  .addAnotherBookingLabel {
    margin-left: 0;
  }

  .leftTitleSpace {
    padding-left: 0% !important;
  }

  .noAvailableClassPropDet {
    margin: 20px auto;
  }

  .Prop_flex .col-xl-4.col-12.pl-0 {
    padding-left: 15px !important;
  }

  .bookingsDiv-block,
  .filter-div {
    padding-left: 0;
  }

  .landingPage .call-Btn {
    margin: 20px 0;
  }

  .landingPage .banner-img {
    width: 100%;
  }

  /* .scrollDownLink {
    bottom: -210px;
  } */

  .landingPage .light-bg {
    background-color: #b5d8ff;
    margin-top: -170px;
    background-image: unset;
  }

  .landingPage .light-bg {
    padding: 70px 0 70px;
  }

  .landingPage .mngt-bg {
    margin-top: 0;
    background-image: unset;
    background-color: #5fafff;
    padding: 70px 0;
  }

  .landingPage .iconsmainDiv li.iconList {
    width: 50%;
    padding: 15px 15px;
  }

  .iconsmainDiv li.iconList.extraSpace-li {
    display: none;
  }

  .landingPage .custom-div {
    max-width: 100%;
  }

  .landingPage .mobileImg {
    position: static;
    margin-top: 30px;
  }

  .landingPage .icons-main {
    background-color: #b5d8ff;
    padding: 70px 15px 80px;
  }

  .landingPage .iconsMngtDiv {
    padding: 0 05px;
    justify-content: flex-start;
    width: 100%;
  }

  .landingPage .abtCard-logos {
    max-width: 100%;
  }

  .landingPage .bg-white {
    background-color: white !important;
    padding: 70px 0 70px;
  }

  .landingPage .containercls {
    padding: 0 15px;
  }

  .landingPage .talkAbout-section {
    margin-top: 0;
    padding: 60px 0 60px;
  }

  .landingPage-btn-col {
    text-align: center;
  }

  .landingPage .requestBtn,
  .landingPage .call-Btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .landingPage .icons-main-mngt {
    background-color: #d4e8ff;
    padding: 70px 15px 70px;
    top: 0;
  }

  .landingPage .testimonial-section {
    padding: 70px 0px 70px;
    background-color: #b5d8ff;
    top: 0;
  }

  .landingPage .contactBottom-section {
    padding: 60px 15px;
  }

  .landingPage .testimonail-cazzrd {
    padding: 30px 30px;
    margin: 30px auto 0;
  }

  .landingPage .abtCard-logos {
    margin: 30px auto 0;
  }

  .landingPage .abtLogoImg {
    margin: 16px 0;
  }

  .landingPage .requestBtn {
    margin-top: 15px;
  }

  .landingPage .requestBtn,
  .landingPage .call-Btn {
    width: 265px;
  }

  .landingPage .iconsMngtDiv li.iconList {
    padding: 20px 15px;
  }

  .landingPage .pcImg {
    margin-top: 0;
  }

  .landingPage .banners-btn {
    display: flex;
    flex-direction: column;
  }

  .extra-section {
    display: none;
  }

  .serResvSummaryTbl {
    table-layout: fixed;
  }

  .breakWordStyle {
    word-break: break-all;
  }

  .autoWidthCol {
    width: 32% !important;
  }

  .policies-block {
    padding: 50px 20px;
  }

  .policies-block p {
    font-size: 14px;
  }

  .policies-block h3.mb-5 {
    margin-bottom: 15px !important;
    font-size: 22px;
  }

  .policies-block h4.mb-3 {
    margin-bottom: 15px !important;
    font-size: 22px;
  }

  .policies-block ul li {
    font-size: 14px;
    list-style: disc;
  }

  .policies-block br {
    display: none;
  }

  .policies-block div.mt-5 {
    margin-top: 25px !important;
  }

  .policies-block h4.mb-2 {
    margin-bottom: 15px !important;
    font-size: 22px;
  }

  .policies-block p span {
    font-size: 14px;
  }

  .test-quotationMark-bottom {
    position: absolute;
    right: 0;
    bottom: -5px;
  }

  .landingpage-modal {
    max-width: 100%;
  }

  .mapDetailsResvPrint .col-9 {
    padding-right: 15px !important;
  }

  .credit-search-section .LabelPhoto {
    padding: 0 10px 10px !important;
  }

  .submitSharing {
    width: auto !important;
    margin: 0 !important;
  }

  .sharingAccountwrapper .py-3 {
    padding: 0 !important;
  }

  .sharingAccountwrapper div.py-4 {
    padding: 0 !important;
  }

  .bookingBox-section .listHeaderTitle {
    padding-left: 0px;
  }

  .NewAdjustCls .navbar-toggler {
    margin-right: 0;
  }

  .addBookWrapper .listHeaderTitle {
    padding-left: 0;
  }

  .Prop_rightbar .listHeaderTitle {
    padding-left: 0;
  }

  .addSharingBtn-div {
    text-align: center !important;
  }

  .bookingBox {
    padding: 30px 10px;
  }

  .plannerGuideModal .SeasonOpen {
    float: left;
    text-align: left !important;
    margin-bottom: 8px !important;
  }

  .plannerGuideModal .creditInput {
    margin-bottom: 15px;
  }

  .plannerGuideModal .ReturnBtn {
    margin-top: 15px;
  }

  .plannerGuideModal .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .plannerGuideModal .CollectionDrp {
    margin-left: 0 !important;
  }

  .notification-li {
    width: 100% !important;
    margin-top: 3px !important;
    padding-left: 15px;
  }

  .notification-count {
    right: unset;
    left: 26px;
    top: -6px;
  }

  /* .notification-popup-header:before {
    left: 10%;
  } */

  .propDetailsLists-section li:nth-child(3n + 2) {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .propDetailsLists-section li:nth-child(3n) {
    justify-content: flex-start !important;
    padding-left: 0 !important;
  }
}

@media only screen and (width: 768px) {
  .navbar-toggler {
    right: 10px;
    top: 10px;
  }

  .landingPage .iconsmainDiv li.iconList {
    width: 33%;
  }

  .filter-div .bookingBtn {
    width: 100% !important;
  }

  .bookingsDiv-block {
    margin-top: 20px;
  }

  .filter-div .bookingBtn {
    margin: 20px 0 14px 0;
  }

  .bookingTopCredit {
    flex-direction: row;
  }

  .creditEarnInout,
  .addBookingBtn {
    width: auto;
    margin-top: 0;
  }

  .landingPage .requestBtn,
  .landingPage .call-Btn {
    width: 250px;
  }

  .landingPage .call-Btn {
    margin: 20px 0 0;
  }

  .NewAdjustCls .navbar-toggler {
    margin-right: 0;
    top: 30px;
  }
}

/* Responsve CSS */

.detailsApply-section {
  display: none;
  /* css for map top space */
}

.topSpaceBeachMap {
  padding-top: 110px;
}

.ConfigMapSection {
  position: relative;
}

.summaryModal-font {
  font-size: 1.5rem;
  font-weight: bold;
}

.summaryModal-font1 {
  font-size: 1.4rem;
  font-weight: bold;
}

.prop-det-map-modal {
  max-width: 1000px !important;
}

.movementCountNum {
  width: 20%;
  text-align: left;
}

.movement-total-count p span {
  width: 80%;
}

.movement-total-count p {
  display: flex;
}

.genericParaTxt {
  color: #818985;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  align-items: center;
}

.topChk-div {
  display: flex;
}

/* 
/ css for cunsumerMap new UI / */

#consumerMapModal .modal-dialog {
  max-width: unset;
  padding-top: 10%;
  width: 100%;
}

.consumerMap-ModalDiv {
  padding: 0px 0px 0;
}

.consumerMap-img {
  border-radius: 25px;
  width: 100%;
  height: 100%;
}

.consumerMap-modal {
  position: relative;
  margin-top: 35px;
}

.consumerMapBtn {
  width: auto !important;
  text-decoration: none !important;
  color: #fff !important;
  background: #2960f1;
  border: none;
  color: #fff;
  padding: 7px 30px;
  margin-top: 0px;
  border-radius: 33px;
  height: 45px;
  border: 2px solid transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.consumerMap-ModalDiv .main-head-images {
  border-radius: 18px;
}

#consumerMapModal .CloseBtn {
  position: absolute;
  right: 15px;
  top: 40px;
  width: 28px;
  height: 28px;
  z-index: 999;
}

.consumerMapImg-container {
  position: relative;
  display: inline-block;
  height: 400px;
  width: 100%;
}

.consumerMapImg-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  pointer-events: none;
  border-radius: 25px;
}

.modalMap_style {
  padding-top: 110px;
}

.propDetailsLists-section {
  display: flex;
}

.propDetailsLists-section li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.propDetailsLists-section li:first-child {
  text-align: left;
  justify-content: start;
}

.propDetailsLists-section li:nth-child(3n) {
  justify-content: flex-start;
  padding-right: 15px;
  padding-left: 15.7%;
}

.propDetailsLists-section li:nth-child(3n + 1) {
  justify-content: start;
  padding-left: 0;
}

.propDetailsLists-section li:nth-child(3n + 2) {
  justify-content: flex-start;
  padding-left: 8%;
  /* margin: 0 auto;
    flex: 0 0 22.333333%;
    max-width: 22.333333%; */
}

.savePaymentAmt {
  white-space: nowrap;
}

.topSpace-mainsDiv {
  padding-top: 66px;
}

.sidebarTop-space {
  padding-top: 50px;
}

.printerMainWrapper {
  padding-top: 35px;
}

/* Zoom in Zoom out Csss */

.tools {
  position: absolute;
  top: 10px;
  z-index: 8;
  right: 35px;
  cursor: pointer;
  padding: 0 26px 0px 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tools button {
  border: none;
  background-color: gainsboro;
  color: #233c7e !important;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  font-weight: 600;
}

.beachmapTopSea {
  width: 100%;
  cursor: move;
}

/* .mapWrapper-container {
  max-height: calc(100vh + 315px) !important;
} */

.react-transform-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  max-height: auto !important;
  /* max-height: calc(100vh - 400px) !important; */
  /* max-height: calc(100vh - 80px) !important; */
  /* overflow: scroll !important; */

  /* width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important; */
  /* height: 100% !important; */
  /* overflow-y: scroll !important; */
  /* max-height: calc(180vh - 80px) !important; */
  /* max-height: calc(100vh - 400px) !important; */
  /* max-height: calc(100vh + 315px) !important; */

  /* max-height: 100% !important; */
  /* max-height: calc(100% - 40%) !important; */
  /* height: 100% !important; */
  /* max-height: calc(100vh - 20%) !important; */
  /* min-height: calc(100vh - 20%) !important; */
  /* width: 100% !important;
  height: 100% !important; */
  /* max-height: calc(100% - 80px) !important; */
  /* max-width: 80vw !important; */
  /* max-height: 180vh !important; */
  /* overflow: auto !important; */
}

/* .transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% -50% !important;
}

.transform-origin-style .transform-component-module_content__FBWxo {
  transform-origin: 0% 0% !important;
} */

.Map_img_um {
  cursor: pointer;
}

.detailsPageTblResponsive {
  position: static;
  /* background-size: cover; */
  background-size: auto;
  background-repeat: no-repeat;
  /* min-width: 100vw; */
  min-height: 100vh;
}

.beachmapTopSea {
  height: auto;
}

.no-pointer-events {
  pointer-events: none;
}

.beachMap-body .NewReserveBg {
  background: #cfc3b6;
  position: relative;
  z-index: 999999999;
}

.mapMainWrapper {
  width: 100%;
}

/* Zoom in Zoom Out End  */

@media print {
  .seasonTable thead th {
    background-color: #233c7e !important;
    print-color-adjust: exact;
  }
}

.summSignDateNum {
  padding-left: 3px !important;
  text-align: left !important;
}

.summSignDateTxt {
  padding-right: 0 !important;
}

.legend-popup {
  position: absolute;
  right: 20px;
  left: auto;
  text-align: left;
  top: 45px;
  background: #fff;
  z-index: 999;
  border: 0px solid #233c7e;
  padding: 18px;
  border-radius: 10px;
  min-height: 300px;
  max-width: 312px;
  width: 100%;
}

.legendCloseBtn {
  width: 28px;
  height: 28px;
}

.legendDot {
  position: static;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  transform: unset;
}

.legend-popupList {
  list-style: none;
  padding: 0;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.legend-popupList li {
  display: flex;
  margin-bottom: 12px;
}

.legend-popupList-label {
  font-weight: 500;
  color: #233c7e;
  font-size: 14px;
  text-align: center;
  margin-top: 0px;
}

/* .NewConfigArea{
      position: relative;
    left: -25%;
}

.zoom-container{
  padding-right: 6px;
} */

.legendDot.m-letter {
  color: #fff;
  text-shadow: 1px 1px 6px #838383;
  margin-top: -2px;
  font-size: 18px !important;
}

.legendDot.p-letter {
  color: #fff;
  text-shadow: 1px 1px 6px #838383;
  margin-top: -2px;
  font-size: 18px !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .react-transform-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    /* max-height: calc(100vh - 400px) !important; */
    /* max-height: calc(100vh - 80px) !important; */
    /* max-height: 100% !important; */
    /* max-height: calc(100% - 40%) !important; */
    /* height: 100% !important; */
    /* max-height: calc(100vh - 20%) !important;
    min-height: calc(100vh - 20%) !important; */
  }

  .detailsPageTblResponsive {
    width: unset !important;
  }

  /* .beachMap-body .bg-gradientFooter {
    margin-top: -400px !important;
  } */

  .tools {
    top: 60px;
    right: 10px;
  }

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

  /* .react-transform-component {
    transform: none !important;
    touch-action: auto !important;
    pointer-events: auto !important;
  }

  .beachmapTopSea {
    height: 100vh;
}

.beachMap-body .bg-gradientFooter{
  margin-top: 0 !important;
} */

  .beachMap-body .bg-gradientFooter {
    margin-top: 0 !important;
  }

  .mobile-ViewOnly .detailsPageTblResponsive {
    position: absolute;
    /* background-size: auto; */
    z-index: 99;
  }

  .mobile-ViewOnly.beachmapTopSea {
    height: 100vh !important;
  }
}

.newResBtn {
  padding: 7px 25px;
}

.testimonialContent {
  padding: 0 50px;
}

.landingPage .testimonail-card {
  width: 90%;
}

.testimonialPrev-btn {
  width: 35px;
  left: -18px;
}

.testimonialNext-btn {
  width: 35px;
  right: -18px;
}

.propDetailsContactProperty.whiteColor {
  color: #fff !important;
}

.propContact-searchLoc .Search_area {
  margin-top: 0px;
}

.propContact-propDetailsApply {
  margin: 45px 0;
}

.propDetailsContactProperty .propContact-Mobileicon {
  width: 16px !important;
  border-radius: unset !important;
}

.propContact-modal .modal-body {
  padding: 20px;
}

.propContact-modalMain {
  padding-right: 4rem;
}

.Property_Style {
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}

.compulsory-mark {
  color: red;
  display: inline-block;
  margin-left: 5px;
}

.printer-add-btn {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
  /* background: var(--main-color); */
  background: #233c7e;
  color: #fff;
  border-radius: 25px;
  padding: 7px 25px;
  border: none;
  max-height: 40px;
}

.printer-add-btn > span {
  font-size: 1.5em;
}

.printer-dialog {
  border: none;
  outline: none;
  border-radius: 25px;
}

.printer-dialog::backdrop {
  background: rgba(0, 0, 0, 0.4);
}

.printer-dialog-header {
  position: relative;
}

.printer-dialog-header > button {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: #233c7e;
  color: #fff;
  top: 16px;
  right: 16px;
}

.barService-addBtn {
  margin-left: 0% !important;
}

.printer-dialog-heading {
  color: #233c7e;
  font-size: 1.5em;
}

#printer-dialog-main {
  padding: 0 1.5rem 1.5rem 1.5rem;
}

#printer-dialog-main input {
  border-radius: 25px;
}

#printer-dialog-main select {
  border-radius: 25px;
}

#printer-dialog-main label {
  color: #233c7e;
}

#printer-dialog-main legend {
  font-size: 1.5em;
  margin-bottom: 1rem;
  color: #233c7e;
}

#printer-dialog-main fieldset label {
  color: #333;
}

.printer-dialog-cta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.printer-dialog-cta__save {
  background: #233c7e;
  color: #fff;
  border-radius: 25px;
  border: none;
  padding: 7px 25px;
}

.printer-management-dialog-btn {
  display: flex;
  min-width: 20%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px 25px;
  background: #233c7e;
  color: #fff;
  border-radius: 25px;
  border: none;
}

.quickBookBtn-row {
  margin-bottom: 30px;
}

.quickBookPopup {
  height: 89%;
  z-index: 99999999999;
  width: 38%;
}

.quickBookPopup .reservationErrorMsg {
  height: unset;
}

.quickBookBtn-row .ReturnBtn {
  margin-top: 0;
}

.quickBookPopup .quickBook-wrap {
  border: 0px solid #b2b2b2;
  padding: 5px 0px 0;
}

.quickbookLoc-text {
  padding-bottom: 0;
  margin-bottom: 0;
}

.quickBookPopup .nomarginForQuickBooking {
  margin: 0 -15px;
}

.minusleft-text {
  margin-left: -15px !important;
}

.paymentMethod-wrap .AddRowTitle {
  margin-left: -15px;
}

.quickbookadditional-wrap .detailsResvTitle {
  margin-left: -15px;
}

.quickBookPriceapplied-row {
  display: flex;
  align-items: center;
}

.priceAppliedTxt {
  margin-bottom: 0;
  padding-bottom: 0;
}

.quickbookadditional-wrap .quickModal-row:first-child {
  padding-left: 0;
}

.quickBookPopup .AddRowTitle.text-right {
  text-align: left !important;
}

.quickBook-input {
  margin-bottom: 5px;
  padding: 0 20px;
}

.quickBookPopup .Delete_reservation {
  margin-bottom: 0;
}

.quickBookPopup .ManagedLeftSpace {
  margin: 15px 0 !important;
}

.price-amtSpace {
  text-align: right;
}

.priceApplied-input {
  margin-bottom: 0 !important;
}

.priceInputDiv {
  padding: 0 !important;
}

.quickBook-wrap-first {
  padding-top: 0;
}

.quickBookPopup .BookBtnModal {
  font-size: 14.5px;
  padding: 7px 12px;
  white-space: nowrap;
  max-width: 135px;
  width: 100%;
}

.quickBookPopup .ReturnBtn {
  font-size: 14.5px;
  padding: 7px 12px;
  white-space: nowrap;
  max-width: 135px;
  width: 100%;
}

.quickBookPopup .nopaddingForQuickBooking {
  padding: 0;
}

.reservationErrorMsg {
  height: 25px;
}

.pos-relative {
  position: relative;
}

.errorInvalidEmailMsg {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.payment-wrapper {
  max-width: 78%;
  width: 100%;
  margin: 0 auto;
}

.paymentModal-topImg {
  margin: 15px 0 35px;
  text-align: center;
}

.paymentModal-topImg img {
  width: 45px;
  display: inline-block;
  margin: 0 3px;
}

.totalBook-div {
  margin-bottom: 40px;
}

.paymentWrap-inputDiv {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.totalBook-num {
  color: #233c7e;
  font-size: 18px;
  font-weight: bold;
}

.payment-wrapper label {
  color: #233c7e;
  font-weight: 700;
}

.payInput-block {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.payInput-block .ContactInput {
  margin-right: 10px;
}

.paymentModal-btnDiv {
  margin: 35px 0 15px;
  display: flex;
  justify-content: center;
}

/* ========= css for new propertySignin UI ============= */

.stepsBookMain-row li {
  color: #5873ba;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: transparent;
  padding: 6px 0px;
}

.stepsBookMain-row .NumberCls {
  background: #5873ba;
  color: #fff;
}

.stepsBookMain-row .divider-para {
  border: 1px dashed;
  width: 95%;
  margin-bottom: 0;
  margin-left: 0px;
}

.bookFaster-para {
  padding: 20px 0 40px;
  color: #818985;
  font-weight: 400;
}

.propSignin-wrap .loc_addres {
  font-weight: 500;
}

.propSignin-wrap p span {
  color: #233c7e;
  display: inline-block;
  margin-left: 6px;
  font-weight: 600;
}

.payProp-div {
  background-color: #e9e9e9;
  border-radius: 40px;
  padding: 26px 35px;
  color: #233c7e;
  font-size: 14px;
}

.propSignInwrap-main {
  padding: 0px 0 80px;
}

.stepsBookMain-row {
  padding-left: 15px;
  padding-right: 15px;
}

.newPropDetails-wrap p.loc_addres {
  font-weight: 500;
  color: #233c7e;
}

.newPropDetails-wrap p.loc_addres .locationMarkerIcon {
  color: #233c7e;
}

.msgWrapper {
  width: 100%;
  padding-top: 10%;
  text-align: center;
}

.msgWrapper h1.success {
  text-align: center;
  color: #233c7e;
  font-size: 40px;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 18px;
  padding-top: 20px;
}

.msgWrapper span {
  color: #233c7e;
  font-weight: 500;
  font-size: 15px;
}

.msgWrapper h1.failed {
  text-align: center;
  color: red;
  font-size: 40px;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 18px;
  padding-top: 20px;
}

.dayHeader-wrap {
  display: flex;
  gap: 5px;
  padding: 0 5px;
}

.serviceResv-rowWrap .LabelPhoto {
  padding-left: 0;
  padding-right: 3px;
}

.serviceResv-rowWrap .exportBtncls {
  margin-bottom: 0;
  width: auto;
  margin-left: 5px;
}

.serviceResv-btnDivwrapper {
  display: flex;
}

.serviceResv-btnDivwrapper button {
  padding: 7px 22px;
}

.Map_img_um {
  position: relative;
}

.Map_img_um img[src*="cabin-booked"] + .redCircleDiv {
  top: -5px;
  right: -2px;
}

.Map_img_um img[src*="cabin-booked"] ~ .greenCircleDiv {
  top: 25.7px;
}

.Map_img_um img[src*="cabin-booked"] ~ .purpleCircleDiv {
  left: -2px;
}

.Map_img_um img[src*="tent-empty"] ~ .purpleCircleDiv {
  top: 51px;
  right: -2px;
}

.Map_img_um img[src*="tent-empty"] + .redCircleDiv {
  top: -4px;
  right: 0px;
}

.Map_img_um img[src*="tent-empty"] ~ .blueCircleDiv {
  top: 51px;
  right: -2px;
}

.Map_img_um img[src*="umbrella-empty"] {
  max-width: 75%;
}

.Map_img_um img[src*="tent-booked"] ~ .purpleCircleDiv {
  top: 51px;
  right: -2px;
}

.Map_img_um img[src*="tent-booked"] + .redCircleDiv {
  top: -4px;
  right: 0px;
}

.Map_img_um img[src*="tent-booked"] ~ .blueCircleDiv {
  top: 51px;
  right: -2px;
}

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

/* .beachmapTopSea{
  height: 100vh;
  overflow-y: hidden;
} */

.beachMap-body-small .bg-gradientFooter {
  display: none;
}

.beachMap-body-style .bg-gradientFooter {
  display: block;
}

.mapWithhFooter-wrap-greater .bg-gradientFooter {
  display: none !important;
}

.mapWithhFooter-wrap-small .bg-gradientFooter {
  display: block !important;
}

.mapWithhFooter-wrap-small .containercls {
  background: transparent;
}

.mapWithhFooter-wrap-small .CopyrightCls {
  text-align: left;
}

.mapWithhFooter-wrap-small .FooterLinks {
  text-align: left;
}

.mapWithhFooter-wrap-small .socialMedia {
  text-align: left;
  width: 100%;
}

/* 
.transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% 0% !important;
}

.transform-origin .transform-component-module_wrapper__SPB86{
  max-height: 100vh;
}


 @media screen and (min-width: 1366px) {
.transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% -5% !important;
}

}

@media screen and (min-width: 1575px) {
.transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% -11% !important;
}

}


@media screen and (min-width: 1680px) {
.transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% -15% !important;
}

}


@media only screen and (min-width: 1920px) and (max-width: 2560px) {
.transform-origin .transform-component-module_wrapper__SPB86{
  max-height: calc(100vh - 80px);
  height: 100%;
}

.transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% -24% !important;
}

}
  */

.transform-origin .transform-component-module_content__FBWxo {
  transform-origin: 0% 0% !important;
}

.transform-origin-style .transform-component-module_content__FBWxo {
  transform-origin: 0% 0% !important;
}

.transform-origin .transform-component-module_wrapper__SPB86 {
  max-height: 100vh;
  height: 100%;
}

.withDateInput {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.withDateInput .LabelPhoto {
  padding-right: 15px;
  margin-bottom: 0;
}

.withDateInput .creditInput {
  outline: none;
  margin-bottom: 0;
  padding: 0 12px;
  color: #1c1c1c66 !important;
}

.topDate-row {
  justify-content: space-between;
}

.topDate-row .online-searchInput {
  margin-left: auto;
  margin-right: 15px;
}

.dateInputCol-div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.todayDivButton {
  padding-right: 12px;
}

.newToday-btn {
  background: #5873ba;
  color: #d8e2ff;
  border: none;
  padding: 6px 25px;
  font-size: 14px;
  border-radius: 25px;
  text-align: center;
  width: auto;
  height: 40px;
  border: 1px solid #5873ba;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.todayDivButton {
  padding-right: 12px;
}

.newBtn-icon {
  width: 15px;
  margin-left: 10px;
  width: 16px;
  display: inline-block;
}

.newsletterPopup {
  max-width: 32em;
  width: 100%;
  padding: 1.25rem;
  margin: auto;
  border-radius: 0.3125em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.newsletterPopup .modal-content {
  border-radius: 0;
}

.newsPopupBtnDiv {
  margin: 1.5em auto 0px;
}

.moveMultipleIcon-div {
  position: absolute;
  z-index: 1;
  top: 114px;
  left: 35px;
  cursor: pointer;
  padding: 0 26px 0px 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.moveMultipleBtnDiv {
  margin-right: 22px;
  text-align: center;
}

.btn-moveMultiple {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  margin: 0 auto;
}

.moveMultipleIcon-label {
  font-weight: 500;
  color: #233c7e;
  font-size: 14px;
  text-align: center;
  margin-top: 2px;
  width: 70px;
  line-height: 16px;
}

.moveMultiple-icon {
  width: 25px;
}

.beachmap-customModal {
  background: white;
  padding: 20px 25px 20px;
  max-width: 500px;
  width: 100%;
  border-radius: 43px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 999;
}

.beachmap-customModal .CloseBtn {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.beachmap-customModal .closeBtnpara {
  margin-bottom: 0;
  cursor: pointer !important;
}

.list-style {
  cursor: pointer !important;
}

.beachmap-container-div {
  position: relative;
}

.beachmap-customModal-bottom {
  top: unset;
  bottom: 15px;
}

.miniplanner-modal {
  background: white;
  padding: 20px 25px 20px;
  max-width: 1180px;
  width: 100%;
  border-radius: 18px;
  /* position: absolute;
   top: unset;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 99999999; */
}

.miniplanner-mainwrapper {
  padding: 35px 0 0;
}

.resvLocation-txt {
  color: #233c7e;
  font-size: 18px;
  font-weight: 700;
}

.locResv-imgSpan {
  display: inline-block;
}

.locResv-imgSpan img {
  width: 20px;
}

.miniPlannerInfo-wrapper .miniplanner-label {
  color: #233c7e;
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 700;
}

.miniPlannerInfo-wrapper .miniplanner-val {
  color: #000000;
  font-size: 14px;
  margin: 0 15px 0 0 !important;
  font-weight: 400;
  display: block;
}

.miniPlannerInfo-wrapper {
  margin-bottom: 15px;
}

.miniPlannerInfo-wrapper.flex-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.miniPlannerInfo-wrapper.flex-col span {
  display: inline-block;
  margin-right: 25px;
}

.miniPlanner-amtSpan {
  margin-right: 20px;
}

.miniPlannerInfo-wrapper .customerCard {
  font-size: 16px;
  line-height: 16px;
  height: 36px;
}

.timer-counter p {
  font-weight: 700;
  color: #212529;
  font-size: 18px;
  line-height: 24px;
  text-align: right;
  margin-top: 25px;
}

.timer-counter p span {
  color: #233c7e;
}

.miniplanner-modalwrapper {
  max-width: 1180px;
  top: unset;
  bottom: 5px;
  /* left: 50%;
  transform: translate(-50%, 0px); */
  transform: translate(0, 115px) !important;
}

/* .beachmapModal-wrapper{
  position: relative;
} */

.markDiv {
  width: 28px;
  height: 14px;
  position: absolute;
  top: 27.7px;
  right: 0%;
  transform: translate(8px, -50%);
}

.multipleloca-countDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.multipleloca-countDiv .ChangeAccountTitle {
  font-weight: 400;
  font-size: 22px;
  margin-left: 25px;
}

.beachmap-customModal .ChangeAccountTitle {
  font-size: 20px;
  line-height: 28px;
}

.beachmapModal-wrapper {
  height: calc(100vh - 110px);
  position: absolute;
  width: 100%;
}

.timer-counter p {
  font-weight: 700;
  color: #212529;
  font-size: 18px;
  line-height: 24px;
  text-align: right;
  margin-top: 25px;
}

.timer-counter p span {
  color: #233c7e;
}

.online-resvDialog .row.booking-inputs-div {
  align-items: center;
}

.booking-inputs-div {
  padding-top: 30px !important;
}

.spaceModal-div {
  padding: 20px 30px 30px;
}

.bookingLimitsBtn-div {
  margin-top: 35px;
}

.bookingLimitsBtn-div .btnIcon-img {
  width: 20px;
  margin-right: 12px;
}

.newRule-row {
  margin-top: 30px;
}

.newRule-row .ol-textInput {
  width: 108%;
}

.bookingLimit-modal {
  max-width: 1015px;
}

.bookingLimit-modal .onlineResBtn {
  margin-bottom: 0;
}

.bookingLimit-modal .ol-textInput {
  height: 40px;
}

.outline-btnStyle {
  background: #fff;
  border: 1px solid #233c7e;
  color: #233c7e;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 7px 25px;
  margin-left: 15px;
  margin-bottom: 0px;
  border-radius: 25px;
  height: 40px;
  display: block;
  white-space: nowrap;
}

.bookingLimit-btnDiv {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.bookLimitInput-col {
  padding-right: 5px;
}

.barService-custWidth {
  width: 17.5%;
}

.barService-addBtn {
  margin-left: -14% !important;
}

.resvSummary-innerdiv {
  padding: 40px 30px 30px;
}

.servicesType-mainWrapper .customerCard {
  padding: 7px 22px;
  font-size: 16px;
}

.suggestionBox.custNameSuggestionBox {
  overflow-y: scroll;
  max-height: 225px;
  top: -45px !important;
}

.suggestionBox.custNameSuggestionBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 30px;
}

.suggestionBox.custNameSuggestionBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
  border-radius: 30px;
}

.suggestionBox.custNameSuggestionBox::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
}

.quickBook-wrap .suggestionBox.custNameSuggestionBox {
  top: -25px !important;
}

.quickBook-wrap .suggestionBox li {
  padding: 6px 0;
}

/* .quickBook-wrap .suggestionBox.custNameSuggestionBox{
      max-height: 148px;
} */

.quickBook-wrap .suggestionBox.custNameSuggestionBox {
  max-height: 55px;
}

.quickBook-wrap .suggestionBox li {
  padding: 4px 0;
  font-size: 13px;
}

.quickbook-emailDiv .errorMsg.errorInvalidEmailMsg {
  position: absolute;
  left: 40px;
  bottom: -8px;
}

#request-frame #document {
  padding-top: 0 !important;
  background-color: red !important;
}

.landingpage-modal .modal-body {
  padding: 10px 10px 10px;
}

.landingpage-modal .CloseBtn {
  width: 22px;
  height: 22px;
}

.miniMultiple-icon {
  width: 25px;
}

.book-style {
  padding: 6px 75px;
}

.mapModal-closeBtn {
  position: absolute;
  right: 10px;
  top: -12px;
}

/* ========== css changes 2024 ============= */

.consumerMapImages {
  height: unset !important;
}

.multipleLoc-section {
  background-color: #d8e2ff;
  padding: 15px;
  width: 100%;
  margin-bottom: 10px;
}

.multipleBooking-label {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
  display: inline-block;
  margin-right: 5px;
}

.multiBook-btn {
  width: 75% !important;
}

.multipleLoc-section .ContactInput {
  font-size: 14px;
}

.selectDays-btn {
  border: 1.5px solid #233c7e;
  color: #233c7e;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 25px;
  padding: 7px 25px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.statModal-btnDiv .TopMenuButton.today-btn {
  height: 40px;
}

.dateInputCol-div .today-btn {
  height: 40px !important;
}

/* .mapColDiv .Toastify{
  display: none;
} */
.SummarySignLabel {
  padding-bottom: 0.25rem;
  color: rgb(35, 60, 125);
  font-weight: 800;
}

.colorPicker-input {
  max-width: 200px;
  width: 100%;
  height: 35px;
}

.date {
  display: block;
  /* To ensure each date appears on its own line */
  margin-right: 10px;
  /* Optional: Add some spacing between dates */
}

.setDefaultPkgButton {
  background: #233c7e;
  border: none;
  border-radius: 25px;
  height: 40px;
  color: #fff;
  font-size: 18px;
  padding: 0px 30px;
  font-weight: 700;
  margin-top: 30px;
  margin: 0 0 0 auto;
}

.removeDefaultPkgButton {
  background: red;
  border: none;
  border-radius: 25px;
  height: auto;
  color: #fff;
  font-size: 18px;
  padding: 9px 10px;
  font-weight: 700;
  margin-top: 30px;
  margin: 0 0 0 auto;
}

.removeDefaultPackagebutton {
  background: red;
  border: none;
  border-radius: 25px;
  height: auto;
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 9px 30px;
  font-weight: 700;
  margin-top: 30px;
  margin: 0 0 0 auto;
  margin-top: 30px;
}

.default-package-modal {
  max-width: 600px !important;
}

.default-set-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.default-set-buttons button {
  margin: 0 !important;
}

.default-package-modal .modal-content {
  padding: 25px !important;
}

/* .topspacesSea.table_layoutScroll.beachmapTopSea.desk-only{
  background-image: url(https://summerbooking.s3.us-east-2.amazonaws.com/images/configure/2yja1arrrkp6uazxg.jpeg);
  background-position: top left;
} */

.datecol-div {
  display: flex;
  align-items: center;
}

.datecol-div span {
  font-weight: 500;
  font-size: 18px !important;
}

.datecol-div .cancelService-custIcon {
  margin-left: 10px;
  margin-top: 0;
  border: 0;
  width: 20px;
  height: 20px;
  text-align: center;
}

.adddate-btn {
  border: 0;
  outline: none;
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  color: #233c7e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
}

.adddate-btn .PlusIcon {
  margin-right: 18px;
  width: 30px;
  height: 30px;
  margin-top: 0;
}

.plannedAbsence-modal .modal-body {
  padding: 20px 30px;
}

.modalBtn-div-col button {
  margin: 0 20px !important;
  padding: 7px 25px !important;
}

.select-btn.reset-btn {
  width: auto;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.setTemplateBtn-div button {
  max-width: 150px;
  width: 100%;
  margin: 0 !important;
}

.res-summary-modal-template {
  max-width: 935px;
}

.setTemplateBtn-div button:hover {
  background-color: #233c7e1a;
}

.setTemplate-mediaModal label {
  color: #818985;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  margin-bottom: 0;
}

.setTemp-col {
  margin-bottom: 20px;
}

.setTempchk-col {
  gap: 20px;
}

@media (min-width: 992px) {
  .setTemplate-modal .modal-dialog {
    max-width: 800px;
    margin: 0 auto;
  }
}

.setTemplate-mediaModal {
  padding: 25px 35px;
}

.templateBg-color {
  background: #233c7e !important;
  color: white !important;
}

.fadeIn {
  animation: fadeIn ease 3s;
}

.template-select {
  min-width: 100px !important;
  width: auto;
  /* padding: 7px 30px; */
  padding: 7px 6px;
}

.template-select-parent {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
  margin-bottom: 20px;
  margin-top: -60px;
}

.setTemplateBtn {
  margin-bottom: 0 !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.addDepositModal .row {
  align-items: center;
}

.addDepositModal .AddRowTitle {
  font-weight: 400;
  margin-bottom: 0;
}

.addDepositModal .modal-body {
  padding: 1rem 5rem;
}

.contact-note {
  height: 110px;
}

.details-formGrp label {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}

.details-rowBlock {
  flex-direction: column;
}

.details-formGrp {
  margin-bottom: 20px;
}

.detailsInput-txtBlock {
  border: 0px solid #b2b2b2;
  width: 100%;
  font-weight: 400;
  font-style: italic;
  height: 42px;
  border-radius: 25px;
  margin-top: 0px;
  padding-left: 18px;
}

.movements-modal {
  max-width: 1005px;
}

.movementstop-col {
  display: flex;
  align-items: center;
  gap: 10px;
}

.movementstop-col .form-control.creditInput {
  margin-bottom: 0;
}

.movementstop-col .exportBtncls {
  width: 100%;
  margin-bottom: 0;
}

.noResultFound-style {
  text-align: center;
}

.movementstop-col .LabelPhoto {
  margin-bottom: 0;
  padding-left: 0;
}

.pkg_Item_String {
  background-color: #fff;
  padding: 0px 9px;
  border-radius: 20px;
  bottom: -28px;
}

#configImg-txt {
  position: relative;
  top: -10px;
  z-index: 0;
  background: #fff;
  border-radius: 13px;
  padding: 0px 7px;
  width: auto;
  display: inline-block;
}

.booked-item-style {
  position: relative;
  max-height: 80px;
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}

.contact-items-style {
  margin-bottom: 0px;
}

.details-heading-style {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.print-reservation-modal .customerCard.width-fit-content {
  min-width: 200px;
  width: 100%;
  max-width: 200px;
}

.quantityOfItems-div-div {
  margin: 50px 0;
}

.quantityOfItems-div-div button {
  padding: 7px 50px !important;
}

.quantityOfItems-div-div .AddRowTitle {
  margin-bottom: 0 !important;
}

#consumerMapModal.mapModalWrapper {
  padding-left: 0 !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .form-control.discoverOfferInput {
    box-sizing: border-box;
    overflow-x: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    margin-left: 24px;
  }

  .countryCode-main .react-tel-input .form-control {
    padding-top: 8px;
  }

  .additionalItem-inner-col {
    padding: 0 !important;
  }

  .additionalItem-inner-col {
    padding: 0 !important;
  }

  .statTodayBtn-col .todayDivButton {
    width: 100% !important;
  }

  .plannerControls .todayDivButton {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .additionalItem-innerWrapper {
    padding: 25px 15px !important;
  }

  .additionalItem-innerWrapper .quantity-span {
    min-width: 30px;
    text-align: center;
  }

  .extraServices-addBtn-col {
    padding: 0 !important;
  }

  .quantityOfItems-btn button {
    padding: 7px 16px;
    margin-bottom: 0 !important;
    width: auto;
  }

  .extraServices-innerwrapper {
    padding: 25px 15px !important;
  }

  .consumerMapControls-div {
    position: absolute;
    bottom: 15px !important;
    padding-top: 0 !important;
  }

  #consumerMapZoom-btns {
    bottom: 15px !important;
  }

  .extraServices-addBtn {
    width: 100% !important;
  }

  .extraServices-innerwrapper .selectLocation-quantity {
    justify-content: space-between;
  }

  .extraServices-col {
    padding: 0;
  }

  .selectLocation-quantity .plusminus-span {
    border: 0;
  }

  .consumerMap-selectLocation-quantity {
    justify-content: space-between !important;
  }

  .stepsBookMain-row {
    display: none;
  }

  .templateTitle-col button {
    width: auto !important;
  }

  .barService-addBtn {
    margin-left: 0 !important;
  }

  .AddcustomerForm .nopaddingLeft {
    padding-right: 0px;
  }

  .nopaddingFormobile {
    padding: 0 !important;
  }

  .quantityOfItems-div-colFirst {
    margin-left: 0px !important;
  }

  .quantityOfItems-div-div {
    margin: 45px 50px;
  }

  p.d-flex.chkTop-label {
    width: 50%;
    justify-content: flex-start;
    text-align: left;
  }

  .bookingResvChkCustom {
    margin-left: 0;
  }

  .statOpt-rowDiv {
    flex-direction: column;
  }

  .AddcustomerForm .AddRowTitle {
    text-align: left !important;
  }

  .addDepositModal .modal-body {
    padding: 1rem 2rem;
  }

  .print-reservation-modal {
    margin: 0 !important;
  }

  .print-reservation-modal .mx-4.px-4 {
    margin: 0 !important;
    padding: 0 15px !important;
  }

  .template-select-parent .Delete_reservation {
    width: auto !important;
  }

  .noAvailableClassPropDet {
    height: 50px;
    display: block;
  }

  .enterDate-row .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .movementstopbutton-col .exportBtncls {
    margin-right: 0;
  }

  .creditTop-section .credit-search-section .todayDivButton {
    padding-right: 0px;
  }

  .movementstop-col .todayDivButton {
    padding-right: 0px;
  }

  .movements-topDateWrap {
    width: 100%;
  }

  .movements-topDateWrap .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .movements-topDateWrap .LabelPhoto {
    min-width: 30px;
  }

  .stat-container {
    padding: 0 15px;
  }

  .statTodayBtn-col .todayDivButton {
    margin-left: 0;
    width: 100%;
    padding-right: 0;
  }

  .statDate-wrap-col {
    width: 100%;
    flex-direction: column;
    padding: 0 !important;
  }

  .statDate-wrap-col .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .statDate-wrap-col .LabelPhoto.lightLabel {
    width: 100%;
    text-align: left;
    padding: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }

  .scheduler-controls {
    padding: 10px 15px !important;
  }

  .scheduler-controls .todayDivButton {
    padding-right: 0px;
    margin-bottom: 15px !important;
  }

  .guide-planner-input-search {
    margin-bottom: 15px !important;
  }

  .scheduler-controls .planner-schedulerFields {
    width: 100% !important;
    margin: 0px 0 !important;
  }

  .planner-schedulerFields .AddUserBtn {
    margin-left: 0 !important;
  }

  .legendStart-Modal {
    max-width: 300px !important;
  }

  .bookingSummary-colDiv .tableSpace-val {
    margin-left: 0px;
    display: block;
  }

  .nopadding-mob {
    padding: 0;
  }

  .propInfo-btnBlock {
    margin-top: 24px !important;
  }

  .addAnotherBooking-row .BookPropBtn.propDetTableBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
  }

  .propSignInwrap-main .listHeaderTitle {
    padding-left: 0;
  }

  .mob-only .propSignInwrap-main {
    padding-bottom: 30px;
  }

  .propSignin-wrap.Search_area .Learn_MoreProp {
    margin-top: 20px !important;
  }

  #consumerMapZoom-btns {
    display: block !important;
    padding: 0 !important;
    right: 15px !important;
    left: unset !important;
  }

  .legendContent-txt {
    margin-bottom: 15px !important;
  }

  .legendContent-row {
    margin-bottom: 0px !important;
  }

  /* .detailsPageTblResponsive {
    background-size: cover !important;
  } */

  .consumerMap-ModalDiv {
    padding: 30px 0px 0;
  }

  .mapMsgfor-mobileOnly .Toastify__toast-container--top-right {
    top: 80px !important;
    transform: translateX(-50%) !important;
    z-index: 999999999999 !important;
    left: 50% !important;
    width: 92vw !important;
  }

  .sideTabs .nav-link.active:after {
    z-index: 1;
  }

  .LeftSideSpace {
    min-height: auto;
  }

  .centerButtonsSecurity {
    padding: 0 15px;
  }

  .bold-text {
    font-weight: 600;
  }

  .d-block-mob {
    display: block;
    font-weight: 600;
  }

  ul.BookingLabels li {
    font-weight: 600;
  }
}

/* ============================================ css for updated design 2024============================ */

.region-wrapper {
  width: 100%;
  position: relative;
  min-height: 242px;
  max-height: 242px;
  height: 100%;
}

.region-wrapper .location-text {
  font-size: 25px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 39px;
  padding: 0px 0px;
  margin: 0 0 0px 0;
  text-align: left;
}

.up-arrowCircle-img {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 80px;
  height: 80px;
}

.down-arrowCircle-img {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 80px;
  height: 80px;
}

.locationIcon-img {
  display: inline-block;
  margin-right: 16px;
}

.region-title {
  padding: 0px 0;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 700;
  color: #233c7e;
  text-align: center;
}

.region-wrapper.main-region {
  /* min-height: 296px;
  max-height: 296px; */
  margin-top: 50px;
  margin-bottom: 50px;
  height: 100%;
}

.rightTick-withCircle {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 15px;
}

.booking-numlabel {
  font-size: 16px;
  color: #233c7e;
  font-weight: 500;
  padding-left: 0;
  margin: 25px 0;
}

.Regi_border.summary-wrapper {
  border: 0;
  background-color: #d8e2ff;
  border-radius: 25px;
  padding: 20px;
}

.summSignLoc .tableSpace {
  font-size: 14px;
  color: #233c7e;
  font-weight: 400;
}

.summSignLoc .tableSpace.bold-text {
  font-weight: 600;
}

.tableSpace.nopadding {
  padding: 0 !important;
}

.date-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 15px !important;
}

.booking-reg-wrapper .summSignLoc {
  color: #233c7e;
  font-size: 14px;
  font-weight: 400;
}

.booking-reg-wrapper .PropSignTable {
  border: 0;
}

.booking-reg-wrapper .PropSignTable th {
  background: transparent;
}

.summery-inner-wrapper {
  padding: 0px 15px;
}

.summery-item {
  padding: 15px 0px;
  border-bottom: 1px solid #233c7e;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.summery-inner-wrapper .summSignLoc {
  padding-left: 0 !important;
  margin-bottom: 0;
}

.tableSpace-val {
  display: inline-block;
  margin-left: 10px;
}

.total-txt {
  font-size: 18px;
  font-weight: 700;
  color: #233c7e;
  line-height: 24px;
  display: flex;
  justify-content: end;
  margin-bottom: 0;
  width: 100%;
}

.summery-item:last-child {
  border-bottom: 0;
}

.ThanksSection .SummarySignLabel {
  border: 0;
  font-weight: 700;
  font-size: 22px;
  color: #233c7e;
  margin-bottom: 20px;
  padding: 0;
}

.property-details-wrapper {
  border: 0;
  background-color: #d8e2ff;
  border-radius: 25px;
  padding: 20px;
}

.imgWrapper-view {
  max-height: 185px !important;
  width: 100%;
  height: 100% !important;
}

.imgWrapper-view img {
  object-fit: cover;
  border-radius: 30px;
}

.booking-text {
  font-weight: 600;
  font-size: 14px;
  color: #233c7e;
  margin-bottom: 20px;
}

.booking-info-icons {
  display: inline-block;
  margin-right: 10px;
}

.prop-name-details {
  border: 0;
  font-weight: 700;
  font-size: 22px;
  color: #233c7e;
  margin-bottom: 20px;
  padding: 0;
}

.no-border {
  border: 0 !important;
}

.propDetails-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 0;
}

.propDetails-list p {
  font-size: 14px;
  font-weight: 400;
  color: #233c7e;
}

.propDetails-list span {
  font-weight: 600;
  font-size: 14px;
  color: #233c7e;
}

.propExtraDetails-wrapper {
  margin-top: 40px;
}

.View_BookingBtn {
  width: 100%;
  border-radius: 30px;
  background-color: #233c7e;
  font-weight: 400;
  margin: 15px 0 30px;
}

.SignatureLabel {
  background-color: #d8e2ff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}

.SignatureLabel {
  font-size: 20px;
  color: #233c7e;
  font-weight: 600;
}

.SignatureLabel span {
  font-weight: 400;
  font-size: 16px;
}

.reqField-noteTxt {
  color: #1c1c1c;
  font-size: 13px;
  font-weight: 400;
}

.payment-info-wrapper p {
  font-size: 14px;
  color: #5e5e5e;
  font-weight: 400;
}

.payment-info-wrapper p span {
  color: #233c7e;
  font-weight: 700;
  display: inline-block;
  margin-left: 8px;
}

.paymentInfo-top {
  display: flex;
  align-items: center;
  gap: 70px;
}

.paymentRadio-wrapper {
  border: 3px solid #d5d5d5;
  border-radius: 30px;
  height: 50px;
  padding: 5px 30px;
  color: #233c7e;
  font-size: 20px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.payment-icon {
  width: 60px;
  display: inline-block;
  opacity: 0.7;
}

.paymentRadio-wrapper input[type="radio"] {
  appearance: none;
  padding: 10px;
  border: 3px solid #d5d5d5;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.paymentRadio-wrapper.active {
  border-color: #00dcff;
}

.paymentRadio-wrapper input[type="radio"]:checked {
  border: 6px solid #00dcff;
  padding: 4px;
}

.paymentMethoad-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}

.paymentMethod-wrapper h3 {
  font-size: 25px;
  line-height: 36px;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #233c7e;
}

.paymentMethod-wrapper {
  padding-top: 30px;
}

.paymentMethoad-details h3 {
  font-size: 25px;
  line-height: 36px;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 15px;
}

.paymentMethoad-details label {
  font-size: 14px;
  font-weight: 600;
  color: #1c1c1c;
  margin-bottom: 8px;
  display: block;
}

.payment-input {
  background-color: #fff;
  border: 0;
  outline: none;
  border-radius: 25px;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  margin-bottom: 8px;
  width: 100%;
  margin-bottom: 18px;
}

.paymentMethoad-details {
  background-color: #e6ebfa;
  padding: 30px;
  border-radius: 25px;
  margin-top: 50px;
}

.paymentMethod-chk {
  width: 20px;
  height: 20px;
}

.paymentMethod-chk-div {
  font-size: 14px;
  font-weight: 400;
  color: #233c7e;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.stripeInfo-txt {
  font-size: 14px;
  font-weight: 400;
  color: #828eaf;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-top: 20px;
}

.payment-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  background-color: #233c7e;
  border-radius: 25px;
  border: 0;
  padding: 10px 20px;
  width: 100%;
  margin-top: 20px;
}

.loc_addres span {
  color: #233c7e;
  display: inline-block;
  margin-left: 6px;
  font-weight: 600;
}

.subtotal-row {
  border-top: 1px solid #233c7e;
  padding-top: 15px;
}

.summaryTotal-wrapper {
  background-color: #e6ebfa;
  border-radius: 40px;
  padding: 30px 30px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.summary-area-wrap {
  padding: 25px 30px;
  background-color: #e6ebfa;
}

.summary-area-wrap h3.listHeaderTitle {
  margin-bottom: 18px;
}

.summaryTotal-wrapper h4 {
  font-size: 22px;
  color: #818985;
  font-weight: 700;
  margin-bottom: 0;
}

.summaryTotal-wrapper h4 span {
  color: #233c7e;
}

.timeRemaining-txt {
  font-size: 16px;
  color: #5873ba;
  font-weight: 500;
  text-align: right;
}

.paymentMethod-col {
  padding: 40px 0 25px;
}

.paypal-input {
  background-color: #ffc439;
}

.paylink-input {
  background-color: #00d66f;
  color: #1b1b1b;
  font-size: 16px;
}

.paymentMethoad-details .payment-icon {
  opacity: 1;
}

.mainTitle-txt {
  font-size: 30px;
  color: #233c7e;
  font-weight: bold;
  margin-bottom: 35px;
  text-align: center;
  margin-top: 30px;
}

.serviceImg-icon {
  width: 50px;
}

.services-wrap {
  background-color: #e6ebfa;
  padding: 12px 18px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  color: #233c7e;
  border-radius: 25px;
  background-image: url(../images/new-images/drpDown-arrow.svg);
  background-repeat: no-repeat;
  background-position: 96%;
  background-size: 13px;
}

.service-list-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 12px 0;
}

.service-list-wrap:first-child {
  padding-top: 0;
}

.services-innerDiv {
  width: 100%;
}

.servicesSummary-wrapper {
  padding: 25px 30px;
  background-color: #e6ebfa;
  border-radius: 25px;
}

.summaryMain-title {
  font-size: 25px !important;
  font-weight: 600;
  margin-bottom: 18px;
  color: #233c7e;
}

.summaryType-txt {
  font-size: 14px;
  font-weight: 500;
  color: #818985;
  margin-bottom: 15px;
}

.selected-services p {
  font-size: 14px;
  font-weight: 600;
  color: #233c7e;
  margin-bottom: 0%;
  /* position: relative; */
  /* right: 3px; */
}

.selected-services {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}

.servicesdelete-icon {
  width: 16px;
  cursor: pointer;
}

.selected-services {
  display: flex;
  align-items: center;
}

.servicesSubtype {
  font-size: 14px;
  color: #818985;
  font-weight: 400;
  display: block;
  padding: 5px 0 0 30px;
}

.servicesSubtotal-div {
  padding: 25px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #233c7e;
}

.servicesSubtotal-div p {
  margin-bottom: 0;
  font-size: 14px;
  color: #818985;
  font-weight: 500;
}

.servicesSubtotal-div .subtotal-val {
  color: #233c7e;
  font-weight: 700;
  position: relative;
  right: 14px;
}

.servicesNotes-txtArea {
  border: 1px solid #707070;
  border-radius: 20px;
  color: #818985;
  font-size: 16px;
  width: 100%;
  padding: 15px 25px;
  outline: none;
  margin-top: 25px;
}

.locationInput-area {
  border: 1px solid #707070;
  border-radius: 25px;
  color: #818985;
  font-size: 16px;
  width: 100%;
  padding: 15px 25px;
  outline: none;
  margin-top: 25px;
  height: 55px;
}

.useful-info {
  background-color: #e6ebfa;
  border-radius: 25px;
  padding: 25px 30px;
  margin-top: 25px;
}

.useful-info h4 {
  font-size: 20px;
  font-weight: 700;
  color: #233c7e;
}

.useful-info p {
  font-size: 18px;
  font-weight: 400;
  color: #233c7e;
}

.registrationNot-req {
  margin-top: 25px;
  font-size: 14px;
  color: #233c7e;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.registrationNot-bullet {
  display: inline-block;
  background-color: #233c7e;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

.serviceBook-btnDiv {
  text-align: right;
  margin-top: 25px;
}

.serviceBook-btnDiv button {
  background-color: #233c7e;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  padding: 12px 20px;
  width: auto;
  height: 45px;
  border: 0;
  border-radius: 25px;
}

.serviceImg-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
}

.serviceImg-wrap h6 {
  font-size: 18px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 5px;
}

.servicesItem-name {
  font-size: 16px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 16px;
}

.serviceImg-wrap p {
  font-size: 14px;
  font-weight: 400;
  color: #233c7e;
  margin-bottom: 5px;
}

.consumerScroll-map .flexCenter.pos-relative {
  position: relative;
  max-height: 80px;
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}

.serviceImg-wrap span {
  font-size: 14px;
  font-weight: 400;
  color: #233c7e;
  display: block;
  margin-bottom: 5px;
}

.servicesItem-wrap {
  background-color: #e6ebfa;
  border-radius: 25px;
  padding: 25px 30px;
}

.servicesItem-img {
  width: 80px;
}

.servicesItem-img.servicesImg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.services-info-wrapper {
  padding-left: 60px;
}

.quantity-infoWrap {
  display: flex;
  align-items: center;
  gap: 45px;
  justify-content: end;
}

.quantity-num {
  font-size: 16px;
  color: #818985;
  font-weight: 500;
  background-color: unset !important;
}

.servicesInfo-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.addBtnWithQuantity {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #233c7e;
  border: 0;
  outline: none;
  height: 40px;
  border-radius: 30px;
  padding: 12px 20px;
  width: 85%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0;
  gap: 15px;
  opacity: 0.4;
}

.addBtnWithQuantity.active {
  opacity: 1;
}

.quantity-infoWrap span {
  margin: 0;
  background-color: #213c7c;
}

.services-item-row {
  margin-bottom: 70px;
}

.services-item-row:last-child {
  margin-bottom: 0;
}

.services-info-wrapper {
  margin-bottom: 20px;
}

.services-info-wrapper:last-child {
  margin-bottom: 0;
}

.locationSelect-top span {
  color: #676b71;
  font-size: 18px;
  font-weight: 700;
}

.locationSelect-dateWrap {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 30px 0;
}

.locationSelect-dateWrap span {
  color: #676b71;
  font-size: 18px;
  font-weight: 700;
}

.additionalItem-wrapper h6 {
  font-size: 18px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 35px;
}

.additionalItem-wrapper p {
  font-size: 16px;
  font-weight: 500;
  color: #676b71;
  margin-bottom: 0;
  text-align: center;
}

.quantity-span {
  font-size: 18px;
  font-weight: 500;
  color: #676b71;
  margin-bottom: 0;
}

.plusminus-span {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
  background-color: #213c7c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  cursor: pointer;
}

.locationSelect-wrapper {
  width: 100%;
  padding-bottom: 0px;
}

.locationSelectDrp-div {
  margin: 0px 0 35px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.selectLocation-quantity {
  display: flex;
  align-items: center;
  gap: 40px;
}

.locationSelectDrp-select {
  background-color: #e6ebfa;
  padding: 12px 18px;
  height: 45px;
  font-size: 16px;
  font-weight: 600;
  color: #233c7e;
  border-radius: 25px;
  background-image: url(../images/new-images/drpDown-arrow.svg);
  background-repeat: no-repeat;
  background-position: 98% 20px;
  background-size: 13px;
  width: 100%;
  border: 0;
  appearance: none;
  outline: none;
  text-overflow: ellipsis;
  height: auto;
  padding-right: 120px;
  white-space: normal;
}

.locationSelectimg-icon {
  width: 28px;
}

.locationSelectDrp-icon {
  width: 40px;
}

.additionalItems-row {
  margin-bottom: 25px;
}

.extraServices-wrapper h6 {
  font-size: 18px;
  font-weight: 700;
  color: #233c7e;
  margin: 35px 0;
}

.extraServices-innerwrapper {
  background-color: #e6ebfa;
  padding: 25px 45px;
  border-radius: 25px;
}

.extraServices-row p {
  font-size: 16px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 0;
  text-align: left;
}

.extraServices-row {
  margin-bottom: 30px;
}

.extraServices-addBtn {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #233c7e;
  border: 0;
  outline: none;
  height: 40px;
  border-radius: 30px;
  padding: 12px 20px;
  width: 65%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.selectLocation-btnDiv {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 30px 0 20px;
  gap: 25px;
}

.selectLocation-btnDiv .fill-btn {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #233c7e;
  border: 0;
  outline: none;
  height: 45px;
  border-radius: 30px;
  padding: 12px 45px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.selectLocation-btnDiv .outline-btn {
  font-size: 16px;
  font-weight: 400;
  color: #233c7e;
  border: 1px solid #233c7e;
  background-color: #fff;
  outline: none;
  height: 45px;
  border-radius: 30px;
  padding: 12px 35px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.additional-list {
  flex-direction: column;
}

.additional-list-child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

.additionalServices-row .summSignLoc {
  margin-bottom: 0;
  padding-left: 0;
}

.summery-item.additionalServices-row {
  border-bottom: 0;
  padding: 8px 0px;
}

.services-mainTitle {
  color: #233c7e;
  font-size: 14px;
  font-weight: 400;
}

.summery-item.additionalServices-row:last-child {
  border-bottom: 1px solid #233c7e;
}

.locationItem-priceVal {
  font-size: 16px;
  font-weight: 600;
  color: #233c7e;
  margin-bottom: 0;
  position: absolute;
  right: 45px;
  top: 15px;
}

.locationdrp-wrapDiv {
  margin: 0px 0 35px;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  position: relative;
}

.price-style {
  color: #233c7e;
}

.summery-item:last-child {
  border-bottom: 1px solid #233c7e;
}

.summery-item-total {
  border-bottom: 0 !important;
  padding: 0 15px;
}

.summaryApply-btn {
  margin-right: 0 !important;
  width: 100% !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.summaryApply-btn-col {
  padding-right: 0 !important;
}

.totalCol-div {
  padding: 0 !important;
}

.comsumerMapMoadl-bodyDiv {
  padding: 0 !important;
}

.duplicate-location-error {
  text-align: center !important;
  color: red !important;
  font-size: 15px !important;
}

.OptionBtniimgicon {
  margin-right: 10px;
  width: 25px;
}

.OptionBtn-col {
  display: inline-flex !important;
  align-items: center;
  justify-content: center !important;
}

.lightBlue_bg {
  color: #233c7e;
  font-size: 14px;
  font-weight: 500;
}

.lightBlue_bg.availability-box {
  text-align: center;
}

.availEdit-btn {
  margin: 0 auto;
}

.availEdit-btn-outline {
  margin: 0 auto;
  padding-left: 25px;
}

.addAnotherBookingLabel {
  text-align: left;
}

.consumerMap-modal {
  margin-top: 0;
}

.optRow-img-icon {
  width: 24px;
  margin-right: 1rem !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .Prop_leftbar.desk-only {
    display: none !important;
  }

  ul.breadcrumb {
    margin-bottom: 0px !important;
  }

  .topChk-div {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
  }

  .header-logo-scroll {
    height: 100px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  ul.TopMenu {
    padding-right: 6px;
    padding-left: 40px !important;
    width: 50%;
    justify-content: space-between;
  }

  .TopMenu li {
    margin: 4px 0 !important;
  }

  .parentSearch {
    margin-top: 0 !important;
  }

  .dayHeader-wrap {
    padding-right: 0 !important;
  }

  .horizontal-header.mobHeader-only {
    padding-top: 12px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .Prop_leftbar.detailsCol-reverse {
    padding: 0;
  }

  .summery-item-total {
    padding: 0;
  }

  .noPlannerRecord-errorMsg {
    top: 440px !important;
  }

  .locationSelectimg-icon {
    width: 22px;
  }

  .locationSelect-dateWrap span {
    color: #676b71;
    font-size: 15px;
    font-weight: 600;
  }

  .locationItem-priceVal {
    right: 45px;
    top: 12px;
  }

  .selectLocation-quantity {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: end;
  }

  .additionalItem-wrapper p {
    text-align: left;
  }

  .locationdrp-wrapDiv .locationSelectimg-icon {
    width: 38px !important;
  }

  .selectLocation-btnDiv {
    flex-direction: column;
  }

  .selectLocation-btnDiv button {
    width: 100%;
  }

  .selectLocation-btnDiv .outline-btn {
    white-space: nowrap;
  }

  .fav-div {
    display: flex;
    position: relative;
  }
}

.bookingSummary-colDiv {
  padding: 0 !important;
}

.summery-inner-wrapper {
  padding: 0px 0px;
}

.imgWrapper-view {
  max-height: none !important;
}

.property-details-wrapper {
  padding: 0px 15px;
}

.property-details-wrapper {
  padding: 15px 0px !important;
}

.property-details-wrapper .imgWrapper-view {
  margin-bottom: 15px;
}

/* .bookingSummary-colDiv .tableSpace-val {
    margin-left: 0px;
    display: block;
  } */

.bookingSummary-colDiv .summery-item {
  align-items: flex-end;
}

.hideFrom-mobView {
  display: none;
}

.Regi_border.no-border.bookingSummary-colDiv {
  margin-top: 22px;
}

.propExtraDetails-wrapper .propDetails-list p {
  margin-bottom: 0;
}

.regulation-txt {
  white-space: nowrap;
}

.propExtraDetails-wrapper .propDetails-list {
  align-items: flex-start;
  gap: 10px;
}

.regulationInnerTxt {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #233c7e !important;
  text-align: right !important;
}

.regulationInnerTxt p {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #233c7e !important;
  text-align: right !important;
}

.OptionBtniimgicon {
  margin-right: 8px;
  width: 18px;
}

.propInfo-btnBlock {
  margin-top: 24px;
}

.lightBlue_bg.availability-box {
  padding-left: 25px;
}

.mapColDiv {
  margin-top: 14px;
}

.availability-row {
  padding-top: 14px;
}

.addAnotherBookingLabel {
  margin-top: 0;
}

.mapColDiv {
  padding: 0 !important;
}

.PropServiceLabel.leftTitleSpace {
  padding-left: 0px !important;
}

.PropServiceLabel.propDetails-bookingTitle {
  padding-left: 0 !important;
}

.optRow-img-icon {
  width: 24px;
  margin-right: 1rem !important;
}

#houseRules-section .PropServiceLabel {
  padding-left: 0 !important;
}

.houseRuleSection {
  padding-left: 0;
  /* padding-right: 15px; */
}

.Prop_leftbar.detailsCol-reverse {
  padding-left: 15px;
  padding-right: 15px;
}

.payProp-div {
  padding: 26px 15px;
}

.rowReverse-mobile .Prop_leftbar.detailsCol-reverse {
  padding-left: 0px;
  padding-right: 0px;
}

.consumerMap-modal {
  padding: 0 15px !important;
}

.text-content {
  padding: 0 15px !important;
}

.prodDesc-wrraperDiv {
  margin-top: 0px !important;
}

.prodDesc-wrraperDiv .PropServiceLabel.text-left {
  padding-left: 0 !important;
}

.sharingdate-input-box {
  background-color: #f6f6f6;
  border: 0;
  font-size: 14px;
  color: #707070;
  font-weight: 500;
  height: 42px;
  max-width: 360px;
  border-radius: 25px;
  width: 100%;
  padding: 8px 15px;
  display: inline-flex;
  align-items: center;
  gap: 40px;
}

.datesTxt-wrapper {
  display: inline-flex;
  gap: 20px;
}

.addDate-divWrap p {
  font-size: 18px;
  color: #233c7e;
  font-weight: 400;
  margin-bottom: 0;
}

.addDate-divWrap {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 15px;
}

.addDate-btnImg {
  width: 32px;
}

.sharing-style {
  background: transparent;
  border: 0;
}

.bookingSummary-titleTxt {
  font-size: 25px !important;
  font-weight: 600;
  margin-bottom: 5px;
  color: #233c7e;
  margin-bottom: 25px;
}

.seeBooking-txtWrap h3 {
  font-size: 25px !important;
  font-weight: 600;
  margin-bottom: 5px;
  color: #233c7e;
  margin-bottom: 25px;
}

.seeBooking-icon {
  width: 18px;
  margin-right: 12px;
}

.seeBooking-txtWrap p {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #233c7e;
}

.seeBooking-infoWrap p {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #233c7e;
}

.seeBooking-infoWrap p span {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #233c7e;
  display: inline-block;
  margin: 0 5px;
}

.seeBooking-totalAmt {
  font-size: 25px !important;
  font-weight: 600;
  margin-bottom: 5px;
  color: #233c7e;
  margin-bottom: 15px;
  margin-top: 35px;
}

.seeBooking-inner {
  background-color: #d8e2ff;
  padding: 30px 20px;
  border-radius: 25px;
}

.seeBooking-wrapper {
  margin: 40px 0 60px;
}

.seeBooking-btn {
  font-size: 14px;
  color: #233c7e;
  font-weight: 500;
  border: 1px solid #233c7e;
  border-radius: 33px;
  height: 38px;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  background-color: transparent;
  width: 100%;
}

.seeBooking-sharingBtn {
  font-size: 14px;
  color: #233c7e;
  font-weight: 500;
  border: 1px solid #233c7e;
  border-radius: 33px;
  height: 38px;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  background-color: transparent;
  width: 100%;
}

.seeBooking-infoWrap {
  margin-top: 50px;
}

.cross-iconSpan {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  background-color: #233c7e;
  border-radius: 50%;
  position: absolute;
  margin-left: 15px;
  cursor: pointer;
}

.additional-sharingdate-inputWrapper {
  margin-top: 20px;
  position: relative;
}

.servicesVarient-popupContent h4 {
  font-size: 20px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 15px;
  text-align: center;
}

.servicesVarient-popupBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-top: 20px;
}

.servicesVarient-popupBtn .fill-btn {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #233c7e;
  border: 0;
  outline: none;
  height: 40px;
  border-radius: 30px;
  padding: 12px 25px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0;
  gap: 15px;
  border: 1px solid transparent;
}

.servicesVarient-popupBtn .outline-btn {
  font-size: 16px;
  font-weight: 400;
  color: #233c7e;
  background-color: transparent;
  border: 0;
  outline: none;
  height: 40px;
  border-radius: 30px;
  padding: 12px 25px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0;
  gap: 15px;
  border: 1px solid #233c7e;
}

.varient_confirmation_modal {
  max-width: 400px;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.legendContent-txt {
  color: #5e5e5e;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0;
}

.legendContent-icon {
  width: 20px;
  margin-right: 12px;
  display: inline-block;
  max-width: 100%;
}

.legendContent-row {
  margin-bottom: 15px;
}

.legendContent-row:last-child {
  margin-bottom: 0;
}

.legendClose-icon {
  position: absolute;
  top: -9px;
  right: 9px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.modal-dialog.online-list-modal.modal-xl {
  max-width: 1200px;
}

.additional-item-price {
  width: 20%;
}

.Additonalservices-newStyle {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.Additonalservices-newStyle-price {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.Additonalservices-newStyle p {
  margin-bottom: 0;
}

.Additonalservices-newStyle span {
  margin-bottom: 0;
}

.Additonalservices-newStyle-price p {
  margin-bottom: 0;
}

.Additonalservices-newStyle-price span {
  margin-bottom: 0;
}

.serviceVarientText {
  font-weight: 500;
  color: #233c7e;
  font-size: 14px;
}

.consumerMapModal {
  padding-left: 0 !important;
}

.legendInfo-icon {
  width: 20px;
}

.legend-btn {
  background-color: #e2e2e2;
  border-radius: 25px;
  border: 0;
  height: 35px;
  padding: 8px 30px;
  color: #233c7e;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.consumerMapControls-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0px 0 0;
  padding-top: 3px;
  gap: 80px;
}

.zoomControl-BtnDiv {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}

.zoomControl-Btn {
  color: #233c7e;
  font-size: 22px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #e2e2e2;
  border: 0;
}

#consumerMapZoom-btns {
  position: absolute;
  top: unset;
  right: unset;
  bottom: 8px !important;
  z-index: 8;
  left: 208px;
  cursor: pointer;
  padding: 0 26px 0px 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#consumerMapZoom-btns button {
  color: #233c7e;
  font-size: 22px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #e2e2e2;
  border: 0;
}

.fav-tooltip {
  background-color: #fff;
  padding: 8px;
  display: flex;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 99;
  flex-wrap: nowrap;
  min-width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sharingFb-icon {
  width: 15px;
}

.sharingWhatsapp-icon {
  width: 20px;
}

.availabilityTblStyle.packages-tbl {
  /* border-bottom-left-radius: 0; */
  margin-top: 0;
}

.lightBlue_bg.availability-box {
  padding-left: 25px !important;
}

.read-only-calendar-input[readonly] {
  background-color: #f6f6f6 !important;
  opacity: 1 !important;
}

.prodDesc-wrraperDiv {
  margin-top: 20px !important;
}

.consumerMapImg-container {
  margin-top: -5px;
}

.availability-row .text-content p {
  text-align: left;
}

#lightBlue_bg_heading {
  padding-left: 25px !important;
}

.propInfo-btnBlock {
  margin-top: 0;
}

.availability-box strong {
  display: unset !important;
}

.mapColDiv {
  margin-top: 0;
}

.lightBlue_bg.availability-box .checkmarkReserve {
  left: 90px;
  top: 3px;
}

.multiadditinalItems-div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.multiadditinalItems7-col {
  flex-direction: column;
}

.multiadditinalItems-div span {
  display: block;
  text-align: right;
  flex-grow: 1;
  padding: 0 15px;
}

.multiadditinalItems-span {
  padding: 0 !important;
}

#consumerMap-mainWrapperDiv {
  max-height: 80vh;
}

#consumerMap-mainWrapperDiv .transform-component-module_wrapper__SPB86 {
  max-height: 80vh !important;
}

#consumerMapModal .modal-dialog {
  top: 50% !important;
  transform: translate(0px, -50%) !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .Prop_leftbar.desk-only {
    display: none !important;
  }

  ul.breadcrumb {
    margin-bottom: 0px !important;
  }

  #consumerMapModal.mapModalWrapper .modal-body {
    padding: 5px !important;
    height: 100vh !important;
  }
}

.credit-date-section {
  display: flex;
  align-items: center;
}

.creditTop-section .credit-search-section .todayDivButton {
  margin: 0 0 0px 15px;
}

.creditTop-section .exportBtn-div .exportBtncls {
  margin-bottom: 0px;
}

.creditTop-section .ContactInputform {
  margin-bottom: 0px;
}

.settingsServices-btnDiv {
  padding: 0 15px !important;
}

.settingsDiscount-btnDiv {
  padding: 0 15px !important;
}

.mobHeader-only {
  display: none !important;
}

.deskHeader-only {
  display: flex !important;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url(../images/new-images/menu-icon.svg);
  width: 1.2em;
  height: 1.2em;
}

.navbar-toggler {
  border: 0 !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #consumerMap-mainWrapperDiv .transform-component-module_wrapper__SPB86 {
    max-height: 80vh !important;
  }

  .consumerMapControls-div {
    padding-top: 13px;
  }

  .Prop_leftbar.detailsCol-reverse {
    padding: 0;
  }

  .mobHeader-only {
    display: flex !important;
  }

  .deskHeader-only {
    display: none !important;
  }

  .noAvailableClassPropDet {
    height: auto !important;
  }

  .propSignInwrap-main .allSideBorder {
    padding: 15px;
  }

  .Search_area {
    padding: 15px 15px;
  }

  .nopadding-mob {
    padding: 0;
  }

  .credit-search-section .LabelPhoto {
    padding: 0 10px 0px !important;
    margin: 0 !important;
  }

  .settingsServices-btnDiv {
    padding: 0 0px !important;
  }

  .settingsDiscount-btnDiv {
    padding: 0 0px !important;
  }

  .movementstop-col {
    flex-direction: column;
  }

  .spaceModal-div {
    position: relative;
  }

  .cashDesk-addDepositModal .modal-body {
    padding: 1rem !important;
  }

  .paymentMethod-rowDiv {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .cashDesk-addDepositModal .enterDeposit-col {
    padding: 0 15px 0 0 !important;
  }

  .cashDesk-addDepositModal .react-datepicker-wrapper {
    padding-left: 0 !important;
    padding-right: 15px !important;
  }

  .bookingLimitsBottomBtn-div {
    margin-top: 0px;
    position: absolute;
    bottom: 15px;
    right: 0;
  }

  .movementstop-col a {
    width: 100%;
  }

  .summery-item-total {
    padding: 0;
  }

  .creditTop-section .credit-search-section .todayDivButton {
    margin: 15px 15px 15px;
  }

  .creditTop-section .exportBtn-div .exportBtncls {
    margin-bottom: 15px;
  }

  .creditTop-section .ContactInputform {
    margin-bottom: 15px;
  }

  .multiadditinalItems-span {
    white-space: nowrap;
  }

  .locationSelectimg-icon {
    width: 22px;
  }

  .pageBathInfo-col {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
  }

  .pageBathInfo-col button {
    margin: 0 !important;
  }

  #Seasonsperiods .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Seasonsperiods .BottomBtn button {
    margin: 0 !important;
  }

  #Sectorsrow .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Sectorsrow .BottomBtn button {
    margin: 0 !important;
  }

  #Configuremap .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Configuremap .BottomBtn button {
    margin: 0 !important;
  }

  #WarehouseSettings .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #WarehouseSettings .BottomBtn button {
    margin: 0 !important;
  }

  #Services .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Services .BottomBtn button {
    margin: 0 !important;
  }

  #Discountsvouchers .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Discountsvouchers .BottomBtn button {
    margin: 0 !important;
  }

  #PriceList .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #PriceList .BottomBtn button {
    margin: 0 !important;
  }

  #Sharing .bottomBtnsDiv {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Sharing .bottomBtnsDiv button {
    margin: 0 !important;
  }

  .ol-resr-btn-div {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 0px 8px;
  }

  .ol-resr-btn-div button {
    margin: 0 !important;
    font-size: 16px !important;
  }

  .printer-setting-div {
    padding: 25px 30px;
    margin: 15px 0;
  }

  #Printersettings .bottom-btn-div {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Printersettings .bottom-btn-div button {
    margin: 0 !important;
  }

  #Usermanagement .BottomBtn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    padding: 55px 8px;
  }

  #Usermanagement .BottomBtn button {
    margin: 0 !important;
    font-size: 16px !important;
  }

  .tab-pane .BottomBtn button {
    font-size: 16px !important;
  }

  .tab-pane .bottomBtnsDiv button {
    font-size: 16px !important;
  }

  #empTable {
    table-layout: unset;
  }

  .addUserBtn-div .AddUserBtn.w-auto {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .locationSelect-dateWrap span {
    color: #676b71;
    font-size: 15px;
    font-weight: 600;
  }

  .locationItem-priceVal {
    right: 45px;
    top: 12px;
  }

  .selectLocation-quantity {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: end;
  }

  .additionalItem-wrapper p {
    text-align: left;
  }

  .locationdrp-wrapDiv .locationSelectimg-icon {
    width: 38px !important;
  }

  .selectLocation-btnDiv {
    flex-direction: column;
  }

  .selectLocation-btnDiv button {
    width: 100%;
  }

  .selectLocation-btnDiv .outline-btn {
    white-space: nowrap;
  }

  .bookingSummary-colDiv {
    padding: 0 !important;
  }

  .summery-inner-wrapper {
    padding: 0px 0px;
  }

  .imgWrapper-view {
    max-height: none !important;
  }

  .property-details-wrapper {
    padding: 0px 15px;
  }

  .property-details-wrapper {
    padding: 15px 0px !important;
  }

  .property-details-wrapper .imgWrapper-view {
    margin-bottom: 15px;
  }

  .bookingSummary-colDiv .tableSpace-val {
    margin-left: 0px;
    display: block;
  }

  .bookingSummary-colDiv .summery-item {
    align-items: flex-end;
  }

  .hideFrom-mobView {
    display: none;
  }

  .Regi_border.no-border.bookingSummary-colDiv {
    margin-top: 22px;
  }

  .propExtraDetails-wrapper .propDetails-list p {
    margin-bottom: 0;
  }

  .regulation-txt {
    white-space: nowrap;
  }

  .propExtraDetails-wrapper .propDetails-list {
    align-items: flex-start;
    gap: 10px;
  }

  .regulationInnerTxt {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #233c7e !important;
    text-align: right !important;
  }

  .regulationInnerTxt p {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #233c7e !important;
    text-align: right !important;
  }

  .OptionBtniimgicon {
    margin-right: 8px;
    width: 18px;
  }

  .propInfo-btnBlock {
    margin-top: 24px;
  }

  .lightBlue_bg.availability-box {
    padding-left: 25px;
  }

  .mapColDiv {
    margin-top: 14px;
  }

  .availability-row {
    padding-top: 14px;
  }

  .addAnotherBookingLabel {
    margin-top: 0;
  }

  .mapColDiv {
    padding: 0 !important;
  }

  .PropServiceLabel.leftTitleSpace {
    /* padding-left: 15px !important; */
  }

  .PropServiceLabel.propDetails-bookingTitle {
    padding-left: 0 !important;
  }

  .optRow-img-icon {
    width: 24px;
    margin-right: 1rem !important;
  }

  #houseRules-section .PropServiceLabel {
    padding-left: 0 !important;
  }

  #houseRuleSection {
    padding-left: 0px !important;
    /* padding-right: 15px; */
  }

  .Prop_leftbar.detailsCol-reverse {
    padding-left: 15px;
    padding-right: 15px;
  }

  .payProp-div {
    padding: 26px 15px;
  }

  .rowReverse-mobile .Prop_leftbar.detailsCol-reverse {
    padding-left: 0px;
    padding-right: 0px;
  }

  .consumerMap-modal {
    padding: 0 15px !important;
  }

  .text-content {
    padding: 0 15px !important;
  }

  .prodDesc-wrraperDiv {
    margin-top: 0px !important;
  }

  .prodDesc-wrraperDiv .PropServiceLabel.text-left {
    padding-left: 0 !important;
  }

  .OptionBtn li {
    white-space: normal !important;
  }

  .thumbs-wrapper.axis-vertical .thumbs.animated {
    margin-bottom: 0 !important;
  }

  #lightBlue_bg_heading {
    padding-left: 0px !important;
  }

  .detailsDateInputCol .react-datepicker__input-container {
    width: max-content;
    max-width: 100%;
  }

  .detailsDateInputCol {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
  }

  .lightBlue_bg.availability-box .checkmarkReserve {
    left: 70px;
    top: 1px;
  }

  .bookingLimitsBtn-div .onlineResBtn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .spaceModal-div .newRule-row .bookLimitInput-col {
    padding-right: 15px;
  }

  .spaceModal-div .newRule-row .ol-textInput {
    width: 100%;
    margin-bottom: 15px;
  }

  .spaceModal-div .newRule-row .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .spaceModal-div .newRule-row .onlineReserve-label {
    margin-bottom: 8px;
  }

  .spaceModal-div {
    padding: 20px 15px 30px;
  }

  .printer-dialog {
    width: 100% !important;
  }

  .printer-dialog-heading {
    margin-top: 30px;
  }

  .online_btn_rows .onlineResBtn {
    margin-left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .enterDeposit-col {
    padding: 0 15px !important;
  }

  .popularBathhouse-section-div .ImageContainerinner {
    max-height: 232px;
    height: 100%;
    min-height: 232px;
  }

  .popularBathhouse-section-div .ImageContainerinner img {
    object-fit: cover;
  }

  .reservationDetails-bottomBtn {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .reservationDetails-bottomBtn button {
    font-size: 16px !important;
    margin: 0 !important;
    padding: 7px 22px !important;
  }

  .paymnetMethod-divCol {
    padding: 0 15px;
  }

  /* =============== added common css for all buttons================= */

  button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* =============== added common css for all buttons end================= */
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
  .credit-search-section .exportBtn-div {
    gap: 15px;
    padding: 0 0px !important;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }

  .credit-search-section .exportBtn-div .exportBtncls {
    padding: 7px 30px;
    margin: 0 0 15px;
  }

  .creditTop-section .ContactInputform {
    width: 100%;
  }

  .movementstopbutton-col {
    flex-direction: row;
  }

  .movementstop-col .todayDivButton {
    width: auto;
  }

  .PackageList_box .DeleteBtn {
    width: unset !important;
    padding: 6px 0px;
  }

  .scheduler-controls .zoom-item {
    align-items: center;
    z-index: 1 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 414px) {
  .nopadding-mob {
    padding: 0 !important;
  }

  .availabilityDate-row {
    flex-direction: column;
    align-items: center;
  }

  .extraServices-innerwrapper span.quantity-span {
    min-width: 30px;
    text-align: center;
  }

  .selectLocation-quantity .plusminus-span {
    flex-shrink: 0;
  }

  .availabilityDate-row .availabilityDate-col {
    padding-left: 0;
  }

  .consumerMapBtn {
    padding: 7px 25px;
  }

  .custCardplanned {
    white-space: unset;
    height: auto !important;
  }

  .quickBook-input .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .multiplebooking-block .Delete_reservation {
    font-size: 16px;
  }

  .PackageList_box {
    padding: 10px;
  }

  .detailsDateInputCol .react-datepicker__input-container {
    max-width: 100%;
    width: 100%;
  }

  .availEdit-btn-outline {
    width: 100%;
  }

  .availEdit-btn {
    width: 100%;
  }

  .availability-box .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .lightBlue_bg.availability-box {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .price-package-modal .AddUserTitle.nomargin.pt-0 {
    padding-left: 0px;
  }

  .priceList-btnPanel {
    padding: 0 15px;
  }

  .priceList-btnPanel button {
    margin: 0 !important;
    width: 100%;
  }

  .PackageList_box .DeleteBtn span {
    padding-right: 0px;
  }

  .PackageList_box .DeleteBtn {
    width: unset !important;
    padding: 6px 0px;
  }

  p.d-flex.chkTop-label {
    width: 100%;
  }

  .credit-search-section .credit-date-section .LabelPhoto {
    padding: 0 10px 8px 0 !important;
  }

  .credit-date-section .react-datepicker-wrapper {
    margin-bottom: 15px;
  }

  .credit-date-section {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .credit-date-section div {
    width: 100%;
  }

  .credit-search-section .todayDivButton .not-today-btn {
    width: 100% !important;
    margin: 0 auto;
  }

  .creditTop-section .exportBtn-div {
    width: 100%;
  }

  .credit-date-section .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .creditTop-section .ContactInputform {
    width: 100%;
  }

  .creditTop-section .exportBtn-div {
    width: 100%;
  }

  .creditTop-section .credit-search-section .todayDivButton {
    margin: 0px 0px 15px;
  }

  .AddDiscountTitle.top-btm-20 {
    font-size: 22px;
  }

  .statButtonsOutlineCard {
    padding: 20px;
  }

  .servicesReservation-topViewBtn {
    height: auto !important;
  }

  .arrivalDeparture-wrapper .col-12 {
    padding: 0;
  }

  .CloseBtn {
    cursor: pointer;
    width: 30px;
    height: 30px;
  }

  .modal-dialog.CreatAccountDialog .AddcustomerForm .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .modal-dialog.CreatAccountDialog .AddcustomerForm .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .modal-dialog.CreatAccountDialog .AddcustomerForm .row.nomargin.FlexDisplay {
    margin-bottom: 15px !important;
  }

  .modal-dialog.CreatAccountDialog .AddcustomerForm .react-datepicker-wrapper {
    padding: 0 0px !important;
  }

  .service-reservationBtnDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 8px;
  }

  .service-reservationBtnDiv button {
    margin: 15px 0;
    font-size: 16px !important;
  }

  .arrivalDepat-btn {
    width: 100%;
    gap: 10px;
  }

  #printer-dialog-main {
    padding: 15px;
  }

  .arrivalDeparture-wrapper {
    padding: 20px 20px;
  }

  .statButtonsCard {
    padding: 20px 20px;
  }

  .configureArrow {
    width: 90% !important;
    margin: 0 auto !important;
  }

  .pageBathInfo-col {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }

  .pageBathInfo-col button {
    margin: 0 !important;
  }

  #PriceList .AddPackageBtn {
    height: auto;
  }

  .priceEditBtn-div .col-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1;
  }

  .priceEditBtn-div .col-7 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1;
  }

  .booking-inputs-div .onlineResBtn.m-0 {
    white-space: unset;
    height: auto;
  }

  .priceEditBtn-div button {
    width: 100%;
  }

  .sidebar.manage-selections {
    z-index: 999 !important;
    width: 300px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .header-controls.previous {
    left: 8px !important;
  }

  .header-controls.next {
    right: 8px !important;
  }

  .horizontal-header {
    padding: 0 25px !important;
  }

  .horizontalMenu-div a {
    font-size: 12px !important;
  }

  .beachmap-customModal {
    min-width: 300px;
    border-radius: 40px;
    padding: 20px 15px 20px;
  }

  .legend-popup {
    right: 2px !important;
  }

  .guide-planner-input-search {
    background-size: 14px;
    font-size: 14px;
  }
}

.timing_style {
  margin: 30px 0 0 44px;
  color: #676b71;
  font-size: 18px;
  font-weight: 700;
}

.summaryDate-row {
  align-items: center;
  margin: 16px 0 !important;
}

.summaryDate-row .loc_addres {
  margin-bottom: 0;
}

.legendPopup-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.legendPopup-wrapper ul li {
  margin: 0px 0;
  font-size: 12px;
  align-items: center;
  gap: 10px;
  padding: 15px 0;
}

.legendPopup-wrapper ul li img {
  width: 20px;
  display: inline-block;
  margin-right: 10px;
}

.legendPopup-wrapper h5 {
  color: #233c7e;
  font-size: 14px;
  font-weight: 700;
}

.legendPopup-btn {
  background: #233c7e;
  color: #fff;
  text-align: center;
  padding: 7px 40px;
  border: none;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 33px;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
  width: auto;
}

.legendStart-Modal {
  max-width: 380px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0px);
}

.legendPopup-wrapper ul li .legendControls {
  color: #233c7e;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #e2e2e2;
  border: 0;
  margin: 0 2px;
}

/* ======================= css for dots of booked item map ========================================= */

.parking-booked-map.blueCircleDiv {
  top: 38px;
  left: 11px;
}

.parking-booked-map.redCircleDiv {
  top: -7px;
  right: 15px;
}

.parking-booked-map.purpleCircleDiv {
  /* top: 25px !important;
  left: 29px !important; */
  top: 38px !important;
  left: 11px !important;
  transform: unset !important;
}

.cabin-booked-map.purpleCircleDiv {
  top: 27px;
  left: -5px !important;
}

.cabin-booked-map.blueCircleDiv {
  top: 27px;
  left: -5px;
}

.sunbed-booked-map.blueCircleDiv {
  top: 22px;
  left: -1px;
}

.sunbed-booked-map.purpleCircleDiv {
  top: 21px;
  left: -1px;
}

.sunbed-booked-map.redCircleDiv {
  top: -3px;
  right: 1px;
}

.parking-booked-map.m-letter {
  top: -3px;
  left: 2px;
}

.parking-booked-map.p-letter {
  right: 8px;
}

.xlSunbed-booked-map.blueCircleDiv {
  top: 27px;
  left: 5px;
}

.xlSunbed-booked-map.purpleCircleDiv {
  top: 27px;
  left: 5px;
}

.xlSunbed-booked-map.redCircleDiv {
  top: -6px;
  right: 6px;
}

.tent-booked-map.purpleCircleDiv {
  top: 51px;
  right: -2px;
}

.specialCabin-booked-map.blueCircleDiv {
  top: 27px;
  left: -3px;
}

.specialCabin-booked-map.purpleCircleDiv {
  top: 27px;
  left: -3px !important;
}

.quantityOfItems-div {
  padding: 40px 0;
}

.quantityOfItems-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.quantityOfItems-Title {
  font-family: Roboto, sans-serif;
  font-size: 22px;
  text-align: center;
  padding-bottom: 0;
  color: #233c7e;
  margin-bottom: 0;
  font-weight: 600;
}

.multiadditinalItems-div span {
  margin-left: 0px !important;
}

.table.diff-table p {
  padding-left: 20px;
}

.textDiv-withDiffTbl {
  position: relative;
}

.textDiv-withDiffTbl img {
  position: absolute;
  left: -3px;
  top: 3px;
}

.beachMapDetails.table-responsive {
  overflow-x: auto;
}

/* loader spinner CSS */
.loader-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.loader-overlay-for-model {
  height: 100%;
  width: 100%;
  min-height: 400px;
  z-index: 99999;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.selectService-imgInput {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #233c7e;
  color: white;
  font-weight: 400;
  padding: 8px 30px;
  height: 40px;
  border-radius: 25px;
  cursor: pointer;
}

.selectServiceImg-row {
  margin: 15px 0;
}

.noImg-selectedTxt {
  font-size: 14px;
  font-weight: 600;
  color: #1c1c1c;
  display: block;
  margin-top: 0px;
}

.addVarientTxt {
  font-weight: 400 !important;
}

.tileSlot-titletxt {
  font-size: 14px;
  font-weight: 600;
  color: #1c1c1c;
  display: block;
  margin-top: 0px;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .landingpage-body .SideSpace {
    padding: 0 60px;
  }

  .landingPage .iconsmainDiv li.iconList {
    padding: 20px 15px;
  }

  .landingPage .iconLabel {
    padding: 0 !important;
  }

  .SideSpace.whyChoose-container {
    background-color: #b5d8ff;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .difference-section .containercls {
    max-width: unset !important;
    min-width: unset !important;
  }

  .content-div.icons-main .containercls {
    max-width: unset !important;
    min-width: unset !important;
  }

  .containercls {
    max-width: unset !important;
    min-width: unset !important;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .credit-search-section {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1180px) {
  .attachedFile-div {
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .attachedFile-div .cardbtnOutline {
    padding: 6px 15px;
    margin: 0 !important;
    width: 100%;
  }

  .printResv-wrapper button {
    max-width: 70% !important;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
  .moveMultipleIcon-div {
    top: unset;
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .nopadding-tabView {
    padding: 0 !important;
  }

  .moveMultipleIcon-div {
    left: 0;
    top: unset;
  }

  .movementstop-col {
    margin-bottom: 15px !important;
    justify-content: space-between;
  }

  .creditTop-section .credit-search-section .todayDivButton {
    margin: 15px 0px !important;
  }

  .creditTop-section .exportBtn-div .exportBtncls {
    margin-bottom: 15px !important;
  }

  .credit-search-section .exportBtn-div {
    flex-direction: row;
    width: 100%;
    gap: 15px;
  }

  .credit-search-section .exportBtn-div .exportBtncls {
    padding: 7px 30px;
    margin: 0 0 15px;
    width: 100%;
  }

  .table-responsive {
    overflow-x: auto !important;
  }

  .credit-search-section {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .creditTop-section .ContactInputform {
    margin-bottom: 0px;
  }

  .servicesSummary-wrapper {
    margin-top: 30px;
  }

  .topChk-div {
    display: flex;
    flex-wrap: wrap;
  }

  .template-select-parent {
    margin-top: 0;
    flex-direction: column;
  }

  .template-select-parent .template-select {
    padding: 7px 35px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
  .landingPage .banner-img {
    margin-bottom: 80px;
  }

  .priceList-btnPanel {
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: space-between;
  }

  .landingPage .banner-div {
    padding: 0 !important;
  }

  .landingPage-btn-col {
    display: flex;
    gap: 20px;
  }
}

/* .transform-component-module_content__FBWxo {
  margin: 0 auto !important;
} */

.transform-component-module_content__FBWxo {
  /* width: 100% !important; */
  text-align: center;
  justify-content: center;
}

.template-select-parent .Delete_reservation {
  width: auto !important;
  font-size: 14px;
  line-height: 28px;
  padding: 7px 50px;
  height: 40px;
}

.mapModalWrapper.consumerMapModal-div {
  z-index: 1060 !important;
}

.mapModalWrapper.consumerMapModal-div {
  z-index: 99 !important;
}

/* ================================= css for horizontal header ==================================== */

.horizontal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 35px;
}

.header-controls.previous {
  position: absolute;
  left: 25px;
  z-index: 999;
}

.header-controls.next {
  position: absolute;
  right: 25px;
  z-index: 999;
}

.horizontalMenu-div a {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  padding: 10px 0;
  border-radius: 0;
  height: 45px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.horizontalMenu-div .nav-link.active {
  position: relative;
  background: #f1cb28;
  color: #1c1c1c;
  height: 32px;
  width: 95%;
  border-radius: 33px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.cashDesk-btnDiv .cardbtnOutline.ReturnBtn {
  max-width: 50%;
  width: 100%;
}

.reservBoxChild.px-0.quickbookadditional-wrap {
  width: 100%;
}

/* .nopaddingForQuickBooking .paymentMethod-label {
  margin: 0;
  font-weight: 700;
  color: #64686e;
  font-size: 14px;
  line-height: 20px;
} */

.quickBook-wrap.paymentMethod-wrap .nomarginLeftRight.quickBook-input {
  margin: 20px 0px;
}

.quickBook-wrap .paidOpt-row.nomarginLeftRight {
  margin: 20px 0px;
}

.quickBook-wrap .paidOpt-row.nomarginLeftRight {
  margin: 20px 0px;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem !important;
  background-color: #18317d !important;
  color: #fff !important;
}

.add-item-calendar {
  width: 325px !important;
}

.servicesSection-wrapper {
  border: 1px solid #707070;

  width: 100%;
  border-bottom: none;
}

.servicesSection-head {
  background-color: #676767;
  height: 50px;
}

.servicesSection-body {
  padding: 12px;
}

.service-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem;
  padding-left: 60px;
}

.servicesSection-wrapper p {
  font-size: 14px;
  color: #626262;
  text-align: left;
  margin-bottom: 0;
  margin-left: 27px;
}

.servicesHead-title {
  font-size: 14px;
  color: #626262;
  text-align: left;
  margin-bottom: 0;
}

.servicesSection-footer-div.odd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background-color: #e9ecf3;
}

.servicesSection-footer-div.even {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background-color: #fff;
}

.varaintName-txt {
  font-size: 12px;
  color: #626262;
  text-align: left;
  padding-left: 24px;
  display: block;
}

.modifyPrice-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

.horizontal-header .menu-items {
  overflow: hidden;
}

.horizontal-header .menu-item {
  flex: 1 0 25%;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
  transition: transform 0.5s ease;
}

.horizontal-header .menu-items-inner {
  display: flex;
  transition: transform 0.5s ease;
  align-items: center;
}

.horizontal-header .col-4 {
  padding: 0 !important;
  text-align: center;
}

.horizontal-header .headerMenuImg {
  width: 16px;
}

.quickBook-wrap .paidOpt-row.nomarginLeftRight {
  margin: 20px 0px;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem !important;
  background-color: #18317d !important;
  color: #fff !important;
}

.add-item-calendar {
  width: 325px !important;
}

.additionalItems-priceTxtSpan {
  color: #233c7e;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  min-width: 75px;
  max-width: 75px;
  display: block;
  text-align: left;
}

.ThePlannerPage {
  position: relative;
}

.noPlannerRecord-errorMsg {
  position: absolute;
  top: 240px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: red;
}

.paidOpt-row .react-switch {
  margin-left: 4px;
}

.quickBookPriceapplied-row .priceInputDiv {
  padding: 0 0 0 15px !important;
}

.paymentMethodCol-quickbooking .checkmarkReserve {
  height: 18px;
  width: 18px;
}

.paymentMethodCol-quickbooking .chkText {
  margin-left: 0;
}

.paymentMethodCol-quickbooking .detailsResvlabelChk .onlineReserve {
  margin: 0;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
}

.paymentMethod-label-quickBooking .AddRowTitle {
  color: #64686e;
}

.selectAddItem-col {
  padding: 0.75rem;
}

.quantityOfItems-div p.AddRowTitle {
  margin-bottom: 0;
}

.periodSelect-dropdown.propDetailsPeriod-drp.availEdit-btn-outline {
  background-position: 93%;
  padding-left: 25px;
  padding-right: 35px;
}

#consumerMapModal.mapModalWrapper .modal-body {
  padding: 12px !important;
}

.custom-disabled {
  background-color: #d6eefe !important;
  /* Change to your desired color */
  color: #d6eefe !important;
  /* Optional: Change the text color */
}

.paidQuickTxt {
  margin-left: 4.5px;
}

.consumerHeaderHeight .sticky-top {
  z-index: 99;
}

.extraQuantity-num {
  display: flex;
  align-items: center;
  gap: 22px;
  justify-content: start;
}

.extraQuantity-button {
  background: transparent;
  border: 0;
}

.quantity-num {
  min-width: 50px;
  display: inline-block;
}

.packages-tbl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

.extraServices-tbl {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.extraServices-btn {
  width: 100%;
  padding: 6px 40px;
  border-radius: 33px;
  height: 35px;
  background: #233c7e;
  color: #fff;
  border: none;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.extraServices-tbl td:first-child {
  padding-left: 25px;
}

.extraServices-tbl td {
  padding: 1rem;
}

.quantityOfItems-div-colFirst {
  margin-left: -50px;
}

.extraServices-tbl td {
  padding: 1rem;
  vertical-align: middle;
}

.extraServices-countTxt {
  color: #233c7e;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  margin-bottom: 0;
}

#consumerMapModal.mapModalWrapper .modal-body {
  padding: 5px !important;
  height: 99vh;
}

#consumerMapModal.mapModalWrapper .modal-content {
  border-radius: 8px;
  max-height: 100vh;
}

#consumerMap-mainWrapperDiv {
  max-height: 100vh;
}

#consumerMap-mainWrapperDiv .transform-component-module_wrapper__SPB86 {
  max-height: 90vh !important;
}

.email-configure-label {
  font-size: 16px;
  color: #233c7e;
  text-align: left;
  font-weight: 600;
  margin-bottom: 0;
}

.email-configure-input {
  border-radius: 30px;
  border: 1px solid #707070;
  color: #233c7e;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  padding: 5px 20px;
  height: 40px;
  width: 100%;
}

.email-configure-input-port {
  border-radius: 30px;
  border: 1px solid #707070;
  color: #233c7e;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  padding: 5px 20px;
  height: 40px;
  width: 50%;
}

.email-configure-input:focus-visible {
  outline: none;
}

.email-configure-input-port:focus-visible {
  outline: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #consumerMap-mainWrapperDiv .transform-component-module_wrapper__SPB86 {
    max-height: 85vh !important;
  }

  #consumerMapZoom-btns {
    bottom: 15px !important;
  }

  div#emailconfiguration {
    padding: 20px;
  }

  .emailConfig-btn-div {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 !important;
  }

  .emailConfig-btn-div button.onlineResBtn {
    width: 100%;
    margin: 0 !important;
  }

  .header-controls.previous {
    left: 13px;
    z-index: 999;
  }

  .header-controls.next {
    right: 13px;
    z-index: 999;
  }

  /* 
  .miniplanner-monthWrapper {
    display: flex;
    flex-direction: column;
  } */

  .miniplanner-monthWrapper {
    width: 90% !important;
  }

  .consumerMapControls-div {
    bottom: 40px !important;
  }

  #consumerMapZoom-btns {
    bottom: 40px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 411px) {
  #consumerMap-mainWrapperDiv .transform-component-module_wrapper__SPB86 {
    max-height: 85vh !important;
  }

  .consumerMapControls-div {
    padding-top: 8px;
  }

  #consumerMapZoom-btns {
    bottom: 15px !important;
  }
}

.highlight {
  background-color: #7cb9e8 !important;
  /* or any color you prefer */
}

.disabled-div {
  opacity: 0.5;
  /* Optionally reduce opacity to visually indicate disabled state */
  pointer-events: none;
  /* Disable pointer events to prevent user interaction */
  /* Optionally add other styles like cursor: not-allowed; */
}

.table.seasonTable.guidedSearch-tbl .highlight td p {
  margin-bottom: 0;
}

.table.seasonTable.guidedSearch-tbl tr td {
  padding: 15px 15px;
}

.scheduler-controls .todayDivButton {
  padding-right: 12px;
  padding-left: 12px;
}

.SchedulerProWrapper .ml-4.planner-schedulerFields {
  margin-left: 0px !important;
}

.SchedulerProWrapper .guide-planner-input-search {
  height: 38px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.SchedulerProWrapper .TopMenuButton.not-today-btn {
  height: 38px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.SchedulerProWrapper .AddUserBtn {
  height: 38px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.scheduler-controls {
  margin-bottom: 15px;
  align-items: center;
}

.SchedulerProWrapper .time-control {
  height: 38px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.scheduler-controls .zoom-item {
  height: 38px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.selectLocation-quantity span.plusminus-span button {
  border: 0;
  outline: none;
  background: transparent;
  color: #fff;
}

#consumerMapModal .modal-body {
  position: relative;
}

#consumerMapZoom-btns {
  bottom: 15px !important;
}

.consumerMapControls-div {
  position: absolute;
  bottom: 15px !important;
  padding-top: 0 !important;
}

.miniplanner-cutomBtn {
  inset: 0px;
  border: 1px solid rgb(255, 255, 255);
  padding: 7px;
  display: flex;
  align-items: center;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background: #233c7e !important;
  color: white !important;
  font-weight: bold !important;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
}

.miniplanner-monthWrapper {
  overflow: auto;
  /* height: 230px; */
  top: -13px;
  position: absolute;
  width: 96%;
  z-index: 99;
  left: 15px;
  display: flex;
}

.miniplanner-monthWrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.miniplanner-monthWrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

/* 
.scheduler_default_rowheader_scroll {
  height: 230px !important;
} */

/* .scheduler_default_scrollable {
  z-index: 999 !important;
} */

.quantity-span.price-style {
  font-size: 16px;
  font-weight: 700;
  min-width: 40px;
  display: block;
  text-align: right;
}

.servicesprice-txtStyle {
  font-size: 16px;
  font-weight: 700;
  min-width: 40px;
  display: block;
  text-align: right !important;
}

.additionalItem-innerWrapper {
  background-color: #fff;
  padding: 25px 45px;
  border-radius: 25px;
}

.extraServices-price {
  text-align: right !important;
}

.extraServices-row-center {
  align-items: center;
}

/* 
.propSignin-pckName {
  white-space: nowrap;
} */

.style_OTP {
  font-size: 30px;
}

.submitButton {
  background: #233c7e;
  color: #fff;
  border-radius: 25px;
  height: 40px;
  width: 130px;
}

.setMove-btn {
  background: #fff;
  color: #233c7e;
  border: none;
  padding: 6px 25px;
  font-size: 14px;
  border-radius: 25px;
  text-align: center;
  width: 100%;
  height: 40px;
  border: 0px solid #233c7e;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.entireBooking-btn {
  background-color: #7da0ff;
  color: #fff;
}

.currentDay-btn {
  background-color: #456edc;
  color: #fff;
}

.nextDay-btn {
  background-color: #233c7e;
  color: #fff;
}

.setMove-btn.custDate-btn {
  border: 1px solid #233c7e !important;
}

.moveLocation-modal {
  max-width: 700px !important;
  padding: 15px !important;
}

.move-locationDateCol {
  display: flex;
  align-items: center;
  gap: 10px;
}

.customDate-btn {
  background-color: #233c7e;
  color: #fff;
  border: none;
  padding: 6px 25px;
  font-size: 14px;
  border-radius: 25px;
  text-align: center;
  width: 100%;
  height: 40px;
  border: 0px solid #233c7e;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.moveLocation-modal .modal-body {
  padding: 30px !important;
}

.moveModal-heading {
  color: #233c7e;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .consumerMapControls-div {
    bottom: 40px !important;
  }

  #consumerMapZoom-btns {
    bottom: 40px !important;
  }

  .plannerGuideModal .ReturnBtn {
    width: 100%;
  }

  .miniplanner-cutomBtn.active {
    background-color: #007bff !important;
    color: white;
  }

  .locationdrp-wrapDiv {
    gap: 5px;
  }

  .locationItem-priceVal {
    right: 20px;
  }

  .locationdrp-wrapDiv-col {
    padding: 0 !important;
  }

  .locDrp-iconImg {
    flex-shrink: 0;
  }

  .locationSelectDrp-select {
    padding-right: 75px;
  }

  .additionalItem-wrapper h6 {
    margin-bottom: 20px;
  }

  .prodDesc-wrraperDiv .star_desc {
    padding-right: 0 !important;
  }

  #consumerMap-mainWrapperDiv .detailsPageTblResponsive {
    background-repeat: repeat !important;
  }
}

.submit_style {
  width: auto;
  border: 0;
  outline: none;
  padding: 8px 15px;
}

.addePrice {
  padding: 10px;
  border: 1px solid;
  border-radius: 15px;
}

.startDateINput {
  width: 100%;
  font-weight: 400;
  font-style: italic;
  margin: 0 auto;
  border: 1px solid #707070;
  border-radius: 25px;
  height: 40px;
}

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

.CloseBtn-reduce-seasonal {
  width: 20px;
  height: 20px;
}

.CloseBtn-reduce-seasonal-wrapper {
  display: flex;
  justify-content: end;
  position: relative;
  top: -6px;
  right: -3px;
  height: 15px;
}

.barServices-tblData .service-list {
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
  padding-left: 12px;
}

.barServices-tblData p.services-items {
  width: 100%;
  margin-bottom: 0;
}

.barServices-tblData p.services-items hr {
  display: none;
}

.barServices-tblData p.services-price {
  margin-bottom: 0;
  width: 100px;
  text-align: right;
}

.barServices-tblData .modifyPrice-wrapper {
  justify-content: end;
}

.barServices-tblData .variantName-span {
  display: block;
  padding-left: 35px;
}

.barServices-tblData .variantWrapper-main {
  margin-left: 0 !important;
}

.barServices-tblData .variantWrapper-main .service-list {
  padding-left: 0 !important;
}

.barServices-tblData p.services-items {
  margin-left: 0 !important;
  width: 100%;
}

.barServices-tblData span.services-items {
  margin-left: 0 !important;
  width: 100%;
}

.barServices-tblData p.servicesHead-title {
  margin-left: 0 !important;
}

.barServices-tblData span.services-price {
  margin-bottom: 0;
  width: 100px;
  text-align: right;
  font-size: 14px;
  color: #626262;
}

.serResvSummaryTbl .service-list {
  justify-content: flex-start;
  gap: 30px;
  width: 100%;
  padding-left: 12px;
}

.serResvSummaryTbl p.services-items {
  width: 100%;
  margin-bottom: 0;
}

.serResvSummaryTbl p.services-items hr {
  display: none;
}

.serResvSummaryTbl p.services-price {
  margin-bottom: 0;
  width: 100px;
  text-align: right;
}

.serResvSummaryTbl .modifyPrice-wrapper {
  justify-content: end;
}

.serResvSummaryTbl .variantName-span {
  display: block;
  padding-left: 35px;
}

.serResvSummaryTbl .variantWrapper-main {
  margin-left: 0 !important;
}

.serResvSummaryTbl .variantWrapper-main .service-list {
  padding-left: 0 !important;
}

.serResvSummaryTbl p.services-items {
  margin-left: 0 !important;
  width: 100%;
}

.serResvSummaryTbl span.services-items {
  margin-left: 0 !important;
  width: 100%;
}

.serResvSummaryTbl p.servicesHead-title {
  margin-left: 0 !important;
}

.serResvSummaryTbl span.services-price {
  margin-bottom: 0;
  width: 100px;
  text-align: right;
}

.reservtables.summaryMapTbl .variantName-span {
  display: block;
  padding-left: 35px;
}

/* 
.services-items.bar-services{
  display: flex !important;
  justify-content: space-between !important;
} */

.no-variant-style {
  font-size: 14px;
  color: #626262;
  text-align: left;
  white-space: nowrap;
}

.serResvSummaryTbl.cashDesk-tbl td {
  vertical-align: middle !important;
}

.serResvSummaryTbl.cashDesk-tbl th {
  font-size: 14px;
  line-height: 24px;
  padding: 8px;
}

.serResvSummaryTbl.cashDesk-tbl .no-variant-style {
  font-size: 14px !important;
  line-height: 24px !important;
}

.serResvSummaryTbl.cashDesk-tbl td {
  font-size: 14px;
  line-height: 24px;
  padding: 8px;
}

.serResvSummaryTbl.cashDesk-tbl .modify-price-input {
  height: 40px !important;
  max-width: 74px;
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 15px !important;
}

.serResvSummaryTbl.cashDesk-tbl span.services-price {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: end;
}

.serResvSummaryTbl.cashDesk-tbl .additionalService-pricespan {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: end;
}

.servicePrice-w100 {
  width: 100% !important;
}

@media screen and (min-width: 1280px) and (max-width: 1280px) {
  .serResvSummaryTbl .variantName-span {
    padding-left: 32px;
  }

  .serResvSummaryTbl.cashDesk-tbl td {
    font-size: 13px;
  }

  .serResvSummaryTbl.cashDesk-tbl .no-variant-style {
    font-size: 13px;
  }

  .serResvSummaryTbl.cashDesk-tbl .modify-price-input {
    font-size: 13px !important;
    height: 35px !important;
    max-width: 60px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .serResvSummaryTbl .variantName-span {
    padding-left: 0 !important;
  }
}

.reservpaddBoxChild {
  padding: 16px 0px 0px !important;
}
.summaryMapTbl.cashResrDesk-tbl td {
  vertical-align: middle !important;
}

.summaryMapTbl.cashResrDesk-tbl th {
  font-size: 14px;
  line-height: 24px;
  padding: 8px;
}

.summaryMapTbl.cashResrDesk-tbl .no-variant-style {
  font-size: 14px !important;
  line-height: 24px !important;
}

.summaryMapTbl.cashResrDesk-tbl td {
  font-size: 14px;
  line-height: 24px;
  padding: 8px;
}

.summaryMapTbl.cashResrDesk-tbl .modify-price-input {
  height: 40px !important;
  max-width: 74px;
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 15px !important;
}

.summaryMapTbl.cashResrDesk-tbl span.services-price {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: end;
}

.summaryMapTbl.cashResrDesk-tbl .additionalService-pricespan {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: end;
}

.servicePrice-w100 {
  width: 100% !important;
}

.summaryMapTbl.cashResrDesk th p {
  margin-bottom: 0;
}

.servicereservation-reservebox {
  padding: 16px 8px 0;
}

.beachmap-reserveboxChild {
  padding: 16px 8px 0;
}

.beachMapDetails.table-responsive.barServices-tblData
  input.modify-price-inputP {
  font-size: 14px !important;
}

.mapPrint-mainWrapper {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  width: 100%;
}

/* ======================css added for new top bar ============================ */
.topnew-iconBtn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #5873ba;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
}

.topnew-iconBtn img {
  width: 20px;
  font-weight: 600;
  height: 20px;
}

.topnew-iconBtn.profile-avatar {
  color: #233c7e;
  background-color: #d8e2ff;
  font-weight: 600;
  text-transform: uppercase;
}

.todayDivButton {
  padding-right: 12px;
  width: 15%;
}

.fullDay-content {
  width: 35%;
  display: flex;
  align-items: center;
  /* justify-content: start; */
  justify-content: space-around;
}

.parentSearch-div {
  width: 50%;
}

.parentSearch {
  width: 40%;
}

ul.TopMenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  padding-right: 0px;
  padding-left: 6px;
  /* width: 60%; */
}

.TopMenu li {
  width: auto;
}

.parentSearch .SearchIcon {
  right: 12px;
}

.parentSearch {
  width: 45%;
}

div#navbarText {
  padding-right: 5px;
}

ul.nav.nav-tabs.TopNavTabs.Active-Nav.deskHeader-only {
  padding: 0 35px;
}

.configureMap-editSector button.select-btn {
  padding: 5px 15px;
}

button.select-btn.reset-btn.configureReset-btn {
  background-color: #d20000;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 35%;
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .newTop-header-menu .todayDivButton {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .fullDay-content {
    width: 100% !important;
    flex-direction: row !important;
  }

  .parentSearch-div {
    width: 100% !important;
  }

  .notification-li {
    width: auto !important;
  }

  .topSelect-div {
    width: 60% !important;
  }

  .parentSearch {
    width: 60% !important;
  }

  #navbarText .DatePickerInput {
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #navbarText .DatePickerInput {
    width: 100% !important;
  }

  .newTop-header-menu .todayDivButton {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .fullDay-content {
    width: 100% !important;
    flex-direction: row !important;
  }

  .parentSearch-div {
    width: 100% !important;
  }

  .notification-li {
    width: auto !important;
  }

  .topSelect-div {
    width: 60% !important;
  }

  .parentSearch {
    width: 60% !important;
  }

  .newTop-header-menu {
    flex-direction: column;
  }

  .fullDay-content {
    justify-content: space-between;
    margin: 10px 0;
  }

  .dayHeader-wrap {
    display: flex;
    justify-content: space-between;
    width: 40%;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .row.nomargin.configureEdit-row {
    margin-top: 15px;
  }

  button.select-btn.reset-btn.configureReset-btn {
    width: 100%;
    max-width: 100%;
  }

  .todayDivButton {
    padding-right: 0px;
    width: 100%;
  }

  .fullDay-content {
    width: 100% !important;
  }

  .newTop-header-menu .todayDivButton {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .TopNav-Select {
    padding: 0 12px;
  }

  .parentSearch-div {
    width: 100%;
  }

  .parentSearch {
    width: 100%;
    margin-bottom: 0px;
  }

  ul.TopMenu {
    width: 100%;
  }

  .notification-li {
    width: auto !important;
    padding-left: 0px;
  }

  div#navbarText {
    padding-right: 0px;
  }

  .notification-popup-header {
    right: -85px;
  }
}

/* ======================css added for new top bar end============================ */

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .umbrella-select-img img {
    width: 35px;
    height: 35px;
  }

  .configureMap-editSector button.select-btn {
    padding: 5px 8px;
    font-size: 14px;
  }

  .configure-map-label {
    font-size: 14px;
  }

  /* .containercls .paddingWhenNoUser {
    margin-top: 15px !important;
  } */
  #navbarText .add-height-mobile {
    /* margin-top: 20px !important; */
  }
}

@media screen and (min-width: 990px) and (max-width: 1025px) {
  .umbrella-select-img img {
    width: 25px;
    height: 25px;
  }

  .configureMap-editSector button.select-btn {
    padding: 5px 5px !important;
    font-size: 12px !important;
  }

  .configureEdit-row {
    align-items: center;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1280px) {
  .summaryMapTbl .variantName-span {
    padding-left: 32px;
  }

  .summaryMapTbl.cashResrDesk-tbl td {
    font-size: 13px;
  }

  .summaryMapTbl.cashResrDesk-tbl .no-variant-style {
    font-size: 13px;
  }

  .summaryMapTbl.cashResrDesk-tbl .modify-price-input {
    font-size: 13px !important;
    height: 35px !important;
    max-width: 60px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .repeatBooking-daysDiv {
    justify-content: space-between;
    padding: 10px 0px !important;
    gap: 0 !important;
  }

  .summaryMapTbl .variantName-span {
    padding-left: 0 !important;
  }

  .configureMap-editSector button.select-btn {
    font-size: 14px !important;
  }

  .beachMapDetails.table-responsive.barServices-tblData
    .barServices-tblData
    .service-list {
    padding-left: 0;
  }

  .beachMapDetails.table-responsive.barServices-tblData
    .barServices-tblData
    .variantName-span {
    padding-left: 10px;
  }

  .barServices-tblData .service-list {
    padding-left: 0 !important;
  }

  .col-12.col-lg-4.col-xl-4.col-md-12 .buttonDisable {
    cursor: not-allowed !important;
    background-color: #233c7e !important;
    opacity: 0.6;
  }

  .custom-pagination-wrapper ul.pagination {
    gap: 5px !important;
  }

  .custom-pagination-wrapper .pagination > li > a {
    height: 28px !important;
    width: 28px !important;
    font-size: 14px !important;
  }
}

.black-list-style {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .col-12.col-lg-4.col-xl-4.col-md-12.reservespaces
    button.ReturnBtn.accountReturnBackBtn {
    width: 100% !important;
  }

  .col-12.col-lg-4.col-xl-4.col-md-12 button#saveBooking.BacktothemapBtn {
    width: 100%;
    margin: 15px 0 0 0;
  }

  .col-12.col-lg-4.col-xl-4.col-md-12 .buttonDisable {
    cursor: not-allowed !important;
    background-color: #233c7e !important;
    opacity: 0.6;
  }
}

.configurationAreachk-txt {
  font-size: 12px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
  margin: 0 0 0px 0px !important;
}

.configurationArea-inputWrap p {
  font-size: 11px;
  color: #444;
  font-weight: 600;
  margin-bottom: 0;
}

.configurationArea-input {
  border-radius: 25px;
  border: 1px solid #ddd;
  height: 25px;
  background-color: #f7f7f7;
  max-width: 80px;
  min-width: 80px;
  padding: 8px 14px;
}

.configurationArea-inputWrap {
  display: flex;
  gap: 12px;
  align-items: center;
}

.configurationArea-wrapper {
  display: flex;
  gap: 0px;
  padding-left: 13px;
  margin-bottom: 15px;
}

.configurationArea-main {
  padding-top: 40px;
  padding-bottom: 20px;
}

.configurationArea-wrapper .checkmarkReserve {
  width: 18px;
  height: 18px;
}

.areaCabin-modalWrapper h3 {
  font-family: Roboto, sans-serif;
  font-size: 22px;
  text-align: center;
  padding-bottom: 0;
  color: #233c7e;
  margin-bottom: 0;
  font-weight: 600;
}

.cabinArea-dateWrap {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
}

.cabinArea-dateWrap p {
  margin-bottom: 0;
  font-size: 14px;
}

.cabinArea-dateWrap p span {
  font-weight: 600;
}

.cabinArea-InfoWrap p {
  font-size: 16px;
  font-weight: 600;
}

.cabinArea-InfoWrap span {
  font-size: 14px;
  font-weight: 400;
}

.cabinArea-wrapper {
  border-radius: 25px;
  border: 1px solid #ddd;
  height: 40px;
  background-color: #f7f7f7;
  padding: 8px 20px;
  max-width: 100%;
  cursor: pointer;
  margin-bottom: 5px;
}

.mapElement-img {
  width: auto;
  height: 28px;
}

.cabinArea-InfoWrap {
  display: flex;
  align-items: center;
  gap: 18px;
}

.cabinArea-modalwrapper {
  max-width: 600px;
}

.cabinArea-btnDiv {
  text-align: right;
  padding-top: 45px;
}

.cabinArea-bookBtn {
  background-color: #233c7e;
}

.cabinArea-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
}

.modalTop-right {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 15px;
}

.cabinArea-modalwrapper .modal-body {
  padding: 2rem 1rem;
}

.locationdrp-message {
  flex-direction: column;
  gap: 10px;
}

.datepicker-col-style {
  display: flex;
  align-items: center;
}

.mapBtn-bottom {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mapBtn-bottom button {
  padding: 7px 15px;
  margin: 0 !important;
}

button.fullDayBtn.date {
  display: flex;
  margin-right: 0px;
}

.fullDay-content {
  width: 39%;
}

.newTop-header-menu button.TopMenuButton.today-btn {
  justify-content: center;
}

.newTop-header-menu .todayDivButton {
  padding-right: 12px;
  width: 12%;
  text-align: center;
}

/* @media (max-width: 1024px) {
  .navbar-collapse {
    display: none !important;
  }

  .navbar-toggler {
    display: block !important;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .navbar-collapse.show {
    display: block !important;
  }
} */
.repeatbooking-btn {
  border: 1.5px solid #233c7e;
  color: #233c7e;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  padding: 7px 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 25px;
  height: 40px;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

.repeatBooking-mainDiv {
  display: flex;
  align-items: center;
  gap: 12px;
}

.repeatBooking-subtitle {
  font-size: 14px;
  color: #233c7e;
  font-weight: 500;
}

.days-label-txt {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
}

.repeatBooking-daysDiv {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-top: 20px;
  padding: 10px 15px;
}

.days-label-txt span {
  color: #233c7e;
  font-size: 22px;
  font-weight: 600;
}

.repeatCustom-checkbox {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  appearance: none;
  border: 1px solid #233c7e;
  background-color: white;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.repeatCustom-checkbox:checked {
  background-color: #233c7e;
}

.repeatCustom-checkbox:checked::after {
  content: "✔";
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#area-count {
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-bottom: 0 !important;
  transform: translate(-50%, 0px);
}

.Map_img_um img[src*="Group_sunbed"] {
  max-width: 85%;
}

.areaMap-nameTxt {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%, 0px);
  margin-bottom: 0 !important;
  font-size: 8px;
  font-weight: 400;
  text-transform: uppercase;
  color: #00ab34;
  text-align: center;
  width: 45px;
  white-space: pre-wrap;
}

.seasonalPass-col {
  margin-bottom: 12px !important;
}

/* .umbrella-booked-map.greenCircleDiv{
      right: calc(50% + 6px);
} */

/* ===================== new header css changes ============================= */

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .newTop-header-menu .todayDivButton {
    padding-right: 10px;
    padding-left: 10px;
  }

  #emailconfiguration .configureMap-editSector p.emailConfig-subLabel {
    color: #233c7e;
    font-size: 18px;
  }

  .parentSearch {
    width: 50% !important;
  }

  .topSelect-div {
    margin-left: 0px;
    margin-right: 0px;
  }

  ul.TopMenu {
    padding-left: 10px !important;
    width: 165px !important;
  }

  .TopNavTabs .nav-link {
    font-size: 16px;
    line-height: 20px;
  }

  ul.nav.nav-tabs.TopNavTabs.Active-Nav.deskHeader-only {
    padding: 0;
  }

  .TopNavTabs .nav-item.show .nav-link,
  .TopNavTabs .nav-link.active {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
  .NewAdjustCls {
    flex: 0 0 8%;
    max-width: 8%;
  }

  .LogoHolder {
    padding-left: 15px;
  }

  .logoHolderHub {
    padding-left: 15px;
  }

  .collapse.navbar-collapse.col-12.col-lg-8.col-xl-8.col-md-8.nopadding.NewRelativecls {
    flex: 0 0 92% !important;
    max-width: 92% !important;
    padding-right: 15px !important;
  }

  .datePicker-headerCol {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  .col-12.col-lg-10.col-xl-10.col-md-12.paddingRights.newTop-header-menu {
    flex-direction: row !important;
    flex: 0 0 80% !important;
    max-width: 80% !important;
  }

  .newTop-header-menu .todayDivButton {
    width: 22% !important;
    padding-right: 0 !important;
  }

  .fullDay-content {
    width: 85% !important;
    flex-direction: row !important;
  }

  .topSelect-div {
    width: 50% !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
  }

  .dayHeader-wrap {
    display: flex;
    justify-content: space-between;
    width: 60%;
  }

  .fullDayBtn img {
    width: 32px !important;
  }

  .fullDayBtn {
    width: 32px !important;
    height: 32px !important;
  }

  .fullDayBtn img {
    width: 32px !important;
  }

  .parentSearch {
    width: 42% !important;
  }

  .topnew-iconBtn {
    width: 32px !important;
    height: 32px !important;
  }

  ul.TopMenu {
    width: unset !important;
  }

  .zoom-container {
    top: 148px !important;
  }

  .topnew-iconBtn img {
    width: 18px;
    height: 18px;
  }

  #navbarText .DateInput {
    font-size: 12px !important;
    height: 32px !important;
  }

  #navbarText .TopMenuButton {
    font-size: 13px !important;
    height: 32px !important;
  }

  .TopNav-Select {
    font-size: 13px !important;
    height: 32px !important;
  }

  .parentSearch .Search-control {
    font-size: 13px !important;
    height: 32px !important;
  }

  .parentSearch .SearchIcon {
    height: 32px !important;
  }

  .parentSearch .SearchIcon {
    right: 6px !important;
  }

  .newTop-header-menu {
    margin-top: 5px !important;
  }

  #navbarText .DatePickerInput {
    margin-top: 5px;
    height: 32px;
  }

  .LogoHolder img {
    max-height: 100%;
    margin-top: 4px;
    width: 90%;
  }
}

@media only screen and (min-width: 820px) and (max-width: 991px) {
  .zoom-container {
    margin: 10px 0px;
    top: unset !important;
    right: 0px;
    width: 100%;
    padding: 0 15px 0px 15px;
    z-index: 999;
  }

  .mob-flex-only {
    display: inline-flex !important;
  }

  .desk-only-flex {
    display: none !important;
  }

  .zoom-container {
    justify-content: flex-end !important;
    width: 60%;
  }

  .btn-zoomout {
    margin-right: -15px;
  }

  .add-height-mobile {
    line-height: 39px;
    background-color: #233c7e !important;
    margin-top: 14px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .mobHeader-only {
    display: flex !important;
  }

  ul.nav.nav-tabs.TopNavTabs.Active-Nav.deskHeader-only {
    display: none !important;
  }

  .topSelect-div {
    width: 50% !important;
    margin-left: 0 !important;
  }

  .fullDayBtn {
    padding-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .dayHeader-wrap {
    width: 45%;
  }

  .parentSearch {
    width: 50% !important;
    margin-top: 5px;
  }

  .datePicker-headerCol {
    padding: 0 5px !important;
  }

  .notification-li {
    padding-left: 0 !important;
  }

  #navbarText .DatePickerInput {
    width: 100% !important;
    justify-content: space-between;
  }

  div#navbarText {
    padding-top: 15px;
  }

  .NewAdjustCls .navbar-toggler {
    top: 15px;
  }
}

/* 

@media only screen and (max-width: 820px) {
	.zoom-container {
		top: 302px !important;
	}
} */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .horizontal-header {
    padding: 0px 24px;
  }

  .navbar-toggler {
    padding: 0;
  }

  .TopNav-Select {
    margin-left: 0;
  }

  .topSelect-div {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .dayHeader-wrap {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .parentSearch-div {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    height: unset !important;
  }

  .parentSearch {
    width: 100% !important;
  }

  .fullDay-content {
    margin-bottom: 0 !important;
  }

  .dayHeader-wrap a {
    display: flex;
    align-items: center;
  }

  .fullDayBtn {
    padding-top: 0 !important;
  }

  div#navbarText {
    padding-top: 10px;
  }

  #navbarText .DatePickerInput {
    width: 100%;
  }
}

.newTop-header-menu .todayDivButton {
  padding-right: 10px;
}

.newTop-header-menu {
  justify-content: space-between;
}

.fullDayBtn {
  width: 35px;
  height: 35px;
}

.fullDayBtn img {
  width: 35px;
}

.datePicker-headerCol {
  display: flex;
  align-items: center;
}

.fullDay-content {
  width: 35%;
}

#navbarText .TopNav-Select {
  height: 35px;
}

.parentSearch-div {
  width: 53%;
  height: 35px;
  align-content: center;
  display: flex;
}

.parentSearch {
  width: 60%;
}

.topSelect-div {
  width: 54%;
  margin-left: -5px;
  margin-right: 0px;
}

.parentSearch .Search-control {
  width: 100%;
  margin-left: 0px;
}

.userIcon-alink {
  display: flex;
  align-items: center;
}

/* ===================== new header css changes end============================= */

.errorTxt-span {
  font-size: 12px;
  color: #ff0200;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.guestlist-wrap {
  background: transparent;
  color: #233c7e;
  padding: 6px 25px;
  font-size: 14px;
  border-radius: 25px;
  height: 40px;
  border: 1px solid #233c7e;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.guestList-area {
  width: 100%;
}

.guestlist-icon {
  width: 18px;
  height: 18px;
}

.guestList-area p {
  font-size: 14px;
  color: #233c7e;
  font-weight: 400;
}

.guestlist-title {
  display: flex;
  align-items: center;
  gap: 15px;
}

.guestList-area ul {
  padding: 0;
}

.guestlist-wrap {
  height: auto;
}

.addguestBtn-div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.addguest-drp {
  border: 1.5px solid #233c7e;
  width: auto !important;
  margin: 0 !important;
  color: #233c7e !important;
}

.addGuest-btn {
  padding: 7px 35px !important;
}

.addguest-drp {
  background: #fff url(../images/person-icon.png);
  background-repeat: no-repeat;
  background-position: 10%;
  -webkit-appearance: none;
  padding-left: 38px;
  background-size: 15px;
}

.__react_component_tooltip {
  background-color: #f8f9fa !important;
  border-radius: 30px !important;
  color: #213c7c !important;
  margin-top: 5px !important;
}

.__react_component_tooltip::after {
  display: none;
}

.dayHeader-wrap .__react_component_tooltip {
  margin-top: -5px !important;
}

.parentSearch-div .__react_component_tooltip {
  margin-top: 7px !important;
}

#emailconfiguration .configureMap-editSector p.emailConfig-subLabel {
  color: #233c7e;
  font-size: 14px;
}

.scheduler-controls .todayDivButton {
  width: auto !important;
}

.SchedulerProWrapper .ml-4.planner-schedulerFields {
  margin-left: 0px !important;
  display: flex;
  gap: 8px;
}

.SchedulerProWrapper .AddUserBtn {
  height: 38px;
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  line-height: 14px;
}

.SchedulerProWrapper .time-control {
  padding: 0 !important;
}

.scheduler-controls.plannerControls .btn-zoomout {
  margin-right: 0 !important;
}

.hourlyServices-topDiv {
  display: flex;
}

.hourlyServices-topDiv .btn-zoomin {
  margin: 0 !important;
}

.hourlyServices-topDiv .zoom-item {
  gap: 12px;
  align-items: center;
}

.hourlyServices-topDiv .zoom-item p {
  margin-bottom: 0;
}

.hourlyServices-topDiv .btn-zoomout {
  margin: 0 !important;
}

.hrServices-dateInput {
  border: 1px solid #8d8d8d;
  border-radius: 25px;
  width: auto;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 500;
  padding-left: 40px;
  background: #fff url(../images/hrDate-calendar.svg);
  background-repeat: no-repeat;
  background-position: 15px;
  background-size: 16px;
  -webkit-appearance: none !important;
}

.hrServices-dateInput::-webkit-calendar-picker-indicator {
  /* display: none; */
  -webkit-appearance: none;
}

.hourlyServices-topFirstDiv {
  display: flex;
  align-items: center;
  gap: 15px;
}

.hourlyServices-topDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

.hourlyServices-topDiv .todayDivButton {
  width: auto;
}

.barCode-col svg {
  width: 150px !important;
  height: 110px !important;
}

.paymentModal-btnDiv.barBtn-div {
  gap: 12px;
  align-items: center;
}

.paymentModal-btnDiv.barBtn-div p {
  color: #1c1c1c;
  font-size: 14px;
  margin-bottom: 0;
}

.barcodeBtn-bottomdiv {
  gap: 10px;
  justify-content: space-between;
  margin-top: 30px;
}

.barcodeBtn-bottomdiv button {
  min-width: unset !important;
  max-width: unset !important;
  width: auto !important;
  margin: 0 !important;
  padding: 7px 18px !important;
}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
  .col-12.col-lg-3.col-xl-3.col-md-3.repeatBookingDiv-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-7.col-lg-2.col-xl-2.col-md-2.nopadding.mapdetailsCalenderDiv {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 15px;
  }

  .mapBtn-bottom {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: center;
  }

  .mapBtn-bottom button {
    padding: 7px 15px;
    margin: 0 !important;
    width: 100% !important;
    white-space: nowrap;
  }

  .col-4.col-lg-10.col-xl-10.col-md-8.nopadding.seasonalPass-col {
    flex: 0 0 68.333333%;
    max-width: 68.333333%;
  }

  .mapBtn-bottom button {
    padding: 7px 15px;
    margin: 0 !important;
    width: 100% !important;
    white-space: nowrap;
  }

  .col-4.col-lg-10.col-xl-10.col-md-8.nopadding.seasonalPass-col {
    flex: 0 0 68.333333%;
    max-width: 68.333333%;
  }

  .col-8.col-lg-2.col-xl-2.col-md-4.seasonalPass-col {
    flex: 0 0 30.666667%;
    max-width: 30.666667%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  button.customerCard.custCard-btnStyle {
    width: 100%;
  }

  .col-12.col-lg-3.col-xl-3.col-md-3.repeatBookingDiv-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-7.col-lg-2.col-xl-2.col-md-2.nopadding.mapdetailsCalenderDiv {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 15px;
  }

  .repeatBooking-mainDiv .periodSelect-dropdown {
    width: 48%;
  }

  .repeatBooking-mainDiv .repeatbooking-btn {
    /* width: 100%; */
    margin-right: 0 !important;
  }

  .repeatBooking-Btn-Wrap {
    width: 100% !important;
  }

  /* .mapBtn-bottom {
			flex-direction: column;
		} */

  .mapBtn-bottom span {
    width: 100%;
    display: block;
  }

  .mapBtn-bottom button {
    width: 100%;
  }

  .mapBtn-bottom button.ReturnBtn.accountReturnBackBtn {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .dayHeader-wrap {
    justify-content: space-between;
  }

  .customerCard.custCard-btnStyle {
    width: 100% !important;
  }

  .repeatBooking-mainDiv {
    flex-direction: column;
  }

  .repeatbooking-btn {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .repeatBooking-mainDiv .periodSelect-dropdown {
    width: 100% !important;
  }

  .repeatBookingDiv-col {
    padding: 0 !important;
  }

  .repeatBooking-Btn-Wrap {
    width: 100%;
  }

  .barCode-wrapper {
    padding: 15px;
  }

  .barcodeBtn-bottomdiv {
    flex-direction: column;
  }

  .col-md-5.barCode-col {
    margin-top: 0 !important;
  }

  .mapBtn-bottom {
    flex-direction: column;
  }

  .mapBtn-bottom span {
    width: 100%;
  }

  .genericSwich-col {
    padding-left: 0 !important;
  }

  .col-4.col-lg-10.col-xl-10.col-md-8.nopadding.seasonalPass-col {
    margin-bottom: 0 !important;
  }

  .col-4.col-lg-10.col-xl-10.col-md-8.nopadding.seasonalPass-col
    label.onlineReserve.bookingResvChk
    .checkmarkReserve {
    top: 1px;
  }

  .addguestBtn-div {
    flex-direction: column;
  }

  select.form-control.ContactInput.addguest-drp {
    width: 100% !important;
    background-position: 6%;
  }

  p.guestlist-title {
    padding: 0 15px;
  }

  .hrServices-dateInput {
    width: 100%;
  }

  .hourlyServices-topFirstDiv {
    flex-direction: column;
    width: 100%;
  }

  .hourlyServices-topDiv {
    flex-direction: column;
    align-items: flex-start;
  }

  .hourlyServices-topDiv .todayDivButton {
    width: 100%;
  }

  .hourlyServices-topDiv .zoom-item {
    margin-right: 0;
  }

  .hourlyServices-topDiv .selection-control {
    margin-bottom: 12px;
  }

  .hourlyServices-topDiv .selection-control button {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 12px;
  }

  .SchedulerProWrapper .ml-4.planner-schedulerFields {
    flex-direction: column;
  }

  .scheduler-controls.plannerControls .todayDivButton {
    width: 100% !important;
  }

  .scheduler-controls.plannerControls .selection-control {
    flex-direction: column;
  }

  .scheduler-controls.plannerControls .selection-control button {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 12px;
  }

  select.form-control.ContactInput.addguest-drp {
    width: 100% !important;
    background-position: 6%;
  }

  p.guestlist-title {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 550px) {
  .dayHeader-wrap {
    justify-content: space-between;
  }
}

/* @media (min-width: 1024px) {
	.navbar-expand-lg .navbar-toggler {
		display: block;
	}
} */

/* ================= css for manager app responsive fixes ========================== */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .reservespaces.service-reservationBtnDiv {
    flex-direction: column;
    gap: 10px;
    margin: 15px 0;
    padding-left: 0;
    padding-right: 0;
  }

  .reservespaces.service-reservationBtnDiv span {
    display: block;
    width: 100%;
  }

  .reservespaces.service-reservationBtnDiv button {
    width: 100% !important;
    margin: 0 !important;
  }
}

.cardDiscountStyle {
  width: 52%;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  font-size: 13px;
  color: gray;
  outline: none;
  border: 1px solid #707070;
}

input::placeholder {
  color: #aaa;
  /* Light gray placeholder text */
}

.Map_img_um img[src*="parking"] {
  max-width: 50% !important;
}

.areaCabin-row {
  position: relative;
}

.areaCabin-closeDiv {
  position: absolute;
  right: 25px;
  z-index: 999;
}

.statTodayBtn-col .todayDivButton {
  width: auto;
}

.dateInputCol-div .todayDivButton {
  width: auto;
}

#navbarText
  .datePicker-headerCol
  .react-datepicker__input-container
  input.form-control.DateInput {
  background: #d8e2ff;
  border-radius: 26px;
  font-size: 12px;
  text-align: center;
}

.chatbotbottom-icon {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #007bff;
  color: white;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 24px;
  z-index: 1000;
  transition: transform 0.3s ease;
}

.chatbotbottom-icon:hover {
  transform: scale(1.1);
}

.chatbotbottom-icon img {
  width: 80px;
  height: 80px;
}

.email-configure-input-port input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.email-configure-input-port input[type="number"] {
  -moz-appearance: textfield;
}

.Map_img_um img[src*="Group_parking"] {
  max-width: 85% !important;
}

@media screen and (min-width: 800px) and (max-width: 800px) {
  .moveMultipleIcon-div {
    margin: 60px 0px 0 !important;
    top: unset !important;
    left: 15px !important;
    width: 100% !important;
    padding: 0px 21px 0px 0px !important;
    z-index: 999 !important;
    justify-content: flex-start !important;
  }

  .zoom-container {
    margin: 10px 0px;
    top: unset !important;
    right: 0px;
    width: 100%;
    padding: 0 15px 0px 15px;
    z-index: 999;
  }

  .tools.mob-flex-only {
    display: inline-flex !important;
  }

  .tools.desk-only-flex {
    display: none !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .chatbotbottom-icon img {
    width: 65px;
    height: 65px;
  }

  .chatbotbottom-icon {
    width: 6px;
    height: 25px;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
  }

  .custom-chatbot-container {
    right: 50px !important;
  }

  .chatbot-headerTop .close-button {
    margin-top: 4px;
    margin-right: -8px;
  }

  .header-status {
    font-size: 13px;
  }

  .col-md-6.col-12.cardSummary-colDiv.pr-0 {
    padding-right: 15px !important;
  }

  .col-md-3.col-6.cardSummary-colDiv.pl-0 {
    padding-left: 15px !important;
  }

  .cardPaySummary-div {
    margin-top: 15px !important;
  }

  .cardPay-wrapper {
    justify-content: end !important;
  }

  .cardSummary-colDiv p.AddRowTitle {
    text-align: left !important;
  }
}

.disabled-text {
  color: gray;
  opacity: 0.6;
  pointer-events: none;
  /* Prevents any interaction like onClick */
}

.cardSummary-topHead {
  background: #676767;
  color: #fff;
  height: 45px;
  font-size: 18px;
  line-height: 24px;
  padding: 0 15px;
  margin: 0 -8px;
}

.cardSummary-topHead-row {
  height: 100%;
  align-items: center;
}

.cardPay-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #818985;
}

.cardPay-wrapper input.form-control.ContactInput.modify-price-input {
  height: 35px !important;
  color: #818985;
  font-size: 14px;
  font-weight: 500;
  background-color: #e9ecf4;
}

.cardSummary-rowDiv {
  padding: 15px 12px;
  align-items: center;
}

.payCard-summaryBtn {
  border: 1.5px solid #233c7e;
  color: #233c7e;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 25px;
  padding: 7px 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cardPaySummary-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cardSummary-topHead-row p {
  font-size: 14px;
  padding: 0.75rem;
  font-weight: 700;
}

.totalFooter-cardWrap {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background-color: #e9ecf4;
  width: 100%;
}

.row.cardSummary-rowDiv span.variantName-span {
  display: block;
  font-size: 12px;
  padding-left: 12px;
}

.row.cardSummary-rowDiv span.variantName-span span {
  display: inline-flex;
}

.hrServices-dateInput::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.hrServices-dateInput {
  -moz-appearance: textfield;
  /* for Firefox */
}

.stat-booking-top .checkmarkReserve {
  top: 3px !important;
}

.supportGuide-wrapper {
  max-width: 600px;
  margin: 0 auto;
}

.supportGuide-wrapper p.LabelPhoto {
  color: #233c7e;
  font-weight: 700;
  text-align: center;
  font-size: 20px;
}

.supportGuide-wrapper .LabelPhotoBlue {
  color: #233c7e;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .supportGuide-wrapper .LabelPhotoBlue {
    text-align: left !important;
  }

  .supportGuide-wrapper .LabelPhotoBlue br {
    display: none !important;
  }

  .supportGuide-wrapper p.LabelPhoto {
    text-align: left !important;
  }

  .supportGuide-wrapper .row .col-12 {
    padding-bottom: 30px;
  }

  .supportGuide-wrapper .row.nomargin.mb-5 {
    margin-bottom: 0 !important;
  }

  .supportGuide-wrapper {
    max-width: 100%;
  }
}

.statOpt-rowDiv .topChk-div .chkTop-label {
  font-size: 15px;
}

.stat-booking-top .topChk-div .chkTop-label {
  font-size: 15px;
  font-size: 15px;
}

.stat-booking-top .topChk-div .chkTop-label {
  font-size: 15px;
}

.addevent-wrapper select,
.addevent-wrapper input#appt {
  appearance: none;
  background: #fff url(../images/event-drp.png);

  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 10px;
}

.moment-todays .todayDivButton {
  width: auto;
}

.mobNumWith-countryCode {
  position: relative;
}

.countryCode-main .react-tel-input .form-control {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  background: #ffffff;
  border: 0px solid #cacaca;
  border-radius: 5px;
  line-height: 25px;
  height: 35px;
  width: 100%;
  outline: none;
}

.countryCode-main .react-tel-input {
  width: 95px;
}

.countryCode-main .react-tel-input .form-control {
  padding-right: 0 !important;
}

.countryCode-main {
  position: absolute;
  top: 2px;
  left: 20px;
}

.countryCode-main .react-tel-input .flag-dropdown {
  background-color: #ffffff;
  border: 0px solid #cacaca;
}

.contactField-withCountryCode {
  padding-left: 122px;
}

.contactList-contactInput {
  padding-left: 122px;
}

/* .countryCode-main .react-tel-input .form-control{
	padding: 0 0 0 40px;
} */
.customPopup .searchFilter-input {
  appearance: none;
  background: #fff url(../images/search-marketing-icon.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 18px 18px;
}

.addevent-wrapper input[type="time"] {
  appearance: none;
  background: #fff url(../images/event-drp.png);

  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.addevent-wrapper input[type="time"]::-webkit-calendar-picker-indicator {
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
}

.scheduleTime-input {
  background: #fff url(../images/marketing-calendar.svg);
  background-repeat: no-repeat;
  background-position: left 18px center;
  background-size: 22px 22px;
  padding-left: 55px !important;
  position: relative;
}

.scheduleTime-input::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.filter-dataWrapper {
  appearance: none;
  background: #fff url(../images/marketing-calendar.svg);
  background-repeat: no-repeat;
  background-position: left 18px center;
  background-size: 22px 22px;
  padding-left: 40px !important;
}

.react-datepicker__input-container input::placeholder {
  color: #707070;
}

.filter-dataWrapper input.form-control.DateInput {
  background-color: transparent !important;
}

/* ============================= css for updated proprty details page ui 2025 =============================== */
ul.row.OptionBtn {
  border-bottom: 1.4px solid #5873ba;
}

.OptionBtn li {
  color: #5873ba;
  background-color: transparent;
}

.OptionBtn li a {
  color: #5873ba;
  font-size: 15px;
  font-weight: 500;
}

.BookPropBtn {
  border-radius: 6px;
}

.Prop_name {
  font-size: 25px;
  color: #233c7e;
  font-weight: 700;
}

.propDetImgCarosel {
  min-height: 420px;
  max-height: 420px;
  height: 100%;
}

.propDetImgCarosel img {
  border-radius: 6px;
  height: 100% !important;
  width: 100%;
  min-height: 420px !important;
  max-height: 420px !important;
  object-fit: cover;
  object-position: top center;
}

.Prop_flex.consumerPropertyCarosel {
  align-items: start;
}

.sliderThumbnail-div {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 420px;
  gap: 13px 0;
  padding-right: 0;
}

.sliderThumbnail-div img {
  border-radius: 6px;
}

.prodDesc-wrraperDiv .PropServiceLabel {
  font-size: 25px;
}

.prodDesc-wrraperDiv .lightBlue_bg {
  border-radius: 6px;
  padding: 20px 25px 65px;
  width: 490px;
}

.booknowProp {
  border-radius: 6px;
}

.propDetails-btn {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 40px;
  background-color: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.propInfo-btnBlock {
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: space-between;
  margin-top: 20px;
  width: 490px;
}

.virtuakTour-btn {
  background-color: #233c7e;
  color: #fff;
  margin: 0 auto;
  border: none;
  border-radius: 6px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border: 0;
  font-size: 15px;
  font-weight: 500;
}

button {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.lightBlue_bg.availability-box {
  border-radius: 6px !important;
}

.propDetails-availabilityWrapper .onlineReserve {
  font-size: 15px !important;
  padding: 0;
  margin: 0;
  font-weight: 400;
  color: #233c7e;
  text-align: left;
  padding-left: 28px;
}

.propDetails-availabilityWrapper .onlineReserve .checkmarkReserve {
  left: 0 !important;
}

.availability-right-btn {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.availability-right-btn
  .periodSelect-dropdown.propDetailsPeriod-drp.availEdit-btn-outline {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 40px;
  background-color: transparent;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  width: 80%;
}

.availability-right-btn .availEdit-btn {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 40px;
  background-color: #233c7e;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  width: 80%;
}

.propDetails-availabilityWrapper .availability-date-input {
  border: 0;
  background-color: #f6f6f6 !important;
  font-size: 14px;
  text-align: center;
  color: #707070;
  font-weight: 500;
  background-image: url(../images/calendar-1.svg);
  background-repeat: no-repeat;
  background-position: 6%;
  background-size: 20px;
}

.mapColDiv {
  max-width: 100%;
  margin-top: 20px;
}

.text-content {
  max-width: 100%;
}

.PropServiceLabel {
  font-size: 25px !important;
}

.consumerMapBtn {
  border-radius: 6px !important;
}

.consumerMap-img {
  border-radius: 6px;
}

.consumerMapImg-container .overlay {
  border-radius: 6px;
}

.text-content {
  margin-top: 15px;
}

.modal-content {
  border-radius: 6px !important;
}

.legendPopup-btn {
  border-radius: 6px;
}

.consumerMapControls-div {
  position: static;
}

#consumerMapZoom-btns {
  position: static;
}

#consumerMapModal .CloseBtn {
  position: static;
}

.consumerMapControls-div {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 15px !important;
  gap: 20px;
}

#consumerMapZoom-btns {
  position: absolute;
  left: unset;
  right: 215px;
  bottom: unset !important;
  top: -50px;
  padding: 0;
}

#consumerMap-mainWrapperDiv {
  position: relative;
}

.legend-btn {
  border: 1px solid #233c7e;
  border-radius: 6px;
  background-color: #fff;
}

#consumerMapZoom-btns button {
  border: 1px solid #233c7e;
  background-color: #fff;
  font-size: 25px !important;
  font-weight: 700 !important;
}

.legendContent-wrap {
  position: absolute;
  right: 50px;
  top: -10px;
  z-index: 999;
  border-radius: 6px !important;
  background-color: #ffffff;
  padding: 20px 25px;
  border-radius: 6px;
  max-width: 460px;
  width: 100%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.consumerMap-itemSelectionWrapper .locationSelect-top p {
  font-size: 18px;
  font-weight: 600;
  color: #233c7e;
  margin-bottom: 0;
}

.consumerMap-itemSelectionWrapper .locationSelect-top span {
  font-size: 14px;
  font-weight: 500;
  color: #233c7e;
  margin-bottom: 0;
}

.consumerMap-itemSelectionWrapper .locationSelect-dateWrap span {
  font-size: 14px !important;
  font-weight: 500;
  color: #233c7e;
}

.locationSelect-top {
  display: flex;
  gap: 16px;
}

.locationSelectimg-icon {
  width: 38px;
  height: 38px;
}

.consumer-locationSelectDrp {
  height: 50px;
  border-radius: 6px;
  border: 1px solid #d2d2d2;
  font-size: 15px;
  font-weight: 500;
  color: #233c7e;
  background-color: transparent;
}

.consumer-locationSelectDrp-price {
  font-size: 16px;
  font-weight: 500;
  color: #233c7e;
}

.consumerMap-itemSelectionWrapper {
  width: 100%;
  padding: 0 15px;
}

.consumerMap-itemSelection-heading {
  font-size: 16px;
  font-weight: 600;
  color: #233c7e;
  margin-bottom: 8px;
}

.consumerMap-itemSelection-row {
  padding: 12px 0;
  border-bottom: 0.5px solid #70707033;
  align-items: center;
}

.itemSelection-name {
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  color: #1c1c1c;
  margin-bottom: 0;
}

.itemSelection-price {
  font-size: 14px;
  font-weight: 500;
  color: #233c7e;
  width: 40px;
}

.itemSelection-btn {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400 !important;
  padding: 6px 18px;
  background-color: transparent;
  color: #233c7e;
}

.itemSelection-btn-new-add {
  width: 100px;
}

.add-margin-desktop {
  margin-left: 90px;
}

.abcccccccccc {
  word-wrap: break-word;
  width: 100px;
  text-align: end !important;
  color: #233c7e !important;
  font-weight: 500 !important;
}

.addcolor {
  color: #233c7e !important;
}

.itemSelection-blueTxt {
  font-size: 15px;
  font-weight: 500;
  color: #233c7e;
}

/* .consumerMap-itemSelection-row:last-child {
  border-bottom: 0 !important;
} */

.itemSelection-btnOutline {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  padding: 6px 31px;
  background-color: transparent;
  color: #233c7e;
}

.add-legend-btn {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  padding: 6px 31px;
  background-color: transparent;
  color: #233c7e;
}

.itemSelection-btnFill {
  border: 1px solid #2960f1;
  border-radius: 6px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  padding: 6px 32px;
  background-color: #2960f1;
  color: #fff;
}

.itemSelection-btn-row {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  padding: 25px 0px;
}

.itemSelection-legendMsg {
  padding: 0;
  margin: 0;
}

.itemSelection-legendMsg li p {
  font-size: 14px;
  font-weight: 400;
  color: #233c7e;
}

.itemSelection-legendMsg li {
  display: flex;
  justify-content: end;
  gap: 12px;
  margin: 12px 0;
}

.itemSelection-legendMsg .blue-dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #233c7e;
  flex-shrink: 0;
  display: inline-block;
  margin-top: 5px;
}

.itemSelection-btn.remove-btn {
  border-color: #707070;
  gap: 12px;
  justify-content: space-between;
  padding: 6px 10px;
}

.itemSelection-removeCol {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.itemSelection-Modal {
  max-width: 400px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0px);
}

.itemSelection-ModalHeader {
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.itemSelection-ModalHeader p {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 700;
  color: #233c7e;
}

.itemSelection-ModalHeader img {
  cursor: pointer;
}

.itemSelectionModal-row {
  margin: 15px -15px;
}

.itemSelectionModal-row span {
  font-size: 15px;
  font-weight: 400;
  color: #1c1c1c;
}

.customChk-style {
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid #707070;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}

.customChk-style:checked {
  background-color: #233c7e;
  border-color: #233c7e;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><polyline points='20 6 9 17 4 12'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

.itemSelectionChk-col {
  display: flex;
  align-items: center;
  gap: 12px;
}

.newCustomSave-btn {
  border: 1px solid #2960f1;
  border-radius: 6px;
  height: 40px;
  background-color: #2960f1;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  flex-shrink: 0;
  width: auto;
}

.itemSelectionPopup-footer {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  padding-top: 22px;
}

.itemSelection-modalTxt {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

.itemSelectionPopup-wrapper {
  padding: 0 15px 15px;
}

.PropTable {
  border-radius: 6px;
}

.BathInfoHours {
  border-radius: 6px;
}

.extraServices-btn {
  border-radius: 6px;
}

.additionalServices-tbl {
  margin: 0 !important;
  border-radius: 0 !important;
}

.additionalServices-tbl td {
  text-align: left;
}

.additionalServices-tbl .consumerMap-itemSelection-row {
  margin: 0;
}

.itemSelection-control {
  font-size: 22px;
  font-weight: 600;
  line-height: 8px;
  color: #233c7e;
}

.additionalServices-tbl .itemSelection-btn {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  border-color: #707070;
  padding: 6px 8px;
  width: 100px;
  margin-right: 43px;
}

.tabularBook-btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 15px;
  font-weight: 400 !important;
  border-radius: 6px;
  color: #fff;
  background-color: #2960f1;
  width: 100%;
  border: 0;
}

.tabularBook-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.addTabularBooking-btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 15px;
  font-weight: 400 !important;
  border-radius: 6px;
  color: #233c7e;
  background-color: transparent;
  width: 100%;
  border: 1px solid #233c7e;
  margin-top: 20px;
  gap: 12px;
}

.booking-btn-col {
  background-color: #e6edff;
  margin-bottom: 1.5rem;
  padding-bottom: 19px !important;
}

.extraServices-tbl {
  border-radius: 0 !important;
}

.consumerMap-extraServivesCol {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.extraServices-tbl td {
  text-align: left;
}

.extraServices-tbl .itemSelection-btn {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  padding: 6px 8px;
}

/* .consumerMap-extraServivesCol .itemSelection-btn{
   padding: 6px 8px;
} */

.itemsExtraAdd-btn {
  background-color: #233c7e;
  border-color: #233c7e;
  color: #fff;
  padding: 8px 28px !important;
}

.NumberCls {
  border-radius: 4px;
}

.GreatChoice {
  font-size: 20px;
}

/* ======================== css for new UI ============================ */

section.banner.home-banner {
  background: #fff url(../images/new-updated-banner.png) no-repeat center center;
  background-size: 100% 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
}

.home-page-search-alignment {
  position: relative;
  top: 73px;
  padding-left: 0px;
  /* z-index: 1; */
}

section.banner.home-banner .searchTitle {
  color: #fff;
  /* margin-left: 27px; */
  margin-top: 55px;
}

.searchBtn-bome-col {
  padding-left: 0px;
}

section.banner.home-banner .NoFormcontrol {
  border-radius: 0px;
  border: solid 3px #87c8fd;
  border-right: none;
}

section.banner.home-banner .bannerDateDiv {
  border-radius: 0px;
  border: solid 3px #87c8fd;
}

.Search_btn.hoverBorder {
  border-radius: 0px;
  border: solid 3px #87c8fd;
  background-color: #2960f1;
}

.discountMainInput {
  height: 47px;
  border-radius: 6px;
  border: 2px solid #233c7e;
  padding: 8px 0 8px 15px;
}

.discoverButton {
  height: 47px;
  border-radius: 6px;
}

.priceTag-span {
  position: absolute;
  top: -12px;
  left: 16px;
}

.priceTag-span img {
  width: 38px;
}

.ImageContainer_img {
  border-radius: 6px;
}

.overLay {
  border-radius: 6px;
}

.popularBathhouse-section-div .ImageContainer_img {
  border-radius: 6px;
}

.subscribeTxt-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.subscribeTxt-wrapper img {
  margin-top: 15px;
}

.subscribeTxt-wrapper p.body-txt {
  font-size: 15px;
  font-weight: 400;
  color: #5e5e5e;
}

.subscribeTxt-col .SearchInput {
  border-radius: 6px;
}

.subscribeTxt-col .SubscibeBtn {
  border-radius: 6px;
}

.subscribe-section-div {
  padding: 0;
}

.subscribeTxt-col {
  padding-top: 35px;
}

.new-modalContent .modal-content {
  border-radius: 6px;
}

.newTitle-heading {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #233c7e;
  padding-bottom: 0;
}

.new-modalContent .newLabel-txt {
  font-size: 15px;
  color: #1c1c1c;
  font-weight: 500;
  margin-bottom: 10px;
}

.new-modalContent .newTitle-heading {
  margin-top: 15px;
}

.new-modalContent .customFormControl {
  height: 40px;
  border: 1px solid #707070;
  border-radius: 6px;
  font-size: 14px;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  color: #1c1c1c;
}

.new-modalContent .form-groupcustom {
  margin-bottom: 22px;
}

.containerCheckbox {
  color: #233c7e;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}

.new-modalContent .form-groupcustom .checkmark {
  height: 16px;
  width: 16px;
  border: 1px solid #707070;
  border-radius: 2px;
  background-color: #fff;
}

.new-modalContent .CreateAccountBtn {
  border-radius: 6px;
}

.newModal-wrapperContent {
  padding: 0 15px;
}

.socialLogin-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 40px;
}

.socailLogin-btn {
  border: 1px solid #a4a4a4;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  border-radius: 2px;
}

.loginWith-txt {
  font-size: 20px;
  color: #233c7e;
  font-weight: 400;
  position: relative;
  text-align: center;
  margin-bottom: 22px;
}

.loginWith-txt:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0px;
  width: 35%;
  height: 1px;
  background: #233c7e;
}

.loginWith-txt:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 1px;
  width: 35%;
  height: 1px;
  background: #233c7e;
}

.SignAccountlabel a {
  font-weight: 700;
  color: #233c7e;
}

.SignAccountlabel {
  font-size: 20px;
  color: #233c7e;
}

.customFormControl-withGrpAddon {
  display: flex;
  gap: 10px;
}

.countryCode-select {
  width: 92px;
}

.createNote {
  font-size: 12px;
  font-style: normal;
  color: #5e5e5e;
  font-weight: 400;
}

.registerPhoto-upload .Dropzone {
  font-size: 14px;
  color: #1c1c1c;
  font-weight: 400;
  margin-bottom: 10px;
  font-style: normal;
}

.registerPhoto-upload .uploadPhotoLabel {
  display: none;
}

.bathhouseSearch-top .NoFormcontrol {
  border-radius: 0px;
  border: solid 3px #87c8fd;
}

.bathhouseSearch-top .bannerDateDiv {
  border-radius: 0px;
  border: solid 3px #87c8fd;
}

.bathhouseSearch-top {
  padding-top: 35px;
}

.allSideBorder {
  border-radius: 6px;
  background-color: #e6ebfa;
}

.newPropDetails-wrap p.loc_addres {
  color: #5e5e5e !important;
  font-weight: 400 !important;
  margin-bottom: 8px;
}

.bookFaster-para {
  padding: 20px 0 40px;
  color: #1c1c1c;
  font-weight: 700;
  text-align: center;
}

.payProp-div {
  background-color: #fff;
  border-radius: 6px;
  padding: 26px 30px;
}

.detailsInput-txtBlock {
  border-radius: 6px;
  border: 1px solid #707070;
}

.NextFinalBtn {
  height: 40px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.payProp-div .details-rowBlock {
  flex-direction: row;
}

.Search_area {
  background-color: #fff;
  border-radius: 6px;
}

.propSignin-wrap.Search_area .listHeaderTitle {
  font-size: 16px !important;
  font-weight: 700;
}

.propSignin-wrap.Search_area .loc_addres {
  font-weight: 400;
  color: #233c7e;
}

.propSignin-wrap.Search_area .multiadditinalItems-div span {
  text-align: left;
  padding: 0;
  margin-left: 6px !important;
}

.propSignin-wrap.Search_area .summaryApply-btn {
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #233c7e;
  color: #233c7e !important;
  height: 40px;
}

.propSignin-wrap.Search_area .Prop_SearchInput {
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #707070;
  height: 40px;
}

.loc_addres.fw-bold {
  font-weight: 700 !important;
}

.changeChoiceTxt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #2960f1;
  margin-bottom: 0;
}

.changeChoiceTxt img {
  cursor: pointer;
}

.payProp-div .listHeaderTitle {
  font-size: 16px !important;
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 15px !important;
}

.payProp-div .onlineReserve {
  font-weight: 400;
  color: #233c7e;
  font-size: 14px !important;
}

.privacyPolicy-bottomTxt {
  color: #707070;
  font-weight: 400;
}

.privacyPolicy-bottomTxt a {
  color: #233c7e;
}

.payProp-div .Learn_MoreProp {
  height: 40px;
  border-radius: 6px;
}

.payProp-div .checkmarkReserve {
  height: 18px !important;
  width: 18px !important;
}

.payProp-div .onlineReserve .checkmarkReserve:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 11px;
}

.payProp-div .onlineReserve {
  padding-left: 22px !important;
}

.bookingSummary-topDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Reservation_label span {
  font-size: 16px;
}

.summerPay-titleTxt {
  width: 200px;
}

.Regi_border.summary-wrapper {
  border-radius: 6px;
}

.Regi_border.summary-wrapper .summery-inner-wrapper p.summSignLoc {
  display: flex;
  align-items: center;
}

.property-details-wrapper {
  border-radius: 6px;
}

.imgWrapper-view img {
  border-radius: 6px;
}

.bookingSummary-topDiv p {
  margin-bottom: 0 !important;
}

.bookingSummary-topDiv {
  padding: 15px 0 18px;
}

.property-details-wrapper .propertyDetails-inner .booking-text {
  font-weight: 400;
  color: #5e5e5e;
  margin-bottom: 15px !important;
}

.propExtraDetails-wrapper {
  border-top: 1px solid #233c7e;
  margin-top: 20px;
  padding-top: 20px;
}

.SignatureLabel {
  border-radius: 6px;
}

.View_BookingBtn {
  border-radius: 6px;
  width: 40%;
  margin-left: auto;
  margin-top: 22px;
  margin-bottom: 22px;
}

.summerPay-titleTxt {
  width: 125px;
}

.hourlyServices-date {
  height: 40px;
  border-radius: 6px;
  color: #707070;
  border-color: #929292;
  text-align: center;
  background-image: url(../images/calendar-icon.svg);
  background-repeat: no-repeat;
  background-position: 6%;
  background-size: 25px;
}

.hourlyServices-wrap {
  padding: 0px 0 25px;
}

.timeSlot-wrap {
  border-radius: 4px;
  border: 1px solid #707070;
  font-size: 15px;
  font-weight: 400;
  color: #1c1c1c;
  padding: 8px 12px;
  height: 38px;
  width: 100%;
  margin: 8px 0;
  cursor: pointer;
}

.timeSlot-wrap.active {
  background-color: #d8e2ff;
}

.timeSlot-selectWrap {
  padding: 15px 15px 15px 30px;
}

.eventsTop-wrapper {
  display: flex;
  gap: 12px;
  height: 100%;
}

.eventsTop-wrapper h3 {
  font-size: 20px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 8px;
}

.eventsTop-wrapper p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #5e5e5e;
}

.eventDetails-main {
  padding: 30px 0;
}

.eventsInfo-wrapper p {
  display: flex;
  gap: 8px;
}

.propEvent-txtWrap p {
  font-size: 16px;
  font-weight: 400;
  color: #5e5e5e;
}

.eventsSocial-wrapper p {
  font-size: 15px;
  color: #233c7e;
  font-weight: 700;
  text-align: right;
  margin-bottom: 8px;
}

.eventsSocial-iconWrap {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-end;
}

.eventsSocial-iconWrap img {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.propEvent-txtWrap {
  padding-top: 20px;
}

.eventsCrad-wrapper {
  padding: 15px;
  border-radius: 6px;
  background-color: #e6ebfa;
  margin-bottom: 15px;
  position: relative;
}

.eventsShare-col {
  position: absolute;
  top: 15px;
  right: 15px;
}

.eventmain-wrapper {
  padding: 0 0 60px 0;
}

.eventList-img {
  max-width: 206px;
  max-height: 160px;
  width: 100%;
  border-radius: 4px;
}

.eventFind-btn {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #233c7e;
  padding: 8px 18px;
  color: #fff;
  border: 0;
}

.eventFind-btn-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.eventsListInfo-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

/* =========================css for payemnt option ======================================================== */

.payment-container {
  padding: 20px 0;
}

.payment-options {
  display: flex;
  gap: 18px;
  margin-bottom: 30px;
}

.payment-option {
  display: flex;
  align-items: center;
  border: 2px solid #d5d5d5;
  border-radius: 6px;
  padding: 8px 14px;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.3s ease;
  height: 45px;
  width: 200px;
}

.payment-option span {
  font-size: 16px;
  font-weight: 400;
  color: #233c7e;
}

.payment-option img {
  height: 22px;
}

.payment-option input[type="radio"] {
  margin-right: 8px;
}

.payment-option .icon {
  margin-right: 8px;
  font-size: 1.2rem;
}

.payment-option.active {
  border-color: #00dcff;
}

.payment-content h1 {
  margin-top: 30px;
}

.savePayment-labelChk {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #233c7e;
}

.secureStripe-paymentTxt {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  color: #828eaf;
}

.paymentPay-btn {
  height: 45px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 12px;
  border: 0;
  width: 180px;
  background-color: #233c7e;
}

.paymentContent-btn {
  width: 100%;
  border: 2px solid #233c7e;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin: 30px 0;
}

.paymentContent-btn img {
  width: 55px;
}

.paymentContent-btn.payPal-btn {
  background-color: #ffc439;
  border-color: #ffc439;
}

.paymentContent-btn.paymentLink-btn {
  background-color: #00d66f;
  border-color: #00d66f;
  color: #000;
}

.paymentContent-btn.paymentLink-btn img {
  filter: brightness(0) saturate(100%);
}

.paymentContent-btn.payPal-btn img {
  width: 75px;
}

.custom-radio-btn {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 3px solid #d5d5d5;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
}

.custom-radio-btn:checked::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  background-color: transparent;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 3px solid #00dcff;
}

.selectPayMethod-title {
  font-size: 20px;
  font-weight: 700;
  color: #233c7e;
}

.selectPaymentMethod-top {
  padding-bottom: 30px;
}

.selectPaymentMethod-top p {
  font-size: 16px;
  font-weight: 400;
  color: #5e5e5e;
  margin-bottom: 0;
}

.savePayment-chkBox {
  width: 18px;
  height: 18px;
}

.savePayment-chkBox:checked {
  background-color: #233c7e;
}

.selectPaymentMethod-top p span {
  color: #233c7e;
  font-weight: 700;
}

.events-slider .slick-prev:before,
.events-slider .slick-next:before {
  background-color: #233c7e;
  border-radius: 50%;
}

.eventsShare-col img {
  width: 22px;
}

.events-slider .slick-slide {
  padding: 0 10px;
}

/* .events-slider .slick-list {
  margin: 0 -20px; 
} */

.events-slider h3 {
  font-size: 20px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 8px;
}

.sliderArea-mainWrapper {
  position: relative;
}

.propDetails-viewMapWrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 240px;
}

.propDetails-viewMapWrapper .showMapBtn {
  width: 82%;
}

.mapDetails-div {
  width: 100%;
  float: left;
  margin: 0px 0 0 0;
  padding: 0;
  position: relative;
  height: 204px;
}

.propDetails-availabilityWrapper .row.nomargin.DatePickerInput {
  background-color: #e9ecef;
  border-radius: 6px;
  height: 40px;
}

.propDetails-availabilityWrapper .row.nomargin.DatePickerInput .DateInput {
  font-weight: 500;
  color: #5e5e5e;
  font-size: 14px;
  background-color: transparent !important;
}

.firstDateInput .DateInput {
  padding-left: 0;
  text-align: right;
}

.secondDateInput .DateInput {
  padding-right: 0;
  text-align: left;
}

.eventHeading-top {
  font-size: 25px;
  font-weight: 700;
  color: #233c7e;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
  margin-left: 15px;
}

.calendar-container {
  /* margin-left: 15px; */
}

.eventDetails-mainImg {
  min-width: 350px;
  max-width: 350px;
  width: 100%;
  border-radius: 6px;
}

.search-error-message {
  font-size: 20px;
  font-weight: initial;
  margin-top: 55px;
  color: #fc4431;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .bathhouseSearch-top .NoFormcontrol {
    width: 100%;
    margin-bottom: 8px;
    border-right: solid #87c8fd;
  }

  .search-error-message {
    font-size: 18px;
    font-weight: initial;
    margin-top: 12px;
    color: #fc4431;
  }

  .row.OptionBtn li.OptionBtn-col {
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  .row.OptionBtn li.OptionBtn-col a {
    white-space: nowrap;
  }

  ul.breadcrumb {
    margin-bottom: 0 !important;
  }

  .sliderThumbnail-div {
    padding: 15px 0 !important;
    height: auto;
  }

  .virtuakTour-btn {
    margin-bottom: 20px;
  }

  .propDetails-availabilityWrapper .onlineReserve {
    margin: 20px 0;
  }

  .summaryApply-btn-col {
    padding: 0px !important;
  }

  .newPropDetails-wrap {
    padding: 15px 0 0 !important;
  }

  .row.nomargin.Prop_flex.Pro_detail_space.consumerPropDetails {
    margin: 0 -15px;
  }

  .mobNo-spacing {
    padding: 0 !important;
  }

  #consumerMapZoom-btns {
    left: 0 !important;
    width: 110px;
  }

  .itemSelection-legendMsg li p br {
    display: none;
  }

  .itemSelection-Modal {
    max-width: 90%;
  }

  .locationSelect-dateWrap {
    gap: 15px;
  }

  .propDetImgCarosel {
    min-height: 330px;
    max-height: 330px;
    height: 100%;
  }

  .sliderThumbnail-div div {
    height: 150px !important;
  }

  #consumerMapModal .modal-dialog {
    width: 90% !important;
  }

  .itemSelection-legendMsg li p {
    margin-bottom: 6px;
  }

  .locationSelectDrp-select {
    padding-right: 20px !important;
  }

  .View_BookingBtn {
    width: 100%;
    margin: 18px 0;
  }

  .SignatureLabel {
    margin-top: 0;
  }

  .bookingSummary-topDiv {
    flex-direction: column;
    align-items: start;
  }

  .bookingSummary-topDiv .booking-numlabel {
    margin-top: 0;
  }

  .legendContent-wrap {
    max-width: 95%;
    margin: 0 auto;
    right: 0px;
  }

  .eventsTop-wrapper {
    flex-direction: column;
  }

  .eventsShare-col {
    top: 212px;
  }

  .eventsShare-col img {
    width: 22px;
  }

  .eventList-img {
    max-width: 100%;
    object-fit: cover;
  }

  .payment-options {
    flex-direction: column;
  }

  .payProp-div {
    padding: 20px !important;
  }

  .payment-option {
    width: 100%;
    margin-bottom: 0;
  }

  .propDetails-viewMapWrapper {
    position: static;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    display: block;
  }

  .calendar-container {
    margin-left: 0px;
  }

  .customPopup {
    width: 95% !important;
  }
}

.newServices-accordion {
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  background: #fff url(../images/new-images/drpDown-arrow.svg);
  background-repeat: no-repeat;
  background-position: 97%;
  -webkit-appearance: none;
  margin: 0;
}

.servicesAccordion-head {
  margin-bottom: 0;
  font-size: 16px;
  color: #233c7e;
  font-weight: 700;
  padding-left: 15px;
}

.servicesType-text {
  font-size: 16px;
  color: #1c1c1c;
  font-weight: bold;
  margin-bottom: 15px;
}

.servicesall-infoWrap {
  display: flex;
  gap: 10px;
}

.servicesall-infoWrap .servicesInfo-wrap p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
}

.servicesTitle-head {
  margin-bottom: 6px;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
}

.servicesTitle-head option {
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
  padding: 0;
}

.servicesall-infoWrap .servicesInfo-wrap p.servicesprice {
  color: #233c7e;
}

.servicesall-infoWrap .servicesInfo-wrap span {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0px;
}

.servicesList-divWrap {
  padding: 18px 0;
  border-bottom: 1px solid #cbcbcb;
}

.servicesAccordion-wrapper {
  padding: 20px 15px 0;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
}

.servicesAccordion-wrapper .servicesTitle-head {
  margin-bottom: 0;
}

.newServices-addBtn {
  height: 45px;
  border: 1px solid #233c7e;
  font-size: 15px;
  border-radius: 6px;
  color: #233c7e;
  font-weight: 400;
  padding: 10px;
  width: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.servicesMain-wrapper.onlyHourlyServices-wrapper .servicesAccordion-subwrapper {
  padding-bottom: 0px;
}

.servicesAccordion-subwrapper:last-child .servicesList-divWrap {
  border-bottom: 0;
}

.servicesAccordion-subwrapper {
  /* .servicesList-divWrap::last-child{
  border-bottom: 0;
} */
}

.servicesAccordion-subwrapper {
  padding-bottom: 20px;
}

.servicesMain-wrapper {
  margin-bottom: 20px;
}

.onlyServices-wrapper .servicesAccordion-wrapper {
  padding-top: 0;
}

.onlyHourlyServices-wrapper .servicesall-infoWrap .servicesInfo-wrap span {
  color: #a4a4a4;
  font-weight: 400;
  font-size: 16px !important;
}

.services-newWrapper .mainTitle-txt {
  font-size: 25px;
}

.servicesTop-headTitle {
  display: flex;
  align-items: center;
  gap: 15px;
}

.servicesSummary-wrapper {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px;
}

.servicesSummary-wrapper .summaryMain-title {
  font-size: 18px !important;
}

.servicesSubtotal-div p {
  font-size: 14px;
  font-weight: 700;
  color: #233c7e;
}

.servicesNotes-txtArea {
  background-color: #f6f6f6;
  border-radius: 4px;
  border: 0;
  padding: 15px;
  color: #5e5e5e;
  font-size: 15px;
  font-weight: 400;
}

.useful-info {
  background-color: #fff;
  border-radius: 0;
  padding: 0;
}

.servicesSummary-wrapper .useful-info p {
  font-size: 14px;
  font-weight: 400;
}

.useful-info h4 {
  margin-bottom: 15px;
  font-size: 18px;
}

.serviceBook-btnDiv button {
  border-radius: 6px;
  width: 175px;
}

.servicesSubtotal-div {
  padding-top: 15px;
}

.serviceItemSelection-btn {
  border: 1px solid #233c7e;
  border-radius: 6px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400 !important;
  padding: 6px 18px;
  background-color: transparent;
  color: #233c7e;
  gap: 12px;
}

.servicesItemPrice-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}

.userAvatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #d8e2ff;
  color: #233c7d;
  font-size: 18px;
  font-weight: 500;
}

button.LoginUserDrp.dropdown-toggle.consumerBtnMenu {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .newServices-accordion {
    margin: 0;
  }

  .servicesall-infoWrap {
    gap: 15px;
    margin-bottom: 15px;
  }
}

.allSideBorder .Empty_whiteBox img {
  border-radius: 6px;
}

.allSideBorder .listCardButtons a {
  border-radius: 6px !important;
  height: 40px !important;
  display: inline-block;
  margin-top: 0 !important;
}

.PorpFilters .containerServices {
  margin-bottom: 12px;
}

.filers-section-area {
  border-radius: 6px;
}

.Search_area {
  border-radius: 6px;
}

.homeProp-slider .ImageContainer {
  margin-bottom: 0;
}

.homeProp-slider .Location {
  display: flex;
  align-items: center;
}

.homeProp-slider .slick-prev,
.homeProp-slider .slick-next {
  width: 35px;
  height: 35px;
  z-index: 999;
  border-radius: 50%;
}

.homeProp-slider .slick-prev {
  background: url("../images/slider-prev.svg") no-repeat center center !important;
  background-size: contain;
  left: 0px !important;
}

.homeProp-slider .slick-next {
  background: url("../images/slider-next.svg") no-repeat center center !important;
  background-size: contain;
  right: 0px;
}

.homeProp-slider .slick-prev:before,
.homeProp-slider .slick-next:before {
  content: "";
}

.settings-parent .BathhouseTitle {
  color: #233c7e;
  font-size: 28px !important;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

.settings-parent .LabelPhoto {
  font-size: 15px !important;
  margin-bottom: 10px !important;
}

.settings-parent .BathInfoFormPerDetails {
  border-radius: 6px !important;
  border: 1px solid #707070 !important;
  height: 40px !important;
  margin-bottom: 20px !important;
}

.settings-parent .BathInfoFormPerDetails {
  font-size: 15px !important;
}

.settings-parent .tab-content {
  padding: 0 0px 0 30px;
}

.settings-parent .ReturnBtn {
  border-radius: 6px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  height: 45px !important;
}

.settings-parent .countryCode-select {
  border: 1px solid #707070 !important;
  height: 40px !important;
  font-style: normal;
  font-size: 15px;
  border-radius: 6px !important;
}

.paymentMethods-Block {
  border-radius: 6px;
  padding: 30px 20px;
}

.settings-parent .contentBG {
  width: 100% !important;
}

.settings-parent .customConsumerHeight {
  height: auto;
}

.settings-parent .noSavedCards {
  font-size: 16px;
  margin-bottom: 0 !important;
}

.settings-parent .card-outline-btn {
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 0 !important;
  height: auto !important;
}

.securityMain-wrapper {
  background-color: #fff;
  border-radius: 6px;
  padding: 30px 20px;
}

.security-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

.security-wrap label {
  font-size: 15px;
  color: #1c1c1c;
  font-weight: 500;
  margin-bottom: 0px;
}

.security-wrap .AddPackageBtn {
  font-size: 16px;
  color: #233c7e;
  font-weight: 500;
  height: auto;
  background-color: transparent;
  border: 0;
  padding: 0 !important;
  margin-bottom: 0;
}

.ChangePwdModal p.LabelPhoto {
  font-size: 15px !important;
  color: #1c1c1c;
  margin-bottom: 10px;
  font-weight: 500;
  padding-left: 8px;
}

.ChangePwdModal .DiscountInputChangeChangePwd {
  height: 40px;
  border: 1px solid #707070;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-top: 0;
}

.chnageUserBtnChangePwd {
  height: 45px;
  border-radius: 6px;
  margin: 0;
}

.outlineBtn-custom {
  height: 45px;
  border-radius: 6px;
  border: 1.5px solid #233c7e;
  font-size: 17px;
  font-weight: 500;
  color: #233c7e;
  background-color: transparent;
  padding: 8px 15px;
}

.ChangePwdBtn-col {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
}

.ChangePwdModal .col-12 {
  padding: 0 !important;
}

.LabelPhoto.FlexDisplay.text-center.notificationSpace-div {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}

.settings-parent .LeftSideSpace {
  margin: 0 !important;
  height: auto !important;
  min-height: unset;
  background-color: #e8eeff;
  border-radius: 6px;
}

.settings-parent .LeftSideSpace .sideTabs .nav-link:hover {
  background-color: #e8eeff;
  border: 0 !important;
  color: #233c7e !important;
}

.settings-parent .LeftSideSpace .sideTabs .nav-link.active {
  background-color: #d8e2ff;
  border: 0;
  border-radius: 0px;
}

.settings-parent .LeftSideSpace .sideTabs .nav-link.active:after {
  display: none;
}

.settings-parent .LeftSideSpace .sideTabs {
  border: 0;
  padding: 0;
}

.settings-parent .sideTabs .nav-link:hover:after {
  display: none;
}

.settings-parent .sideTabs .nav-link {
  background-color: transparent;
  border: 0;
  color: #233c7e !important;
  height: 60px;
}

.settings-parent .customConsumerHeight {
  height: 100vh !important;
}

.row.nomargin.settings-parent {
  margin-top: 20px;
}

.deleteAccount-txt {
  font-size: 18px;
  color: #233c7d;
  font-weight: 700;
}

.deleteuserbtn-alert {
  background-color: #d92525 !important;
  padding: 12px 30px;
  font-size: 16px;
  color: #fff;
  height: 45px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.deleteuserbtn-alert:hover {
  background-color: #d92525;
  padding: 12px 30px;
  font-size: 16px;
  color: #fff;
  height: 45px;
  border-radius: 6px;
}

.cancelUserbtn-alert {
  background-color: #fff;
  padding: 12px 30px;
  font-size: 16px;
  color: #233c7e;
  height: 45px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #233c7e;
}

.cancelUserbtn-alert:hover {
  background-color: #233c7e;
  border: 1.5px solid #233c7e;
}

.fevHeadTop {
  margin-top: 20px;
}

.fevHeadTop p.BathhouseTitle {
  font-size: 28px !important;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

.favProperty-section .Prop_rightbar {
  padding: 0 15px;
}

.favProperty-section {
  padding-bottom: 50px;
}

.bookingTopCredit {
  padding: 0 !important;
}

.bookingTopCredit .addBookingBtn {
  background-color: #2960f1;
  border-radius: 6px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  padding: 6px 35px;
  margin-top: 0;
  font-weight: 500;
}

.myBookings-section .bookingBtn {
  border-radius: 6px;
  height: 45px;
}

.myBookings-section .Learn_MorePropMyBooking {
  border-radius: 6px;
  height: 45px;
}

.booking-tabs-container {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}

.booking-tabs-container .tab {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 15px;
  color: #b0b0b0;
  font-weight: 500;
  transition: all 0.3s;
}

.booking-tabs-container .tab.active {
  color: #001a4d;
  font-weight: 600;
  border-bottom: 2px solid #001a4d;
}

.pastBookings-section {
  padding: 35px 15px 45px;
  width: 100%;
}

.bookingSee-btn {
  width: 60%;
  margin-bottom: 20px;
}

.cust-breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 25px 0 15px;
}

.cust-breadcrumb .breadcrumb-item + .cust-breadcrumb .breadcrumb-item::before {
  content: ">";
  color: #5873ba;
  padding: 0 0.5rem;
}

.cust-breadcrumb .breadcrumb-item a {
  color: #0d6efd;
  text-decoration: none;
}

.cust-breadcrumb .breadcrumb-item.active {
  color: #5873ba;
}

.addBooking-headTop {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
}

.addBooking-headTop p.BathhouseTitle {
  padding: 0px 0;
  font-size: 28px;
  font-weight: 700;
  color: #233c7d;
}

.addBookWrapper .addBookingInputBox {
  height: 40px;
  border: 1px solid #707070;
  border-radius: 6px;
  font-size: 14px;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  color: #1c1c1c;
}

.addBookWrapper .newLabel-txt {
  font-size: 15px;
  color: #1c1c1c;
  font-weight: 500;
  margin-bottom: 10px;
}

.addBookWrapper .addBookingBtn {
  border-radius: 6px;
  background-color: #2960f1;
  height: 40px;
  width: 85%;
}

.goto-homeBtn {
  background-color: #233c7e !important;
}

.addBooking-main-parent {
  height: 100vh;
}

.bookingAccount-cardWrapper {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 35px 25px 20px;
}

.bookingAccount-cardWrapper h3 {
  font-size: 20px;
  font-weight: 700;
  color: #233c7d;
}

.bookingAccount-cardWrapper p {
  color: #233c7e;
  font-size: 15px;
  font-weight: 400;
}

.bookingAccount-cardWrapper p span {
  font-weight: 700;
}

.blue-hr {
  border-top: 1px solid #233c7e;
}

.propDetails-top {
  padding: 25px 25px;
}

h3.h3-heading {
  font-size: 20px;
  font-weight: 700;
  color: #233c7d;
}

.propDetails-top p {
  font-size: 15px;
  color: #5e5e5e;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}

.pageTop-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sharing-layout {
  padding-bottom: 40px;
}

.earnCredit-top {
  background-color: #fff;
  border-radius: 6px;
  padding: 12px;
}

.earnCredit-top p {
  font-size: 15px;
  font-weight: 500;
  color: #233c7e;
  margin-bottom: 8px;
}

.cusmtomcardWrap {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 35px 25px 20px;
}

.sharing-layout p {
  font-size: 15px;
  font-weight: 500;
  color: #233c7e;
  margin-bottom: 8px;
}

.sharing-layout h6 {
  font-size: 18px;
  font-weight: 700;
  color: #233c7e;
  margin-bottom: 15px;
}

.sharing-layout .another-dateTxt {
  font-size: 20px;
  font-weight: 400;
  color: #233c7e;
  margin: 20px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.sharing-layout p span {
  font-weight: 700;
}

.custom-dateControl {
  height: 45px;
  border: 1.5px solid #929292;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 16px;
  color: #707070;
  padding-left: 50px;
  font-weight: 400;
  width: 100%;
  background: #fff url(../images/calendar-icon.svg);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  background-size: 30px;
  background-position: 10px;
}

.custom-button {
  background-color: #233c7e;
  border-radius: 6px;
  font-size: 17px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  cursor: pointer;
  border: 0;
  width: 200px;
}

.custom-dateCol {
  display: flex;
  align-items: center;
  gap: 12px;
}

.custom-dateCol img {
  cursor: pointer;
}

.customTitle-withBackArrow {
  display: flex;
  align-items: center;
  gap: 15px;
}

.bookingBox {
  border-radius: 6px;
}

.bookingBox .MarginBottomCls img {
  border-radius: 6px;
}

.bookingBox-section .listHeaderTitle {
  font-size: 20px !important;
}

.bookingBox-section .bookingBtnConfirm {
  width: 100% !important;
  margin: 0;
  border-radius: 6px;
  margin-bottom: 15px;
}

.bookingSummaryInfoText p.LabelNotification {
  margin-bottom: 6px;
  color: #5e5e5e;
  font-weight: 400;
}

.bookingSummaryInfoText p.LabelNotification img {
  width: 13px;
}

.bookingSummaryInfoText {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #233c7d;
}

.bookingBox {
  padding: 20px 20px 20px 20px;
}

.bookingBox-section .bookingBtnConfirm {
  height: 45px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.myBookings-section .bookingBtn {
  width: 85% !important;
  margin: 0 0 10px auto !important;
}

.myBookings-section .Learn_MorePropMyBooking {
  width: 85% !important;
  margin: 0 0 10px auto !important;
}

.bookingSummaryInfoText .BookingLabels span.bold-text {
  font-weight: 700;
}

.bookingBox-section .bookingSummaryInfoText ul.BookingLabels {
  display: flex;
  padding: 0 5px;
  list-style: none;
  font-weight: 700;
  gap: 8px;
}

.extraServices-bookingWrap {
  display: flex;
  align-items: center;
  gap: 4px;
}

.extraServices-bookingWrap ul.BookingLabels.consListService {
  padding: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
}

.bookingInfo-deleteWrapper p {
  font-size: 14px;
  font-weight: 400;
  color: #233c7d;
  margin-bottom: 8px;
}

.bookingInfo-deleteWrapper p.bookingInfo-deleteDateTxt {
  margin-bottom: 16px;
}

.bookingInfo-deleteWrapper span {
  font-weight: 700;
}

.deleteBookingModal-wrapper {
  width: 80%;
  margin: 0 auto;
  padding: 25px 0;
}

.deleteBooking-rowInfo {
  padding: 20px 0;
  border-bottom: 1px solid #233c7d;
}

.listHeaderTitle {
  font-size: 16px !important;
  margin-bottom: 10px;
}

.deleteBookingModal-header {
  font-size: 18px;
  font-weight: 600;
  color: #233c7d;
  margin-bottom: 15px;
  text-align: center;
}

.bookingSummaryInfoText p {
  display: flex;
  align-items: center;
  gap: 12px;
}

.delteBooking-normalTxt {
  font-size: 16px;
  font-weight: 400;
  color: #233c7d;
  margin-bottom: 12px;
}

.propBookingDate-txt {
  margin-bottom: 15px !important;
}

.bookingSummaryInfoText .BookingLabels {
  margin-bottom: 6px;
}

.bookingBox-section .bookingBox .MarginBottomCls img {
  border-radius: 6px;
  min-height: 250px;
  max-height: 250px;
  width: 100%;
  object-fit: cover;
}

.deleteBokking-modal-footer .btn-outline-primary {
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 7px 20px;
  color: #233c7e;
  border: 1px solid #233c7e;
  background-color: transparent;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

.deleteBokking-modal-footer .btn.btn-danger {
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 7px 20px;
  color: #fff;
  border: 1px solid #d92525;
  background-color: #d92525;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

.deleteBokking-modal-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  gap: 12px;
  padding-top: 32px;
  margin: 0 15px;
}

.deleteBooking-dailog .modal-content {
  border-radius: 6px;
}

.deleteBooking-dailog {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 1rem);
}

.deleteBookingConfirm-dailog {
  max-width: 500px;
}

.rowReverse-mobile .Prop_leftbar.detailsCol-reverse .filter-by-label {
  margin-top: 0;
}

.homeProp-slider .ImageContainer_img {
  border-radius: 6px;
  min-height: 232px;
  max-height: 232px;
}

.modalClose-span {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 999;
  cursor: pointer;
}

.modalClose-span img {
  width: 20px;
}

/* ====================== css for ui fixes 2025 ====================================================== */

.locationdrp-wrapDiv.locationdrp-message {
  margin-bottom: 0 !important;
}

.extraServicesVarient-name {
  font-size: 12px;
  color: #1c1c1c;
  font-weight: 400;
  display: block;
}

.showMapBtn {
  border-radius: 6px;
  height: 45px;
}

.timeSlot-wrap.ContactInputSelected {
  border: 1px solid #233c7e;
  font-style: normal;
}

.servicesVarient-popupBtn .fill-btn {
  border-radius: 6px;
}

.servicesVarient-popupBtn .outline-btn {
  border-radius: 6px;
}

.filter_prop_new span {
  font-size: 14px;
  color: #1c1c1c;
  font-weight: 400;
  margin: 8px 0;
}

.pckgSelection-priceTxt {
  color: #233c7e;
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 8px 0;
}

.services-info-wrapper {
  margin-bottom: 0;
  padding-left: 0;
}

.add-new-bg {
  background-color: #e6ebfa;
  height: 60px !important;
}

.new-margin-add-searchbar {
  margin-top: 25px !important;
}

.new-added-text {
  position: absolute;
  text-align: left;
  top: 45px;
  padding: 1px;
  width: 255px;
}

.heading-font-changes {
  font-size: 17px !important;
}

.width-class {
  width: 20% !important;
}

#SignUpModal {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.filter_prop_new span {
  margin-left: 0px !important;
}

.pckgSelection-priceTxt {
  /* margin-left: 15px !important; */
}

.new-icon-img-1 {
  height: 50px !important;
  width: 40px !important;
}

.new-icon-img-2 {
  height: 40px !important;
  width: 40px !important;
}

.new-icon-img-3 {
  height: 40px !important;
  width: 40px !important;
}

.customNewNumber-input:disabled {
  background-color: white !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 0.7;
}

.newCustomSave-btn:disabled {
  background-color: #a8bef9;
  border: 1px solid #ddd;
  color: white;
  cursor: not-allowed;
}

.OptionBtn li a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #666;
  font-weight: 500;
  padding: 10px 15px;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  transition: all 0.3s ease;
}

.OptionBtn li img {
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.OptionBtn li.active a {
  color: #2563eb;
  position: relative;
  margin-top: -5px;
}

.OptionBtn li.active a::after {
  content: "";
  position: absolute;
  left: -22px;
  /* arrow jithun start karaycha tya pramane adjust kar */
  bottom: -3px;
  width: calc(100% + 15px);
  /* underline length */
  height: 2px;
  background: #2563eb;
  border-radius: 2px;
}

.OptionBtn li.active img {
  filter: none;
  /* restore color icon */
}

.new-alignment-add-btn {
  position: relative;
  top: 118px;
}

.line-style-class {
  list-style: none !important;
  font-size: 13px;
  line-height: 35px;
}

.blue-tick-img {
  height: 25px;
  width: 25px;
  position: relative;
  right: 8px;
}

.varient_confirmation_modal_new_size {
  width: 25% !important;
}

.width-class-new {
  max-width: 400px !important;
  /* width: 85%!important; */
  position: absolute !important;
  margin: 0 !important;
  pointer-events: none !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.for-svg-bg {
  background-color: wheat !important;
}

.doller-align {
  position: relative;
  right: 15px;
}

.itemSelectionPopup-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}

.custom-input-wrapper,
.newCustomSave-btn {
  display: flex;
  align-items: center;
  height: 40px;
}

.footer-error-wrapper {
  flex-basis: 100%;
  text-align: center;
  margin-top: 5px;
}

.new-cum-btn {
  border: 1px solid #2960f1 !important;
  border-radius: 6px !important;
  height: 40px !important;
  background-color: #2960f1 !important;
  font-size: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-weight: 500 !important;
  flex-shrink: 0 !important;
  width: 57% !important;
}

.new-cum-btn-btn {
  border: 1px solid #2960f1 !important;
  border-radius: 6px !important;
  height: 40px !important;
  background-color: #2960f1 !important;
  font-size: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-weight: 500 !important;
  flex-shrink: 0 !important;
  width: 40% !important;
}

.new-cum-input:disabled {
  background-color: white !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}

.new-cum-btn:disabled {
  background-color: #a8bef9 !important;
  border: 1px solid #ddd !important;
  color: white !important;
  cursor: not-allowed !important;
}

.hide-for-mobile {
  display: block;
}

.modal-dialog-centered {
  width: 30%;
}

.footr-color {
  color: white !important;
}

.total-txt-new {
  margin-left: 18px;
}

.amount-alignment-span {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 25px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" !important;
  box-sizing: border-box !important;
}

.hide-div {
  display: none !important;
}

.total-price-summary {
  margin-bottom: 15px;
}

.price-summary {
  font-weight: 600;
  color: #233c7e;
  font-size: 14px;
}

.padding-remove-for-desktop {
  padding-left: 0px;
}

.service-margin {
  margin-left: 18px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* ====================== css for responsive ui fixes 2025 start ====================================================== */
  .consumerMap-itemSelection-row {
    gap: 8px;
  }

  .react-datepicker__input-container .DateInput {
    text-align: center;
  }

  .propDetails-availabilityWrapper .row.nomargin.DatePickerInput {
    height: auto !important;
  }

  /* ====================== css for responsive ui fixes 2025 end ====================================================== */

  .subscribeTxt-col .pl-0 {
    padding-left: 15px !important;
  }

  .deleteBooking-rowInfo .listHeaderTitle {
    padding-left: 0;
  }

  .modalClose-span {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999;
    cursor: pointer;
  }

  .modalClose-span img {
    width: 15px;
  }

  .subscribeTxt-col .pr-0 {
    padding-right: 15px !important;
  }

  .loginWith-txt:after {
    width: 20%;
  }

  .loginWith-txt:before {
    width: 20%;
  }

  .RelativeDiv.bookingsDiv-block {
    padding-right: 0;
    margin-top: 15px;
  }

  .myBookings-section .filter-div {
    padding-right: 0;
  }

  .myBookings-section .filter-div button {
    width: 100% !important;
  }

  .myBookings-section .filter-div button {
    margin: 8px 0;
  }

  .yourBookingDetails-txt {
    margin: 20px 0 !important;
  }

  .earnCredit-top {
    margin-top: 15px;
  }

  /* New CSS */

  .discoverTitle {
    font-size: 17px !important;
  }

  .EvidenceTitle {
    font-size: 17px !important;
  }

  .SearchFilter {
    font-size: 17px !important;
  }

  .img-top {
    margin-top: 15px !important;
  }

  .new-add-margin {
    margin-top: 15px !important;
  }

  .bathhouseSearch-top .NoFormcontrol {
    width: 100%;
  }

  .add-new-bg {
    background-color: transparent !important;
  }

  .add-new-margin-mobile {
    margin-top: 150px !important;
  }

  .new-margin-add-searchbar {
    margin-top: 120px !important;
  }

  /* .notification-popup-header:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 67%;
    width: 22px;
    height: 22px;
    border-top: 2px solid #233c7e;
    border-left: 2px solid #233c7e;
    transform: rotate(45deg);
    background: #fff;
  } */
  .booknowProp {
    position: relative;
    top: 47px;
  }

  /* .OptionBtn li {
    flex: 0 0 25% !important;  
    max-width: 25% !important;
  } */

  .width-class {
    width: 85% !important;
  }

  .availability-date-input {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .availability-date-input .firstDateInput,
  .availability-date-input .secondDateInput {
    flex: 0 0 32%;
    max-width: 32%;
  }

  .availability-date-input .text-center {
    flex: 0 0 10%;
    max-width: 10%;
  }

  ul.breadcrumb li {
    font-size: 12px !important;
  }
}

/* @media (min-width: 768px) {
  .notification-popup-header:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 84%;
    width: 22px;
    height: 22px;
    border-top: 2px solid #233c7e;
    border-left: 2px solid #233c7e;
    transform: rotate(45deg);
    background: #fff;
  }
} */

.availability-right-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}

.customNewNumber-input {
  height: 40px;
  font-size: 15px;
  font-weight: 400;
  color: #1c1c1c;
  border-radius: 6px;
  border: 1px solid #707070;
  flex-shrink: 0;
  width: 40%;
  padding: 12px;
  /* background-image: url(../images/number-input.svg); */
  background-repeat: no-repeat;
  background-position: 92%;
  background-size: 11px;
}

.custom-input-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  width: 119px;
  border-radius: 6px;
  overflow: hidden;
}

.customNewNumber-input {
  flex: 1;
  border: none;
  padding: 8px;
  font-size: 16px;
  outline: none;
  text-align: left;
  -moz-appearance: textfield;
}

.custom-buttons {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #ccc;
}

.arrow-btn {
  border: none;
  background: #f9f9f9;
  cursor: pointer;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 10px;
}

.arrow-btn:hover {
  background: #eee;
}

.customNewNumber-input::-webkit-outer-spin-button,
.customNewNumber-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}

.customNewNumber-input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.customPopup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1050;
}

body:has(.customPopup-overlay) {
  overflow: hidden;
}

.add-new-bg-new-width {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

.add-new-bg-new-width {
  width: 67rem;
  max-width: 100%;
  margin: 0 auto;
}

.add-new-bg-new-width-event {
  width: 73rem;
  max-width: 100%;
  margin: 0 auto;
}

.eventHeading-top-new-event {
  margin-left: 0px;
}

.breadcrumb-new-event-padding {
  padding-left: 0px;
  padding-top: 10px;
}

.events-slider-new-padding {
  padding-left: 26px;
  padding-right: 26px;
}

.social-share-new-div {
  left: 15px;
}

.eventDetails-main-new-img {
  padding-left: 0px;
}

.Nessun-evento-font {
  font-size: 15px;
}

.eventDetails-main-add-bg {
  background-color: #e6ebfa;
  padding: 20px 20px;
}

.servicesItemPrice-wrap-new-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.serviceItemSelection-new-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 100px;
}

.list-name-left-head {
  text-align: left !important;
  padding-left: 18px !important;
}

.list-name-left {
  text-align: left !important;
}

.remove-btn-btn {
  width: 83px;
  height: 35px;
}

.amount-align-right {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 50px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" !important;
  box-sizing: border-box !important;
}

.amount-align-right-1 {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 55px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" !important;
  box-sizing: border-box !important;
}

.servicesItemPrice-wrap-width {
  width: 132px;
}

.remove-btn-width {
  width: 100px;
  height: 35px;
}

.add-new-gap {
  gap: 2rem;
}

.p-tag-add-margin {
  padding-right: 12px;
}

.hide-new-desktop {
  /* position: absolute; */
}

.selected-services-remove-margin {
  margin-bottom: 0px !important;
}

.servicesItemPrice-wrap-remove-btn {
  width: 100px;
  height: 35px;
}

.servicesItemPrice-ne-wrap {
  width: 132px;
  height: 35px;
}

.serviceItemSelection-btn-varient {
  width: 100px;
  height: 35px;
}

.selected-padding-services {
  margin-bottom: 0px !important;
}

.map-font-size {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6a6e6e !important;
}

.add-par-color {
  color: #233c7e !important;
  font-weight: 500 !important;
}

.canoa-varient {
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  color: #233c7e;
  padding-left: 0px;
}

.varaintName-txt-deskk {
  position: relative;
  left: 5px;
}

/* CSS MODEL SCROLL START */

.scroll-canoa-biposto {
  max-height: calc(100vh - 100px) !important;
  /* overflow-y: auto !important; */
  padding-bottom: 20px !important;
}

.scroll-canoa-biposto {
  height: auto !important;
  max-height: calc(100vh - 55px) !important;
  /* overflow-y: auto !important; */
  overflow-x: hidden !important;
  position: relative !important;
}

/* .modal {
  overflow: visible !important;
} */

/* .react-datepicker,
.react-datepicker-popper {
  z-index: 9999 !important;
  position: unset !important;
  margin-top: 13px !important; 
  margin-left: 15px !important;
}

.react-datepicker-popper {
  bottom: 100% !important;
  top: auto !important;
  transform: translateY(-10px) !important;
}

.react-datepicker__triangle {
  transform: rotate(180deg);
  top: auto;
  bottom: -8px;
}

.modal-body::-webkit-scrollbar {
  width: 3px;
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 10px;
} */

/* CSS MODEL SCROLL END*/

/* NEW CSS MODEL SCROLL START*/

.react-datepicker__month-container {
  border: 1px solid #aeaeae !important;
}

.BookBtnModal-click {
  margin-top: 10px !important;
}

.add-item-new-calendar {
  width: 96% !important;
}

.map-model-scroll-set-1 {
  overflow: hidden !important;
}

.map-model-scroll-set-2 {
  /* height: 100vh !important; */
  max-height: 100vh !important;
  overflow-y: auto !important;
}

.map-model-scroll-set-1::-webkit-scrollbar,
.map-model-scroll-set-2::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}

.map-model-scroll-set-1::-webkit-scrollbar-track,
.map-model-scroll-set-2::-webkit-scrollbar-track {
  background: transparent;
}

.map-model-scroll-set-1::-webkit-scrollbar-thumb,
.map-model-scroll-set-2::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
  border: 3px solid transparent;
}

/* NEW CSS MODEL SCROLL END*/

.availability-row .PropServiceLabel {
  margin-left: 15px !important;
}

.availability-row .useful-infoText {
  margin-left: 15px !important;
}

.availability-row .servicesDetailsDiv .row {
  padding-left: 5px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.readBooking-list-div {
  position: relative !important;
  right: 3px !important;
}

.bgGradientConsumer .consumerNav .Top-BG {
  height: 87px !important;
}

.myBooking-layout .pageTop-head p.listHeaderTitle.pl-2 {
  margin-bottom: 0px !important;
}

.allSideBorder .listCardButtons a {
  width: 150px !important;
  text-align: center !important;
  padding-top: 7px !important;
  padding-left: 25px !important;
}

.eventDetails-main-add-bg-remove {
  background-color: transparent !important;
}

.container-margin-top
  .eventmain-wrapper
  .eventDetails-main-add-bg-remove
  .col-md-10.col-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.eventDetails-main-add-bg-remove .col-md-12.col-12.description-event {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.eventmain-wrapper .events-slider-new-padding .events-slider-new-padding-tab {
  position: relative;
  right: 25px;
}

.eventDetails-main-add-bg-remove .col-md-2.col-12.d-flex.justify-content-end {
  padding-right: 0px !important;
}

.eventDetails-main-add-bg-remove .col-md-12.col-12.share-add-event {
  padding-right: 0px;
}

.payProp-div-fox-position {
  position: absolute;
  z-index: 10 !important;
  background: white !important;
  margin-top: 20px;
  height: 420px;
}

.payProp-div-fox-position iframe,
.payProp-div-fox-position input,
.payProp-div-fox-position form,
.payProp-div-fox-position .StripeElement {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
}

.right-card-div {
  position: absolute;
  bottom: -30px;
  right: -351px;
  height: 170px;
}

.paymentMethods-Block-new {
  padding: 0px 20px;
  margin-left: 70px !important;
}

.paymentMethods-Block-new h3 {
  margin-bottom: 0px !important;
}

.paymentMethods-Block-new .noSavedCards label {
  margin-bottom: 0px;
}

.paymentMethods-Block-new .cards-section .nomargin {
  display: -webkit-box !important;
  height: 50px !important;
}

.paymentMethods-Block-new .cards-section {
  margin: 0 0 10px 0 !important;
}

.payProp-div-fox-position .timer-counter p {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.payProp-div-fox-position
  .nomargin
  .col-12.col-md-4.col-lg-4.col-xl-4.px-0.timer-counter {
  max-width: 100% !important;
  flex: 0 0 100.33%;
}

.payment-content
  .nomargin
  .col-xl-12.col-lg-12.col-md-12.col-12.px-0.details-new-formGrp {
  position: absolute;
}

.chatUploadSection {
  cursor: pointer !important;
}

.automationMarketing-wrapper ul.nav.nav-tabs.marketing-tabs {
  cursor: pointer;
}

.uploadImg-txt {
  cursor: pointer;
}

.ContactInput {
  cursor: pointer;
}

.good-know-text {
  text-align: left;
  color: #212529;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: left;
  margin-bottom: 10px;
  margin-left: 22px;
}
.good-know-text ul {
  list-style-type: disc !important;
}

.good-know-text ol {
  list-style-type: decimal !important;
  padding-left: 0;
}
.good-know-text li {
  padding: 2px 15px 2px 3px !important;
  text-align: left;
}

.onlineResBtn-btn-margin {
  margin-left: 0px;
  width: 210px !important;
}

.umbrella-icon {
  width: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.umbrella-icon img {
  width: 40px !important;
}

.mail-label {
  margin-bottom: 10px !important;
}

.add-legend-new-btn {
  width: 120px !important;
}

/* .ReservationDialog {
  margin-left: 10px !important;
  margin-right: 10px !important;
} */

.add-item-new-calendar .react-datepicker {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
}

#choose_umbrella_model {
  max-height: 100vh;
  overflow-y: auto !important;
  margin-bottom: 50px !important;
}

.model-scroll-0nline-reservations {
  overflow: hidden !important;
}

.save-new-onlineResBtn {
  margin-bottom: 80px !important;
}

.zoom-new-container {
  margin-top: 5px !important;
}

.marketing-campaign {
  top: -4px !important;
  position: relative;
  right: 3px;
}

.scroll-canoa-biposto {
  height: 450px !important;
}

.new-itemSelectionChk-col {
  float: right !important;
  font-weight: 700 !important;
  color: #64686e !important;
  font-size: 14px !important;
  position: relative !important;
  top: 2px !important;
}

.new-customChk-style {
  height: 17px !important;
  width: 17px !important;
  position: relative !important;
  bottom: 3px !important;
}

@media only screen and (min-width: 912px) and (max-width: 950px) {
  .logoHolderHubConsumer img {
    width: 350px !important;
    height: 100px !important;
    margin-top: -5px !important;
  }

  .navbar-toggler {
    margin-left: 53% !important;
    margin-top: 30px !important;
  }

  .padding-unset-mobile {
    padding: unset !important;
  }

  div#navbarText {
    padding-right: 0px !important;
  }

  .payProp-div-fox-position {
    position: relative !important;
    z-index: 10 !important;
    background: white !important;
    height: auto;
  }
}

@media (min-width: 540px) and (max-width: 560px) {
  .logoHolderHubConsumer img {
    margin-top: 5px !important;
    width: 29% !important;
    height: 100% !important;
  }
}

/* tableview */

/* 360px screen */
@media (min-width: 360px) and (max-width: 374px) {
  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    right: 10px;
  }

  .serviceItemSelection-btn-varient {
    position: relative;
    right: 13px;
    width: 85px !important;
  }

  .new-ui-fixes-1 {
    position: relative;
    right: 7px;
  }

  .new-ui-fixes {
    position: relative;
    left: 0px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }

  .responsive-padding {
    padding-right: 28px;
    position: relative;
    left: 15px;
  }

  .sicurezza-s8 {
    position: relative;
    left: 13px;
  }

  .p-tag-add-margin {
    padding-right: 11px;
  }

  .mapColDiv .packages-tbl .Add_itempoints li {
    padding-left: 0px !important;
  }

  .Add_itempoints li:before {
    left: -11px !important;
  }

  .Learn_MorePropText {
    font-size: 12px !important;
  }
}

/* 375px screen */
@media (min-width: 375px) and (max-width: 389px) {
  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    right: 12px;
  }

  .serviceItemSelection-btn-varient {
    position: relative;
    right: 15px;
    width: 85px !important;
  }

  .new-ui-fixes-1 {
    position: relative;
    right: 10px;
  }

  .new-ui-fixes {
    position: relative;
    left: 0px;
  }

  .responsive-padding {
    position: relative;
    left: 6px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }

  .responsive-padding {
    padding-right: 33px;
  }

  .mapColDiv .table-responsive .packages-tbl .text-left .Add_itempoints li {
    padding-left: 0px !important;
  }
}

/* 390px screen */
@media (min-width: 390px) and (max-width: 411px) {
  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    right: 6px;
  }

  .serviceItemSelection-btn-varient {
    position: relative;
    right: 9px;
    width: 85px !important;
  }

  .new-ui-fixes-1 {
    position: relative;
    right: 4px;
  }

  .new-ui-fixes {
    position: relative;
    left: 0px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }
}

/* 412px screen */
@media (min-width: 412px) and (max-width: 413px) {
  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    left: 1px !important;
  }

  .serviceItemSelection-btn-varient {
    position: relative;
    right: 1px;
    width: 85px !important;
  }

  .new-ui-fixes-1 {
    position: relative;
    left: 3px;
  }

  .new-ui-fixes {
    position: relative;
    left: 0px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }
}

/* 414px screen */
@media (min-width: 414px) and (max-width: 429px) {
  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    right: -5px;
  }

  .serviceItemSelection-btn-varient {
    position: relative;
    right: -2px;
    width: 85px !important;
  }

  .new-ui-fixes-1 {
    position: relative;
    left: 6px;
  }

  .new-ui-fixes {
    position: relative;
    left: 0px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }

  .p-tag-add-margin {
    padding-right: 19px;
  }
}

/* 430px screen */
@media (min-width: 430px) and (max-width: 767px) {
  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    left: 10px !important;
  }

  .serviceItemSelection-btn-varient {
    position: relative;
    left: 7px !important;
    width: 85px !important;
  }

  .new-ui-fixes-1 {
    position: relative;
    left: 12px;
  }

  .new-ui-fixes {
    position: relative;
    left: 0px;
  }

  .se-table-tab {
    position: relative;
    right: 23px;
  }
}

@media (min-width: 1024px) and (max-width: 1030px) {
  .varaintName-txt-deskk {
    position: relative;
    left: 13px;
  }

  .new-ui-fixes-1 {
    position: relative;
    left: 6px;
  }

  .width-class {
    width: 35% !important;
    height: 70%;
  }

  #consumerMapModal .modal-dialog {
    top: 45% !important;
    transform: translate(0px, -50%) !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .collapse.navbar-collapse.col-12.col-lg-8.col-xl-8.col-md-8.nopadding.NewRelativecls {
    flex: 0 0 92% !important;
    max-width: 85% !important;
    padding-right: 0px !important;
  }

  .NewAdjustCls {
    max-width: 15% !important;
    flex: 0 0 15% !important;
  }

  .logoHolderHub img {
    margin-top: 3px;
    width: 148px !important;
    margin-left: 3px;
    height: 67px !important;
  }

  .logoHolderHub {
    padding-left: 0px !important;
  }

  .logoHolderHub img.hub-img-fixes {
    margin-top: 7px;
    width: 149px !important;
    margin-left: 3px;
    height: 55px !important;
  }

  .main-parent section.banner.home-banner {
    background-size: unset;
  }

  .container-margin-top {
    max-width: 990px !important;
  }

  .eventHeading-top-new-event {
    margin-top: 10px !important;
  }

  .payProp-div-fox-position {
    position: absolute !important;
    z-index: 10 !important;
    background: white !important;
    height: 450px;
  }

  .map-model-scroll-set-1 {
    padding-top: 30px !important;
  }
}

@media (min-width: 820px) and (max-width: 830px) {
  .hide-for-mobile {
    display: none;
  }

  .width-class {
    width: 40% !important;
    height: 70%;
  }

  #consumerMapModal .modal-dialog {
    top: 35% !important;
    transform: translate(0px, -50%) !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .varaintName-txt-deskk {
    position: relative;
    left: -28px;
  }

  .new-ui-fixes-1 {
    position: relative;
    left: 93px;
  }

  .max-widthpad {
    max-width: 35% !important;
  }

  .logoHolderHubConsumer img {
    width: 350px !important;
    height: 90px !important;
    margin-top: 0px !important;
  }

  .navbar-toggler {
    margin-left: 47% !important;
    margin-top: 30px !important;
  }

  .navbar-toggler .navbar-toggler-icon {
    margin-top: 10px !important;
  }

  .padding-unset-mobile {
    padding: unset !important;
  }

  div#navbarText {
    padding-right: 0px !important;
  }

  .payProp-div-fox-position {
    position: relative !important;
    z-index: 10 !important;
    background: white !important;
    height: auto;
  }

  /* .modal-dialog.online-resvDialog {
    margin-left: 15px;
    margin-right: 15px;
  }

  .modal-body {
    height: auto !important;
    max-height: calc(92vh - 55px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  .ReservationDialog {
    margin-left: 10px !important;
    margin-right: 10px !important;
  } */
}

@media (min-width: 768px) and (max-width: 780px) {
  .max-widthpad {
    max-width: 35% !important;
  }

  .servicesItemPrice-wrap-remove-btn {
    position: relative;
    left: 114px;
  }

  .width-for-desk {
    position: relative;
    left: 112px;
    width: 85px !important;
  }

  .mini-pad-align {
    position: relative;
    left: 120px;
  }

  .new-ui-fixes-1 {
    position: relative;
    left: 170px;
  }
}

/* mapview */
/* 360px screen */
@media (min-width: 360px) and (max-width: 374px) {
  .amount-align-right {
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 39px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" !important;
    box-sizing: border-box !important;
  }

  .amount-align-right-1 {
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 47px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" !important;
    box-sizing: border-box !important;
  }

  .s8-alignment {
    position: relative;
    right: 12px;
  }

  .itemSelectionPopup-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 3px;
  }

  .se-extra-align {
    position: relative;
    left: 21px;
  }

  .s8-align {
    position: relative;
    left: 21px;
  }

  .se-amlignmnet-total {
    position: relative;
    left: 21px;
  }

  .s8-btn {
    position: relative;
    left: 8px;
  }

  .first-asign {
    position: relative;
    left: 14px;
  }

  .s8-btn {
    position: relative;
    right: 1px;
  }

  .first-asign-1 {
    position: relative;
    left: 5px;
  }
}

/* 375px screen */
@media (min-width: 375px) and (max-width: 389px) {
  .padding-extra-mobile-varient {
    padding-left: 6px !important;
  }

  .se-amlignmnet {
    margin-left: 75px;
  }

  .se-amlignmnet-total {
    position: relative;
    left: 20px;
  }

  .se-extra-align {
    position: relative;
    left: 20px;
  }

  .s8-btn {
    position: relative;
    right: 1px;
  }

  .first-asign {
    position: relative;
    left: 7px;
  }

  .first-asign-1 {
    position: relative;
    left: 10px;
  }

  .btn-se-size {
    padding: 10px;
  }
}

/* 390px screen */
@media (min-width: 390px) and (max-width: 411px) {
  .padding-extra-mobile-varient {
    padding-left: 0px;
  }

  .se-amlignmnet-total {
    position: relative;
    left: 12px;
  }

  .se-extra-align {
    position: relative;
    left: 12px;
  }

  .se-amlignmnet {
    position: relative;
    left: 12px;
  }

  .first-asign {
    position: relative;
    left: 14px;
  }

  .s8-btn {
    position: relative;
    right: 1px;
  }

  .first-asign-1 {
    position: relative;
    left: 15px;
  }
}

/* 412px screen */
@media (min-width: 412px) and (max-width: 413px) {
  .first-asign {
    position: relative;
    left: 14px;
  }

  .s8-btn {
    position: relative;
    right: 1px;
  }

  .first-asign-1 {
    position: relative;
    left: 15px;
  }
}

/* 414px screen */
@media (min-width: 414px) and (max-width: 429px) {
  .padding-extra-mobile-varient {
    padding-left: 0px;
  }

  .s8-btn {
    position: relative;
    right: 1px;
  }

  .first-asign {
    position: relative;
    left: 14px;
  }

  .first-asign-1 {
    position: relative;
    left: 15px;
  }
}

/* 430px screen */
@media (min-width: 430px) and (max-width: 767px) {
  .first-asign {
    position: relative;
    left: 14px;
  }

  .s8-btn {
    position: relative;
    right: 1px;
  }

  .first-asign-1 {
    position: relative;
    left: 15px;
  }
}

@media (min-width: 768px) and (max-width: 770px) {
  .ipad-mini-align {
    margin-left: 25%;
  }

  .width-class {
    width: 50% !important;
  }

  .extra-varient-mobile {
    padding-left: 16px !important;
  }

  .cassetta-ipad {
    margin-left: 8%;
  }

  .NewAdjustCls .navbar-toggler {
    top: 3px !important;
  }

  .navbar-dark .navbar-toggler-icon {
    margin-top: 30px !important;
  }

  div#navbarText {
    padding-right: 0px !important;
  }

  .container-margin-top {
    margin-top: 0px !important;
    margin-left: 0px !important;
    max-width: 747px !important;
  }

  .events-slider-new-padding .eventsCrad-wrapper .eventsTop-wrapper {
    display: block;
    height: auto;
    line-height: 25px !important;
  }

  .eventsShare-col-new {
    top: 10px !important;
  }

  .eventsCrad-wrapper
    .eventsTop-wrapper
    .eventsInfo-wrapper.eventsListInfo-wrapper {
    margin-top: 15px;
  }

  .container-margin-top
    .eventmain-wrapper
    .events-slider-new-padding
    button.slick-arrow.slick-prev {
    margin-left: -43px !important;
  }

  .eventDetails-main-add-bg-remove {
    padding-right: 0px !important;
  }

  .events-slider-new-padding {
    padding-right: 0px !important;
  }

  .eventHeading-top-new-event {
    margin-top: 10px !important;
  }

  .onlineResBtn-btn-margin {
    margin-left: 0px !important;
    width: 187px !important;
    font-size: 14px !important;
  }

  /* .modal-dialog.online-resvDialog {
    margin-left: 15px;
    margin-right: 15px;
  }

  .modal-body {
    height: auto !important;
    max-height: calc(92vh - 55px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  .ReservationDialog {
    margin-left: 10px !important;
    margin-right: 10px !important;
  } */

  .BookBtnModal-click {
    width: 50% !important;
  }

  .new-itemSelectionChk-col {
    position: relative !important;
    top: 0px !important;
  }
}

@media (min-width: 820px) and (max-width: 900px) {
  .cassetta-ipad {
    position: relative;
    left: 48px;
  }

  .air-align {
    position: relative;
    left: 24%;
  }

  .se-extra-align {
    position: relative;
    left: 15px;
  }

  .s8-align {
    position: relative;
    left: 15px;
  }

  .se-amlignmnet-total {
    position: relative;
    left: 15px;
  }

  .main-parent section.banner.home-banner {
    background-size: unset;
  }

  .events-slider-new-padding .eventsCrad-wrapper .eventsTop-wrapper {
    display: block !important;
    height: auto !important;
    line-height: 25px !important;
  }

  .eventsShare-col-new {
    top: 10px !important;
  }

  .eventsCrad-wrapper
    .eventsTop-wrapper
    .eventsInfo-wrapper.eventsListInfo-wrapper {
    margin-top: 15px;
  }

  .container-margin-top {
    max-width: 785px !important;
  }

  .eventHeading-top-new-event {
    margin-top: 10px !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .logoHolderHub img {
    width: 160px !important;
    margin-top: 7px;
    height: 57px;
    margin-left: 0px;
    position: relative;
    right: 15px;
  }

  .navbar-dark .navbar-toggler-icon {
    /* margin-top: 21px !important; */
  }

  .logoHolderHubConsumer img {
    margin-top: 16px;
    width: 45%;
    height: 100%;
  }

  .navbar-toggler-icon-login {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .logoHolderHub img {
    width: 160px !important;
    margin-top: 14px;
  }

  .logoHolderHub img {
    width: 195px !important;
    margin-top: 7px;
    height: 70px;
    margin-left: 20px;
  }

  .logoHolderHubConsumer img {
    margin-top: 9px;
    width: 30%;
    height: 100%;
  }

  .map-model-scroll-set-1 {
    padding-top: 30px !important;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .availability-right-btn {
    flex-direction: column;
    align-items: stretch;
  }

  .availability-right-btn select,
  .availability-right-btn .availEdit-btn {
    width: 100%;
  }

  .availability-right-btn
    .periodSelect-dropdown.propDetailsPeriod-drp.availEdit-btn-outline {
    width: 100% !important;
    margin-top: 10px !important;
  }

  .buttan-align-mobile {
    width: 145% !important;
    display: block !important;
  }

  .booking-btn-col {
    padding-bottom: 19px !important;
  }

  .filter_prop_new span {
    margin-left: 0px !important;
  }

  .pckgSelection-priceTxt {
    margin-left: 30px !important;
  }

  .BathInfoHours {
    margin-left: -4px;
    width: 65px;
    font-size: 12px;
  }

  .Add_itempoints li {
    font-size: 12px;
  }

  .itemSelection-name {
    font-size: 13px;
    width: 75px !important;
  }

  .settings-parent .LeftSideSpace {
    margin-bottom: 30px !important;
  }

  .new-custom-title-with-backarrow {
    position: relative;
    right: 35px;
  }

  .cardDiscountStyle {
    width: 100%;
  }

  .filter_prop_new {
    margin-left: 10px;
  }

  .react_autosuggest__container {
    margin-left: 0px;
  }

  section.banner.home-banner .NoFormcontrol {
    border-right: solid #87c8fd !important;
  }

  .OptionBtn li a {
    gap: 0px;
    padding: 0px 0px;
  }

  .new-alignment-add-btn {
    position: relative;
    top: 0px;
  }

  .new-width-set-btn {
    width: 50%;
  }

  .varient_confirmation_modal_new_size {
    width: 80% !important;
  }

  .Learn_MorePropText {
    padding: 8px 9px;
    font-size: 13px;
  }

  .Learn_MoreProp {
    padding-top: 7px;
  }

  .OptionBtn li a {
    font-size: 13px;
    margin-top: -2px;
  }

  .itemSelection-btnOutline {
    padding: 6px 4px;
  }

  .new-cum-btn {
    width: 46% !important;
    font-size: 12px !important;
  }

  .hide-for-mobile {
    display: none;
  }

  .itemSelection-btn.remove-btn {
    width: 80px !important;
  }

  .modal-dialog-centered {
    width: 80%;
  }

  section.banner.home-banner {
    height: 290px;
    background-size: cover;
  }

  .home-page-search-alignment {
    position: relative;
    top: 0px;
  }

  .priceTag-span img {
    margin-left: -7px;
  }

  .total-txt-new {
    margin-left: 5px;
  }

  .table td,
  .table th {
    padding: 8px !important;
  }

  .hide-div {
    display: none !important;
  }

  .width-add-align {
    max-width: 28% !important;
  }

  .additionalServices-tbl .itemSelection-btn {
    margin-right: 0px !important;
    width: 85px;
  }

  .itemSelection-btn-new-add {
    width: 85px;
    margin-left: 20px;
  }

  .add-new-position {
    position: relative;
  }

  .OptionBtn li.active a::after {
    left: 0px;
  }

  .prodDesc-wrraperDiv .lightBlue_bg {
    width: auto;
  }

  .propInfo-btnBlock {
    width: auto;
  }

  .booknowProp {
    width: 60%;
    right: 0px;
  }

  .new-added-text {
    width: auto;
  }

  /* .main-parent {
    padding-left: 3px;
    padding-right: 3px;
  } */
  .consumerMapBtn {
    line-height: 16.5px;
  }

  .padding-remove-for-desktop {
    padding-left: 15px;
  }

  .service-margin {
    margin-left: 5px;
  }

  .container-margin-top {
    margin-top: 120px;
  }

  .calendar-container-mobile {
    width: 92% !important;
    margin-left: 15px;
  }

  .breadcrumb-new-event {
    margin-left: 15px;
  }

  .eventHeading-top-new-event {
    margin-left: 15px;
    font-size: 15px !important;
  }

  .margin-top-mobile-test-event {
    margin-top: 15px;
  }

  .slick-next {
    right: -28px;
  }

  .slick-prev {
    left: 19px !important;
  }

  .eventsShare-col-new {
    top: 192px;
    left: -50px;
  }

  .eventDetails-mainImg-new {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .eventDetails-main-new-img {
    width: 100% !important;
    max-width: unset !important;
    min-width: auto !important;
  }

  .eventsInfo-wrapper-new-add {
    margin-left: 18px;
  }

  .social-share-new-div {
    left: 10px;
  }

  .description-event {
    padding-left: 34px;
  }

  .share-add-event {
    right: 10px;
  }

  .eventDetails-main-new-img {
    padding-left: 15px;
  }

  .consumerTab-Content-padding-remove {
    padding: 0px 0px 0px 0px !important;
  }

  .PersonalDetailsContent-new {
    padding-left: 0px;
  }

  .tab-pane-new {
    padding-left: 15px;
  }

  .notification-mains-new-width {
    width: 305px;
  }

  .add-margin-desktop {
    margin-left: 25px;
  }

  .servicesItemPrice-wrap-remove-btn {
    width: 85px;
  }

  .servicesItemPrice-wrap-width {
    width: 80px;
    margin-left: 20px;
  }

  .add-new-gap {
    gap: 1rem;
    padding-right: 0px;
  }

  .serviceItemSelection-btn-varient {
    width: 88px;
    height: 34px;
  }

  .servicesItemPrice-ne-wrap {
    width: 103px;
    height: 35px;
  }

  .add-height-mobile {
    line-height: 39px;
    background-color: #233c7e !important;
    margin-top: 14px !important;
  }

  .add-height-mobile-login {
    line-height: 50px;
    padding-bottom: 15px !important;
  }

  .drop-down-style {
    padding: 15px 35px !important;
    left: -40px;
    top: 41px !important;
    line-height: 35px !important;
  }

  .remove-btn-btn {
    width: 80px;
    height: 35px;
  }

  .amount-align-right-1 {
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 50px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" !important;
    box-sizing: border-box !important;
  }

  .final-price-margin {
    margin-left: 10px;
  }

  .extra-varient-mobile {
    /* display: flex !important;
  justify-content: flex-end !important; 
  text-align: right !important; */
    padding-left: 0px;
  }

  .extra-varient-mobile .extra-varient-mobile-1 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    justify-content: flex-end !important;
  }

  .add-varinet-position {
    position: relative !important;
    bottom: 9px !important;
  }

  .availability-row .PropServiceLabel {
    margin-left: 0px !important;
  }

  .availability-row .useful-infoText {
    margin-left: 0px !important;
  }

  .availability-row .servicesDetailsDiv .row {
    padding-left: 5px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .availability-row .houseRuleSection .service-margin {
    padding-left: 12px !important;
  }

  #houseRules-section .PropServiceLabel {
    padding-left: 14px !important;
  }

  .bgGradientConsumer .paddingWhenNoUser .fullWidth .navbar-toggler-icon {
    margin-top: 21px !important;
  }

  .padding-unset-mobile {
    padding: unset !important;
  }

  .mobile-icon-padding {
    padding-right: 15px !important;
  }

  .priceAndButtonRow .startingPriceSection .startingPrice {
    font-size: 15px !important;
  }

  .priceAndButtonRow .listCardButtons a.Learn_MoreProp {
    width: 90px !important;
    font-size: 14px !important;
  }

  .priceAndButtonRow a.Learn_MorePropText {
    width: 110px !important;
    padding-left: 10px !important;
    margin-right: 0px !important;
    padding-top: 10px !important;
  }

  .eventDetails-main-add-bg-remove .col-md-12.col-12.description-event {
    padding-left: 12px !important;
    padding-right: 0px !important;
  }

  .eventmain-wrapper .events-slider-new-padding .events-slider-new-padding-tab {
    position: relative;
    right: 9px;
  }

  .payProp-div-fox-position {
    position: relative !important;
    z-index: 10 !important;
    background: white !important;
    height: auto;
  }

  .umbrella-icon {
    width: 200px !important;
  }

  .add-legend-new-btn {
    width: 90px !important;
  }

  .onlineResBtn-btn-margin {
    margin-left: 0px;
    width: 100px;
    font-size: 14px !important;
  }
  /* 
  .add-item-new-calendar {
    width: auto !important;
  }

  .container-fluid-setting-model {
    width: 92% !important;
  }

  /* 
  .react-datepicker {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 0 !important;
    margin-bottom: 10px !important;
  } */

  .container-fluid-setting-model {
    width: 92% !important;
  }

  /* .modal-body {
    height: auto !important;
    max-height: calc(95vh - 55px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
  } */

  .new-today-btn-width {
    width: 100% !important;
  }

  .new-itemSelectionChk-col {
    gap: 0px !important;
    position: relative !important;
    top: 4px !important;
  }
}


/* Outer container – FIXED WIDTH */
.normalBookingSelect {
  width: 420px;            /* 🔒 fixed width */
}

/* Main select box – FIXED HEIGHT */
.normalBookingSelect .rs__control {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  border-radius: 30px;
  overflow: hidden;        /* prevents expansion */
}

/* Value container */
.normalBookingSelect .rs__value-container {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

/* Selected value text */
.normalBookingSelect .rs__single-value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Arrow container */
.normalBookingSelect .rs__indicators {
  height: 48px;
}

/* Dropdown arrow spacing */
.normalBookingSelect .rs__dropdown-indicator {
  padding-right: 16px;
}

/* Remove separator line */
.normalBookingSelect .rs__indicator-separator {
  display: none;
}

.package-style {
  /* right: 30px; */
  position: relative;
  width: 100% !important;
}

.service-list-padd{
  padding: 5px 0px 5px 5px;
}