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

/*****
																	MY BOOKING TEMPLATE (Page) - itype 20
*****/

.bookingbox{
	width:94%;
	padding:20px 3% 20px 3%;
	margin-top:0;
	margin-bottom:0;
	border-radius:0;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	/* border-top-color:var(--color-lightgray); */
	border-top-color:var(--color-under);
	background-color:transparent;
}

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

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

.bookingbox h2{
	margin-top:0;
}

.bookingbox iframe{
	border:none;
}

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

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

.bookingbox-row select{
	width:61%;
}

.bookingbox-row select.form-item-error{
	width:61%;
}

.bookingbox-row select.narrow-select{
	width:31%;
}

.bookingbox-row select.narrow-select.form-item-error{
	width:31%;
}

.bookingbox-key,
.bookingbox-value{
	display:inline;
	display:inline-block;
	vertical-align:top;
}

.bookingbox-key,
.BookingLabel{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
	width:28%;
	text-align:right;
	padding-right:1%;
	overflow:hidden;
	/* word-wrap:anywhere; */
	/* overflow-wrap:anywhere; */
	/* word-break:break-word; */
	/* -webkit-hyphens:auto; */
	/* -ms-hyphens:auto; */
	/* hyphens:auto; */
	/**/
	/*word-wrap:break-word;*/
	overflow-wrap:break-word;
	word-break:break-word;
	-webkit-hyphens:manual;
	-ms-hyphens:manual;
	hyphens:manual;
}

.bookingbox-value{
	width:70%;
}

.bookformmain{
	text-align:left;
	margin-bottom:15px;
}

.BookingLabel{
	display:inline-block;
	vertical-align:middle;
}

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

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

.booking-rightbox{
	width:68%;
	float:left;
	margin:0 0 0 1%;
}

.classinput{
	width:61%;
	border-width:1px;
	border-style:solid;
	border-color:var(--color-lightgray);
	border-radius:3px;
	outline-color:var(--color-warning);
	outline:none;
	padding:4px;
	vertical-align:top;
}

.classinput:focus{
	border-width:1px;
	border-style:solid;
	border-color:var(--color-lightgray);
	border-color:rgba(var(--color-over-rgb),0.41);
}

.classinput.form-item-error{
	border-width:2px;
	border-style:solid;
	border-color:var(--color-warning);
	width:61%;
}

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

.validationerror,
h2.validationerror{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-bold);
	color:var(--color-warning);
	background-color:transparent;
	border-color:transparent;
}

.bookingbox-row .validationerror{
	display:block;
	margin-left:29%;
	margin-bottom:4px;
}

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

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