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

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

    --w3-tommy-input-border-color: var(--w3-primary-color);
    --w3-tommy-input-border-radius: 6px;

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

    --w3-tommy-datepicker-btn-color: #746464;
    --w3-tommy-datepicker-btn-start-range-color: var(--w3-brown);
    --w3-tommy-datepicker-btn-end-range-color: var(--w3-brown);
    --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-primary-color);
    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: #fff;
    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 {
    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-primary-color);
    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: var(--w3-font-family-text) !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: 1;
}

/* 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-btn,
#TommyBookingSupport .tbs-form-control:not(textarea) {
    height: var(--w3-inputs-height) !important;
    background-color: #FFF;
}

.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-primary-color);
    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: 20px;
    font-weight: 600;
    color: var(--w3-primary-color);
}

.tommy-zeb-wrapper .tommy-zeb-btn {
    padding: 5px 15px !important; 
    background-color: var(--w3-primary-color) !important;
    color: #fff !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 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: 10px 15px !important;
	border-radius: 10px;
	margin-top: -3rem;
	box-shadow: 0 3px 16px 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: #fff;
    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);
}

/* 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%;
	font-size: 14px;
}

.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;
	font-size: 14px;
}

.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-primary-color);
}

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

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

#TommyBookingSupport .tbs-row h4 {
	font-family: var(--w3-font-family-text) !important;
	font-weight: 500;
	font-size: 24px;
}

#TommyBookingSupport .tbs-row h2 {
    margin-bottom: 0;
	font-size: 36px;
	font-family: var(--w3-font-family-text) !important;
	font-weight: 500;
}

#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: #FFF;
    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;
}

#TommyBookingSupport .tbs-btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

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

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

}









.tommy-matrix,
.the-matrix {
	font-family: var(--w3-font-family-text) !important;
}
.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-white);
}
.tommy-matrix .the-matrix button:hover, .tommy-matrix .the-matrix .btn:hover {
	background: var(--w3-black);
	border-color: var(--w3-black);
}
.the-matrix .popup .input-container_header h2 {
	color: var(--w3-white);
}

.tommy-matrix .the-matrix .popup .input-container_header {
	background: var(--w3-primary-color);
	color: var(--w3-white);
}
.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 h2 {
	font-family: var(--w3-font-family-text) !important;
}
.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-brown);
}
.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-brown);
}
.tommy-matrix .matrix-beschikbaarheid {
	background: var(--w3-primary-color);
}
.tommy-matrix .matrix-beschikbaarheid .matrix-spec, .tommy-matrix .matrix-beschikbaarheid .matrix-prijs, .tommy-matrix .matrix-beschikbaarheid .matrix-trigger {
	color: var(--w3-white);
}
.tommy-matrix .matrix-beschikbaarheid:hover {
	background: var(--w3-black);
}
.tommy-matrix .matrix-beschikbaarheid:hover .matrix-spec, .tommy-matrix .matrix-beschikbaarheid:hover .matrix-prijs, .tommy-matrix .matrix-beschikbaarheid:hover .matrix-trigger {
	color: var(--w3-white);
}
.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;
	}
}