body {
	background-color: #EDEDED;
}

body.modal-open {
  height: 100vh;
  overflow: hidden;
}

label {
	display: unset;
}

input:focus, select:focus {
	box-shadow: none!important;
}

.breadcrumb {
	text-decoration: none;
}

.header-top-spacer {
	height: 90px;
}

.step4-message {
	font-family: 'Manrope', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #273240;
	margin: 21px 0px 18px 0px;
	line-height: 1.36;
}

.step4 {
	display: flex;
	margin-bottom: 50px;
}

.hotel-image-container {
    width: 100%;
    position: relative;
    background-color: var(--be-image-placeholder-background, #ededed);
    border-radius: 4px;
    overflow: hidden;
	aspect-ratio: 4 / 3;
}
.hotel-image-container .loader-container {
    top: 0;
    max-height: unset;
}

.hotel-image-container img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1;
}

.step4-basket {
	background-color: #fff;
	width: 348px;
	height: fit-content;
	height: -moz-max-content;
	border-radius: 4px;
	margin-right: 20px;
}

.step4-basket-info {
	position: relative;
}

.step4-basket-hotel-info {
	padding: 20px 20px 15.5px 20px;
}

.step4-basket-room-info-holder {
	padding: 0px 20px;
}

.step4-basket-room-info {
	padding: 20px 0px;
	border-bottom: 1px solid #DFDFDF;	
}

.step4-basket-room-info:first-child {
	padding-top: 0px;
}

.step4-basket-room-info.last {
	border-bottom: unset;
}

.step4-basket-title {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.36;
	color: #273240;
	display: flex;
	align-items: center;
	margin-bottom: 17px;
}

.step4-basket-title img {
	margin-right: 13px;
}

.step4-basket-room-counter {
	margin-left: 5px;
    border-radius: 25px;
    background-color: #e6e6e6;
    font-family: 'Manrope', sans-serif;
    color: #273240;
    font-weight: 500;
    font-size: 11px;
    /* padding: 3px 9px 2px 9px; */
    width: 24px;
    height: 20px;
    text-align: center;
    line-height: 19px;
}

.step4-basket-gallery {
	width: 308px;
	height: 105px;
	background-size: cover;
	border-radius: 4px;
	position: relative;
}

.step4-basket-hotel-name {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.31;
	color: #273240;
	margin: 15px 0px 9px 0px;
}

.step4-basket-stay-info {
	display: flex;
    padding-bottom: 15.5px;
    border-bottom: 1px solid #E6E6E6;
}

.checkin-checkout {
	display: flex;
  width: 149.5px;
  border-right: 1px solid #E6E6E6;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 15.5px;
}

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

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

.nights_basket, .rooms_basket, .guests_basket {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nights_basket, .rooms_basket {
	margin-right: 12px;
}

.occupancy-basket {
	display: flex;
  /*width: 158.5px;*/
  /*justify-content: space-between;*/
  padding-left: 15.5px;
}

.basket_header_text {
	font-family: 'Manrope', sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: #273240;
}

.basket_value {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.36;
	color: #273240;
}

.basket-arrow-right-dates_v4 {
	/*margin: 0px 14px 0px 15px;*/
}

.basket-arrow-right-dates_v4 .b, .basket-arrow-right-dates_v4 .c {
	stroke: #FEC437;
}

.basket-room-image {
	height: 40px;
	width: 40px;
	border-radius: 4px;
	object-fit: cover;
}

.step4-basket-room-info .photo-placeholder {
	width: 40px;
    height: 40px;
}

.step4-basket-room-info .photo-placeholder svg {
    width: 20px;
    height: 20px;
}

.basket-room-image {
	background-size: cover;
}

.basket-room-no-image-holder {
	background-color: #ededed;
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.basket-room-no-image-holder .basket-room-service-img {
	height: 20px;
	width: 20px;
	min-width: unset;
}

.basket-room-service-img {
	height: 40px;
	width: 40px;
	min-width: 40px;
	border-radius: 4px;
	object-fit: cover;
}

.room-image-and-roomrate {
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

.room-image-and-roomrate-holder {
	display: flex;
}

.step4-room-total-price {
	font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.14;
    color: #273240;
}

.basket-roomrate {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15px;
}

.basket-room-name, .basket-room-service-name{
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.31;
	text-align: left;
	color: #273240;	
}

.basket-rateplan-name, .basket-room-service-quantity {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	line-height: 1.33;
	color: #273240;
}

.basket-room-service-quantity {
	display: flex;
	align-items: flex-end;
}

.basket-room-service-quantity-select-holder {
	position: relative;
	top: 5px;
    left: 5px;
}

.basket-room-service-quantity-select {
	width: 56px;
	height: 25px;
	border: 1px solid #C5C5C5;
	border-radius: 4px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 9px;
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #273240;
	background-image: url(/v4/icons/dropdown_arrow_v4.svg);
	background-repeat: no-repeat;
	background-origin: content-box;
	background-position-x: right;
	background-position-y: center;
}

.basket-room-service-quantity-select:hover {
	cursor: pointer;
	background-color: #f5f5f5;
}

.basket-room-service-quantity-list {
	list-style: none;
    padding: 0px;
    border: 1px solid #C5C5C5;
    border-radius: 4px;
    margin-top: 2px;
    padding: 8px 0px;
    display: none;
	position: absolute;
    background-color: #fff;
    width: 56px;
    z-index: 1;
}

.basket-room-service-quantity-option {
	padding: 4px 12.8px 4px 12.8px;
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #273240;
}

.basket-room-service-quantity-option:hover {
	background-color: #e9ecef;
	cursor: pointer;
}

.basket-room-policy {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	line-height: 1.33;
	color: #273240;
	margin-left: 55px;
	margin-bottom: 5px;
}

.allow-cancel {
	color: #008009;
}

.basket-room-occupancy {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #616161;
	margin-left: 55px;
	margin-bottom: 4px;
}

.basket-room-price-per-night {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.33;
	color: #616161;
}

.per_night_string {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.33;
	color: #616161;
}

.basket-room-price-total, .basket-room-service-price {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.14;
	color: #273240;
}

.basket-room-price-total.t-tip__in .t-tip__text__date-holder {
	background-color: #273240;
	width: 200px;
}

.basket-room-price-total.t-tip__in .price-date-container {
	font-weight: normal;
	display: flex;
    justify-content: space-between;
}

.basket-room-price-total.t-tip__in .price-date-container .date-holder-total-string, 
.basket-room-price-total.t-tip__in .price-date-container .date-holder-total-value {
	font-weight: bold;
}

.basket-room-price-total.t-tip__in .t-tip__text__date {
	margin-bottom: 9px;
}

.basket-room-price-total.t-tip__in .row {
	line-height: 1.7;
}

.currency_symbol_price {
	font-size: 12px;
	font-weight: normal;
}

.decimal_value_price {
	font-size: 12px;
}

.basket-room-prices {
	display: flex;
	justify-content: space-between;
	margin-left: 55px;
}

.modal.show .modal-dialog .details-contain {
	display: flex;
  	flex-direction: column;
	padding: 30px;
	font-size: 14px;
	font-family: 'Manrope', sans-serif;
	color: #273240;
	line-height: 1.7;
	max-height: calc(100vh - 140px);
	overflow-y: scroll;
}

.modal.show .modal-dialog .details-contain .instalments-header {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
	color: #2c2f33;
}

.modal.show .modal-dialog .details-contain .payment_type_partial_head {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.21;
	text-align: left;
	color: #2c2f33;
	padding-top: 30px;
}

.modal.show .modal-dialog .details-contain .payment_type_partial_detail {
	font-size: 14px;
	font-weight: 300;
	line-height: 2;
	text-align: left;
	color: #2c2f33;
}

.modal.show .modal-dialog .details-contain::-webkit-scrollbar {
	width: 12px;
}

.modal.show .modal-dialog .details-contain::-webkit-scrollbar-track {
	background: transparent;
	margin: 30px;
}

.modal.show .modal-dialog .details-contain::-webkit-scrollbar-thumb {
	background: transparent;
	border-left: 4px solid rgba(197,197, 197, 1);
}

.modal.show .terms-header {
	display: block;
	font-weight: bold;
	color: #273240;
	font-family: 'Manrope', sans-serif;
	font-size: 20px;
	padding-bottom: 20px;
}

.modal.show .terms-header.terms-header-policies {
	padding-bottom: 0px;
}

.modal.show .policy-content-header {
	font-weight: bold;
	display: block;
	padding-top: 20px;
}

.policy-room-header {
	display: flex;
	padding-top: 20px;
}

.custom-policy-room-header {
	padding-right: 10px;
	font-weight: bold;
	min-width: max-content;
}

.step4-basket-totalpay-string {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: left;
	color: #273240;
}

.step4-basket-total-price {
	display: flex;
	justify-content: space-between;
}

.spep4-basket-total-value {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	color: #008009;
}

.spep4-basket-total-value .currency_symbol_price {
	font-size: 14px;
 	font-weight: normal;
}

.spep4-basket-total-value .decimal_value_price {
	font-size: 14px;
}

#different-currency{
	font: 300 12px/100% 'Manrope', sans-serif;
	justify-content: end;
	margin: 3px 0px;
}

#different-currency #original-currency-price{
	font-weight: 600;
}

.step4-basket-taxes-string {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: right;
	color: #616161;	
}

.step4-basket-partial-payment {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: right;
	color: #273240;
	margin-top: 3px;
	cursor: pointer;
}

.step4-basket-partial-payment:hover {
	text-decoration: underline;
}


.step4-basket-total {
	padding: 20px 18px 18px 18px;
	margin: 0px 2px 2px 2px;
	background-color: #f5f5f5;
	border-radius: 0px 0px 4px 4px;
	display: inline-block;
	width: calc(100% - 4px);
}

.basket-room-service {
	display: flex;
	margin-top: 19px;
}

.basket-room-service-info {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15px;
    width: 100%;
}

.basket-room-service-bottom{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.basket-room-service-top {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.basket-room-servise-delete {

}

.basket-room-servise-delete:hover {
	cursor: pointer;
}

.basket-room-servise-delete:hover .b {
	stroke: #ff0000;
}

.basket-room-delete:hover {
	cursor: pointer;
}

.basket-room-delete:hover .b {
	stroke: #ff0000;
}

#booking-for-other {
	display: none;
	margin-top: 15px;
}

/*.accepttos, #book-now{
	display: none;
}*/

.accepttos {
	position: relative;
}

#input-accepttos {
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
  background-color: transparent;
}

.accepttos .material-check {
	margin-bottom: 0px;
}

.accepttos-required {
	display: none;
	position: absolute;
	right: 0px;
	color: #FF0000;
}

.reservation-button-holder {
	display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}

#book-now {
	margin-left: 79px;
	width: 308px;
	height: 59px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 4px;
	background-color: #53AC2A;
	border: unset;
}


#book-now:disabled,
#book-now[disabled] {
	background-color: #C5C5C5;
	color: #E6E6E6;
}

#payments {
	background-color: #fff;
	padding: 20px;
	border-radius: 4px;
	display: none;
	margin-top: 20px;
	width: 720px;
}

#nav-pix-tab span.v4 svg.custom-hotel-svg-color {
	fill: #00BDAE !important;
}

.order-input {
	width: 716px;
}

.loyalty-infocard-banner {
	display: none;
	  margin-top: 30px;
	  padding-top: 30px;
	  border-top: 1px solid #C5C5C5;
  }
  
  .loyalty-infocard-title {
	  font-weight: bold;
	  display: flex;
	  gap: 6px;
	  align-items: center;
	  margin-bottom: 20px;
  }
  
  .loyalty-infocard-content {
	  display: flex;
	  gap: 15px;
	  border-radius: 2px;
	  background-color: #E6F3E0;
	  padding: 15px 18px;
	  flex-direction: row;
	  align-items: center;
	  border-left: 3px solid #53AC2A;
	  margin: 20px 0 20px 30px;
  }

  .loyalty-infocard-banner-limit-exceeded .loyalty-infocard-content {
	background-color: #E4EEFE;
	border-color: #4B8CF4;
}
  
  .loyalty-infocard-checkbox {
	  font-size: 12px;
	  margin-left: 30px;
	  font-weight: 600;
  }

  .loyalty-infocard-checkbox .material-check {
    align-items: flex-start;
  }
  
  .loyalty-infocard-checkbox .checkbox-custom-label {
  	margin-left: 10px;
  }

  .loyalty-infocard-icon .svg-icon svg {
  	width: 20px;
  	height: 20px;
  }

  .loyalty-infocard-text {
  	font-size: 13px;
  }

  .loyalty-infocard-guestname {
  	font-weight: bold;
  }

  .addicional-personal-data{
	width: 100%;
	display: flex;
	  flex-wrap: wrap;
	padding-right: 21%;
  }

  .personal-box {
  	padding: 30px 20px 20px 30px;
  	background-color: #fff;
  	border-radius: 4px;
  }

  .personal-info {
  	font-family: 'Manrope', sans-serif;
  	font-size: 16px;
  	font-weight: bold;
  	line-height: 1.31;
  	color: #273240;
  	margin-bottom: 20px;
  }

  .personal-info-title {
  	display: flex;
  	align-items: center;
  }

  .personal-info img {
  	margin-right: 6px;
  }

  /* .email-box {
  	width: 295px;
  	margin-right: 20px;
  } */

  .first-and-last-name {
  	display: flex;
  }

  /* .first-name {
  	width: 295px;
  	margin-right: 20px;
  } */

  /* .last-name {
  	width: 295px;
  }

  .user-phone-number {
  	width: 295px;
  	display: flex;
  } */

  .country-and-cpf,
  .country-and-phone {
  	display: flex;
  }

  /* .user-country {
  	width: 295px;
  	margin-right: 20px;
  } */

  /* .user-cpf {
  	width: 295px;
  	margin-right: 20px;
  } */

  .personal-details-row{
	margin: 0px -5px;
  }

  .personal-details-input-title {
  	font-family: 'Manrope', sans-serif;
  	font-size: 12px;
  	font-weight: 600;
  	color: #7d848c;
  	position: absolute;
  	top: -9px;
  	left: 11px;
  	padding: 0px 5px;
  	background-color: #fff;
  }

  .personal-box_info {
  	position: relative;
  	margin-bottom: 20px;
	padding: 0px 20px 0px 0px !important;
  }

  .form-group input {
  	border: 1px solid #C5C5C5;
  }

  .personal-details .fields {
	padding-left: 30px;
	display: flex;
	flex-wrap: wrap;
  }
.loader-container.basket {
    height: 100%;
    top: 55%;
    --loader-top: 55%;
}

  	.loader-container.modal-loader {
		position: unset;
		height: 20px;
		display: flex!important;
	}
	.loader-container.modal-loader .loader-dots{
		position: unset;
		transform:unset;
	}
  .loader-container.modal-loader .search-loading-message,.loader-container.basket .search-loading-message{
  	display: none;
  }

  .step4-payments-loader {
  	position: relative;
  	width: 100%;
  	height: 200px;
  	display: none;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  }

  
.step4-basket-room-info[data-has-loyalty] .price-tags, .price-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
	margin-left: 55px;
}

.step4-basket-room-info[data-has-loyalty] .price-tag {
	font-size: 11px;
	line-height: 16px;
	font-weight: 600;
	color: #FFFFFF;
	padding: 2px 7px;
	border-radius: 15px;
}

.step4-basket-room-info[data-has-loyalty] .public-price-tag {
    background-color: #273240;
}

.step4-basket-room-info[data-has-loyalty] .member-price-tag {
    background-color: #FFE384;
}


.step4-basket-room-info[data-has-loyalty] .member-discount-tag {
    color: #377E25;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.step4-basket-room-info[data-has-loyalty] .member-discount-tag .currency_symbol_price, .step4-basket-room-info[data-has-loyalty] .member-discount-tag .decimal_value_price {
    font-size: inherit;
    font-weight: inherit;
    padding-right: unset;
}

.step4-basket-room-info[data-has-loyalty] .member-discount-tag .svg-icon svg {
    fill: #377E25;
}

/*loader animation*/
.gooey {
  position: absolute;
  /* top: 50%; */
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #fff;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}

@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}



.blurred{
	filter: blur(1.5px);
	opacity:.4;
	pointer-events: none;
	user-select: none;
  }


.personal-info-filled img {
	margin-right: 6px;
}

.personal-box-filled {
	padding: 30px 30px 28px 30px;
    background-color: #fff;
    border-radius: 4px;
    display: none;
}

.personal-box-filled span {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	line-height: 1.31;
	color: #273240;
}

.personal-info-filled {
	display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  color: #273240

}

.personal-info-filled-left {
	display: flex;
	align-items: center;
}

#edit {
	font-family: 'Manrope', sans-serif;
	font-weight: 600;
	font-size: 12px;
	color: #0C83D9;
}

#edit:hover {
	cursor: pointer;
}

.personal-box-filled-names {
	padding-left: 30px;
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.31;
	color: #273240;
	margin-bottom: 4px;
}

.personal-box-filled-other-info {
	display: flex;
	padding-bottom: 18px;
}

.personal-box-filled-contacts {
	display: flex;
	flex-direction: column;
	margin-right: 70px;
	padding-left: 30px;
}

.personal-box-filled-contacts span:first-child {
	margin-bottom: 6px;
}

.personal-box-filled-country-and-cpfs {
	display: flex;	
	flex-direction: column;
}

.personal-box-filled-country-and-cpfs span:first-child {
	margin-bottom: 6px;
}

.room-info-name-and-occup {
	display: flex;
	align-items: baseline;
}

.rooms-infos-filled {
	margin-left: 30px;
	display: none;
}

.room-info-filled {
	border-top: 1px solid #E6E6E6;
	padding: 20px 0px;
}

.room-type_people-filled {
	font-size: 11px!important;
    color: #C5C5C5!important;
    margin-left: 2px;
}

.personal-room-filled {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 800;
	color: #273240;
	margin-bottom: 0px;
}

.room-filled-name {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #273240;
	margin-bottom: 0px;
}

.room-filled-email {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #273240;	
	margin-bottom: 0px;
}





/*MATERIAL TEXTFIELD OUTLINE*/


.info-cvv-mob {
	display: none;
}

.material-textfield {
  position: relative;  
}

.material-textfield .info , .month-year-cvv-holder .info {
	position: absolute;
  left: 391px;
  top: 16px;
  cursor: pointer;
}

.material-textfield .info > img , .month-year-cvv-holder .info > img {
	opacity:  0.5;
}

.material-textfield .info .t-tip__text , .month-year-cvv-holder .info .t-tip__text {
	font-size: 13px;
}


.material-textfield .info:hover .t-tip , .month-year-cvv-holder .info:hover .t-tip {
	display: block;
}


.material-textfield .info  .t-tip__text__date-holder , .month-year-cvv-holder .info .t-tip__text__date-holder {
	position: relative;
  top: -2px;
  left: 20px;
}


.month-year-cvv-holder .info .t-tip__text__date-holder img {
   margin-top: 10px;
}

.month-year-cvv-holder .info .t-tip__text__date-holder img:nth-child(2) {
   display: none;
}


.material-textfield .label-title {
	position: absolute;
	left: 0;
	top: 25px;
	transform: translateY(-50%);
	background-color: transparent;
	padding: 0 0.3rem;
	margin: 0 0.5rem;
	transition: .1s ease-out;
	transform-origin: left top;
	pointer-events: none;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #616161;
}

.material-textfield .label-title span {
	color: #FF0000;
}

.material-textfield .lock-i:disabled ~ .label-title {
	color: #9C9C9C;
}

.material-textfield input {
	outline: none;
	border: 1px solid #C5C5C5;
	border-radius: 2px;  
	padding: 13.81px 16px 13.19px 16px;
	transition: 0.1s ease-out;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #273240;
	background-color: #ffffff;
	width: 100%;
	transition: border-color 0.15s ease-in-out;
}

.material-textfield input:disabled {
	font-weight: 500 !important;
}

.material-textfield input:hover:not(input[disabled],.country-disabled, .cc-not-supported-error, .phone-country-disabled) {
  	border: 1px solid #273240 !important;
}

#phone-country-select.phone-country-disabled,
.country-disabled,
.phone-country-disabled.selected_country,
.phone-country-disabled .selected_country, 
.phone-country-select-input:has(.phone-country-disabled) .selected_country {
	pointer-events: none !important;
}

.selected_country.flag-icon.phone-country-disabled {
	display: none;
}

#phone-country-select.error::placeholder, .telephone-holder:has(#input-phone.error) #phone-country-select::placeholder {
	color: #ff0000!important;
}

.material-textfield input.error:hover:not(input[disabled], .country-disabled) {
	border: 1px solid #ff0000!important;
}

.material-textfield input:focus {
  	border-color: #273240;  
}
.material-textfield input.error:focus, .material-textfield input.cc-not-supported-error:focus {
	border-color: #ff0000;  
}
.material-textfield input:focus:not(.country-disabled) ~ .label-title {
	color: #616161;
	top: 0;
	transform: translateY(-50%) scale(.9);
	background-color: #fff;
	font-size: 12px;
}
.material-textfield #input-id:focus ~ .label-title, .material-textfield #input-cpf:focus ~ .label-title {
	color: #616161;
	top: 0;
	/* left: -114px; */
	left: 0;
	transform: translateY(-50%) scale(.9);
}


#input-birth.valid_input ~ .label-title .red-asterix{
	display: none;
}

#input-birth.error ~ .label-title .red-asterix,#input-birth ~ .label-title .red-asterix{
	display:inline;
}

.material-textfield input:not(:placeholder-shown) ~ .label-title, .material-textfield input.opened ~ .label-title {
	color: #616161;
	top: 0;
	transform: translateY(-50%) scale(.9);
	background-color: #fff;
	font-size: 12px;
}

.material-textfield #input-phone:not([disabled]) ~ .label-title {
	color: #616161;
	top: 0;
	left: calc(-100% + 0.3rem);
	transform: translateY(-50%) scale(.9) translateX(50%);
	background-color: #fff;
	font-size: 12px;
}

.material-textfield #input-id:not(:placeholder-shown) ~ .label-title, .material-textfield #input-cpf:not(:placeholder-shown) ~ .label-title  {
	color: #616161;
	top: 0;
	left: 0;
	transform: translateY(-50%) scale(.9);
}

.grey-clear-field-icon {
	background: transparent;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	line-height: 1;
	position: absolute;
	top: 16px;
	z-index: 2;
	display: none;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}

.user-country .grey-clear-field-icon, .user-district .grey-clear-field-icon, .telephone-holder .phone-country-select-input .grey-clear-field-icon {
	right: 32px;
}

.grey-clear-field-icon:hover {
	background: #EAEAEA;
}

.expire-dates .label-title {
	color: #616161!important;
	top: 0!important;
	transform: translateY(-50%) scale(.9)!important;
	background-color: #fff!important;
}

#input-country, 
#input-district {
	height: 48px;
	border-radius: 2px;
	border: 1px solid #C5C5C5;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #273240;
	background-color: #ffffff;
	cursor: pointer;
	background-image: url(/v4/icons/arrow_v4.svg);
	background-origin: content-box;
  background-repeat: no-repeat;
  background-position-y: center;
	background-position-x: calc(100% + 54px);
  padding-right: 65px !important;
}

.user-country .input-overlay, .user-district .input-overlay  {
	content: '';
	position: absolute;
	width: 40px;
	height: 46px;
	background: linear-gradient(90deg, transparent, #ffffff);
	top: 1px;
	right: 55px;
	pointer-events: none;
}

.user-phone-number .phone-country-select-input .input-overlay {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	background: linear-gradient(90deg, transparent, #ffffff);
	top: 7px;
	right: 30px;
	pointer-events: none;
	z-index: 1;
}



.user-phone-number:has(#input-phone.error) #phone-country-select, 
.user-phone-number:has(#phone-country-select.error) #input-phone,
.id-holder:has(.material-id:not(.d-none) #input-id.error) #input-id-type, 
.id-holder:has(.material-cpf:not(.d-none) #input-cpf.error) #input-id-type {
	border-color: #ff0000 !important;
}

.user-phone-number:has(#input-phone.error) .label-title, 
.user-phone-number:has(#phone-country-select.error) .label-title, 
.id-holder:has(.material-id:not(.d-none) #input-id.error) .label-title,
.id-holder:has(.material-cpf:not(.d-none) #input-cpf.error) .label-title {
	color: #ff0000 !important;
}

#input-country:hover:not(.country-disabled),
#input-country:focus:not(.country-disabled),
.user-country:has(.grey-clear-field-icon:hover) #input-country:not(.country-disabled),
#input-district:hover,
#input-district:focus,
.user-district:has(.grey-clear-field-icon:hover) #input-district {
	border: 1px solid #273240;
}

#input-phone:hover,
#phone-country-select:not(.phone-country-disabled):hover,
#input-phone:focus,
.selected_country:hover #input-phone,
.selected_country:hover #phone-country-select:not(.phone-country-disabled),
.user-phone-number:has(.grey-clear-field-icon:hover) #input-phone,
.user-phone-number:has(.grey-clear-field-icon:hover) #phone-country-select:not(.phone-country-disabled),
.user-phone-number:has(.vl-input:hover) #input-phone,
.user-phone-number:has(.vl-input:hover) #phone-country-select:not(.phone-country-disabled),
#phone-country-select:not(.phone-country-disabled):focus,
.user-phone-number:has(#phone-country-select:not(.phone-country-disabled):hover) #input-phone,
.user-phone-number:has(#input-phone:hover) #phone-country-select:not(.phone-country-disabled),
.user-phone-number:has(#phone-country-select:not(.phone-country-disabled):focus) #input-phone,
.user-phone-number:has(#input-phone:focus) #phone-country-select:not(.phone-country-disabled) {
	border-color: #273240;
}


#input-cpf:hover,
#input-cpf:focus,
#input-id:hover,
#input-id:focus,
#input-id-type:hover,
#input-id-type:focus,
.id-holder:has(#input-cpf:hover) #input-id-type,
.id-holder:has(#input-cpf:focus) #input-id-type,
.id-holder:has(#input-id:hover) #input-id-type,
.id-holder:has(#input-id:focus) #input-id-type,
.id-holder:has(#input-id-type:hover) #input-cpf,
.id-holder:has(#input-id-type:focus) #input-cpf,
.id-holder:has(#input-id-type:hover) #input-id,
.id-holder:has(#input-id-type:focus) #input-id,
.id-holder:has(.vl-input-cpf:hover) #input-id-type,
.id-holder:has(.vl-input-cpf:hover) #input-id, 
.id-holder:has(.vl-input-cpf:hover) #input-cpf {
	border-color: #273240;
}

.material-textfield:has(#input-country:not(.country-disabled)):hover .grey-clear-field-icon, 
.material-textfield:has(#input-country.opened) .grey-clear-field-icon,
.material-textfield:has(#phone-country-select:not(.phone-country-disabled)):hover .grey-clear-field-icon, 
.material-textfield:has(#phone-country-select.opened) .grey-clear-field-icon,
.material-textfield:has(#input-district):hover .grey-clear-field-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.room-info-inputs-names {
	gap: 20px;
}

.email-inputs {
	width: 500px;
}

.name-inputs {
	width: 240px;
}

.name-inputs:first-child {
	margin-right: 20px;
}

.forsomeoneelse-label {
	font-family: 'Manrope', sans-serif !important;
	font-size: 12px!important;
	font-weight: 600!important;
	line-height: 1.33!important;
	color: #273240!important;
}

.room-type {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.33;
	color: #273240;	
}

.room-type_people {
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.33;
	color: #C5C5C5;		
}

#input-forsomeoneelse {
	top: 0px;
	left: 0px;
	width: 18px;
	height: 18px;
}

.input-billing-data-group:has(#input-forsomeoneelse:disabled) {
	opacity: 0.5;
}

.custom-checkbox-holder {
	display: flex;
	align-items: center;
}


/* MATERIAL DESIGN CHECKBOX ------------------------------------------------ */
.material-check {
	display: flex;
	padding-left: 0px;
	/*margin-top: 20px;*/
	margin-left: 0px;
}

.material-check .form-check-label {
  	margin-left: 10px;
}

.material-check .mdc-touch-target-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.loyalty-infocard-checkbox .material-check .mdc-touch-target-wrapper {
	margin-top: 3px;
}

.mdc-touch-target-wrapper {
	height: 16px;
	width: 16px;
}

.mdc-checkbox--touch {
	padding: 0px;
	margin: 0px;
}

.mdc-checkbox__background {
	top: 0px !important;
	left: 0px !important;
	width: 16px;
  height: 16px;
	/*border-color: #273240!important;*/
	/*background-color: #273240!important;*/
}

#input-forsomeoneelse:hover ~ .mdc-checkbox__background{
	border-color: #273240!important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
	border-color: #273240!important;
	background-color: #273240!important;
}

.material-check label {
	color: var(--273240-texts-icons);
	font: normal normal 600 12px/21px 'Manrope', sans-serif;
}

.material-check .form-check-input {
	margin-left: 0rem;
	transition-duration: .3s;
}

.material-check .disabledgroup + label {
  	color: var(--9c9c9c-disabled-texts);
}


#input-accepttos[disabled] ~ .mdc-checkbox__background {
	border-color: #9c9c9c!important;
}

.payment-button-holder {
	margin-top: 20px;
	padding-left: 30px;
}

#go-to-payment {
 	padding: 8px 28px 9px 27px;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.36;
	text-align: center;
	color: #ffffff;
	border-radius: 4px;
	background-color: #fec437;
	border: unset;
	width: auto;
    min-width: 197px;
	min-height: 37px;
}
#go-to-payment .search-loading-message{
	display:none
}
#go-to-payment .loader-container.btn-loader{
	position: relative;
    height: 20px;
	top:unset;
	display:none;
}

.error, .not_support_cc {
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.33;
	color: #FF0000;
	max-width: 380px;
	display: block !important;
	padding-top: 5px;
}

.error.email-inputs {
	max-width: 100%;
}

.error:not(#input-birth-date-error) {
	display: block !important;
}

input.error, select.error, input.cc-not-supported-error {
	border-color: #FF0000 !important;
}

input.error ~ .label-title, select.error ~ .label-title, input.cc-not-supported-error ~ .label-title {
	color: #FF0000!important;
}

.material-textfield:has(input.cc-not-supported-error) #input-direct-card-error, .material-textfield:has(input.cc-not-supported-error) #input-cc-card-error {
	display: none !important;
}

.nav-item.nav-link {
	width: 117px;
	height: 82px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #273240;
	text-align: center;
	background-color: #F5F5F5;
	border-radius: 4px;
	padding: 10px;
}

.payment-option:hover {
	cursor: pointer;
	border-color: #9C9C9C;
}

.payment-option:last-child {
	margin-right: 0px;
}

.payment-option.active {
	border: 1px solid #53AC2A!important;
	background-color: #fff!important;
	box-shadow: 0px 3px 15px #00000026;
}

.payment-icon {
	height: 32px;
	width: auto;
    margin: 0px auto;
}

#nav-tab {
	border-bottom: unset;
	margin-bottom: 25px;
	gap: 10px;
}

.blue-info {
	display: flex;
	background-color: #ECF3FE;
	border-left: 3px solid #4B8CF4;
	padding: 15px 15px 15px 18px;
	border-radius: 2px;
	align-items: center;
}

.info-title {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #273240;
	margin-bottom: 5px;
}

.info-description {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #616161;
}

.payment-info-icon {
	position: relative;
	height: 24px;
	margin-right: 16px;
}


.orange-info {
	display: flex;
	background-color: #FFF5D9;
	border-left: 3px solid #FDBA01;
	padding: 15px 15px 15px 18px;
	border-radius: 2px;
	margin-top: 20px;
}

.info-link {
	color: #4B8CF4;
	text-decoration: underline;
	font-size: 13px;
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
}

.info-link:hover {
	cursor: pointer;
}

.green-info {
	display: flex;
	background-color: #E6F3E0;
	border-left: 3px solid #53AC2A;
	padding: 15px 15px 15px 18px;
	border-radius: 2px;
}

.accepted_cc {
	margin: 20px 0px 15px 0px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.accepted_cc img {
	margin-right: 7px;
}

#input-direct-card, #input-cc-card, #input-pix-cpf, #input-pix-name{
	width: 380px;
	transition: 0.2s ease-in-out;
}

#input-direct-name, #input-cc-name {
	width: 380px;
	margin-top: 20px;
}

#input-direct-cvv, #input-cc-cvv {
	width: 166px;
}

.month-year-cvv-holder {
	display: flex;
	margin-top: 20px;
	position: relative;
}

.month-year-box {
	margin-right: 20px;
	width: 193px;
}

.month-year-box .cc-expiry {
	width: 100%;
}

.month-box {
	width: 80px;
	margin-right: 20px;
	position: relative;
}



.expire-dates > div {
	width: 85px;
	display: inline-block;
}

.expire-dates-month {
	float: right;
}

#input-direct-year::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}

#input-direct-year::-webkit-scrollbar-track {
  background-color: #fff;
}

#input-direct-year::-webkit-scrollbar-thumb {
  background-color: #eee;
}

#input-direct-year option:hover {
	background-color: #eee!important;
}

#input-direct-month , #input-direct-year , #input-cc-year , #input-cc-month {
	width: 85px;
	height: 48px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid #C5C5C5;
}
#input-direct-month.error , #input-direct-year.error , #input-cc-year.error , #input-cc-month.error {
	border-color: #FF0000;
}

#input-direct-month.valid_input , #input-direct-year.valid_input , #input-cc-year.valid_input , #input-cc-month.valid_input {
	padding-right: 8px !important;
}

#input-direct-month , #input-cc-month{
	float: left;
}

.expire-dates span {
	position: relative;
	top: 13px;
	left: 6px;
	color: #273240;
	opacity: 0.6;
	font-size: 16px;
	vertical-align: top;
}

#direct-year { 
	float: right;
}

.empty-select {
  color: #7d7d7d!important;
}

.expire-dates option[value=""][disabled] {
  display: none;
}

.direct-card-date-incorrect {
	display: none;
}


.payment-box-preview {
	background-color: #fff;
	border-radius: 4px;
	padding: 20px 15px 15px 17px;
	margin-top: 20px;
}

.payment-box-preview-title {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C5C5C5;
	display: flex;
}

.payment-box-preview-title img {
	margin-right: 7px;
}

.payment-box-preview-text {
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #C5C5C5;
	padding-left: 32px;
}

.payment-box-title {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #273240;
	display: flex;
	margin-bottom: 18px;
}

.payment-box-title img {
	margin-right: 6px;
}

.valid_input:not(input[type="submit"]) {
	background-image: url(../../v4/icons/valid.svg);
	background-position: center right;
	background-repeat: no-repeat;
	background-origin: content-box;
	padding-right: 12px!important;
	transition: unset!important;
	transition: border-color 0.15s ease-in-out !important;
}

/* Change the white to any color */
/*input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}*/

input:-internal-autofill-selected.valid_input {
	background-color: red!important;
	background-image: url(../../v4/icons/green_ok.png)!important;
}



.partial_payment_credit_card_info {
	height: 48px;
	width: 385px;
	background-color: #E6E6E6;
	border: 1px solid #C5C5C5;
	border-radius: 2px;
	display: flex;
	align-items: center;
	padding-left: 16px;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #616161;
}

.partial-payment {
	height: 48px;
	width: 385px;
	background-color: #ffffff;
	border: 1px solid #C5C5C5;
	border-radius: 2px;
	display: flex;
	align-items: center;
	padding-left: 16px;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #616161;
	transition: 0.15s ease-in-out;
	background-image: url(/v4/icons/arrow_v4.svg);
	background-position: center right;
  background-repeat: no-repeat;
  background-origin: content-box;
  padding-right: 12px!important;
}

.partial-payment.valid_input {
	background-image: url(/v4/icons/arrow_v4.svg);
}

.partial-payment:hover {
	border: 1px solid #273240;
}

.partial_payment {
	display: none;
}

.partial_payments_blue_info, .partial-payment{
	margin-top: 15px;
}

.aditional-location-info {
	padding-top: 20px;
    /* border-top: 1px solid #e6e6e6; */
}

/* #input-address {
	margin-top: 20px;
} */

.address_box {
	width: 500px;
}

.country-and-disctrct, .city_and_postalcode {
	display: flex;
	width: 500px;
	justify-content: space-between;
}

/* #input-country {
	width: 295px;
}

#input-district {
	width: 240px;
}

#input-city {
	width: 240px;
}

#input-zipcode {
	width: 240px;
} */

#nav-tabContent {
	margin-left: 30px;
	margin-right: 30px;
}

#nav-tab {
	margin-left: 30px;
	margin-right: 30px;
}

#accept_terms_label.disabled_label {
	color: #C5C5C5!important;
}

#accept_terms_label.disabled_label > a {
	color: #C5C5C5!important;
}

.direct-expiry {
	width: 180px;
}


.country-dropdown, .district-dropdown {
	list-style: none;
	border: 1px solid #C5C5C5;
	border-radius: 4px;
	margin-top: 5px;
	padding: 8px 0px;
	display: none;
	position: absolute;
	top: 48px;
	background-color: #fff;
	width: 295px;
	z-index: 10;
	overflow: overlay;
}

/* overflow need to be auto for mozila */
@-moz-document url-prefix() {
	.country-dropdown, .district-dropdown, #phone-country-dropdown{
	  	overflow: auto;
	}
}

.country-dropdown-option, .district-dropdown-option, .not-found  {
	transition: 0.15s ease-in-out;
	padding: 5px 16px;
	font-size: 13px;
	line-height: 18px;
}

.country-dropdown-option, .district-dropdown-option {
	cursor: pointer;
}

.not-found {
	color: #9C9C9C;
}

.country-dropdown-option:hover, 
.district-dropdown-option:hover, 
.country-dropdown-option.selected, 
.phone-country-item.selected, 
.district-dropdown-option.selected {
	background-color: #f5f5f5;
}

.searchable-dropdown::-webkit-scrollbar {
    width: 12px;
}

.searchable-dropdown::-webkit-scrollbar-thumb {
    background: transparent;
    border-left: 4px solid rgba(197,197, 197, 1);
		height: 150px;
}

.searchable-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

#empty-space-filled-country {
	height: 17px;
}

.img-for-gallery-background {
    width: 50px;
    height: 22.5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    background-color: #273240;
    opacity: 0.75;
	display: none;
}

.img-for-gallery-holder {
    position: absolute;
    bottom: 13px;
    right: 16px;
    display: none;
    align-items: center;
    border-radius: 2px;
    width: 43px;
    justify-content: center;
}

.img-for-gallery-counter {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #ffffff;
     padding-left: 5px; 
}

.property-step4-gallery-modal-opener {
	position: absolute;
  height: 105px;
  width: 188px;
  left: 60px;
  z-index: 10;
  cursor: pointer;
}

.special_request {
	background-color: #fff;
	padding: 30px 30px 30px 28px;
	margin-top: 20px;
	border-radius: 4px;
	display: none;
}

.special_request_title {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	margin-bottom: 20px;
}

.special_request_title img {
	margin-right: 12px;
}

.spec-req {
	height: 48px;
  width: 379px;
  margin-bottom: 20px;
  background-image: url(/icons/arrow_v4.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
  background-origin: content-box;
  padding: 14px 16px 14px 16px;
  font-size: 14px;
  color: #616161;
  font-weight: 600;
	transition: 0.1s ease-out!important;
}

.spec-req:hover {
	border-color: #273240;
}

.spec-req.open {
	background-image: url(/icons/arrow_up_v4.svg);
	border-color: #273240!important;
}

#input-special_request_comment {
	font-size: 14px;
	font-weight: 600;
}

#input-special_request_comment:hover, #input-special_request_comment.active {
	border-color: #273240;
}

#input-special_request_comment::placeholder {
	color: #616161;
}

.form-control:focus {
	border-color: #C5C5C5;
	color: unset;
}



/*MODAL*/

.close-modal {
	top: -37px;
    right: 0px;
}

.modal-room-info .close-modal {
	top: 18px;
	right: 18px;
}

.show-more-details-room {
	display: flex;
    justify-content: flex-end;
	font-size: 10px;
	font-weight: 600;
	color: #9C9C9C;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 3px;
}

.modal-body.modal-room-body{
	padding: 0px;
}

.modal-room-top {
	display: flex;
	flex-direction: column;
}

.modal-room-top {
	padding: 30px 30px 20px 30px;
}

.modal-room-title {
	font-size: 24px;
    font-weight: bold;
    color: #2C2F33;
}

.modal-room-stays {
	font-size: 13px;
    color: #616161;
    margin-top: 10px;
	margin-bottom: 30px;
}

.modal-room-price-holder {
	margin: 30px 0px 20px 0px;
}

.modal-room-price-per-day-holder {
	margin-top: 10px;
}

.modal-room-price-per-day {
	margin-bottom: 10px;
	font-size: 13px;
}

.modal-room-price-per-day .currency_symbol_price, .modal-room-price-per-day .decimal_value_price {
	font-size: 11px;
}

.modal-room-price-currency {
	font-size: 11px;
	font-weight: 400;
}

.modal-room-price-deci {
	font-size: 11px;
}

.modal-room-price-per-day, .modal-total-room-price-holder {
	display: flex;
	justify-content: space-between;
}

.details-date-group.hidden {
	display: none;
}

.show_hide_days {
    text-align: end;
    color: #0C83D9;
    display: flex;
    justify-content: end;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 12px;
}

.show_hide_days div {
	cursor: pointer;
}

.hide_days {
	display: none;
}

.modal-total-room-price-holder {
	margin-top: 15px;
}

.modal-total-room-price-title, .modal-room-extras-total-title, .modal-room-tax-total-title {
	font-size: 13px;
}

.modal-total-room-price {
	font-size: 14px;
}

.modal-total-price-currency, .modal-room-extra-price-currency, .modal-room-tax-price-currency {
	font-size: 12px;
	font-weight: 400;
}

.modal-tootal-price-deci, .modal-room-extra-price-deci, .modal-room-tax-price-deci, .modal-room-tax-total-price-deci {
	font-size: 12px;
}

.modal-total-room-price, .modal-room-extras-total-price, .modal-room-tax-total-price {
	font-weight: bold;
}

.modal-room-free-cancellation {
	font-size: 13px;
}

.modal-room-offers-discounts-holder {
	display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.modal-room-title-gray {
	font-size: 11px;
    font-weight: bold;
    color: #9C9C9C;
    margin-bottom: 10px;
	text-transform: uppercase;
}

.modal-room-offers-discounts .modal-room-item-title {
	margin-right: 10px;
}

.modal-room-item-title {
	font-size: 13px;
    font-weight: bold;
}

.modal-room-offers-discounts-grey-bg {
	font-size: 11px;
    padding: 2px 10px 3px 10px;
    background-color: #E6E6E6;
    border-radius: 25px;
}

.modal-room-offers-discounts-price-holder {
	display: flex;
	flex-direction: column;
}

.modal-room-offers-discounts-price-holder .price-after {
	font-size: 14px;
	font-weight: bold;
	color: #008009;
}

.price-before {
	text-align: end;
	font-size: 13px;
  font-weight: 400;
  color: #9C9C9C;
}

.price-before .currency_symbol_price {
	font-size: 12px;
}

.price-before .decimal_value_price{
	font-size: 12px;
}

.modal-room-offers-discounts-price-holder .price-after .currency_symbol_price {
	font-size: 12px;
	font-weight: bold;
}

.modal-room-offers-discounts-price-holder .price-after .decimal_value_price {
	font-size: 11px;
   font-weight: bold;
}

.modal-room-offers-discounts-price-deci, .modal-room-extra-price-deci {
	font-size: 11px;
}

.modal-room-offers-discounts-description, .modal-room-extras-description {
	font-size: 13px;
    margin-left: 12px;
	margin-bottom: 20px;
}

.extra-schedule {
	display: block;
}

.modal-room-extras-description:nth-last-child(1) {
    margin-bottom: 0px;
}

.modal-room-extras {
	display: flex;
  justify-content: space-between;
  align-items: baseline;
  /* margin-top: 20px; */
  /* margin-bottom: 10px; */
}


.modal-room-extras-price, .modal-room-tax-price {
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
}

.modal-room-offers-holder .currency_symbol_price {
	font-size: 12px;
}

.modal-room-offers-holder .decimal_value_price {
	font-size: 11px;
}

.modal-room-extras-include {
	font-size: 13px;
    font-weight: bold;
    /* color: #008009; */
	color: #273240;
}

.modal-room-offers-holder {
	margin-bottom: 20px;
	border-top: 1px solid #E6E6E6;
    padding-top: 20px;
}

.modal-room-offers-holder .currency_symbol_price, .modal-room-offers-holder .decimal_value_price {
	font-size: 11px;
}

.modal-room-extras-holder {
	margin-bottom: 20px;
	border-top: 1px solid #E6E6E6;
    padding-top: 20px;
}

.modal-room-extras-schedule {
	font-size: 13px;
    margin-left: 12px;
	margin-bottom: 10px;
}

.modal-room-extras-schedule:last-child {
	margin-bottom: 0px;
}

.modal-room-extras-total-holder, .modal-room-tax-total-holder {
	display: flex;
    justify-content: space-between;
	align-items: baseline;
}

.modal-room-tax-total-holder .modal-room-tax-total-price {
	font-size: 14px;
}

.modal-room-extras-total-holder {
	margin-top: 5px;
}

.modal-room-extras-total-holder .modal-room-extras-total-price {
	font-size: 14px;
}
 


.modal-room-tax {
	display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.modal-room-tax .currency_symbol_price, .modal-room-tax .decimal_value_price {
	font-size: 11px;
}

.modal-room-tax-holder {
	border-top: 1px solid #E6E6E6;
    padding-top: 20px;
}

.modal-gray-bottom {
	background-color: #F5F5F5;
	padding: 20px 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.modal-total-price-room-holder {
	display: flex;
    justify-content: space-between;
}

.modal-total-price-tax-fees {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.modal-total-price-tax-fees .currency_symbol_price, .modal-total-price-tax-fees .decimal_value_price {
	font-size: 14px;
}

.modal-total-price-room-title {
	font-size: 13px;
	font-weight: bold;
}

.modal-total-price-room {
	font-size: 18px;
	font-weight: bold;
	color: #008009;
}

.modal-total-price-room-currency {
	font-size: 14px;
	font-weight: 400;
}

.modal-total-price-room-deci {
	font-size: 14px;
}

.modal-total-room-tax-description {
	font-size: 11px;
    color: #616161;
	margin: 5px 0px;
	line-height: 15px;
}

.modal-total-room-pay-up-to {
	font-size: 11px;
    font-weight: 600;
	line-height: 15px;
	display: flex;
    align-items: center;
}

.modal-total-room-pay-up-to:hover {
	text-decoration: underline;
	cursor:pointer;
}

.modal-total-room-pay-up-to img {
    margin-left: 5px;
}

/*END OF MODAL*/


.basket-room-service-top .basket-room-service-price, .basket-room-policy-mobile, .step4-see-more-details, .show-less-details {
	display: none;
}

/* .user-country-mobile {
	display: none;
} */

.basket-room-service-quantity-select-mobile {
	display: none;
}

.step4-room-total-price {
	display: none;
}

.required_title_info {
	font-size: 12px;
	font-weight: 400;
	color: #273240;
	line-height: 17px;
	padding-left: 30px;
}

.red-asterix {
	color: #FF0000;
}

.telephone-holder {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.searchable-dropdown {
	max-height: 300px;
}

#phone-country-dropdown {
	flex-basis: 100%;
	top: 53px;
	list-style: none;
	border: 1px solid #C5C5C5;
	border-radius: 4px;
	margin-top: 5px;
	padding: 8px 0px;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 295px;
	z-index: 10;
	overflow: overlay;
}

#phone-country-select {
  height: 48px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-right: unset !important;
  padding: 10px;
	padding-left: 10px;
  padding-right: 5px;
  background: url(/v4/icons/arrow_v4.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% + 42px);
  background-position-y: center;
  background-origin: content-box;
  display: flex;
  position: relative;
  cursor: pointer;
  border-color: #C5C5C5;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
	font-family: 'Manrope', sans-serif;
	font-weight: 600;
	font-size: 14px;
	padding-right: 50px !important;
}

#phone-country-select[data-selected-icon] {
	padding-left: 39px;
}

#phone-country-select.error {
	border-color: #ff0000 !important;
}

.error {
	color: #FF0000;
	padding-top: 5px;
  }
  
.green-message {
	color: #008009 !important;
	padding-top: 5px;
	margin-top: -20px;
	margin-right: 5px;
	margin-bottom: 20px;
	min-width: 100%;
	font-size: 12px;
	font-weight: 400;
	
}

.ceplink{
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	padding-top: 15px !important;
	max-height: 48px;
	margin-bottom: unset;
	font-size: 14px;
	font-weight: 700;
	color: #0C83D9;
}

.telephone-holder .selected_country {
	position: absolute;
	top: 16px;
	left: 10px;
}

.selected_country {
  margin-top: 0px!important;
	cursor: pointer;
}

#input-phone {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  border-left: unset!important;
	height: 48px;
	padding-left: 8px;
}
#input-phone.error {
	border-color: #ff0000!important;
}

.phone-country-item {
	transition: 0.15s ease-in-out;
	padding: 5px 16px;
	font-size: 13px;
	line-height: 18px;
}

.phone-country-item:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.flag-icon {
  margin-right: 7px;
  margin-top: 2px;
}

.country-name {
  margin-right: 6px;
}

.user-phone-number .material-textfield.phone-country-select-input {
	width: 130px;
}

.user-phone-number .material-textfield.phone-input {
	flex-grow: 100;
	width: calc(100% - 130px);
}

.vl-input {
	position: absolute;
  width: 1px;
  background-color: #C5C5C5;
  height: 19px;
  right: 0;
  top: 14px;
}

.id-holder {
  display: flex;
  position: relative;
}

.select-id-type {
  width: 125px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-right: unset;
  font-size: 12px;
  font-weight: 600;
  color: #273240;
  padding-left: 16px;
}

#input-cpf {
  display: none;
  /*width: 181px;*/
	height: 48px;
	border-left: unset !important;
}
#input-cpf.error {
	border-color: #ff0000 !important;
}

#input-id {
	/*width: 295px;*/
	height: 48px;
	border-left: unset !important;
}
#input-id.error, #input-id-type.error{
	border-color: #ff0000!important;
}

.vl-input-cpf {
  position: absolute;
  width: 1px;
  background-color: #C5C5C5;
  height: 19px;
  left: 0px;
  top: 14px;
}

#input-id-type {
	background-image: url(/v4/icons/arrow_v4.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-origin: content-box;
  padding-right: 9px !important;
  transition: unset !important;
	transition: border-color 0.15s ease-in-out !important;
  height: 48px;
	min-width: 130px;
  border-right: 0px !important;
}

#input-id-type.valid_input {
	background-image: url(/v4/icons/arrow_v4.svg);
}

#input-cpf-error {
  padding-top: 8px;
	position: relative;
	left: -130px;
	width: calc(100% + 130px);
	display: inline-block;
}

.user-phone-number:has(#phone-country-select-error:not(:empty)) #input-phone-error {
	display: none !important;
}

#input-phone-error {
	padding-top: 5px;
	width: 295px;
	position: relative;
	transform: translateX(-130px);
}

#phone-country-select-error {
	width: 295px;
	padding-top: 8px;
	position: relative;
}

#input-phone-error:empty {
	padding-top: 0px;
}

.telephone-holder:has(#phone-country-select-error:empty) #input-phone-error {
	padding-top: 8px;
}

label.error:empty {
	padding-top: 0 !important	;
}

#input-id-error {
	position: relative;
	left: -130px;
	width: calc(100% + 130px);
	display: inline-block;
}

#input-id-error:empty {
	display: unset;
}

.cpf-and-birthdate {
	display: flex;
	width: 100%;
}

.empty {
	width: 50%;
	margin-right: 26px;
}

.material-id, .material-cpf {
	flex-grow: 100;
}

.material-cpf {
	display: none;
}

#modal-failed .modal-content {
	min-width: 620px;
	padding: 30px;
	flex-direction: row;
	gap: 15px;
}

.reservation-failed-title {
	display: flex;
	align-items: center;
}

.reservation-failed-title span {
	font-size: 20px;
	font-weight: bold;
	color: #273240;
	line-height: 27px;
}

.cancel-popup__description {
	font-size: 13px;
	font-weight: 400;
	color: #273240;
	margin-top: 21px;
	padding-left: 47px;
}

#modal-failed .cancel-popup__description {
	margin-top: 20px;
	padding-left: unset;
}

#modal-failed .cancel-popup__description p:last-child {
	margin-bottom: 10px;
}

#modal-failed .cancel-popup__description p:last-child {
	margin-bottom: unset;
}

#modal-failed .cancel-popup__buttons {
	text-align: right;
	margin-top: 40px;
}

#modal-failed .cancel-popup__buttons a, #modal-failed .cancel-popup__buttons #payment-try-again-button {
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	width: auto;
}

.reservation-failed-email {
	font-size: 13px;
	font-weight: 500;
	color: #0C83D9;
}

.reservation-failed-email a {
	text-decoration: none;
}

.close-modal-mobile {
	display: none;
}

.modal-mobile-header {
	display: none;
}

.user-birthdate {
	width: 295px;
}

#input-birth {
	height: 48px;
	color: #273240;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	right: 12px;
	top: 9px;
	height: 30px;
	width: 30px;
	background: url(/v4/icons/input-date-icon.svg) no-repeat;
    padding: 0px;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    background-color: #E6E6E6;
    border-radius: 50%;
	cursor: pointer;
}

input[type="date"]:invalid::-webkit-datetime-edit {
    color: #9C9C9C;
}

.phone-country-disabled {
  opacity: 0.81;
  border-radius: 2px;
  border: solid 1px #d8dde8!important;
  border-right: unset!important;
  background-color: #f6f7f9!important;
}

.material-textfield:has(.phone-country-disabled) .input-overlay {
	background: linear-gradient(90deg, transparent, #fafbfc);
}

.country-disabled {
  opacity: 0.81;
  border-radius: 2px;
  border: solid 1px #d8dde8!important;
  background-color: #f6f7f9!important;
}

.phone-country-disabled > .flag-icon {
    background-color: #E6E6E6;
    height: max-content;
    align-self: center;
}

.calling-number {
  position: absolute;
  height: 48px;
  width: 43px;
  left: 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #8C99AF;
	display: none !important;
}

.lock-i:disabled{
  opacity: 0.5;
  border-radius: 2px;
  border: solid 1px #d8dde8!important;
  background-color: #f6f7f9!important;
	pointer-events: none;
}

.lock-i.phone-country-disabled {
  pointer-events: none;
}

/* .email-confirm {
	/* display: none; */
	margin-right: 0px;
	width: 295px;
} */


.temp-hidden, .temp-hidden-flex  {
	display: none;
}

.emails-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#book-now-loading-modal .modal-content {
	padding: 60px 60px 40px 60px;
	box-shadow: 0px 0px 25px #00000040;
	border-radius: 4px;
	min-width: 596px
}

#book-now-loading-modal .gooey {
	top: 75px;
}

#book-now-loading-modal .book-now-loading-header {
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	color: #2C2F33;
	margin-bottom: 5px;
	text-align: center;
	margin-top: 25px;
	font-family: Manrope;
}

#book-now-loading-modal .book-now-loading-message {
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	color: #2C2F33;
	text-align: center;
	font-family: Manrope;
}

#book-now-loading-modal .gooey .dots {
	margin-left: 41px;
}

#book-now-loading-modal .gooey .dot {
	width: 22px;
	height: 22px;
	animation: dot-book-now 2.8s infinite;
}

#book-now-loading-modal .gooey .dots span {
	width: 22px;
	height: 22px;
	animation: dots-book-now 2.8s infinite;
}

#book-now-loading-modal .gooey {
	width: 200px;
}

.modal-elipse {
    display: none;
}

.basket-room-delete .b, .basket-room-servise-delete .b, .basket-room-servise-delete, .basket-room-delete {
	transition: all 0.15s ease-in;
}

.basket-room-servise-delete.disabled, .basket-room-delete.disabled {
	pointer-events: none;
	opacity: 0.65;
}



@-moz-keyframes dot-book-now {
	50% {
	  transform: translateX(102px);
	}
  }
  @-webkit-keyframes dot-book-now {
	50% {
	  transform: translateX(102px);
	}
  }
  @-o-keyframes dot-book-now {
	50% {
	  transform: translateX(102px);
	}
  }
  @keyframes dot-book-now {
	50% {
	  transform: translateX(102px);
	}
  }
  @-moz-keyframes dots-book-now {
	50% {
	  transform: translateX(-19px);
	}
  }
  @-webkit-keyframes dots-book-now {
	50% {
	  transform: translateX(-19px);
	}
  }
  @-o-keyframes dots-book-now {
	50% {
	  transform: translateX(-19px);
	}
  }
  @keyframes dots-book-now {
	50% {
	  transform: translateX(-19px);
	}
  }

#input-direct-month-error, #input-direct-year-error, #input-cc-month-error, #input-cc-year-error {
	display: inline-block;
	margin-top: 7px;
}

.pix_payment_header {
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	color: #273240;
	margin: 20px 0px 25px 0px;
}

.custom-label-id-type, .custom-select-label {
  color: #616161;
  top: 0;
  transform: translateY(-50%) scale(.9);
  background-color: #fff;
  font-size: 12px;
  position: absolute;
  left: 0;
  padding: 0 0.3rem;
  margin: 0 0.5rem;
  transition: .1s ease-out;
  transform-origin: left top;
  pointer-events: none;
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  line-height: 1;
  z-index: 1;
}

#input-id-type {
	white-space: nowrap;
	overflow: hidden!important;
	text-overflow: ellipsis;
	padding-right: 20px!important;
	background-position: right -14px center;
}


.gray-direct-name-label , .gray-cc-name-label {
    color: #9C9C9C;
    font-size: 12px;
    margin-top: 3px;
    display: inline-block;
}  


.error ~ .gray-direct-name-label , .error ~ .gray-cc-name-label {
  display: none!important;
}

.valid_input  ~ .gray-direct-name-label , .valid_input  ~ .gray-cc-name-label {
  display: block!important;
}


@media(max-width: 1279px) {

	.personal-details .fields, .payment-button-holder {
		padding-left: 0;
	}

	.hotel-image-container {
		border-radius: 0;
	}

	.loyalty-infocard-content, .loyalty-infocard-checkbox {
		margin-left: 0;
	}

	#modal-failed .cancel-popup__buttons a, #modal-failed .cancel-popup__buttons #payment-try-again-button {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	#modal-failed .modal-dialog {
		margin: 0 40px;
	}

	#modal-failed .modal-content {
		min-width: unset;
		border-radius: 4px;
		align-items: center;
		flex-direction: column;
		padding: 40px 30px 30px 30px;
	}

	#modal-failed .reservation-failed-title {
    display: block;
    align-items: unset;
    text-align: center;
    margin-bottom: 10px;
	}

	#modal-failed .reservation-failed-title span, #modal-failed .cancel-popup__description {
		text-align: center;
	}

	#modal-failed .cancel-popup__buttons a {
		display: flex;
    align-items: center;
    width: auto;
    justify-content: center;
	}

	#modal-failed .cancel-popup__buttons {
    margin-top: 20px;
    text-align: center;
	}

	.country-and-disctrct, .city_and_postalcode {
		width: 100%;
	}

	.city_and_postalcode {
		gap: 20px;
	}

	.city_and_postalcode .personal-box_info {
		width: 50%;
	}

	#input-district, #input-city, #input-zipcode {
		width: 100%;
	}

	#input-phone {
		padding: 13.81px 16px 13.19px 16px;
	}

	.user-phone-number .material-textfield.phone-country-select-input {
		width: 125px;
		min-width: 125px;
	}

	#input-id-type {
		min-width: 125px;
	}

	#input-phone-error {
		transform: translateX(-125px);
	}

	.accepted_cc img {
		margin-right: 5px;
	}

	.country-dropdown, .district-dropdown, #phone-country-dropdown {
		max-width: 280px;
	}

	.header-top-spacer {
		height: 70px!important;
	}

	.breadcrumbs {
		display: none;
	}

	.step4-message {
		display: none;
	}

	.step4 {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.contain {
		max-width: unset;
    padding: unset;
	}

	.step4-basket {
		width: 100%;
	}

	.step4-basket-title {
		display: none;
	}

	.step4-basket-hotel-info {
		padding: 0px;
	}

	.step4-basket-gallery {
		width: 100%;
		height: 150px;
	}

	.property-step4-gallery-modal-opener {
		width: 60%;
		height: 150px;
		left: 20%;
	}

	.step4-basket-hotel-name {
		padding: 0px 20px;
		font-size: 16px;
	}

	.step4-basket-stay-info {
		/*justify-content: center;*/
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		border-bottom: none;
	}

	.step4-basket-stay-info::after {
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: calc(100% - 40px);
		height: 1px;
		background-color: #E6E6E6;
	}

	.step4-basket-room-info {
		padding-top: 20px;
		border-bottom: none;
	}

	/*.step4-basket-room-info:first-child::after {
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: calc(100% - 40px);
		height: 1px;
		background-color: #E6E6E6;
	}*/

	.step4-basket-room-info:first-child {
		padding-top: 20px;
		position: relative;
	}

	.step4-basket-total {
		margin: 0px;
		width: 100%;
		padding-top: 22px;
		border-radius: unset;
	}

	/*.checkin-checkout {
		width: fit-content;
		width: -moz-fit-content;
		padding-right: 14px;
	}*/

	/*.occupancy-basket {
		width: fit-content;
		padding-left: 20px;
	}*/

	.checkin-checkout {
		display: flex;
    width: 148px;
    padding-right: 14px;
    justify-content: space-between;
	}

	.occupancy-basket {
		display: flex;
    width: 183px;
    /* width: fit-content; */
    padding-left: 20px;
    /* justify-content: center; */
    justify-content: unset;
	}

	.nights_basket, .rooms_basket {
		/*margin-right: 18px;*/
		margin-right: unset;
	}

	.rooms_basket {
		/*padding: 0 18px;*/
		padding: 0 22px;
	}

	.order-input {
		width: 100%;
		margin-top: 10px;
	}

	.personal-details {
		padding-left: 0px;
	}

	.personal-box {
		padding: 23px 20px 20px 20px;
		border-radius: unset;
	}

	.personal-box_info {
		width: 100%;
	}

	.email-box {
		width: 100%;
	}

	.personal-box_info.email-box {
		margin-right: 0;
	}

	.first-name, .last-name {
		width: 50%;
	}

	#input-country {
		width: 100%;
	}

	#go-to-payment {
		width: 100%;
		height: 52px;
	}

	.email-inputs {
		width: 100%;
	}

	.room-info-inputs-names div {
		width: 100%;
	}

	.room-info-inputs-names div:first-child {
		margin-right: 20px;
	}

	.name-inputs {
		width: 100%;
	}

	.personal-box-filled-other-info {
		flex-direction: column;
	}

	.personal-box-filled-country-and-cpfs {
		padding-left: 30px;
	}

	.personal-box-filled-names, #filled-email, #filled-phone, #filled-country {
		margin-bottom: 3px;
	}

	#input-direct-card, #input-cc-card, #input-pix-cpf, #input-pix-name {
		width: 100%;
	}

	.error, .not_support_cc {
		max-width: unset;
	}

	.personal-box-filled {
		padding: 23px 20px 20px 19px;
		border-radius: unset;
	}

	.payment-box-preview {
		border-radius: unset;
		margin-top: 10px;
	}

	#payments {
		padding: 33px 20px 20px 20px;
		border-radius: unset;
		margin-top: 10px;
		width: auto;
	}

	.payment-box-title {
		margin-bottom: 20px;
	}

	.special_request {
		border-radius: unset;
		margin-top: 10px;
		padding: 23px 20px 20px 17px;
	}

	#nav-tab {
		margin-left: 0px;
		margin-right: 0px;
	}

	#nav-tabContent {
		margin-left: 0px;
		margin-right: 0px;
	}

	#input-direct-name, #input-cc-name {
		width: 100%;
	}

	.month-year-box {
		margin-right: 15px;
		width: calc(50% + 35px);
	}

	.expire-dates > div {
		width: calc(50% - 20px);
	}

	.expire-dates-month {
	  width: calc(50% + 5px) !important;
	}

	.expire-dates span {
		left: 2px;
	}

	#input-direct-month, #input-direct-year , #input-cc-month, #input-cc-year {
		width: 100%;
	}

	#input-direct-month-error {
		width: 230%;
	}

	.cvv-box {
		width: calc(50% - 35px);
	}

	#input-direct-cvv, #input-cc-cvv {
		width: 100%;
	}

	.partial_payment_credit_card_info {
		width: 100%;
	}

	.direct-expiry {
		width: 100%;
	}

	.partial-payment {
		width: 100%;
	}

	.orange-info {
		/*margin-top: 0px;*/
	}

	.reservation-button-holder {
		flex-direction: column;
		margin-left: 20px;
    margin-right: 20px;
	}

	.accepttos {
		margin-bottom: 20px;
	}

	.material-check {
		margin-top: 0px;
	}

	.accepttos .material-check {
		/*margin-left: 33px;*/
	}

	#book-now {
		width: 100%;
		margin: 0px;
	}

	.basket-room-no-image-holder {
		min-width: 40px;
		height: 40px;
		background-color: #ededed;
		display: flex;
	}

	.basket-room-no-image-holder img {
		width: 50%;
		background-color: unset;
		margin: auto;
		height: 50%;
	}

	.spec-req {
		width: 100%;
	}

	.nav {
		gap: 20px;
	}

	.nav-item.nav-link {
    margin: 0;
    width: 110px;
	}

	.material-textfield input {
	  -webkit-appearance: none;
	}

	.step4-basket-partial-payment {
		display: none;
	}

	.step4-see-more-details {
		display: block;
		font-size: 13px;
		font-weight: 600;
		text-align: right;
		color: #0C83D9;
		line-height: 18px;
		margin-top: 5px;
	}

	.step4-see-more-details img {
		width: 10px;
		margin-right: 10px;
	}

	 .step4-room-total-price {
		display: block;
	} 

	.basket-room-service-info, .basket-roomrate {
		height: fit-content;
	}

	.basket-room-policy {
		margin-top: 2px;
	}

	.room-image-and-roomrate {
		margin-bottom: 0px;
	}

	.basket-room-policy-mobile-holder {
		font-family: 'Manrope', sans-serif;
		font-size: 12px;
		line-height: 1.33;
		color: #273240;
		margin-bottom: 2px;
	}

	.basket-rateplan-name, .basket-room-occupancy, .basket-room-prices, .basket-room-policy, .basket-room-servise-delete, .basket-room-delete {
		display: none;
	}

	.basket-room-service-price, .basket-room-policy-mobile {
		display: block;
	}

	/* .user-country {
		display: none!important;
		margin-right: 0px;
	} */
	
	/* .user-country-mobile {
		display: block;
		margin-right: 20px;
		width: 50%;
	}
	
	.user-country-mobile .material-textfield .label-title {
		top: 25px;
		font-family: 'Manrope', sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		color: #616161;
	}

	#input-country-mobile.valid_input ~ .label-title {
		top: 0px;
	}

	#input-country-mobile {
		height: 49px;
    border-radius: 2px;
    outline: none;
    border: 1px solid #C5C5C5;
    padding: 13.81px 16px 13.19px 16px;
    transition: 0.1s ease-out;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #273240;
    background-color: #ffffff;
	}

	#input-country-mobile:hover {
		border: 1px solid #273240;
	}
	#input-country-mobile:focus {
		border: 1px solid #273240;
	}
	#input-country-mobile.error {
		border-color: #ff0000;
	}

	.user-country-mobile .label-title {
		top: 0px;
		color: #7d848c;
    background-color: white;
    padding: 0 0.3rem;
    margin: 0 0.5rem;
    transform-origin: left top;
    pointer-events: none;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
	} */

	.basket-room-service-quantity-select-holder {
		display: none;
	}

	.basket-room-service-quantity-select-mobile {
		display: block;
		width: 56px;
    height: 25px;
    border: 1px solid #C5C5C5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 9px;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #273240;
    background-image: url(/v4/icons/dropdown_arrow_v4.svg);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position-x: right;
    background-position-y: center;
    position: relative;
    top: 5px;
    left: 5px;
	}

	select {
	  /* for Firefox */
	  -moz-appearance: none;
	  /* for Chrome */
	  -webkit-appearance: none;
	}

	/* For IE10 */
	select::-ms-expand {
	  display: none;
	}

	.show-more-details-desktop {
		display: none;
	}

	.telephone-holder {
		width: 100%;
	}

	.user-cpf {
		width: calc(50% - 10px);
		margin-right: 20px;
	}

	.empty {
		display: none;
	}

	.modal-total-price-room-title {
		/* width: 150px; */
		margin-top: 3px;
	}

	.t-tip, .t-tip__text  {
    display: none;
  }

	.modal-dialog {
		margin-top: 0px;
	}

	.modal-mobile-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
		border-bottom: 1px solid rgba(112, 112, 112, 0.15);
	}

	.modal-room-top, .modal-gray-bottom {
		padding: 20px;
	}

	.modal-room-top {
		min-height: calc(100vh - 185px);
	}

	.close-modal {
		z-index: 1;
	}
	
	.modal-room-offers-holder {
		display: flex;
		flex-direction: column;
	}

	.modal-room-offers-discounts {
		display: flex;
		flex-wrap: wrap;
	}

	.modal-room-offers-discounts {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.modal-room-offers-discounts .modal-room-item-title, .modal-room-offers-discounts-grey-bg {
		margin-bottom: 5px;
	}

	.modal-room-offers-discounts-price-holder {
		min-width: max-content;
	}

	.material-textfield .label-title {
		display: flex;
	}

	.red-asterix {
		margin-right: 2px;
	}

	#book-now-loading-modal .modal-content {
		min-width: 296px
	}

	.modal-content {
		border-radius: unset;
	}

	.modal-elipse {
		background: #B2B1B0;
		position: fixed;
		top: 19px;
		right: 14px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		z-index: 10;
		display: block;
	}

	/* .modal-room-info .close-modal {
		top: 30px;
		right: 35px;
	} */

	.popup-button {
		color: #ffffff;
		text-shadow: none;
		position: fixed;
		top: 20px;
		/* right: 25px; */
	}

	.close_icon {
		width: 17px;
		height: 17px;
	}


	.modal-details {
		margin: 10px;
	}

	.modal-dialog {
		max-width: unset;
	}

	.modal-fullscreen {
		width: unset;
		height: unset;
	}

	.modal-room-stays {
		margin-top: 5px;
	}
	
	.modal-room-price-holder {
		margin-top: 20px;
	}

	.modal-room-offers-discounts-description {
		margin-bottom: 0px;
	}

	.modal-room-title {
		font-size: 20px;
	}

	.material-textfield .info , .month-year-cvv-holder .info {
		display: none;
	}

	.info-cvv-mob {
		display: flex;
		background-color: #ECF3FE;
    padding: 14px;
    align-items: center;
    margin-top: 13px;
    position: relative;
    display: none;
	}

	.info-cvv-mob img:nth-child(2) {
		display: none;
	}


	.info-cvv-mob span {
		font-size: 12px;
		padding: 10px;
	}

	.pointer {
    height: 20px;
    width: 20px;
    background: #ECF3FE;
    transform: rotate(45deg);
    border-radius: 0 0 12px 0;
    position: absolute;
    right: 18%;
    top: -10px;
	}

	.partial_payments_blue_info, .partial_payments {
		margin-top: 20px;
	}

	.addicional-personal-data{
		padding-right: 0px;
	}

	.green-message {
		margin: 0px;
	}
		
	.cepLink{
		margin-top:-20px
	}

	#payment-currency-info{
		display:block !important;
	}

}

@media(max-width: 768px) {

	.loader-container.basket {
		height: 100%;
		--loader-top: 55% !important;
        top: 55%;
	}
	#book-now-loading-modal .modal-content {
		padding: 60px 20px 40px 20px;
	}

	.personal-box_info {
		width: 100%;
	}

	.emails-row, .first-and-last-name, .country-and-phone, .cpf-and-birthdate {
		flex-wrap: wrap;
	}

	.email-box, .first-name, .user-country-mobile, .user-cpf, .user-country {
		margin-right: 0px;
	}
	
}

@media(max-width: 576px) {

	.info-cvv-mob img , .info-cvv-mob span {  
	  flex-basis: 50%;
	  max-width: 50%;
	}

}