/** Originally called 'bookingcart_booking_v3_client.css' This file was initially copied from 'GeirangerDev'. It has been renamed as this component is now referred to as 'WidgetBooking'. */
/*
 * !!! CUSTOM CSS VERSION - only used in bookingcart ( /booking-widget )
 * reason for this custom css file is to remove layout and other styles that come in conflict with the Grid Framework etc
  * ORIGINAL VERSION: 'css/booking_v3_client.css'
 **/
body.debug{
	/* visibility: visible; */
}
/**
 * Client-specific CSS for booking_v3:
 * General styling read in via 'core.css'Parts of this are copied from
 * master.css and media-queries.css and need to be maintained.
 * The other parts are copied from and altered to overwrite the default styles
 * to the clients site
 **/
.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:#fff; */
	/* box-shadow:0 1px 3px rgba(0,0,0,0.35); */
}
.sidebar-booking{
	background:none transparent;
	box-shadow:none;
}
.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:0;
	padding-top:20px;
	padding-bottom:20px;
	border-radius:0;
}
.bookingbox:first-child{
	border-top-color:transparent;
	border-bottom-color:transparent;
}
.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);
}
.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-dark);
	border-color:var(--color-lightgray-dark);
	margin-top:20px;
	margin-bottom:10px;
	/*padding-top:10px;*/
	/*padding-bottom:10px;*/
}
#content{
	/*padding-top:20px;*/
	/* padding-top:0; */
	/* padding-bottom:10px; */
}
#content .bookingbox:first-child{
	margin-top:0;
}
/*#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;
}
.bookingbox:nth-child(odd){
	background-color:rgba(255,255,255,0.2);
}
.bookingbox:nth-child(even){
	/*background-color:rgba(var(--color-lightgray-rgb),0.15);*/
	background-color:rgba(255,255,255,0.5);
}
.classinput{
	border-color:var(--color-lightgray-dark);
	border-radius:1px;
	outline:none;
}
.classinput:focus{
	border-color:var(--color-lightgray-dark);
	border-color:rgba(0,0,0,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);
	font-size: 0.875em;
	color:var(--color-warning);
}
h2.validationerror{
	color:var(--color-warning);
	background-color:transparent;
	border-color:transparent;
}
.requiredfield-asterisk{
	font-family: var(--font-family-body-bold);
	font-weight: var(--font-weight-body-bold);
	font-size:1.2rem;
	color:var(--color-warning);
}
.requiredfield-asterisk + .validationerror{
	display: block;
}
a.instruction-copy{
	background-color:transparent;
	border-color:transparent;
	border-radius:1px;
}
a.instruction-copy:hover{
	background-color:var(--color-lightgray);
	border-color:var(--color-lightgray-dark);
}
a.instruction-copy:active{
	background-color:#fff;
	border-color:var(--color-lightgray);
}
.bookingbox-grid-container{
	background-color:transparent;
	border-color:transparent;
	border-radius:0;
}
.bookingbox-grid-container .BookingLabel{
	font-size:16px;
}
.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{
	
}
.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-body-bold);
	font-weight: var(--font-weight-body-bold);
}
.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:22px;
		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:16px;
		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:#fff;
}
.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; */
}
h2.bookformmain{
	font-size: 1.75em;
}
#content .content-extra-row{
	box-sizing: content-box;
	width:100%;
	padding-left: 0;
	padding-right: 0;
}