body.debug{
	/* visibility: visible; */
}

.render-booking-version .id-wrapper-body,
.render-booking-version .id-wrapper-body:nth-child(1n){
	/*background-color:var(--color-lightgray);*/
	/* background:var(--color-under);
	background-color:rgba(var(--color-under-rgb),0.5); */
}

.wrapper,
#wrapper{
	max-width:100%;
}

.id-page{
	width:1200px;
	max-width:100%;
}

/* ===========================================================================
   former BOOKING V3 HEAD
   ========================================================================== */

.content-extra-row.booking-payment .bookingbox{
	background-color:transparent;
	border-color:transparent;
}

/**
 * CONTENT
 */

#content{
	background:transparent;
}

#content-wide,
.content-extra-row{
	background:transparent;
}

/**
 * SIDEBAR
 */
.sidebar-booking{
	border:none;
}

.widget{
	background:var(--color-under);
	/* box-shadow:0 1px 3px rgba(var(--color-over-rgb),0.35); */
	box-shadow:0 1px 3px rgba(var(--color-text-body-rgb),0.35);
}

.sidebar-booking,
.widget.sidebar-booking{
	background:none transparent;
	box-shadow:none;
}

.widget li{
	border-top-color:var(--color-lightgray);
}

/* ===========================================================================
   FORM FRAMEWORK
   ========================================================================== */

/* Form - Row container */

.form-row.form-row-hr{
	background-color:var(--color-lightgray);
}

/* Button to toggle boxes,
disguised as link */

.form-container-toggler{
	background-color:transparent;
	color:var(--color-text-heading);
}

.form-item .form-input-text.form-item-error,
.form-item .form-input-password.form-item-error,
.form-item .form-input-textarea.form-item-error{
	border-color:var(--color-warning);
}

.form-item .validationerror{
	color:var(--color-warning);
}

/* ===========================================================================
   BOOKING V3
   ========================================================================== */

.bookingbox{
	background-color:transparent;
	border-color:transparent;
	border-top-color:var(--color-lightgray-dark);
	margin-top:0;
	margin-bottom:1.5em;
	padding-top:20px;
	padding-bottom:20px;
	border-radius:0;
}

.bookingbox:first-child{
	border-top-color:transparent;
	border-bottom-color:transparent;
}

/*.clearfix,resetfloat*/
.bookingbox-row:after {
	content: '';
	display: table;
	clear: both;
}

.atstep3 #content .bookingbox{
	box-shadow:1px 0 0 0 var(--color-lightgray-dark),-1px 0 0 0 var(--color-lightgray-dark),0 1px 0 0 var(--color-lightgray-dark);
	background-color:var(--color-beige);

	border-radius: 10px;
}

.atstep3 #content .bookingbox:first-child{
	box-shadow:0 0 0 1px var(--color-lightgray-dark);
}

.bookingbox-key,
.BookingLabel{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
}

.atstep2 .bookingbox,
.content-extra-row.booking-payment .bookingbox,
#sidebar .bookingbox{
	background-color:var(--color-lightgray);
	border-color:var(--color-lightgray-dark);
	margin-top:20px;
	margin-bottom:10px;
	/*padding-top:10px;*/
	/*padding-bottom:10px;*/


	border-radius: 10px;
}

#content{
	/*padding-top:20px;*/
	padding-top:0;
	padding-bottom:10px;

}

#content .bookingbox:first-child{
	margin-top:0;
	background-color:var(--color-beige);

	border-radius: 10px;
}

/*#page,*/
.id-page{
	padding-top:20px;
}

.atstep2 .bookingbox:first-child,
.content-extra-row.booking-payment .bookingbox:first-child,
#sidebar .bookingbox:first-child{
	margin-top:0;
	background-color:var(--color-beige);

	border-radius: 10px;
}

.bookingbox:nth-child(odd){
	background-color:rgba(var(--color-under-rgb),0.2);
}

.bookingbox:nth-child(even){
	/* background-color:rgba(var(--color-lightgray-rgb),0.15); */
	background-color:rgba(var(--color-under-rgb),0.5);
}

.classinput{
	border-color:var(--color-lightgray-dark);
	border-radius:3px;
	outline:none;
}

.classinput:focus{
	border-color:var(--color-lightgray-dark);
	border-color:rgba(var(--color-over-rgb),0.41);
}

.classinput.form-item-required:focus{
	border-color:var(--color-warning);
}

.classinput.form-item-error{
	border-color:var(--color-warning);
}

.validationerror{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
	color:var(--color-warning);
}

h2.validationerror{
	color:var(--color-warning);
	background-color:transparent;
	border-color:transparent;
}

.requiredfield-asterisk{
	/*display:inline-block;*/
	/*vertical-align:top;*/
	/*font-size:0.857em;*/
	/*font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);*/
	/*text-decoration:none;*/
	/*color:var(--color-warning);*/
	/*padding:0 0.333em;*/
}

a.instruction-copy{
	background-color:transparent;
	border-color:transparent;
	border-radius:3px;
}

a.instruction-copy:hover{
	background-color:var(--color-lightgray);
	border-color:var(--color-lightgray-dark);
}

a.instruction-copy:active{	
	text-shadow:-1px -1px 1px rgba(var(--color-over-rgb),0.12);
	box-shadow:inset 1px 1px 1px 0 rgba(var(--color-over-rgb),0.24),inset -1px -1px 1px 0 rgba(255,255,255,0.24);
	background-image:none;	
	background-color:var(--color-under);
	border-color:var(--color-lightgray);
}

.bookingbox-grid-container{
	background-color:transparent;
	border-color:transparent;
	border-radius:var(--border-radius-box);
}

.bookingbox-grid-container .BookingLabel{
	font-size:18px;
}

.bookingbox-grid4-row,
.bookingbox-grid5-row,
.bookingbox-grid6-row{
	border-bottom-color:var(--color-lightgray);
}

.bookingbox-grid4-row:last-child,
.bookingbox-grid5-row:last-child,
.bookingbox-grid6-row:last-child{
	border-bottom-color:transparent;
}

.bookingbox-grid4-header-row .bookingbox-grid4-cell,
.bookingbox-grid5-header-row .bookingbox-grid5-cell,
.bookingbox-grid6-header-row .bookingbox-grid6-cell{
	background-color:transparent;
}

select.displayroomselection{
	/*font-family:Arial,Helvetica,sans-serif;*/
}

.pricesummary{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
}

#poweredbytravelize{
	padding-left:1.5em!important;
	padding-right:1.5em!important;
}

/**
	BOOKING PACKAGE 2
*/

.booking-package2-row{
	border-bottom-color:1px solid var(--color-lightgray-dark);
}

.booking-package2-container h3{
	border-bottom-color:var(--color-lightgray);
	font-size:16px;
}

.booking-package2-priceinformation-modal{
	background-color:var(--color-lightgray);
	border-top-color:var(--color-lightgray);
	border-bottom-color:var(--color-lightgray);
}

.booking-package2-header-dates{
	font-family:var(--font-family-heading);
	font-weight:var(--font-weight-heading);
	text-transform:var(--text-transform-heading);
}

.booking-package2-priceinformation-modal .closewindow{
	/*background-image:url(../images/closeTheWindow.gif);*/
	width:12px;
	height:12px;
}

.booking-package2-priceinformation-modal .closewindow:before{
	content:'x';
}

	
@media screen and (max-width:650px){
	/**
		BOOKING PACKAGE 2
	*/
	h3.booking-package2-price-total{
		font-size:24px;
		border-bottom-color:transparent;
	}

	.booking-package2-row{
		border-bottom-color:var(--color-lightgray-dark);
	}
}

	
@media screen and (max-width:545px){
	.bookingbox-grid-container .BookingLabel{
		font-size:18px;
		border-bottom-color:var(--color-lightgray);
	}
}

/* ============================================================================
   BOOKING V3 STEP INDICATOR
   ========================================================================== */

#step-indicator-ol{
	border-color:var(--color-lightgray-dark);
}

#step-indicator-ol li{
	background-color:var(--color-lightgray);
}

#step-indicator-ol li.active{
	background-color:var(--color-under);
}

.notIE #step-indicator-ol li{
	border-right-color:var(--color-lightgray);
}

a#step-indicator-help-button{
	border-color:transparent;
}

a#step-indicator-help-button:hover{
	border-color:var(--color-lightgray-dark);
	background-color:var(--color-lightgray);
}

#step-indicator-help-container{
	background-color:var(--color-lightgray);
	border-top-color:var(--color-lightgray);
	border-bottom-color:var(--color-lightgray);
}

@media screen and (max-width:854px){
	.notIE #step-indicator-ol li#step-container-2{
		border-right-color:transparent;
	}

	.notIE #step-indicator-ol li#step-container-1{
		border-bottom-color:var(--color-lightgray);
	}

	.notIE #step-indicator-ol li#step-container-2{
		border-bottom-color:var(--color-lightgray);
	}
}

@media screen and (max-width:650px){
	.notIE #step-indicator-ol li#step-container-1{
		border-right-color:transparent;
	}

	.notIE #step-indicator-ol li#step-container-3{
		border-right-color:transparent;
	}

	.notIE #step-indicator-ol li#step-container-3{
		border-bottom-color:var(--color-lightgray);
	}
}

/* ===========================================================================
   ADDITIONAL STYLES AND OVERWRITES
   ========================================================================== */

/*booking v3 is not built to be fixed from the start so overwrite these settings*/
body.fixedWidthSiteVersion,
.fixedWidthSiteVersion .wrapper,
.fixedWidthSiteVersion .id-wrapper-bottombar{
	max-width:100%!important;
	min-width:0!important;
	width:auto!important;
}

.classinput + .requiredfield-asterisk{
	padding-right:0;
	margin-right:0;
}

.render-booking-version .id-wrapper-header{
	position: static;
}



/*------------ALTAPAY ---------------- */

.altapay {
	.payment {
	  background-color: #fff;
	  border: 1px solid rgba(0, 0, 0, 0.16);
	  border-radius: 4px;
	  box-shadow: #32325d40 0 2px 5px -1px;
	  margin-bottom: 20px;
	  margin-top: 20px;
	  min-height: 300px;
	  padding: 20px 40px;
	  max-width: 400px;
	}
	.payment-card {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  gap: 20px;
	}
	#payment-methods-list {
	  width: 100%;
	  gap: 10px;
	}
	.payment-item-container {
	  align-items: center;
	  background-color: #fff;
	  border: 1px solid rgba(0, 0, 0, 0.08);
	  border-radius: 8px;
	  box-shadow: #32325d40 0 2px 5px -1px;
	  display: flex;
	  justify-content: space-between;
	  padding: 12px 16px;
	}
	.payment-item-container input {
	  margin: 0;
	}
	.payment-item-container input[type="radio"] {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  background-clip: content-box;
	  background-color: transparent;
	  border: 1px solid dimgrey;
	  border-radius: 50%;
	  display: inline-block;
	  height: 18px;
	  padding: 3px;
	  width: 18px;
	}
	.payment-item-container input[type="radio"]:checked {
	  background-color: var(--color-lightgreen);
	  border: 1px solid var(--color-lightgreen);
	}
	.payment-item {
	  align-items: center;
	  display: flex;
	  justify-content: center;
	  margin-right: 20px;
	}
	.payment-logo {
	  aspect-ratio: 1/1;
	  display: block;
	  height: 30px;
	  object-fit: contain;
	  object-position: center;
	  width: 30px;
	}
	.payment-description {
	  margin-left: 10px;
	}
	.grid-payment-box {
	  flex-direction: column;
	  gap: 8px;
	}
	.grid-cols-3 {
	  display: grid;
	  gap: 20px;
	  grid-gap: 20px;
	  grid-template-columns: 3fr 1fr;
	}
	.grid-cols-4 {
	  display: grid;
	  grid-gap: 20px;
	  grid-template-columns: 0.5fr 3fr 1fr 1fr;
	}
	.right-align {
	  text-align: right;
	}
	.mt-0-5 {
	  margin-top: 5px;
	}
	@media screen and (min-device-width: 480px) {
	  body,
	  div,
	  span {
		font-size: 13px !important;
	  }
	  .total-include-price {
		font-size: 15px;
		font-weight: 700;
	  }
	  .heading {
		margin: 0 auto;
		width: 400px;
	  }
	  .main {
		margin: 200px auto;
		width: 400px;
	  }
	  .payment-button {
		border: none;
		border-radius: 20px;
		box-sizing: border-box;
		color: #fff;
		font-weight: 700;
		margin-top: 10px;
		padding: 10px 20px;
		width: 100%;
	  }
	  .payment-item-container {
		cursor: pointer;
	  }
	}
	@media screen and (min-device-width: 760px) {
	  body,
	  div,
	  span {
		font-size: 13px !important;
	  }
	  .total-include-price {
		font-size: 15px;
		font-weight: 700;
	  }
	  .payment-item-container {
		cursor: pointer;
	  }
	  .heading {
		margin: 0 auto;
		width: 600px;
	  }
	  .altapay-logo img {
		height: 150px;
		width: 250px;
	  }
	  .main {
		margin: 30px auto;
		width: 500px;
	  }
	  .payment-button {
		cursor: pointer;
	  }
	}
	@keyframes lds-ring {
	  0% {
		transform: rotate(0);
	  }
	  to {
		transform: rotate(360deg);
	  }
	}
	.bold {
	  font-weight: 700;
	}
	.center-align {
	  text-align: center;
	}
	.total-include-price,
	.total-include-delivery {
	  font-size: 16px;
	  font-weight: 700;
	  margin-block-end: 0;
	  margin-block-start: 0;
	}
	@keyframes rotation {
	  0% {
		transform: rotate(0);
	  }
	  to {
		transform: rotate(360deg);
	  }
	}
	body {
	  background-color: #f5f5f5;
	  font-family: Roboto RE, sans-serif;
	  margin-top: 0;
	  min-height: 100vh;
	}
	:root {
	  height: 100%;
	  touch-action: pan-x pan-y;
	}
	body,
	span,
	div {
	  color: #344258;
	  font-size: 11px;
	}
	h2 {
	  margin-block-start: 0;
	}
  }