/** Originally called 'bookingcart_booking_v3.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: /scripts/booking_v3.css
 **/
/*
 *
 *		BOOKING - GLOBAL FUNCTIONS
 *
 **/
 
/* resetfloat */
.resetfloat:after,
.clearfix:after/*,
.wrapper-inner:after*/{
	/* visibility:hidden; */
	/* display:block; */
	/* font-size:0; */
	/* content:" "; */
	/* clear:both; */
	/* height:0; */
}
.resetfloat,
.clearfix/*,
.wrapper-inner*/{
	/* display:inline-block; */
}
.resetfloat,
.clearfix/*,
.wrapper-inner*/{
	/* display:block; */
	/* zoom:1; */
}
.clear{
	/* content:"."; */
	/* display:block; */
	/* height:0; */
	/* clear:both; */
	/* visibility:hidden; */
}
.nowrap,
.date,
.time,
.postal-code{
	/* white-space:nowrap; */
}
/*
 *
 *		BOOKING - GENERAL
 *
 **/
.bookformmain{
	text-align:left;
	margin-bottom:15px;
}
/* --- set as span inside p.bookformmain to get two columns of content --- */

/*row (parent)*/
.bookformmain-row2col{
	text-align:center;
	display:block;
}
/*column (child)*/
.bookformmain-row2col-col{
	vertical-align:top;
	padding:0;
	width:32em;
	max-width:100%;
	margin:0 auto;
	text-align:left;
	display:inline-block;
}
.bookformmain-row2col-col{
	min-width:49%;
	padding-right:1%;
}
/* --- */

.bookingbox{
	width:94%;
	padding:10px 3% 10px 3%;
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
	margin-top:20px; 
}
.bookingbox h2{
	margin-top:0;
}
.bookingbox-row{
	padding:0;
	margin:0 0 8px 0;
	clear:both;
}
.bookingbox-row-indent{
	margin-left:28%!important;
	padding-left:2%;
}
.bookingbox iframe{
	border:none;
}
.bookingbox-key,
.bookingbox-value{
	display:inline;
	display:inline-block;
	vertical-align:top;
}
.bookingbox-key,
.BookingLabel{
	width:28%;
	text-align:right;
	padding-right:1%;
	
}
.bookingbox-value{
	width:70%;
}
.BookingLabel{
	vertical-align:middle;
	display:inline-block;
}
.classinput{
	width:61%;
	border-style:solid;
	border-width:1px;
	padding:4px;
	vertical-align:top;
}
.BookingLabel + .classinput{
	vertical-align:middle;
}
p.BookingLabel{
	margin:0 0% 0 0;
	padding:0 10px 0 0;
	display:inline-block;
	float:left;
}
p.booking-info{
	margin:0;
	padding:0 10px 0 0;
	width:68%;
	float:right;
}
.booking-rightbox{
	width:68%;
	float:left;
	margin:0 0 0 1%;
}
.classinput:focus{
	border-style:solid;
	border-width:1px;
}
.classinput.form-item-error{
	border-style:solid;
	border-width:2px;
	width:61%;
}
.bookingbox-row select,
.bookingbox-row select.form-item-error{
	width:63%;
}
.bookingbox-row select.narrow-select,
.bookingbox-row select.narrow-select.form-item-error{
	width:31%;
}
select.displayroomselection,
.paxselect{
	width:80px;
}
select.displayroomselection{
	margin-right:8px;
	font-size:1em;
	margin-bottom:8px;
}
.bookingbox-row .validationerror{
	display:block;
	margin-left:29%;
	/* padding-top: 0; */
	/* padding-bottom: 0; */
	/* margin-bottom:4px; */
	padding-top: 0.187em;
	padding-bottom: 0.187em;
	margin-bottom:0.5em;
}
.stepsubmit{
	text-align:right;
}
.requiredfield-asterisk{
	padding:0px 4px 0px 4px;
	text-decoration:none;
	cursor:pointer;
	vertical-align:top;
}
a.instruction-copy{
	display:inline-block;
	text-decoration:none;
	padding:5px 10px;
	border-style:solid;
	border-width:1px;
}
.pricetable_c1{
	width:70%;
	text-align:left;
	vertical-align:top;
}
   
.pricetable_c2{
	width:30%;
	text-align:right;
}
.Inputtable_c1{
	width:30%;
	text-align:right;
	vertical-align:top;
}
.Inputtable_c2{
	width:70%;
	text-align:left;
	vertical-align:top;
}
.Inputtable_c2_right{
	width:70%;
	text-align:right;
}
.text-align-right{
	text-align:right;
}
.bookingbox-row select.paxselect,
.booking-rightbox table select,
.bookingbox-row .roomselect{
	width:80px;
}
.bookingbox-row .roomselect{
	margin-right:0.375em;
}
/*
 *
 *		BOOKING - CABINS
 *
 **/
.booking-cabins{
	margin-bottom:12px;
}
.booking-cabins select{
	width:60px;
	margin-right:8px;
}
.booking-cabins-row{
	margin-bottom:6px;
}
/*
 *
 *		BOOKING - GRID SYSTEM 5
 *
 **/
.bookingbox-grid-container{
	padding:5px 10px 20px 10px;
	border-style:solid;
	border-width:1px;
	margin-top:20px;
	margin-bottom:20px;
}
.bookingbox-grid-container .BookingLabel{
	width:28%;
	text-align:left;
	margin-bottom:5px;
	margin-top:15px;
}
.bookingbox-grid2-cell select,
.bookingbox-grid3-cell select,
.bookingbox-grid4-cell select,
.bookingbox-grid5-cell select{
	width:90%;
}
.bookingbox-grid2-row,
.bookingbox-grid3-row,
.bookingbox-grid4-row,
.bookingbox-grid5-row,
.bookingbox-grid6-row{
	width:100%;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.bookingbox-grid2-row:last-child,
.bookingbox-grid3-row:last-child,
.bookingbox-grid4-row:last-child,
.bookingbox-grid5-row:last-child,
.bookingbox-grid6-row:last-child{
	border-bottom:none;
}
.bookingbox-grid2-cell,
.bookingbox-grid3-cell,
.bookingbox-grid4-cell,
.bookingbox-grid5-cell,
.bookingbox-grid6-cell{
	padding:0.5%;
	float:left;
	min-width:1px;
}
.bookingbox-grid2-header-row,
.bookingbox-grid3-header-row,
.bookingbox-grid4-header-row,
.bookingbox-grid5-header-row,
.bookingbox-grid6-header-row{
	margin-bottom:0;
	padding-bottom:0;
}
/* --- [bookingbox-grid3] needs styling!] --- */

/* --- [bookingbox-grid2] needs styling!] --- */


/**/
.bookingbox-grid4-cell-1{
	width:46%;
}
.bookingbox-grid4-cell-2{
	width:13.5%;
}
.bookingbox-grid4-cell-3{
	width:29%;
}
.bookingbox-grid4-cell-4{
	width:7.5%;
}
/**/
.bookingbox-grid5-cell img{
	max-width:100%;
}
.bookingbox-grid5-cell-1{
	width:20%;
}
.bookingbox-grid5-cell-2{
	width:45%;
}
.bookingbox-grid5-cell-3{
	width:14%;
}
.bookingbox-grid5-cell-4{
	width:9%;
}
.bookingbox-grid5-cell-5{
	width:7%;
	padding-top:5px;
}
.bookingbox-grid5-header-row .bookingbox-grid5-cell-5{
	padding-top:0.5%;
}
/**/
.bookingbox-grid6-cell{
	width:15%;
}
/* --- bookingbox-brochure with  bookingbox-grid3-row och cell --- */


.bookingbox-brochure{
	text-align:center;
}
.bookingbox-brochure .bookingbox-grid3-cell{
	clear:none;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;

}
/* Column: Image */
.bookingbox-brochure .bookingbox-grid3-cell-1{
	width: 21%;
}
/* Column: Text */
.bookingbox-brochure .bookingbox-grid3-cell-2{
	width: 72%;
	text-align:left;
}
/* Column: Checkbox */
.bookingbox-brochure .bookingbox-grid3-cell-3{
	width: 4%;
	text-align:left:
}
.bookingbox-brochure .bookingbox-grid3-header-row .bookingbox-grid3-cell{
	width:auto;
}
.bookingbox-brochure .bookingbox-grid3-header-row .bookingbox-grid3-cell-1{
	clear:left;
}
.bookingbox-brochure .bookingbox-grid3-header-row .bookingbox-grid3-cell-3{
	float:right;
	clear:right;
}
/**

  BOOKING PACKAGE 2

 */
.booking-package2-row{
	margin-bottom:10px;
}
.booking-package2-header-hotel{
	display:inline-block;
	float:left;
}
.booking-package2-header-dates{
	float:left;
	padding-left:15px;
	display:inline-block;
	
}
.booking-package2-flightinfo-container{
	width:44%;
	margin-right:1%;
	float:left;
}
.booking-package2-rooms{
	width:34%;
	margin-right:1%;
	float:left;
}
.booking-package2-price{
	width:20%;
	float:left;
}
.booking-package2-container h3{
	margin:0;
	margin-bottom:6px;
	padding:0;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
/* "MODAL" Priceinformation */

.booking-package2-priceinformation-modal{
	display:none;
	margin-top:6px;
	width:98%;
	padding:1%;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	clear:both;
}
.booking-package2-priceinformation-modal .popupItems{
	width:100%;
}
.booking-package2-priceinformation-modal .closewindow{
	display:block;
	overflow:hidden;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left top;
}
.booking-package2-priceinformation-modal .tablePriceInfo{
	width:100%;
}
.booking-package2-priceinformation-modal .col1{
	width:50%;
}
.booking-package2-priceinformation-modal .col2{
	width:25%;
}
.booking-package2-priceinformation-modal .col3{
	width:25%;
}
.booking-package2-rooms select{
	width:95%;
}
.popupItems_content .closewindow{
	text-align:right;
}
.popupItems{
	position:static;
	width:100%;
}
.popupItems_content .link{
	float:right;
}
.content-extra-row{
	margin-left:0.75em;
}
@media screen and (max-width:650px){
	/**
	  BOOKING PACKAGE 2
	 */
	.booking-package2-header-hotel{
		display:block;
		float:none;
		margin-bottom:0;
	}
	.booking-package2-header-dates{
		margin-top:0;
		padding-left:0;
		display:block;
		float:none;
		text-align:left;
	}
	.booking-package2-flightinfo-container{
		width:100%;
		margin-right:0;
		float:none;
		margin-bottom:8px;
	}
	.booking-package2-rooms{
		width:100%;
		margin-right:0;
		float:none;
		margin-bottom:8px;
	}
	.booking-package2-price{
		width:100%;
		float:none;
		text-align:right;
	}
	h3.booking-package2-price-total{
		margin-top:12px;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	.booking-package2-row{
		padding-bottom:8px;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	.content-extra-row{
		margin-left:0;
	}
}
@media screen and (max-width:545px){
	.bookingbox-key,.bookingbox-value,.BookingLabel{
		width:100%;
		padding:0;
		text-align:left;
	}
	.booking-info,
	p.booking-info{
		width:100%;
		padding:0;
	}
	.classinput{
		width:90%;
		padding:4px;
	}
	.bookingbox-row select{
		width:90%;
	}
	.booking-cabins-row select{
		width:60px;
	}
	.booking-cabins-container .booking-rightbox{
		width:100%;
	}
	.classinput.form-item-error{
		width:90%;
		padding:4px;
	}
	.bookingbox-row .validationerror{
		display:block;
		margin-left:0;
	}
	.bookingbox-row select.form-item-error{
		width:90%;
	}
	.bookingbox-row-indent{
		margin-left:0!important;
		padding-left:0;
	}
	.bookingbox-grid2-header-row,
	.bookingbox-grid3-header-row,
	.bookingbox-grid4-header-row,
	.bookingbox-grid5-header-row{
		display:none;
	}
	.bookingbox-grid-container .BookingLabel{
		margin-bottom:5px;
		padding-bottom:5px;
		margin-top:15px;
		text-align:left;
		width:100%;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	.bookingbox-grid4-cell-1,
	.bookingbox-grid5-cell-1,
	.bookingbox-grid5-cell-2{
		width:99%;
		clear:both;
	}
	.bookingbox-grid4-cell-2,
	.bookingbox-grid4-cell-3,
	.bookingbox-grid5-cell-3,
	.bookingbox-grid5-cell-4{
		width:42%;
	}
	.bookingbox-grid4-cell-4{
		width:10%;
	}
	/**/
	
	.bookingbox-grid5-cell-5{
		width:12%;
		text-align:right;
	}
	/* --- [bookingbox-grid3] needs styling!] --- */

	/* --- [bookingbox-grid2] needs styling!] --- */



	/* --- bookingbox-brochure with  bookingbox-grid3-row och cell --- */
	.bookingbox-brochure .bookingbox-grid3-row{
		position:relative;
	}
	.bookingbox-brochure .bookingbox-grid3-cell{
		float:none;
		display:inline-block;
		vertical-align:top;
		box-sizing:border-box;
	}
	.bookingbox-brochure .bookingbox-grid3-cell:empty{
		display:none;
	}
	/* Column: Image */
	.bookingbox-brochure .bookingbox-grid3-cell-1{
		width: 100px;
		width: 10rem;
	}
	/* Column: Text */
	.bookingbox-brochure .bookingbox-grid3-cell-2{
		width: 23.2em;
		padding-right:1.3em;
		
	}
	/* Column: Checkbox */
	.bookingbox-brochure .bookingbox-grid3-cell-3{
		width: 1.3em;
		position:absolute;
		top:0;
		right:0;
	}
}
@media screen and (max-width:330px){
	.classinput{
		width:85%;
		padding:4px;
	}
	.classinput.form-item-error{
		width:85%;
		padding:4px;
	}
	.bookingbox-row select.form-item-error{
		width:85%;
	}
}
/*
 *
 *		BOOKING - LAYOUT / STRUCTURE (former 'booking_v3_head.css' content)
 *
 **/
.wrapper,
#wrapper{
	/* margin:0 auto; */
	/* max-width:1280px; */
}
#content,
#content-wide{
	/* float:left; */
}
#sidebar{
	float:right;
}
.section{
	/* margin-bottom:0; */
}
.content-extra-row{
	float:left;
	clear:both;
	margin:0;
}
@media screen and (min-width:1px){
	.wrapper,
	#wrapper{
		/* width:100%; */
	}
	#content{
		/* width:62%; */
		/* padding:0 2% 0 2%; */
	}
	#content-wide{
		width:94%;
	}
	.content-extra-row{
		width:62%;
		padding:0 2% 0 2%;
	}
	#sidebar{
		width:30%;
		padding:0 2% 0 0;
	}	
}
@media screen and (max-width:650px){
	textarea:focus,
	select:focus,
	input:not([type=submit]):not([type=file]):not([type=button]):focus{
		font-size:16px;
	}
	#content{
		/* width:96%; */
		/* float:none; */
	}
	#sidebar{
		width:96%;
		padding:0 2% 0 2%;
		float:none;
	}
	.content-extra-row{
		width:96%;
		padding:0 2% 0 2%;
		float:none;
	}
	#content,
	#content-wide,
	#header,
	#sidebar,
	.widget,
	#footer,
	.content-extra-row{
		/* -webkit-border-radius:0; */
		/* -moz-border-radius:0; */
		/* border-radius:0; */
	}
}
@media screen and (max-width:420px){
	#content{
		/* width:94%; */
		/* padding:0 3% 0 3%; */
		/* float:none; */
	}
	#sidebar{
		width:94%;
		padding:0 3% 0 3%;
		float:none;
	}
	.content-extra-row{
		width:94%;
		padding:0 3% 0 3%;
		float:none;
	}
}
@media screen and (max-width:320px){	
	#content{
		width:92%;
		padding:0 4% 0 4%;
	}
	#sidebar{
		width:92%;
		padding:0 4% 0 4%;
	}
	.content-extra-row{
		width:92%;
		padding:0 4% 0 4%;
	}
}
#paxpriceinformationTable{
	width:100%;
	border-collapse: collapse;
}