/* custom - op basis van TommyBookingSupport */
#TommyBookingSupport { font-size: 15px;}
#TommyBookingSupport .tbs-navbar-default .tbs-navbar-nav>.tbs-active>a, 
#TommyBookingSupport .tbs-navbar-default .tbs-navbar-nav>.tbs-active>a:focus, 
#TommyBookingSupport .tbs-navbar-default .tbs-navbar-nav>.tbs-active>a:hover { color: #fff; background-color: #ff5a00;}
#TommyBookingSupport .tbs-btn-info { color: #fff;  background-color: #ff5a00; border-color: #ff5a00;}
#TommyBookingSupport .tbs-btn-info:hover { background-color: #793651; border-color: #793651;}
#TommyBookingSupport .tbs-btn-success { color: #fff; background-color: #793651; border-color: #793651;}
#TommyBookingSupport .tbs-btn-success:hover { color: #fff; background-color: #ff5a00; border-color: #ff5a00;}
#TommyBookingSupport .tbs-btn-info, #TommyBookingSupport .tbs-btn-success { transition: all 0.5s ease;}

body #TommyBookingSupport .tbs-calendar .tbs-day.tbs-selected { background-color: #ff5a00;}

#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) {
    background-color: rgb(245, 245, 245)!important;
}

/* custom - op basis van TommyBookingSupport MINI Widget */
.search-and-book-widget .tommy-zeb-wrapper {
    float: none;
    width: auto;
}
.search-and-book-widget .tommy-zeb-wrapper * { font-family: 'Mukta', sans-serif !important; font-size: 15px; float: none !important}
.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left {
    flex-wrap: wrap;
    float: none;
    background: none;
    color: #000;
    padding: 0 !important;
}
.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left label {
    color: #000;
} 
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-left { justify-content: center !important;}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date,
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types {
    margin-right: 15px;
    padding-right: 0;
    border-right: none;
}
.search-and-book-widget .tommy-zeb-wrapper-mini h2.ng-binding { display: none;}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label { display: none;}

/* Accommodatietype */
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types { display: none !important;}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types .tommy-zeb-accommodation-type-choice::before {
    display: block;
    content: 'Accommodatietype';
    line-height: 30px;
}
.en .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types .tommy-zeb-accommodation-type-choice::before { content: 'Accommodation type';}

.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types select { max-width: 200px; min-width: 150px;}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category select { width: 120px;}

.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left input { line-height: 20px;}
.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left input,
.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left select { padding: 5px; margin: 0; width: 100%;}
.search-and-book-widget .tommy-zeb-period { display: flex !important;}
.search-and-book-widget .tommy-zeb-period .tommy-zeb-date-begin { margin-right: 15px;}
.search-and-book-widget .tommy-zeb-period .tommy-zeb-date-begin-label,
.search-and-book-widget .tommy-zeb-period .tommy-zeb-date-end-label { float: none !important; display: block;}
.search-and-book-widget .tommy-zeb-period .tommy-zeb-date-begin-label label, .search-and-book-widget .tommy-zeb-period .tommy-zeb-date-end-label label { margin-bottom: 0 !important; line-height: 30px; display: block;}
.search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-date-begin,
.search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-date-end {
    padding: 0;
    float: left;
    margin-bottom: 0;
}

.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories, .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date {
    border-right: none;
    padding-right: 0;
}

.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left select,
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period input {
    background-color: #fff;
    border: 1px solid #ff5a00;
    border-radius: 8px;
    padding: 6px 10px;
    height: 36px;
}
.search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left select { padding-top: 4px;}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period input { width: 130px;}

.search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-update {
    margin: 30px 0 0 0 !important;
    padding: 8px 20px;
    border-radius: 8px;
	border-color: #ff5a00;
    background-color: #ff5a00;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'Amatic SC', cursive !important;
    text-transform: none;
}
.search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-update:hover {
    border-color: #793651;
    background-color: #793651;
}

/* collapse functionaliteit */
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories h2.ng-binding {
    display: block;
    margin: 6px 0 2px 0;
    color: #000;
    font-weight: 400;
    text-transform: none;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories-collapse {
    display: flex;
    min-width: auto;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories-collapse .tommy-zeb-travelcompany-total {
    border: 1px solid #ff5a00;
    border-radius: 8px;
    padding: 6px;
    width: 50px !important;
    height: 36px;
    margin-top: 4px !important;
    margin-left: 15px;
}

.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-category-list {
    z-index: 99;
    margin-top: 37px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    color: #000;
    width: 100%;
    max-width: 100%;
    min-width: 260px;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-category-list .ng-scope { padding: 0;}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category {
    flex-wrap: nowrap;
    margin: 5px 0;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-label {
    flex: 1 1 auto;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-choice {
    flex: 0 0 85px;
    align-self: center;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice .ng-binding {
    min-width: 20px;
    line-height: 22px;
    text-align: center;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range {
    background-color: #ff5a00;
    color: #fff;
    line-height: 22px;
    transition: all 0.5s ease;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range:hover {
    background-color: #793651;
    color: #fff;
}
.search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range span { 
    line-height: 24px; 
    top: 0!important;
}

.search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-change-person-categories {
    height: 36px;
    padding: 7px 14px;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    border-radius: 8px;
    text-transform: none;
    background-color: #fff;
    border: 1px solid #ff5a00;
}
.search-and-book-widget  .tommy-zeb-wrapper.tommy-zeb-wrapper-mini tommy-person-category-mini .tommy-zeb-person-categories-collapse button.tommy-zeb-btn { margin-top: 4px !important;}
.search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-change-person-categories::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    margin-left: 15px;
}



@media (min-width: 768px) and (max-width: 1199px) {
    
    .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label,
    .search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label,
    .search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label { width: auto;}

}

@media (max-width: 767px) {

    .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-left { display: block;}
    .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
    .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types {
        border-bottom: none;
        padding: 0;
        margin: 0;
    }
    .search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-date,
    .search-and-book-widget .tommy-zeb-wrapper-mini .ng-isolate-scope { float: none; clear: both;}
    .search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn { margin: 0 !important;}
    .search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label, 
    .search-and-book-widget .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label { width: auto;}
    .search-and-book-widget .tommy-zeb-wrapper-mini tommy-confirm-update { display: block;}

    .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types select { max-width: none;}
    .search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left select,
    .search-and-book-widget .tommy-zeb-wrapper .tommy-zeb-left input,
    .search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn {
        display: block !important;
        width: 100% !important;
    }

    .search-and-book-widget .tommy-zeb-wrapper-mini button.tommy-zeb-btn.tommy-zeb-update { margin-top: 15px !important;}
    .search-and-book-widget .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date { margin-right: 0;}

}

/* custom - op basis van TommyBookingSupport */
.content .tommy-zeb-wrapper * { font-family: 'Mukta', sans-serif !important; color: #000;}
.content .tommy-zeb-wrapper .tommy-zeb-left { background: #f2d091;}
.content .tommy-zeb-wrapper .tommy-zeb-result.ng-scope { background-color: #fff8e8;}
.content .tommy-zeb-wrapper .tommy-zeb-left h1 { display: none;}
.content .tommy-zeb-wrapper * h2 { 
    color: #793651;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Amatic SC', cursive !important;
    text-transform: uppercase;
}
.content .tommy-zeb-wrapper .tommy-zeb-person-categories h2 { margin-top: 0;}
.content .tommy-zeb-wrapper .tommy-zeb-btn {
    min-width: 150px;
    padding: 10px 20px;
    border: 1px solid #ff5a00;
    background-color: #ff5a00;
    border-radius: 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Amatic SC', cursive !important;
}
.content .tommy-zeb-wrapper .tommy-zeb-btn:hover {
    background-color: #793651; 
    border-color: #793651; 
    color: #fff;
}

.content .tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding { 
    margin-bottom: 10px;
    color: #793651;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'Amatic SC', cursive !important;
}
.content .tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding {
    color: #000;
    font-weight: 700;
}

@media (min-width: 1200px) {
    /* custom - op basis van TommyBookingSupport - Zoek en Boek */
    .content .tommy-zeb-wrapper .tommy-zeb-result-image img { max-width: 250px;}
    .content .tommy-zeb-wrapper .tommy-zeb-result-details { width: 545px;}
}
@media (min-width: 980px) and (max-width: 1199px) {
    /* custom - op basis van TommyBookingSupport - Zoek en Boek */
    .content .tommy-zeb-wrapper .tommy-zeb-result-image img { max-width: 180px;}
}