/* CSS Document iV4 FRONT */

body,
body.tundra {
	text-align:left;
	padding-top: 0.5em;
	}
	body.tundra.bootstrapfront { /*padding:0 if we use bootstrap*/
		padding-top:0;
		}

#container {
	clear:both;
	margin:0;
	width:100%;
	}
	div.maincontent,
	div.bt_maincontent	{
		padding:0;
		}		
	#dashboard {
		margin:0;
		}
		.bootstrapfront #dashboard { /* we need a padding-top between Header and Maincontent if bootstrap is used */
			padding-top:25px;
			padding-bottom:30px;
			margin-bottom:0!important;
			}
	div.maincontent .column,
	div.bt_maincontent .column{
		margin:0;
		float:left;
		}
		/*dashboard*/			
		.module {
			display:table!important;
			clear: both;
			word-wrap: break-word;
			}
			.bt_maincontent .object.module { /*for pages (mod=index) using bootstrap we need other settings for the module class*/
				display:inherit!important;
				clear: none;
				word-wrap: normal;
				padding:5px;
				}
				.bt_maincontent .object.module h1,
				.bt_maincontent .object.module h2,
				.bt_maincontent .object.module h3 {
					margin-top:10px;
					}
			.bt_maincontent .module { /* we don't want to display the module very narrow, so add a min- and max-width */
				min-width:50%;
				max-width:100%;
				}
				@media only screen and (max-width: 1024px) { /* min-width 75% width for devices < 124px so labels will generally fit on one line */
					.bt_maincontent .module {
						min-width:75%;
						}
				}
				@media only screen and (max-width: 768px) { /* always 100% width for iPad portrait and less */
					.bt_maincontent .module {
						width:100%;
						min-width:0;
						max-width:100%;
						overflow-x:hidden;
						box-sizing:border-box;
						}
				}
				/* avoid double borders, so get rid of the module class -is deleted in index.tpl of ires\templates\default\booking\modFrontCheckout-, also set width:100%*/
				.bt_maincontent #confirm_container .FullWidth { 
					width:100%;
					margin-bottom:1.5em;
					}
					.bt_maincontent #confirm_container .FullWidth h1 { /*smaller font-size for h1 headers inside the confirm_container, 24px instead default 36px*/
						font-size:24px;
						}
						
			.mod-header {
				clear:both;
				display:block;
				}
				.mod-header h3 {
					line-height:1.6em;
					padding:0.2em 0.5em 0 0.5em;
					margin-bottom:0; /*margin setting needed to overrule bootstrap margin for h3*/
					margin-top:0;
					}
			.mod-content {
				clear:both;
				display:block;
				overflow:hidden;
				}	

#footer {
	margin:0;
	padding:0;
	width:100%;
	display:block;
	}
.frontend .modal-footer { /*class modal-footer is used when bootstrap active, otherwise the div footer is used; padding to override settings bootstrap.css so on iPad no horizontal scroll appears*/
	padding:19px 0 20px;
	margin-top:0;
	}
	#footer .footer_menu {
		float:left;
		padding-left:0.5em;
		}
		.footer_menu table.no_border tr:hover {
			background-color:transparent;
			}
			#footer .footer_menu table.no_border td {
				padding:0;
				}
	.modal-footer .footer_menu ul.contentmenu li {
		display: inline;
		font-size: 90%;
		border-right-width:1px;
		border-right-style:solid;
		padding-right:5px;
		padding-left:5px;
		}
		.modal-footer .footer_menu ul.contentmenu li a {
			white-space: nowrap;
			}
		/* no padding-right and no seperation for last menu item */
		.modal-footer .footer_menu ul.contentmenu li.menulast {
			border-right-width:0;
			padding-right:0;
			}
		
	#footer  .copyright {
		float:right;
		padding-right:0.5em;
		color:#9d9d9d; /* non linked text in footer-copyright must always be in soft grey, so no use of less parameters for this one */
		}
	.modal-footer  .copyright {
		color:#838383; /* non linked text in footer-copyright must always be in soft grey, so no use of less parameters for this one */
		text-align:center;
		}
		.modal-footer  .copyright a {
			color:#686868;
			}	
			.modal-footer .img_lang_flags {
				cursor:pointer;
				margin-left:2px;
				margin-right:2px;
				}
		
/*** COMMON STYLING CLASS SETTINGS ***/
.hideme {
	display:none;
	visibility:hidden;
	}

.bold {font-weight:bold;}

.right {text-align:right;}

.center {text-align:center;}

.left {text-align:left;}

.top {vertical-align:top;}

.middle {vertical-align:middle;}

.bottom {vertical-align:bottom;}

.floatleft {float:left;}

.floatright {float:right;}

.floatnone {float:none;}

.content_alignment {
	margin:0.5em;
	}
	.inline_table {
		margin:0.2em 0 0; /* differs from backend setting for inline_tables! */
		}
	.inline_popuptable {
		margin:0;
		}
	.tabcontent_table {
		margin:-5px;
		}
	.inline_formtable {
		display:table;
		overflow:visible;
		}
		/*** start setting in case bootsrap is integrated ***/
		.bootstrapfront .bt_maincontent .inline_formtable {
			display:block;
			}
		/*** end setting in case bootsrap is integrated ***/
	.footer_links {
		padding:5px 7px;
		border-top:1px dashed #cccccc;
		}
		.footer_links a,
		.footer_links a:link,
		.footer_links a:visited {
			color:#a1a1a1;
			text-decoration:none;
			font-weight:bold;
			text-transform:lowercase;
			}
			.footer_links a:hover {
				text-decoration:underline;
				color:#1F6C89;
				font-weight:bold;
				}
	/*** special setting for footer in booking_detail block ***/
	.booking_detail_footer, .customer_detail_footer, .invoice_detail_footer, 
    .gift_detail_footer, .knipkaart_detail_footer, .event_detail_footer{
		padding:0;
		color:#A1A1A1;
		}
.head {
	text-transform:uppercase;
	}
	.subhead { /*other settings in input.less*/
		font-weight:bold;
		}

.explanation {
	font-style:italic;
	color:#a1a1a1;
	}



/****spacers padding***/
.top_space20 {
	padding-top:20px!important;
	}
.top_space15 {
	padding-top:15px!important;
	}
.top_space10 {
	padding-top:10px!important;
	}
.top_space5 {
	padding-top:5px!important;
	}
.bottom_space5 {
	padding-bottom:5px!important;
	}
.bottom_space10 {
	padding-bottom:10px!important;
	}
.bottom_space15 {
	padding-bottom:15px!important;
	}
.bottom_space20 {
	padding-bottom:20px!important;
	}
.right_space10 {
	padding-right:10px!important;
	}
.right_space15 {
	padding-right:15px!important;
	}
.right_space20 {
	padding-right:20px!important;
	}
.right_space25 {
	padding-right:25px!important;
	}
.right_space30 {
	padding-right:30px!important;
	}
.left_space5 {
	padding-right:5px!important;
	}
.left_space10 {
	padding-right:10px!important;
	}
/****spacers margin***/	
.bottom_margin10 {
	margin-bottom:10px!important;
	}
.bottom_margin15 {
	margin-bottom:15px!important;
	}
.bottom_margin20 {
	margin-bottom:20px!important;
	}
.bottom_margin30 {
	margin-bottom:30px!important;
	}
.bottom_margin35 {
	margin-bottom:35px!important;
	}
.bottom_margin40 {
	margin-bottom:40px!important;
	}
.top_margin35 {
	margin-top:35px!important;
	}
	
 /****vertical align, default is baseline****/
 .VAlignMiddle {
 	vertical-align:middle;
	}
.VAlignTop {
 	vertical-align:top!important;
	}
.VAlignBottom {
 	vertical-align:bottom!important;
	}

/*** styling message boxes ***/
.tundra .dhtmlx_message_area {
    left: 25%;
    min-width: 350px;
    position: fixed;
    width: auto;		
	}
	.tundra .dhtmlx-info,
	.tundra .dhtmlx-error,
	.tundra .dhtmlx-success {
		font-size:14px;
		color:#212121;
		box-shadow: 0px 0px 4px #000;
		-moz-box-shadow:0px 0px 4px #000;
		-webkit-box-shadow:0px 0px 4px #000;
		margin-bottom:10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding: 12px;
		border-width:1px;
		}
		.tundra .dhtmlx-info div,
		.tundra .dhtmlx-error div,
		.tundra .dhtmlx-success div {
			padding:10px 0 10px 30px;
			min-height:15px; /*height + padding*/
			background-image: url("../images/msg-shieldicons-sprite-height35px.png");
			background-repeat:no-repeat;
			background-position:0 -205px;
			}
			
		.tundra .dhtmlx-info {
			border-color:#1F6C89;
			background: url("../images/msg_close.png") right top no-repeat, linear-gradient(to bottom, #1F6C89, #ffffff);
			}
			.tundra .dhtmlx-info:hover {
				background: url("../images/msg_close_hover.png") right top no-repeat, linear-gradient(to bottom, #1F6C89, #ffffff);
				}
				.tundra .dhtmlx-info div {
					background-position:0 -170px;
					}
		.tundra .dhtmlx-error {
			border-color:#b60000;
			background: url("../images/msg_close.png") right top no-repeat, linear-gradient(to bottom, #b60000, #ffffff);
			}
			.tundra .dhtmlx-error:hover {
				background: url("../images/msg_close_hover.png") right top no-repeat, linear-gradient(to bottom, #b60000, #ffffff);
				}
				.tundra .dhtmlx-error div {
					background-position:0 -85px;
					}
		.tundra .dhtmlx-success {
			border-color:#0f5132;
			background: url("../images/msg_close.png") right top no-repeat, linear-gradient(to bottom, #0f5132, #ffffff);
			}
			.tundra .dhtmlx-success:hover {
				background: url("../images/msg_close_hover.png") right top no-repeat, linear-gradient(to bottom, #0f5132, #ffffff);
				}
				.tundra .dhtmlx-success div {
					background-position:0 0;
					}

#loading {
	margin-top: 300px;
	margin-left: 670px;
	}

.loading {
	background-image:url(../images/loading.png); 
	background-repeat:no-repeat;
	background-position:center center;
	height:40px;
	width:40px;
	background-color:#cccccc;
	border-radius:5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius: 5px;
	}


.country_inlineedit .country_option img
{
	display:none;
}

.header_shoppingcart_notifier {
	background-color:green;
	text-align:center;
}

.confirm_text{
	
}

.confirm_actions{
	
}
.remove_dummy_button{
	display:none;
}

.message_valid{
	color:#0f5132;
}

.message_invalid{
	color:#b60000;
}

	
.error {
	color:#b60000;
	}
	
table.error_detail {
    border: 1px solid #b60000;
	margin-top:10px;
	}
	table.error_detail th {
		background-color:#b60000;
		}
/*
Pagination styling inspiration:
http://mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination
*/
.pagination {
	text-align: right;
	}
	div.pagination {
		padding: 3px;
		margin: 3px;
	}
	
	div.pagination a {
		border: 1px solid #ccc;
		margin-right:3px;
		padding:2px 6px;

		background-position:bottom;
		text-decoration: none;
		font-weight:bold;

		color: #000000;
        border-radius: 5px 5px 5px 5px;
	}
	div.pagination a:hover, div.pagination a:active {
		background-image:none;
		background-color:#b6b6b6;
		color: #fff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #000;
	}
	div.pagination span.disabled {
		display:none;
	}

/* participants form styling */
.new_participant .table-cell {
    display:table-cell;
    padding:2px;
    vertical-align:middle;
}
.new_participant .table {
    display: table;
}
.new_participant .table-row {
    display: table-row;
}
.new_participant .table .table-head {
    color:#a1a1a1;
    font-weight:bold;
    padding:2px 5px!important;
    font-size:/*11px;*/91.66666%;
    text-transform:lowercase;
    text-align:left;
    border-bottom:1px solid #cccccc;
}
.new_participant .table .cell_border {
    padding:2px 5px!important;
    vertical-align:middle;
    font-size:/*11px;*/91.66666%;
    border-left:1px solid #ededed;
    border-bottom:1px solid #ededed;
}

/* Front search styling */
.searchcontainer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 60%;
}
.searchformwidget {
    float: left;
    margin: 0;
    padding: 0 5px 5px 0;
    width: 27%;
}
.searchresultwidget {
    float: right;
    margin: 0;
    padding: 0;
    width: 60%;
}
.shoppingcartcontainer {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 20%;
}
.searchhelpwidget {
    border: 0 solid #cccccc;
    border-radius: 5px;
    box-shadow: none;
    color: #aaaaaa;
    font-size: 110%;
    font-weight: bold;
    padding: 3px 0;
    text-align: right;
    text-transform: none;
    width: 100%;
}
.helpwidgetheader {
    font-size: 116.667%;
    line-height: 1.6em;
    margin: 0;
    padding: 0.2em 0;
    text-transform: uppercase;
}
.shoppingcartcontainer h1 {
    font-size: 116.667%;
    line-height: 1.6em;
    margin: 0;
    padding: 0.2em 0;
    text-transform: uppercase;
    cursor: pointer;
}
.tag.label {
    font-size:100%!important;
}

/*********************************/
/*** elements used on My Pages ***/
/*********************************/
/* BookingDetail / InvoiceDetail including Payments */
.bookingDetailContent .bookingDetailFooter,
.invoiceDetailContent .invoiceDetailFooter {
	border-top:1px dashed var(--bs-tertiary-color);
	padding-top:10px;
	}
.detailButtons {
	margin-top:10px;
	margin-bottom:30px;
	}
	.detailButtons .btn {
		margin-bottom:10px;
		}
		/* BS Tabs margin bottom for devices <=767px */
		@media (max-width: 767px) {
			.bootstrapfront .nav-tabs.nav-justified .nav-item {
				margin-bottom:0.5rem;
				}
		}
		/* single tab only if no detailXxxButton div is present*/
		.invoiceDetailContent .nav-tabs.single-tab {
			margin-top:30px;
			}
	.bookingDetailContent .tab-content .module,
	.invoiceDetailContent .tab-content .module {
		display:block!important;
		min-width:100%;
		border-width:0;
		box-shadow:none;
			-webkit-box-shadow:none;
		border-radius:0;
			-webkit-border-radius:0;
		background-color:transparent;
		}
		.bookingDetailContent .tab-content .form-group label,
		.bookingDetailContent #booking_detail_container .form-group label {
			text-align:left;
			}
			.bookingDetailContent .tab-content .form-group .control-label:after,
			.bookingDetailContent #booking_detail_container .form-group .control-label:after {
				content:":";
				position:absolute;
				right:0;
				}
	
	/* BookingDetail > tab prices || InvoiceDetail > 'tab' prices || InvoiceDetail/Payment > tab Payments */
	.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #tabPrice .content_alignment.inline_table,
	.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #tabPrice .content_alignment.inline_table {
		margin:0;
		}
	@media (min-width: 569px) { /* below 568px the no-more tables function is active */
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables .table-condensed tbody tr td, 
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables .table-condensed tbody tr th,
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables .table-condensed tfoot tr td,
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables .table-condensed tfoot tr th,
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables .table-condensed thead tr td,
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables .table-condensed thead tr th,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables .table-condensed tbody tr td,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables .table-condensed tbody tr th,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables .table-condensed tfoot tr td,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables .table-condensed tfoot tr th,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables .table-condensed thead tr td,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables .table-condensed thead tr th, 
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables .table-condensed tbody tr td,
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables .table-condensed tbody tr th,
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables .table-condensed tfoot tr td,
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables .table-condensed tfoot tr th,
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables .table-condensed thead tr td,
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables .table-condensed thead tr th {
			padding:8px;
			}
	}
			.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables table.moduletable thead tr th,
			.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables table.moduletable thead tr th,
			.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables table.moduletable thead tr th {
				font-size:100%;
				text-transform:none;
				}
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables tr:last-child td:first-child,
		.bootstrapfront .bt_maincontent .bookingDetailContent .tab-content #no-more-tables tr:last-child td:last-child,
		.bootstrapfront .bt_maincontent .invoiceDetailContent .tab-content #no-more-tables tr:last-child td:first-child,
		.bootstrapfront .bt_maincontent #payment_container .tab-content #no-more-tables tr:last-child td:last-child {
		    border-radius:0;
		    -webkit-border-radius:0;
			}

	/* BookingDetail > tab Options */
	#booking_option_container .formtable td {
		vertical-align:middle;
		}
		#booking_option_container .formtable td.ext_options div {
			float:left;
			}
			 #booking_option_container .formtable td div.icheckbox_flat {
				position:relative;
				top:0;
				}
				#booking_option_container .formtable td label {
					cursor:pointer;
					min-height:20px;
					line-height:20px;
					white-space: nowrap;
					margin-bottom:0;
					}
			#booking_option_container .formtable td .labeldiv {
				min-height:34px;
				line-height:34px;
				white-space:nowrap;
				font-weight:bold;				
				}
			#booking_option_container .formtable td .labeldiv,
			#booking_option_container .formtable td label {
				margin-left:5px;
				}

	/* BookingDetail > tab Questions */
	#booking_question_container {
		padding-top:15px!important;
		}
		/* disable checkbox + radio when NOT in Edit Mode */
		#booking_question_container .form-control-static .icheckbox_flat,
		#booking_question_container .form-control-static .iradio_flat {
			cursor:pointer;
			cursor:not-allowed;
			}
			#booking_question_container .form-control-static .icheckbox_flat ins.iCheck-helper,
			#booking_question_container .form-control-static .iradio_flat ins.iCheck-helper {
				display:none!important;
				}

	/* BookingDetail > tab Particpants */
	#booking_participant_container {
		padding-top:15px!important;
		}

	/* BookingDetail > tab Extra information (customfields) */
	#booking_customfields_container {
		padding-top:15px!important;
		}

/*********************************/
/***      EXPIRED TRIAL        ***/
/*********************************/
#expiredTrial {
    display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 16px;
    }
    #expiredTrial .flexTitle {
        color: #1667b5;
        }
	#expiredTrial .flexIntro {
		margin-bottom: 20px;
		font-size: 21px;
		font-weight: 300;
		line-height: 1.4;
		text-align:center;
			}
    #expiredTrial .flexColumnContainer {
        flex: 0 1 auto;
		display: flex;
        justify-content: space-between;
        margin-bottom:20px;
        }
        #expiredTrial .flexColumnContainer .flexColumn {
            flex: 0 1 auto;
            width: 33%;
            padding: 15px;
            }
    #expiredTrial .btn-contact.flexButton {
        color: #fff;
        background-color: #67b516;
        padding: 20px 32px;
        font-size: 21px;
        border:2px solid #fff;
        }
        #expiredTrial .btn-contact.flexButton:hover,
        #expiredTrial .btn-contact.flexButton:focus {
            border-color:#67b516;
        }
		/* DEVICES vieuwport less then 640px */
		@media screen and (max-width:639px) {
			#expiredTrial .flexColumnContainer {
				justify-content: center;
				flex-wrap:wrap;
				width: 450px;
				max-width:100%;
				}
				#expiredTrial .flexColumnContainer .flexColumn {
					padding:15px 0;
					width: 100%;
					}
		}
		
/* Cursors */
.cursorNotAllowed {
	cursor: not-allowed;
	}

/*********************
* SOCIAL LOGIN BUTTONS 
* this is a cleaned and updated replacement for outdated library 'Social Buttons for Bootstrap' https://github.com/lipis/bootstrap-social
**********************/
.bootstrapfront .btn-social {
	position:relative;
	padding-left:54px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	.bootstrapfront .btn-social>:first-child {
		position:absolute;
		left:0;top:0;
		bottom:0;
		width:44px;
		line-height:34px;
		font-size:25.6px;
		text-align:center;
		border-right:1px solid rgba(0,0,0,0.2);
		}
		/* apple */
		.bootstrapfront .btn-apple {color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-apple:hover,
			.bootstrapfront .btn-apple:focus,
			.bootstrapfront .btn-apple:active,
			.bootstrapfront .btn-apple.active,
			.bootstrapfront.open>.dropdown-toggle.btn-apple {color:#fff!important;background-color:#606467;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-apple:active,
				.bootstrapfront .btn-apple.active,
				.bootstrapfront .open>.dropdown-toggle.btn-apple {background-image:none}
					.bootstrapfront .btn-apple.disabled,
					.bootstrapfront .btn-apple[disabled],
					.bootstrapfront fieldset[disabled] .btn-apple,
					.bootstrapfront .btn-apple.disabled:hover,
					.bootstrapfront .btn-apple[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-apple:hover,
					.bootstrapfront .btn-apple.disabled:focus,
					.bootstrapfront .btn-apple[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-apple:focus,
					.bootstrapfront .btn-apple.disabled:active,
					.bootstrapfront .btn-apple[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-apple:active,
					.bootstrapfront .btn-apple.disabled.active,
					.bootstrapfront .btn-apple[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-apple.active {background-color:#1a1a1a;border-color:rgba(0,0,0,0.2)}
		/* facebook */
		.bootstrapfront .btn-facebook {color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-facebook:hover,
			.bootstrapfront .btn-facebook:focus,
			.bootstrapfront .btn-facebook:active,
			.bootstrapfront .btn-facebook.active,
			.bootstrapfront.open>.dropdown-toggle.btn-facebook {color:#fff!important;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-facebook:active,
				.bootstrapfront .btn-facebook.active,
				.bootstrapfront .open>.dropdown-toggle.btn-facebook {background-image:none}
					.bootstrapfront .btn-facebook.disabled,
					.bootstrapfront .btn-facebook[disabled],
					.bootstrapfront fieldset[disabled] .btn-facebook,
					.bootstrapfront .btn-facebook.disabled:hover,
					.bootstrapfront .btn-facebook[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-facebook:hover,
					.bootstrapfront .btn-facebook.disabled:focus,
					.bootstrapfront .btn-facebook[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-facebook:focus,
					.bootstrapfront .btn-facebook.disabled:active,
					.bootstrapfront .btn-facebook[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-facebook:active,
					.bootstrapfront .btn-facebook.disabled.active,
					.bootstrapfront .btn-facebook[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-facebook.active {background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
		/* github */
		.bootstrapfront .btn-github {color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-github:hover,
			.bootstrapfront .btn-github:focus,
			.bootstrapfront .btn-github:active,
			.bootstrapfront .btn-github.active,
			.bootstrapfront .open>.dropdown-toggle.btn-github {color:#fff!important;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-github:active,
				.bootstrapfront .btn-github.active,
				.bootstrapfront .open>.dropdown-toggle.btn-github {background-image:none}
					.bootstrapfront .btn-github.disabled,
					.bootstrapfront .btn-github[disabled],
					.bootstrapfront fieldset[disabled] .btn-github,
					.bootstrapfront .btn-github.disabled:hover,
					.bootstrapfront .btn-github[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-github:hover,
					.bootstrapfront .btn-github.disabled:focus,
					.bootstrapfront .btn-github[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-github:focus,
					.bootstrapfront .btn-github.disabled:active,
					.bootstrapfront .btn-github[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-github:active,
					.bootstrapfront .btn-github.disabled.active,
					.bootstrapfront .btn-github[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-github.active {background-color:#444;border-color:rgba(0,0,0,0.2)}
		/* google plus */
		.bootstrapfront .btn-google-plus {color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-google-plus:hover,
			.bootstrapfront .btn-google-plus:focus,
			.bootstrapfront .btn-google-plus:active,
			.bootstrapfront .btn-google-plus.active,
			.bootstrapfront .open>.dropdown-toggle.btn-google-plus {color:#fff!important;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-google-plus:active,
				.bootstrapfront .btn-google-plus.active,
				.bootstrapfront .open>.dropdown-toggle.btn-google-plus {background-image:none}
					.bootstrapfront .btn-google-plus.disabled,
					.bootstrapfront .btn-google-plus[disabled],
					.bootstrapfront fieldset[disabled] .btn-google-plus,
					.bootstrapfront .btn-google-plus.disabled:hover,
					.bootstrapfront .btn-google-plus[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-google-plus:hover,
					.bootstrapfront .btn-google-plus.disabled:focus,
					.bootstrapfront .btn-google-plus[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-google-plus:focus,
					.bootstrapfront .btn-google-plus.disabled:active,
					.bootstrapfront .btn-google-plus[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-google-plus:active,
					.bootstrapfront .btn-google-plus.disabled.active,
					.bootstrapfront .btn-google-plus[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-google-plus.active {background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
		/* instagram */
		.bootstrapfront .btn-instagram {color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-instagram:hover,
			.bootstrapfront .btn-instagram:focus,
			.bootstrapfront .btn-instagram:active,
			.bootstrapfront .btn-instagram.active,
			.bootstrapfront .open>.dropdown-toggle.btn-instagram {color:#fff!important;background-color:#305777;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-instagram:active,
				.bootstrapfront .btn-instagram.active,
				.bootstrapfront .open>.dropdown-toggle.btn-instagram {background-image:none}
					.bootstrapfront .btn-instagram.disabled,
					.bootstrapfront .btn-instagram[disabled],
					.bootstrapfront fieldset[disabled] .btn-instagram,
					.bootstrapfront .btn-instagram.disabled:hover,
					.bootstrapfront .btn-instagram[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-instagram:hover,
					.bootstrapfront .btn-instagram.disabled:focus,
					.bootstrapfront .btn-instagram[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-instagram:focus,
					.bootstrapfront .btn-instagram.disabled:active,
					.bootstrapfront .btn-instagram[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-instagram:active,
					.bootstrapfront .btn-instagram.disabled.active,
					.bootstrapfront .btn-instagram[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-instagram.active {background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
		/* linkedIn */
		.bootstrapfront .btn-linkedin {color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-linkedin:hover,
			.bootstrapfront .btn-linkedin:focus,
			.bootstrapfront .btn-linkedin:active,
			.bootstrapfront .btn-linkedin.active,
			.bootstrapfront .open>.dropdown-toggle.btn-linkedin {color:#fff!important;background-color:#005983;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-linkedin:active,
				.bootstrapfront .btn-linkedin.active,
				.bootstrapfront .open>.dropdown-toggle.btn-linkedin {background-image:none}
					.bootstrapfront .btn-linkedin.disabled,
					.bootstrapfront .btn-linkedin[disabled],
					.bootstrapfront fieldset[disabled] .btn-linkedin,
					.bootstrapfront .btn-linkedin.disabled:hover,
					.bootstrapfront .btn-linkedin[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-linkedin:hover,
					.bootstrapfront .btn-linkedin.disabled:focus,
					.bootstrapfront .btn-linkedin[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-linkedin:focus,
					.bootstrapfront .btn-linkedin.disabled:active,
					.bootstrapfront .btn-linkedin[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-linkedin:active,
					.bootstrapfront .btn-linkedin.disabled.active,
					.bootstrapfront .btn-linkedin[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-linkedin.active {background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
		/* microsoft */
		.bootstrapfront .btn-microsoft {color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-microsoft:hover,
			.bootstrapfront .btn-microsoft:focus,
			.bootstrapfront .btn-microsoft:active,
			.bootstrapfront .btn-microsoft.active,
			.bootstrapfront .open>.dropdown-toggle.btn-microsoft {color:#fff!important;background-color:#FEB902;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-microsoft:active,
				.bootstrapfront .btn-microsoft.active,
				.bootstrapfront .open>.dropdown-toggle.btn-microsoft {background-image:none}
					.bootstrapfront .btn-microsoft.disabled,
					.bootstrapfront .btn-microsoft[disabled],
					.bootstrapfront fieldset[disabled] .btn-microsoft,
					.bootstrapfront .btn-microsoft.disabled:hover,
					.bootstrapfront .btn-microsoft[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-microsoft:hover,
					.bootstrapfront .btn-microsoft.disabled:focus,
					.bootstrapfront .btn-microsoft[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-microsoft:focus,
					.bootstrapfront .btn-microsoft.disabled:active,
					.bootstrapfront .btn-microsoft[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-microsoft:active,
					.bootstrapfront .btn-microsoft.disabled.active,
					.bootstrapfront .btn-microsoft[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-microsoft.active {background-color:#FEB902;border-color:rgba(0,0,0,0.2)}
		/* openID */
		.bootstrapfront .btn-openid {color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-openid:hover,
			.bootstrapfront .btn-openid:focus,
			.bootstrapfront .btn-openid:active,
			.bootstrapfront .btn-openid.active,
			.bootstrapfront .open>.dropdown-toggle.btn-openid {color:#fff!important;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-openid:active,
				.bootstrapfront .btn-openid.active,
				.bootstrapfront .open>.dropdown-toggle.btn-openid {background-image:none}
					.bootstrapfront .btn-openid.disabled,
					.bootstrapfront .btn-openid[disabled],
					.bootstrapfront fieldset[disabled] .btn-openid,
					.bootstrapfront .btn-openid.disabled:hover,
					.bootstrapfront .btn-openid[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-openid:hover,
					.bootstrapfront .btn-openid.disabled:focus,
					.bootstrapfront .btn-openid[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-openid:focus,
					.bootstrapfront .btn-openid.disabled:active,
					.bootstrapfront .btn-openid[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-openid:active,
					.bootstrapfront .btn-openid.disabled.active,
					.bootstrapfront .btn-openid[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-openid.active {background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
		/* pinterest */
		.bootstrapfront  .btn-pinterest {color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-pinterest:hover,
			.bootstrapfront .btn-pinterest:focus,
			.bootstrapfront .btn-pinterest:active,
			.bootstrapfront .btn-pinterest.active,
			.bootstrapfront .open>.dropdown-toggle.btn-pinterest {color:#fff!important;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-pinterest:active,
				.bootstrapfront .btn-pinterest.active,
				.bootstrapfront .open>.dropdown-toggle.btn-pinterest {background-image:none}
					.bootstrapfront .btn-pinterest.disabled,
					.bootstrapfront .btn-pinterest[disabled],
					.bootstrapfront fieldset[disabled] .btn-pinterest,
					.bootstrapfront .btn-pinterest.disabled:hover,
					.bootstrapfront .btn-pinterest[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-pinterest:hover,
					.bootstrapfront .btn-pinterest.disabled:focus,
					.bootstrapfront .btn-pinterest[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-pinterest:focus,
					.bootstrapfront .btn-pinterest.disabled:active,
					.bootstrapfront .btn-pinterest[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-pinterest:active,
					.bootstrapfront .btn-pinterest.disabled.active,
					.bootstrapfront .btn-pinterest[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-pinterest.active {background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
		/* twitter */
		.bootstrapfront .btn-twitter {color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-twitter:hover,
			.bootstrapfront .btn-twitter:focus,
			.bootstrapfront .btn-twitter:active,
			.bootstrapfront .btn-twitter.active,
			.bootstrapfront .open>.dropdown-toggle.btn-twitter {color:#fff!important;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-twitter:active,
				.bootstrapfront .btn-twitter.active,
				.bootstrapfront .open>.dropdown-toggle.btn-twitter {background-image:none}
					.bootstrapfront .btn-twitter.disabled,
					.bootstrapfront .btn-twitter[disabled],
					.bootstrapfront fieldset[disabled] .btn-twitter,
					.bootstrapfront .btn-twitter.disabled:hover,
					.bootstrapfront .btn-twitter[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-twitter:hover,
					.bootstrapfront .btn-twitter.disabled:focus,
					.bootstrapfront .btn-twitter[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-twitter:focus,
					.bootstrapfront .btn-twitter.disabled:active,
					.bootstrapfront .btn-twitter[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-twitter:active,
					.bootstrapfront .btn-twitter.disabled.active,
					.bootstrapfront .btn-twitter[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-twitter.active {background-color:#55acee;border-color:rgba(0,0,0,0.2)}
		/* vimeo */
		.bootstrapfront .btn-vimeo {color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
			.bootstrapfront .btn-vimeo:hover,
			.bootstrapfront .btn-vimeo:focus,
			.bootstrapfront .btn-vimeo:active,
			.bootstrapfront .btn-vimeo.active,
			.bootstrapfront .open>.dropdown-toggle.btn-vimeo {color:#fff!important;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
				.bootstrapfront .btn-vimeo:active,
				.bootstrapfront .btn-vimeo.active,
				.bootstrapfront .open>.dropdown-toggle.btn-vimeo {background-image:none}
					.bootstrapfront .btn-vimeo.disabled,
					.bootstrapfront .btn-vimeo[disabled],
					.bootstrapfront fieldset[disabled] .btn-vimeo,
					.bootstrapfront .btn-vimeo.disabled:hover,
					.bootstrapfront .btn-vimeo[disabled]:hover,
					.bootstrapfront fieldset[disabled] .btn-vimeo:hover,
					.bootstrapfront .btn-vimeo.disabled:focus,
					.bootstrapfront .btn-vimeo[disabled]:focus,
					.bootstrapfront fieldset[disabled] .btn-vimeo:focus,
					.bootstrapfront .btn-vimeo.disabled:active,
					.bootstrapfront .btn-vimeo[disabled]:active,
					.bootstrapfront fieldset[disabled] .btn-vimeo:active,
					.bootstrapfront .btn-vimeo.disabled.active,
					.bootstrapfront .btn-vimeo[disabled].active,
					.bootstrapfront fieldset[disabled] .btn-vimeo.active {background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}

/*************************************************************************************************************************************************************
* BS5.3: flex Wrapper as parent for main-wrapper + detail-wrapper (confirmation block roster, view-event + calendar pages)                                   *
* user decide position of the detail block(s): left, right or bottom (see input.less)                                                                        *
* we use a mixin with a switch in the input.less file: to be exact, we want to change the behaviour of a mixin based on the parameters you pas to it         *
* devices with a viewport < 750px must have float:none and width:100%, so the position of the detail block(s) will always be 'bottom'                        *
*************************************************************************************************************************************************************/
.flexWrapper {
	display:flex;
	flex-wrap:wrap;
	}
	.flexWrapperItem {
		flex:0 1 auto;
		}
		@media only screen and (max-width: 768px) {
			.bootstrapfront .flexWrapperItem {
				width:100%!important;
				padding:0!important;
				}				
		}
		.main-wrapper {
			margin:0;
			padding:0;
			}
		.bootstrapfront .detail-wrapper .detail-container {
			width:100%;
			}
			.bootstrapfront .detail-wrapper .module {
				margin:0 0 1.5em;
				width:100%;
				}
/*********************************************************************************************
* de default settings voor main, section, header en footer elements zijn vervallen in BS5    *
* wij gebruiken in elk geval de main en soms de overige elements                             *
* om problemen te voorkomen definieren we deze alsnog als een div                            *
*********************************************************************************************/
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
  	}

/********************************
* no padding for navbar-brand   *
********************************/
.header_content .navbar-brand {
	padding:0!important;
	}

/*****************************************
* cursor for language choice in header   *
******************************************/
.header_content .img_lang_flags {
	cursor: pointer;
	}

/*************************************
* flex based styling Questions Block *
**************************************/
.booking_questions tbody .block-field {
    display: flex;
    flex-wrap: wrap;
    }
    .booking_questions .block-field-desc, 
    .booking_questions .block-field-field {
        flex: 0 1 auto;
        width: 100%;
        }
    .booking_questions .block-field-field {
        display: flex;
        flex-wrap: wrap;
		margin-bottom: 1em;
        }
		/* for the radio buttons */
		.radioButtonContainer {	
			margin-right:1.25em;
			}
			.booking_questions .block-field-field .radioButtonContainer label {
				margin-left:0.5em;
				}
		/* for the checkboxes */
        .booking_questions .block-field-field .customcheck {
            margin-right:1.25em;
			font-weight:normal;
            }
			.booking_questions .block-field-field div {
				width:100%;
				}

/******************************************************************************************************************
* Gift Container on Checkout-Confirm                                                                              *
* IRES 5.32+ -> use default BS5.3 color, border + transiton for the bootstrap-tagsinput div: set in bs5_vars.css   *
**************************************************************************************************************** **/
/*** start IMPROVEMENT GIFT CONTAINER CHECKOUT CONFIRM ***/
/* Correction position + layout field Kadobon on checkout */
#confirm_container #addbooking_form #new_booking {
	margin-top:0;
	min-height:1px;
	overflow:hidden;
	}
	#confirm_container #addbooking_form #new_booking #gift_container {
		overflow:hidden;
		width:100%;
		}
		#confirm_container #addbooking_form #new_booking #gift_container .table {
			margin:0;
			}
			 #confirm_container #addbooking_form #new_booking #gift_container .table .FullWidth {
				 overflow:hidden;
				 margin:0;
				}
				#confirm_container #addbooking_form #new_booking #gift_container .table .FullWidth .bootstrap-tagsinput {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					gap: 6px;
					width: calc(100% - 16px) !important;
					padding: 0.5rem 0.75rem;
					min-height: 2.75rem;
					font-size: 1rem;
					font-weight: 400;
					line-height: 1.5;
					background-clip: padding-box;
					}
					#confirm_container #addbooking_form #new_booking #gift_container .table .FullWidth .bootstrap-tagsinput .badge {
						padding: 0.4em 0.65em;
						font-size: 0.9em;
						border-radius: 0.35rem;
						}
					#confirm_container #addbooking_form #new_booking #gift_container .table .FullWidth .bootstrap-tagsinput input {
						width:auto;
						min-width:10em;
						}
					#gift_message .alert {
						margin-top:1em;
						}
/*** end IMPROVEMENT GIFT CONTAINER CHECKOUT CONFIRM ***/ 

/***       start HULP IRES CORE CLASSES          ***/
/*** zie: https://teqa.atlassian.net/l/cp/7Gu1eXyr */
/* not-allowed-cursor */
.notAllowed {
	cursor:not-allowed;
	}

/*** off canvas  for cart **/
.offcanvas.offcanvas-wide { --bs-offcanvas-width: 100vw; }    /* mobiel volledig */
@media (min-width: 768px)  { .offcanvas.offcanvas-wide { --bs-offcanvas-width: 590px !important; } }
@media (min-width: 1200px) { .offcanvas.offcanvas-wide { --bs-offcanvas-width: 940px !important; } }