/*
 *
 *		BOOKING ENGINE V3 - Shared CSS file for both standalone and CM3 site
 *			- 'booking_v3_head.css' is no longer in use and its content regarding layout has been moved into 
 *			this file and the reset/normalize css content has been moved into a new general file called '/scripts/booking_v3_reset.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:0px;
}

.bookingbox-row{
	padding:0px;
	margin:0 0 8px 0;
	clear:both;
}

.bookingbox-row-indent{
	margin-left:28%!important;
	padding-left:1.6%;
}

.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%;
	overflow:hidden;
	overflow-wrap:break-word;
	overflow-wrap:anywhere;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;	
}

.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;
}

.bookingbox-row select.tel-prefix-input {
    width: 125px;
}
.bookingbox-row input.tel-suffix-input {
    max-width: calc(61% - 125px);
}

p.BookingLabel{
	margin:0 0% 0 0;
	padding:0 10px 0 0;
	display:inline-block;
	float:left;
}

.booking-info{
	margin:0px;
	padding:0 10px 0 0;
	width:68%;
	float:right;
}

.booking-info.included-info {
	display: flex;
	flex-direction: column;
}

.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%;
	margin-bottom:4px;
}

.stepsubmit{
	text-align:right;
}

.requiredfield-asterisk{
	padding:0px 4px 0px 4px;
	text-decoration:none;
	cursor:pointer;
	vertical-align:top;
}

.requiredfield-asterisk-valid-icon{
	color: LimeGreen;
}

.requiredfield-asterisk-invalid-icon{
	color: Red;
}

/* a.instruction-copy{
	display:inline-block;
	text-decoration:none;
	padding:5px 10px;
	border-style:solid;
	border-width:1px;	
} */

.bookingbox-row-indent a.instruction-copy:hover{
	background-color:transparent;
	
}

.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:0px;
	padding-bottom:0px;
}


/* --- [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-1 a{
	display: block;
}

.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:0px;
	margin-bottom:6px;
	padding:0px;
	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:0px;
	}
	
	.booking-package2-header-dates{
		margin-top:0px;
		padding-left:0px;
		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){*/
@media screen and (max-width:545px), (min-width:651px) and (max-width:785px){
	.bookingbox-key,.bookingbox-value,.BookingLabel{
		width:100%;
		padding:0px;
		text-align:left;
	}
	
	.booking-info,
	p.booking-info{
		width:100%;
		padding:0px;
	}
	
	.classinput{
		width:90%;
		padding:4px;
	}
	.bookingbox-row input.tel-suffix-input {
		max-width: calc(89% - 125px);
	}
	
	.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{
		width:99%;
		clear:both;
	}
	.bookingbox-grid4-cell-2,
	.bookingbox-grid4-cell-3{
		width:42%;
	}
	.bookingbox-grid4-cell-4{
		width:10%;
	}
	/**/
	.bookingbox-grid5-cell-1,
	.bookingbox-grid5-cell-2{
		width:99%;
		clear:both;
	}
	.bookingbox-grid5-cell-3{
		width:42%;
	}
	.bookingbox-grid5-cell-4{
		/* width:42%; */
		width:25%;
	}
	.bookingbox-grid5-cell-5{
		/* width:12%; */
		width:30%;
		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:0px;
}

.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:0px;
		-moz-border-radius:0px;
		border-radius:0px;
	}
}


@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;}

/*************************************************************************************************/

/* 
 *	--- 'booking_v3.css' client specific styles to be copied into 'booking_v3_client.css': ---
*/
/*
.bookingbox{
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:Gainsboro;
	border-color:Gainsboro;
}

.bookingbox-key,
.BookingLabel{
	font-weight:600;
}

.classinput{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-color:Gainsboro;
	outline-color:FireBrick;
}

.classinput:focus,
.classinput.form-item-error{
	border-color:FireBrick;
}

.validationerror{
	font-weight:600;
	color:FireBrick;
}

.requiredfield-asterisk{
	font-size:16px;
	font-weight:600;
	color:FireBrick;
}

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

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

a.instruction-copy:hover{
	background-color:WhiteSmoke;
	border-color:Gainsboro;
}

a.instruction-copy:active{
	background-color:white;
	border-color:WhiteSmoke;
}

.pricesummary{
	font-weight:600;
}

.bookingbox-grid-container{
	background-color:transparent;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:Gainsboro;
}

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

.bookingbox-grid4-row,
.bookingbox-grid5-row,
.bookingbox-grid6-row{
	border-bottom-color:Gainsboro;
}

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

.booking-package2-header-dates{
	font-weight:300;	
}

.booking-package2-container h3{
	border-bottom-color:Gainsboro;
	font-size:14px;
}

.booking-package2-priceinformation-modal{
	background-color:WhiteSmoke;
	border-top-color:Gainsboro;
	border-bottom-color:Gainsboro;
}

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

}

@media screen and (max-width:650px){
	h3.booking-package2-price-total{
		font-size:22px;
		border-bottom-color:transparent;
	}
	
	.booking-package2-row{
		border-bottom-color:gray;
	}
}

@media screen and (max-width:545px){
	.bookingbox-grid-container .BookingLabel{
		font-size:16px;
		border-bottom-color:Gainsboro;
	}
}
*/

/* 
 *	--- former 'booking_v3_head.css' client specific styles to be copied into 'booking_v3_client.css': ---
*/
/*
#content,
#content-wide,
.content-extra-row{
	background:white;
}


#logo{
	width:300px;
}

#logo a{
	display:block;
}

#logo img{
	border:0 none;
	height:auto;
	 max-width:100%;
}

.sidebar-booking{
	background:none transparent;
	background-color:transparent;
	background-image:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:none;
}

@media screen and (max-width:420px){
	#logo{
		text-align:center;
	}	
}
*/

.booking-payinfo-icon{
	font-size:0.8em;
	line-height: 1.25;
	margin-right: 0.375em;
}
/**/

/*@media screen and (max-width:545px){*/
@media screen and (max-width:545px), (min-width:651px) and (max-width:785px){
	.bookingbox-grid2-row,
	.bookingbox-grid3-row,
	.bookingbox-grid4-row,
	.bookingbox-grid5-row,
	.bookingbox-grid6-row{
		padding-bottom:2em;
		margin-bottom:2em;
	}
}

/** (2020-10-28 LS) Admin Link: ' admin/posts.asp?id={D9D38A1A-BEB7-4EA2-A439-FD4919ED36CB} ' */
.bookingbox-grid5-cell{
	text-align:center;
}
.bookingbox-grid5-cell-2{
	text-align:left;
}
.bookingbox-grid5-cell-3{
	text-align:right;
}
.bookingbox-grid5-header-row .bookingbox-grid5-cell-3{
	/* text-align:center; */
}
.bookingbox-grid5-cell-key{
	/** Screen Readers Only */
	display: inline-block!important;
	position:absolute;
	top:-9999em;
	left:-9999em;
}
/*@media screen and (max-width:545px){*/
@media screen and (max-width:545px), (min-width:651px) and (max-width:785px){
	
	
	.bookingbox-grid5-cell{
		padding-top: 0;
		padding-bottom: 0;
	}
	.bookingbox-grid5-cell-key{
		display: inline-block!important;
		position: static;
		top:0;
		left:0;
		padding-right:0.25em;
		white-space:nowrap;

	}
	.bookingbox-grid5-cell-key:after{
		content:'\003A';
		margin-left: -0.2em;
	}	
	.bookingbox-grid5-cell-1{
		margin-bottom: 0.75em;
	}
	
	.bookingbox-grid5-cell-3{
		text-align:left;
	}
	.bookingbox-grid5-cell-5{
		text-align: right;
		white-space: nowrap;
	}
	
	.bookingbox-grid5-cell-5-key{
		vertical-align: middle;
	}
	.bookingbox-grid5-cell-5 .classinput[type="checkbox"]{
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}
}

/** (2021-03-19 LS) 
 * Extra className to display child on seperate rows (.bookingbox-row.bookingbox-row_content-wide)
 * Admin Link: admin/posts.asp?id={898295BB-17DB-4C5F-A858-75F2B3E77786}
 */
.bookingbox-row_content-wide .bookingbox-key,
.bookingbox-row_content-wide .BookingLabel{
	width: auto;
	max-width: 100%;
	clear: both;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0.375em;
	text-align: left;
}
.bookingbox-row_content-wide .BookingLabel{
	display: block;
}
.bookingbox-row_content-wide p.booking-info,
.bookingbox-row_content-wide .booking-rightbox{
	width: auto;
	max-width: 100%;
	clear: both;
	padding-left: 0;
	padding-right: 0;
}
/** (2021-03-19 LS) 
 * Extra className and markup to display column with key and value (.bookingbox-row.bookingbox-row_content-column > .bookingbox-col).
 * Admin Link: admin/posts.asp?id={898295BB-17DB-4C5F-A858-75F2B3E77786}
 */
 .bookingbox-row_content-column{
 	box-sizing: border-box;
 	display: flex;
 	flex-flow: row wrap;
	gap:1.5em;
 }
.bookingbox-col{
	box-sizing: border-box;
	display: inline-block;
	white-space: nowrap;
	flex: 1 1 auto;
}
.bookingbox-col:last-child{
	flex: 1 1 auto;
}
.bookingbox-row.bookingbox-row_content-column:before,
.bookingbox-row.bookingbox-row_content-column:after{
	display: none;
}
.bookingbox-col .bookingbox-key,
.bookingbox-col .BookingLabel{
	box-sizing: border-box;
	display: block;
	width: auto;
	max-width: 100%;
	float: none;
	clear: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0.375em;
	text-align: left;
}
.bookingbox-col p.booking-info,
.bookingbox-col .booking-rightbox,
.bookingbox-col .classinput{
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	float: none;
	clear: none;
}
.bookingbox-col p.booking-info,
.bookingbox-col .booking-rightbox{
	/* 	padding-left: 0; */
	/* 	padding-right: 0; */
}
.bookoptions-item.no-image .bookoptions-desc {
    padding-left: 0;
    max-width: 100%;
}

.accordiontoggle-panel-contracted {
	display: none;
}


/*------------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: dimgrey;
        border: 1px solid dimgrey;
    }
}
.PensioEmbeddedPaymentWindowBackground {
	z-index: 999;
}