/* Colors */
:root {
	--w3-tommy-color-bg: var(--w3-white);
	--w3-tommy-color-text: var(--w3-black);
	--w3-tommy-color-title: var(--w3-aubergine);

	--w3-inputs-height: 40px;
	--w3-border-radius: 4px;

	--w3-tommy-input-border-color: var(--w3-black);
	--w3-tommy-input-border-radius: 4px;

	--w3-tommy-datepicker-border-radius: 2px;
	--w3-tommy-datepicker-header-border-color: #aaa;

	--w3-tommy-datepicker-btn-color: var(--w3-secondary-color);
	--w3-tommy-datepicker-btn-start-range-color: var(--w3-primary-color);
	--w3-tommy-datepicker-btn-end-range-color: var(--w3-primary-color);
	--w3-tommy-datepicker-btn-disabled-color: #DDD;
}

html {
	font-size: 1rem;
}

/* minified pikaday */
/*
* Pikaday
* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
*/

.pika-label,
.pika-next,
.pika-prev {
	position: relative;
	overflow: hidden
}

.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: #333;
	background: #fff;
	border: 1px solid #fff;
	border-bottom-color: #fff;
	border-radius: var(--w3-border-radius);
}

.pika-single:after,
.pika-single:before {
	content: " ";
	display: table
}

.pika-single:after {
	clear: both
}

.pika-single.is-hidden {
	display: none
}

.pika-single.is-bound {
	position: absolute;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .2)
}

.pika-lendar {
	float: left;
	width: 240px;
	margin: 8px
}

.pika-title {
	position: relative;
	text-align: center
}

.pika-label {
	display: inline-block;
	z-index: 9999;
	margin: 0;
	padding: 3px 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	background-color: #fff;
	border-radius: var(--w3-border-radius);
}
/* added */

.pika-title .pika-label:hover {
	background-color: rgba(var(--w3-primary-color-rgb), .5);
}

.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	opacity: 0;
}


.pika-next,
.pika-prev {
	display: block;
	cursor: pointer;
	outline: 0;
	border: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	text-indent: 24px;
	border-radius: 50%;
	white-space: nowrap;
	background-color: var(--w3-primary-color);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px 14px;
	opacity: .5
}

.pika-next:hover,
.pika-prev:hover {
	opacity: 1
}

.is-rtl .pika-next,
.pika-prev {
	float: left;
	background-position-x: 6px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAYAAABozQZiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNSURBVHgBpdTbDYAgDIXhoxO4gYzgCk7oCI7GCLpBLYomXhB6+BPC09doEwWMiUinZ4A1RU6Pl6OZhXs0LMIpmMVhMXoWSUTDJC6Bn7gUvrAF3rAVXpiBoSZir5eDsTbeHYhOPOpZwUYvjB1Q9QRVr1C1A2SWmPyWszg3ACUJ+xv6GwBLjwETmBT24d4AaULXnPIc7B0AAAAASUVORK5CYII=')
}

.is-rtl .pika-prev,
.pika-next {
	float: right;
	background-position-x: 9px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAYAAABozQZiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACQSURBVHgBnZTbEUAwEEU3KqACStCKzpSgMyXQwZXFGCaR7N4zEyMf53zkJRIBMMbRipcozbhY4xg8ruCLL4AUewB5bAH8Uw+gzKY7wcrlAGzkA7CTBuDjG4CfJxB0Jn72EELXCMeuH0ZWcTr/4INeMHqr6ENCH0/6YqxFsSCrOEgNWszIdvGWF0p8BXoQj/4BEAPcj6mqJvkAAAAASUVORK5CYII=')
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
	cursor: default;
	opacity: .2
}

.pika-select {
	display: inline-block
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	margin-bottom: 0;
}

.pika-table thead {
	border-bottom: 1px solid var(--w3-tommy-datepicker-header-border-color);
}

.pika-table td,
.pika-table th {
	width: calc(100% / 7);
	padding: 0;
	border: 0;
}

.pika-table th {
	color: var(--w3-black);
	font-size: 12px;
	line-height: 25px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 10px;
}

.pika-button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: 0;
	border: 1px solid var(--w3-tommy-datepicker-btn-color);
	margin: 0;
	width: 100%;
	padding: 8px 5px;
	color: var(--w3-black);
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	background: var(--w3-tommy-datepicker-btn-color);
}

.pika-week {
	font-size: 11px;
	color: #999
}

.is-today .pika-button {
	background-color: var(--w3-primary-color);
	color: var(--w3-white);
	border: 1px solid var(--w3-primary-color) !important;
	font-weight: 700
}

.is-selected .pika-button {
	color: #fff;
	font-weight: 700;
	background: var(--w3-primary-color);
	border: 1px solid var(--w3-primary-color);
	box-shadow: inset 0 1px 3px var(--w3-primary-color);
	border-radius: var(--w3-tommy-datepicker-border-radius);
}

.is-inrange .pika-button {
	background: var(--w3-primary-color)
}

.is-startrange .pika-button {
	color: #fff;
	background: var(--w3-tommy-datepicker-btn-start-range-color);
	border: 1px solid var(--w3-tommy-datepicker-btn-start-range-color);
	box-shadow: none;
	border-radius: var(--w3-tommy-datepicker-border-radius);
}

.is-endrange .pika-button {
	color: #fff;
	background: var(--w3-tommy-datepicker-btn-end-range-color);
	border: 1px solid var(--w3-tommy-datepicker-btn-end-range-color);
	box-shadow: none;
	border-radius: var(--w3-tommy-datepicker-border-radius);
}

.is-disabled .pika-button {
	pointer-events: none;
	cursor: default;
	color: var(--w3-black);
	opacity: .3;
	background: var(--w3-tommy-datepicker-btn-disabled-color);
	border: 1px solid var(--w3-tommy-datepicker-btn-disabled-color);
}

.pika-button:hover {
	color: #fff;
	background: var(--w3-primary-color);
	border: 1px solid var(--w3-primary-color);
	box-shadow: none;
	border-radius: var(--w3-tommy-datepicker-border-radius);
}

.pika-table abbr {
	border-bottom: none;
	cursor: help;
	text-decoration: none;
	text-transform: uppercase;
}

/* ivm tommy pagina */

/* ==========================================================================
ZOEK EN BOEK
========================================================================== */
#tommy-zeb-mini-placeholder {
	position: relative;
	z-index: 9999;
}

/* wrapper */
.tommy-zeb-wrapper * {
	font-family: 'PT Sans', sans-serif !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tommy-zeb-wrapper {
	float: left;
	width: 100%;
	position: relative;
	z-index: 10;
}

/* language */
.tommy-zeb-wrapper .tommy-zeb-language-selector.ng-scope {
	position: absolute;
	right: 0;
	top: -25px;
	width: 300px;
	text-align: right;
	margin: 0;
}

.tommy-zeb-wrapper .tommy-zeb-language-selector-label {
	float: left;
	margin: 0 10px 0 30px;
	text-align: right;
	line-height: 26px;
}

.tommy-zeb-wrapper .tommy-zeb-language-selector .ng-isolate-scope {
	float: left;
}

.tommy-zeb-wrapper select {
	padding: 4px 10px;
	border-radius: var(--w3-tommy-input-border-radius);
}

/* left / right */
.tommy-zeb-wrapper .tommy-zeb-right,
.tommy-zeb-wrapper .tommy-zeb-left {
	float: left;
	position: relative;
}

.tommy-zeb-wrapper .tommy-zeb-right {
	padding-left: 20px;
}

/* filter block left */
/* edited */
.tommy-zeb-wrapper .tommy-zeb-left {
	width: 25%;
	background: var(--w3-tommy-color-bg);
	color: var(--w3-tommy-color-text);
	border-radius: var(--w3-border-radius);
}

/* input height */
.tommy-zeb-wrapper .tommy-zeb-left select, 
.tommy-zeb-wrapper .tommy-zeb-left input,
.tommy-zeb-wrapper .tommy-zeb-period input,
.tommy-zeb-wrapper button.tommy-zeb-btn,
.tommy-zeb-wrapper tommy-person-category-mini .tommy-zeb-person-categories-collapse .tommy-zeb-travelcompany-total,
#TommyBookingSupport .tbs-form-control:not(textarea) {
	height: var(--w3-inputs-height) !important;
	background-color: #FFF;
}

#TommyBookingSupport .tbs-btn {
	height: var(--w3-inputs-height) !important;
}

.tommy-zeb-wrapper * h2 {
	color: var(--w3-tommy-color-text);
	font-weight: 600;
	margin: 15px 0 10px;
	font-size: 18px;
}

.tommy-zeb-wrapper .tommy-zeb-left h1,
.tommy-zeb-wrapper .tommy-zeb-person-categories,
.tommy-zeb-wrapper .tommy-zeb-accommodation-objects,
.tommy-zeb-wrapper .tommy-zeb-date {
	margin: 0;
	padding: 0 0 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.tommy-zeb-wrapper .tommy-zeb-left h1 {
	color: var(--w3-tommy-color-title);
	font-size: 30px;
}

.tommy-zeb-wrapper .tommy-zeb-accommodation-person-category-label {
	float: left;
	line-height: 30px;
}

.tommy-zeb-wrapper .tommy-zeb-accommodation-person-category-choice {
	margin: 5px 0;
	text-align: right;
}

.tommy-zeb-wrapper .tommy-zeb-left select,
.tommy-zeb-wrapper .tommy-zeb-left input {
	width: 100%;
	padding: 6px;
	box-shadow: none;
	border-radius: var(--w3-tommy-input-border-radius);
	color: #000;
	border: 1px solid var(--w3-tommy-input-border-color);
}

.tommy-zeb-accommodation-person-category select {
	width: 50px !important;
}

.tommy-zeb-wrapper .tommy-zeb-date-begin,
.tommy-zeb-wrapper .tommy-zeb-date-end {
	display: flex !important;
	flex-direction: column;
}

/* content right */
.tommy-zeb-wrapper .tommy-zeb-right {
	width: 75%;
}

.tommy-zeb-wrapper .tommy-zeb-result-image {
	float: none;
	min-width: 180px;
}

.tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding {
	color: var(--w3-brouwn);
	font-size: 18px;
	font-weight: 600;
}

.tommy-zeb-wrapper .tommy-zeb-result {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.tommy-zeb-wrapper .tommy-zeb-result:after {
	content: '';
	display: block;
	clear: both;
}

.tommy-zeb-wrapper .tommy-zeb-result.ng-scope {
	background-color: var(--w3-tommy-color-bg);
	border-radius: var(--w3-border-radius);
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}

.tommy-zeb-wrapper .tommy-zeb-result-image {
	flex: 0 0 350px;
	max-width: 350px;
}

.tommy-zeb-wrapper .tommy-zeb-result-image img {
	border-radius: var(--w3-border-radius);
	width: 100%;

}

.tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding {
	Font-size: 24px;
	font-weight: 600;
	color: var(--w3-brouwn);
}

.tommy-zeb-wrapper .tommy-zeb-btn {
	padding: 5px 15px !important; 
	background-color: var(--w3-primary-color) !important;
	color: var(--w3-black) !important;
	text-decoration: none;
	float: left;
	margin: 10px 10px 0 0;
	border-radius: var(--w3-tommy-input-border-radius);
	transition: all 0.5s ease;
}

.tommy-zeb-wrapper .tommy-zeb-btn:hover {
	background-color: var(--w3-primary-color-hover) !important;
}

.tommy-zeb-wrapper .tommy-zeb-result-actions {
	width: 100%;
	bottom: 0;
}

.tommy-zeb-wrapper .tommy-zeb-result-details {
	position: relative;
	width: 100%;
	flex: 1;
	padding: 0 15px;
}

.tommy-zeb-wrapper .tbs-widget-label {
	display: block;
	width: 100%;
	text-align: right;
	margin: 1.5rem 0;
}

/* Als er geen image beschikbaar is */
.tommy-zeb-wrapper .tommy-zeb-result-has-no-image .tommy-zeb-result-details {
	width: 100% !important;
	padding: 0 !important;
}

.tommy-zeb-wrapper .capitalize {
	text-transform: capitalize;
}

/* ==========================================================================
MINI
========================================================================== */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini {
	margin-top: -10rem;	
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini h2,
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini * {
	display: inline;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label {
	float: none;
	line-height: normal;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories .ng-scope {
	padding: 5px 0px;
	float: left;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-left {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 15px;
	padding: 16px 10px !important;
	border-radius: 99px;
	box-shadow: 0px 6px 10px rgba(0,0,0,.29);
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini.tommy-zeb-mini-collapse .tommy-zeb-left {
	justify-content: center;
}


/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date-begin {
	margin: 0;
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period {
	display: flex !important;
	gap: 10px;
	margin-right: 20px;
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period input {
	width: 170px;
	padding: 6px;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types {
	margin-right: 20px;
	padding-right: 20px;
	border-bottom: none;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date {
	border-bottom: none;
}

.tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
.tommy-zeb-wrapper-mini .tommy-zeb-date,
.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types,
.tommy-zeb-wrapper-mini .ng-isolate-scope {
	float: left;
	padding: 0;
	font-weight: 400;
}

.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types.block {
	padding-right: 10px;
}

.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types.block h2:last-of-type {
	margin-top: 12px;
}

.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types.block>.ng-isolate-scope {
	clear: both;
	width: 100%;
}

/* edited */
.tommy-zeb-wrapper-mini .tommy-zeb-left.ng-scope {
	padding-top: 0;
	padding-bottom: 0;
}

/* edited */
.tommy-zeb-wrapper-mini h2.ng-binding {
	display: none !important;
}

.tommy-zeb-wrapper-mini .tommy-zeb-person-categories>.ng-isolate-scope,
.tommy-zeb-wrapper-mini .tommy-zeb-date>.ng-isolate-scope,
.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types>.ng-isolate-scope {
	clear: both;
}

/* edited */
.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label,
.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label {
	float: left;
	line-height: 30px;
}

.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice select,
.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice input {
	margin: 0 10px;
}

/* edited */
.tommy-zeb-wrapper-mini .tommy-zeb-date-begin-choice input,
.tommy-zeb-wrapper-mini .tommy-zeb-date-end-choice input {
	margin: 0;
}

/* edited */
.tommy-zeb-wrapper-mini button.tommy-zeb-btn {
	margin: 0;
	padding: 7px 30px !important;
	background-color: var(--w3-primary-color) !important;
	color: var(--w3-black);
	text-decoration: none;
	line-height: 18px;
	float: left;
	border-radius: var(--w3-tommy-input-border-radius);
	transition: all 0.5s ease;
	border: none;
}

/* mini collapse overrides */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories tommy-person-category>div {
	display: block;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini {
	position: relative;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category-label {
	margin-right: 15px;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category-choice {
	margin: 0;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse {
	display: block;
	position: relative;
	min-width: unset;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse .tommy-zeb-travel-groups {
	display: block;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse button.tommy-zeb-btn {
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse {
	margin-top: 30px;
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse .tommy-zeb-travelcompany-total {
	margin-left: 10px;
	margin-top: 0 !important;
	width: 50px;
	text-align: center;
	background: #fff;
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-category-list {
	background: #FFF;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
	position: absolute;
	display: flex;
	flex-flow: column nowrap;
	left: 0;
	top: 100%;
	margin-top: 4px;
	width: 100%;
	max-width: 100%;
	padding: 8px;
	border-radius: var(--w3-border-radius);
	font-size: 14px;
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category-choice>* {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
	vertical-align: top;
	margin-right: 5px;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category-choice>*>span {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category-choice .tommy-zeb-min span {
	width: 24px;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	top: -2px;
}

/* edited */
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-range {
	cursor: pointer;
	background: var(--w3-primary-color);
	color: #FFF;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	font-weight: bold;
	font-size: 24px;
	text-align: center;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-range.disabled {
	opacity: 0.6;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category {
	flex-flow: wrap row;
	justify-content: space-between;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-label {
	flex: 1 0 40%;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-choice {
	flex: 0 0 80px;
	align-self: flex-end;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-label,
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-choice {
	display: inline-block !important;
	line-height: normal;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-category-list .tommy-zeb-accommodation-person-category>* {
	float: none;
	margin: 0;
}

.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-left select,
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-left input {
	padding: 2px 4px;
}

/* ====================================================================================================================================================
RESPONSIVE STYLING
==================================================================================================================================================== */

/* ==========================================================================
Normal devices (tablets, 980px and up)
========================================================================== */

@media (min-width: 980px) and (max-width: 1199px) {

	.tommy-zeb-wrapper .tommy-zeb-result-details {
		width: auto;
	}

	.tommy-zeb-wrapper-mini .ng-isolate-scope .ng-scope {
		float: left;
		width: 100%;
		line-height: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label,
	.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label,
	.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label {
		width: 180px;
		float: left;
		padding: 0;
		line-height: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini {
		width: 100%;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse {
		display: flex;
		margin-top: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse button.tommy-zeb-btn {
		flex-grow: 1;
	}

}

/* ==========================================================================
Small devices (tablets, 768px and up)
========================================================================== */

@media (min-width: 768px) and (max-width: 979px) {

	.tommy-zeb-wrapper .tommy-zeb-left {
		width: 33.33%;
		flex-wrap: wrap;
		gap: 20px;
	}

	.tommy-zeb-wrapper .tommy-zeb-right {
		width: 66.66%;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-image {
		min-width: inherit;
		min-height: inherit;
		margin: 0 15px 15px 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-details {
		min-height: inherit;
		padding: 0;
		float: none;
		width: 100%;
	}

	.tommy-zeb-result-description {
		min-height: inherit;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding {
		margin-top: 20px;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-actions {
		position: relative;
	}

	.tommy-zeb-wrapper-mini .ng-isolate-scope .ng-scope {
		float: left;
		width: 100%;
		line-height: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period {
		margin-right: 0;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini {
		width: 100%;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse {
		display: flex;
		margin-top: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse button.tommy-zeb-btn {
		flex-grow: 1;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label,
	.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label,
	.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label {
		width: 125px;
		float: left;
		padding: 0;
		line-height: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date,
	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories {
		flex: 1 1 calc(50% - 10px);
		margin-right: 0;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-confirm-update,
	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-confirm-update button.tommy-zeb-btn,
	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period input {
		width: 100%;
	}

	.tommy-zeb-wrapper-mini button.tommy-zeb-btn {
		margin-top: 0 !important;
	}

}

/* ==========================================================================
Extra small devices (phones, less than 768px)
========================================================================== */

@media (max-width: 767px) {

	.tommy-zeb-wrapper .tommy-zeb-right {
		padding: 20px 0;
	}

	.tommy-zeb-wrapper .tommy-zeb-left,
	.tommy-zeb-wrapper .tommy-zeb-right {
		width: 100%;
	}

	.tommy-zeb-result-description {
		min-height: inherit;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-left {
		display: inherit;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories {
		max-width: unset;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini {
		width: 100%;
	}


	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse {
		display: flex;
		margin-top: 0;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse button.tommy-zeb-btn {
		flex-grow: 1;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		padding-bottom: 15px;
		margin-bottom: 15px;
		padding-right: 0;
		margin-right: 0;
	}

	.tommy-zeb-wrapper-mini .ng-isolate-scope .ng-scope {
		float: left;
		width: 100%;
		line-height: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label,
	.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label,
	.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label {
		width: 125px;
		float: left;
		padding: 0;
		line-height: 34px;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period {
		margin-right: 0;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-confirm-update,
	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period input,
	.tommy-zeb-wrapper-mini button.tommy-zeb-btn {
		width: 100%;
	}

	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date,
	.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date tommy-period {
		width: 100%;
	}


}

@media (min-width: 480px) and (max-width: 767px) {

	.tommy-zeb-wrapper .tommy-zeb-result-image {
		min-width: inherit;
		min-height: inherit;
		width: 100%;
		height: auto;
		margin: 0 15px 15px 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-details {
		min-height: inherit;
		padding: 0;
		float: none;
		width: 100%;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding {
		margin-top: 20px;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-actions {
		position: relative;
	}

	.tommy-zeb-wrapper-mini .tommy-zeb-date-begin,
	.tommy-zeb-wrapper-mini .tommy-zeb-date-end {
		width: 100%;
		float: left;
	}

}

@media (max-width: 479px) {

	.tommy-zeb-wrapper .tommy-zeb-result-details {
		width: 100%;
		min-height: inherit;
		padding: 15px 0 0;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-image {
		min-width: inherit;
		min-height: inherit;
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tommy-zeb-wrapper .tommy-zeb-result-image img {
		width: 100%;
	}

	.tommy-zeb-wrapper-mini .tommy-zeb-date-begin,
	.tommy-zeb-wrapper-mini .tommy-zeb-date-end {
		width: 100%;
		float: left;
	}

}



/* ==========================================================================
ZOEK EN BOEK - END
========================================================================== */


/* ==========================================================================
TOMMY CLASSIC
========================================================================== */

#TommyBookingSupport .tbs-container-fluid {
	padding: 0;
}

#TommyBookingSupport .tbs-navbar-collapse {
	padding: 0;
}

#TommyBookingSupport .tbs-navbar-nav {
	margin-left: 0;
	padding-bottom: 0;
}

#TommyBookingSupport .tbs-navbar-nav > li {
	padding-bottom: 0;
	margin-left: 0;
	margin-right: 20px;
}

#TommyBookingSupport .tbs-navbar-nav > li > a {
	padding: 10px 15px !important;
}

#TommyBookingSupport .tbs-navbar-nav > li.tbs-active {
	background-color: #e7e7e7 !important;
}

#TommyBookingSupport .tbs-navbar {
	min-height: auto;
	overflow: hidden;
	background-color: var(--w3-tommy-color-bg);
}

#TommyBookingSupport * a {
	text-decoration: none;
}

#TommyBookingSupport .tbs-legenda {
	background: none;
	border: none;
}

#TommyBookingSupport .tbs-row.tbs_persoonscategorien,
#TommyBookingSupport .tbs-row.tbs_accommodaties,
#TommyBookingSupport .tbs-row.tbs_kalenders,
#TommyBookingSupport .tbs-container-fluid.tbs_kassabon,
#TommyBookingSupport .tbs-row.tbs_artikelen,
#TommyBookingSupport .tbs-row.tbs_persoon,
#TommyBookingSupport .tbs-row .tbs-page-overzicht>.tbs-container-fluid>.tbs-row:nth-child(2) {
	padding: 20px 0;
	margin: 20px 0;
	background-color: var(--w3-tommy-color-bg);
	border-radius: var(--w3-tommy-input-border-radius);
}

#TommyBookingSupport .tbs-container-fluid.tbs_kassabon {
	margin: 33px 0;
	padding: 20px;
}

#TommyBookingSupport .tbs_overlay-mask {
	border-radius: var(--w3-tommy-input-border-radius);
}

#TommyBookingSupport .tbs-calendar {
	margin: 20px 0;
}

#TommyBookingSupport .tbs-calendar .tbs-day.tbs-beschikbaar {
	cursor: pointer;
	transition: all 0.5s ease;
}

#TommyBookingSupport .tbs-calendar .tbs-day.tbs-beschikbaar:hover {
	opacity: 0.8;
}

#TommyBookingSupport .tbs-calendar table,
#TommyBookingSupport .tbs-calendar table > thead > tr > th {
	border: none;
	font-weight: 400;
	color: var(--w3-black);
}

#TommyBookingSupport .tbs-calendar table > thead > tr > th.tbs-translate {
	border-bottom: 1px solid var(--w3-black);
	text-transform: uppercase;
}

#TommyBookingSupport .tbs-calendar .tbs-day.tbs-selected {
	color: #fff;
	background-color: var(--w3-primary-color) !important;
}

#TommyBookingSupport .tbs-row h2 {
	margin-bottom: 0;
}

#TommyBookingSupport .tbs-btn-block+.tbs-btn-block {
	margin: 0;
}

#TommyBookingSupport .tbs-btn {
	padding: 8px 15px;
	border: 1px solid;
	line-height: 25px;
	border-radius: var(--w3-tommy-input-border-radius);
}

#TommyBookingSupport .tbs_overzicht .tbs-row h2 {
	margin-bottom: 15px;
}

#TommyBookingSupport .tbs_overzicht .tbs-specificaties .tbs-row {
	margin-top: 15px;
}

#TommyBookingSupport .tbs-btn-default {
	border-color: #CCC;
	background-color: #FFF;
}

#TommyBookingSupport .tbs-btn-info {
	border-color: #46b8da;
	background-color: #46b8da;
	color: #FFF;
}

#TommyBookingSupport .tbs-btn-info:hover {
	border-color: #3599b8;
	background-color: #3599b8;
	color: #FFF;
}


#TommyBookingSupport .tbs-btn-success {
	border: 1px solid var(--w3-primary-color);
	background-color: var(--w3-primary-color);
	color: var(--w3-black);
	line-height: normal;
}

#TommyBookingSupport .tbs-btn-success:hover {
	background-color: var(--w3-primary-color-hover);
	border: 1px solid var(--w3-primary-color-hover);
}

#TommyBookingSupport .tbs-alert-danger {
	color: #E91E63;
	background-color: rgba(233, 30, 99, 0.09);
	border: none;
	margin: 0 15px 15px;
	padding: 10px 35px 10px 10px;
}


#TommyBookingSupport .tbs-form-control {
	border-color: var(--w3-tommy-input-border-color);
	border-radius: var(--w3-tommy-input-border-radius);
	padding: 3px 8px;
}

#TommyBookingSupport .tbs-has-error .tbs-form-control {
	border-color: rgb(244, 67, 54);
}

/* kassabon */
#TommyBookingSupport .tbs_kassabon .tbs-row {
	margin-bottom: 15px;
}

#TommyBookingSupport .tbs-label {
	font-size: 100%;
	margin-right: 5px;
}

#TommyBookingSupport .tbs_kassabon .tbs-hr {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#TommyBookingSupport .tbs_kassabon .tbs-totaal span.tbs-translate {
	font-weight: 400;
}

#TommyBookingSupport .tbs_kassabon .tbs-totaal span#totaal_amount {
	font-size: 32px;
	line-height: 50px;
}

#TommyBookingSupport .tbs_persoonsgegevens_overzicht>.tbs-row {
	margin: 0 0 15px 0;
}

/* resonsive mobile */
@media (max-width: 767px) {

	#TommyBookingSupport .tbs-calendarPrevious span.tbs-translate,
	#TommyBookingSupport .tbs-calendarNext span.tbs-translate {
		display: none;
	}

}



.tommy-matrix .matrix-bar legend {
	color: var(--w3-primary-color);
}
.tommy-matrix .matrix-bar label.active textarea, .tommy-matrix .matrix-bar label.active input, .tommy-matrix .matrix-bar label.active select {
	border-color: #000;
}
.tommy-matrix .matrix-bar .input-ok input, .tommy-matrix .matrix-bar .input-ok select, .tommy-matrix .matrix-bar label.input-ok::after {
	color: #000;
}
.tommy-matrix .the-matrix button, .tommy-matrix .the-matrix .btn {
	background: var(--w3-primary-color);
	border-color: var(--w3-primary-color);
	box-shadow: none;
	color: var(--w3-black);
}
.tommy-matrix .the-matrix button:hover, .tommy-matrix .the-matrix .btn:hover {
	background: var(--w3-secondary-color);
	border-color: var(--w3-secondary-color);
	color: var(--w3-black);
}

.the-matrix .popup .input-container_header h2 {
	color: var(--w3-black);
}

.tommy-matrix .the-matrix .popup .input-container_header {
	background: var(--w3-primary-color);
	color: var(--w3-black);
}
.tommy-matrix .the-matrix .popup:after {
	border-bottom-color: #eb902d;
}
.tommy-matrix .matrix-bar .ul-nav li a:hover {
	color: #eb902d;
}
.tommy-matrix .matrix-bar .ul-nav li a i {
	color: #000;
}
.tommy-matrix .the-matrix .popup .show-col-table tr td {
	color: #000;
}
.tommy-matrix .the-matrix .popup .show-col-table tr.td-total td {
	color: #000;
}
.tommy-matrix .matrix-bar .persons-table td a {
	color: var(--w3-primary-color);
}
.tommy-matrix .matrix-bar .persons-table td a:hover {
	color: var(--w3-primary-color);
}
.tommy-matrix .matrix-bar .persons-table td input:hover, .tommy-matrix .matrix-bar .persons-table td input:focus {
	color: var(--w3-primary-color);
}
.tommy-matrix .time-bar ul li a {
	color: var(--w3-primary-color);
}
.tommy-matrix .time-bar .time-back, .tommy-matrix .time-bar .time-ff {
	color: var(--w3-primary-color);
}
.tommy-matrix .time-bar .time-back:hover, .tommy-matrix .time-bar .time-ff:hover {
	color: var(--w3-primary-color);
}
.tommy-matrix .time-bar .time-back {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.tommy-matrix .time-bar .time-ff {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.tommy-matrix .matrix-date-row .matrix-time i {
	color: #eb902d;
}
.tommy-matrix .matrix-row.arrangement .row-arrang {
	background: rgba(108, 174, 143, 0.1);
}
.tommy-matrix .matrix-row.arrangement .fixed-one {
	border-color: #000;
}
.tommy-matrix .row-arrang .title {
	color: #000;
}
.tommy-matrix .row-arrang .price {
	color: #000;
}
.tommy-matrix .matrix-date-row .fixed-one {
	background: #fff;
}
.tommy-matrix .matrix-row .fixed-one .fixed-one_text {
	background: var(--w3-brouwn);
}
.tommy-matrix .matrix-row .fixed-one .fixed-one_text .more-info:hover {
	color: #6cae8f;
}
.tommy-matrix .the-matrix.periods .matrix-row .fixed-one .fixed-one_text {
	border-right-color: var(--w3-brouwn);
}
.tommy-matrix .matrix-beschikbaarheid {
	background: var(--w3-secondary-color);
}
.tommy-matrix .matrix-beschikbaarheid .matrix-spec, .tommy-matrix .matrix-beschikbaarheid .matrix-prijs, .tommy-matrix .matrix-beschikbaarheid .matrix-trigger {
	color: var(--w3-black);
}
.tommy-matrix .matrix-beschikbaarheid:hover {
	background: var(--w3-primary-color);
}
.tommy-matrix .matrix-beschikbaarheid:hover .matrix-spec, .tommy-matrix .matrix-beschikbaarheid:hover .matrix-prijs, .tommy-matrix .matrix-beschikbaarheid:hover .matrix-trigger {
	color: var(--w3-black);
}
.tommy-matrix .matrix-beschikbaarheid .matrix-spec .vanvoor::after {
	border-color: #000;
}
.tommy-matrix .matrix-arrangement {
	background: #000;
}
.tommy-matrix .matrix-arrangement:hover .matrix-spec, .tommy-matrix .matrix-arrangement:hover .matrix-prijs, .tommy-matrix .matrix-arrangement:hover .matrix-trigger {
	color: #eb902d;
}
.tommy-matrix .matrix-lastminute {
	background: #6cae8f;
	color: #fff;
}
.tommy-matrix .matrix-lastminute:hover .matrix-spec, .tommy-matrix .matrix-lastminute:hover .matrix-prijs, .tommy-matrix .matrix-lastminute:hover .matrix-trigger {
	color: #eb902d;
}
.tommy-matrix .matrix-beschikbaarheid.no-data {
	background: rgba(var(--w3-primary-color-rgb), 0.1);
}

.tommy-matrix .matrix-bar {
	margin: 0;
}
.tommy-matrix .matrix-scroll {
	padding: 0;
}
.tommy-matrix .matrix-bar label:not(.checkbox):not(.btn) {
	background: transparent;
}
.tommy-matrix .matrix-bar span.label-name {
	font-weight: 400;
}
.tommy-matrix .matrix-bar label > input, .tommy-matrix .matrix-bar label > select, .tommy-matrix .matrix-bar label > input {
	font-weight: 400;
	background: #fff;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}
.tommy-matrix .time-bar .time-back {
	padding-left: 0;
}
.tommy-matrix .time-bar .time-ff {
	padding-right: 0;
}
.tommy-matrix .matrix-date-row .matrix-time {
	font-size: 13px;
	font-weight: 700;
}
.tommy-matrix .the-matrix .matrix-beschikbaarheid.single-accommodation, .tommy-matrix .the-matrix.periods .matrix-row .fixed-one .fixed-one_text {
	border-radius: 4px;
}
.tommy-matrix .the-matrix .matrix-beschikbaarheid.single-accommodation .vertical-align {
	height: 40px;
}
@media (max-width: 768px) {
	/* pop-up fix */
	.tommy-matrix .the-matrix.periods .popup {
		width: auto;
		height: auto;
		max-width: 100% !important;
		top: 15px !important;
		left: 15px !important;
		right: 15px !important;
		bottom: inherit;
	}
}