body .tommy-zeb-wrapper * { font-family: 'Source Sans Pro', sans-serif!important; }

/* custom - op basis van TommyBookingSupport */
#TommyBookingSupport .tbs-reservation-bar-default .tbs-reservation-bar-nav>.tbs-active>a, 
#TommyBookingSupport .tbs-reservation-bar-default .tbs-reservation-bar-nav>.tbs-active>a:focus, 
#TommyBookingSupport .tbs-reservation-bar-default .tbs-reservation-bar-nav>.tbs-active>a:hover { color: #fff; background-color: #0e76bc; }
#TommyBookingSupport .tbs-btn-info { color: #fff;  background-color: #0e76bc; border-color: #0e76bc; }
#TommyBookingSupport .tbs-btn-info:hover { background-color: #666; border-color:  #666; }
#TommyBookingSupport .tbs-btn-success { color: #fff; font-weight: 600; background-color: #23a54d; border-color: #23a54d; text-transform: uppercase; }
#TommyBookingSupport .tbs-btn-success:hover { color: #fff; background-color: #b3c000; border-color: #b3c000; }
#TommyBookingSupport .tbs-btn-info, #TommyBookingSupport .tbs-btn-success { transition: all 0.5s ease; }

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

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

/* custom - op basis van TommyBookingSupport - Zoek en Boek */
.content .tommy-zeb-wrapper .tommy-zeb-left { 
    background: #c3ddee;
    color: #424141!Important;
    border-radius: 0;
}
.content .tommy-zeb-wrapper * h2 {
    color: #589bc7;
}
.content .tommy-zeb-wrapper .tommy-zeb-left h1 { display:none; }
.content .tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding { color: #0e76bc; font-weight: 600; font-size: 16px; }
.content .tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding { color: #0e76bc; font-weight: 400; font-size: 15px; }
.content .tommy-zeb-wrapper .tommy-zeb-btn {   padding: 5px 15px;  border-radius: 0; background-color: #76b729; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 20px;   }
.content .tommy-zeb-wrapper .tommy-zeb-btn:hover { background-color: #6c8d27; }

.content .tommy-zeb-wrapper .tommy-zeb-left select, .content .tommy-zeb-wrapper .tommy-zeb-left input {
    border-radius: 0;
}
.content .tommy-zeb-wrapper .tommy-zeb-result.ng-scope {
    background-color: #fff;
    border-radius: 0;
    border: 2px solid #eeeeee;
    padding: 20px;
}

/* mini widget */
.reservation-bar h2 { 
	position: absolute;
    left: 15px;
    background-color: #c3ddee;
    padding: 5px 15px;
    font-size: 18px;
    margin-top: -28px;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
	text-transform: uppercase; 
}
.reservation-bar .tommy-zeb-wrapper-mini { font-family: 'Source Sans Pro', sans-serif; }
.reservation-bar .tommy-zeb-wrapper .tommy-zeb-left { background: none; font-size: 14px!important; color: #424141; }
.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-left.ng-scope {  padding: 20px 0; }
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories { max-width: 100%; }
.reservation-bar .tommy-zeb-wrapper .tommy-zeb-left select, .tommy-zeb-wrapper .tommy-zeb-left input { background-color: #e1eef7; }
.reservation-bar .tommy-zeb-wrapper-mini h2.ng-binding { display: none; }
.reservation-bar .tommy-zeb-wrapper-mini button.tommy-zeb-btn { 
    padding: 5px 15px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: none;
    border-radius: 2px;
	background-color: #0e76bc;
	margin-top: 2px!important;
 }
.reservation-bar .tommy-zeb-wrapper .tommy-zeb-btn:hover {   background-color: #76b729; }
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories, .reservation-bar  .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date {
    margin-right: 10px;
    padding-right: 0px;
}
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories .ng-scope { padding: 0; float: left; }
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label {  line-height: 28px; }
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-period input { width: 78px; }

/* calendar colors */
.is-disabled .pika-button {
    background: #e4e4e4 !important;
}
.is-today .pika-button {
    color:  #fff !important;
}
.pika-button {
    background: #75d000 !important;
}
.pika-button:hover  {
    background: #007d00 !important;
    border-radius: 0 !important;
}
.is-startrange .pika-button {
    background: #007d00 !important;
    border-radius: 0 !important;
}



.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories-collapse {
    display: flex;
    padding-right: 25px;
}
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories-collapse .tommy-zeb-btn { flex: 1 1 auto; }

.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-category-list {
    z-index: 1;

    margin-top: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}

.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category {
    flex-wrap: nowrap;
    margin: 5px 0;
}
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category .tommy-zeb-accommodation-person-category-label {
    flex: 1 1 auto;
}
.reservation-bar .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;
}
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice .ng-binding {
    min-width: 20px;
    line-height: 23px;
    text-align: center;
}

.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range {
    background-color: #0e76bc;
    color: #FFFFFF;

    line-height: 22px;

    transition: all 0.5s ease;
}
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range:hover {
    background-color: #76b729;
    color: #FFFFFF;
}

.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range span { line-height: 22px; }
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range.tommy-zeb-min span { top: -1px; }
.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-range.disabled { opacity: 0.25; }



@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: 390px; float: left;}
}


@media (min-width: 1200px) and (max-width: 1299px) {
	.reservation-bar .tommy-zeb-wrapper .tommy-zeb-left 				{ font-size: 13px!important; }
	.reservation-bar .tommy-zeb-accommodation-person-category select 	{ width: 35px;	}
}

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

    /* custom - op basis van TommyBookingSupport - MINI Widget */

	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label, 
	.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label, 
	.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label { width: 160px!important; }
	.reservation-bar { padding: 0 15px; }
	.reservation-bar .tommy-zeb-wrapper .tommy-zeb-date-begin, .tommy-zeb-wrapper .tommy-zeb-date-end {
		float: left; width: 100%;  margin: 0!important;
	}

	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories {
		max-width: 240px;
	}
	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date {
		max-width: 305px;
	}


    /* custom - op basis van TommyBookingSupport - Zoek en Boek */
    .content .tommy-zeb-wrapper .tommy-zeb-result-image img { max-width: 180px; }
    .content .tommy-zeb-wrapper .tommy-zeb-result-details {  }

}

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

    /* custom - op basis van TommyBookingSupport - MINI Widget */
    .reservation-bar .tommy-zeb-wrapper-mini .ng-isolate-scope { width: 250px; }
    .reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label, 
    .reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label, 
    .reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label { width: 110px;     }
	.reservation-bar .tommy-zeb-wrapper-mini button.tommy-zeb-btn { padding: 7px 0;  width: 100%; }
	
	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label, 
	.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label, 
	.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label { width: 160px!important; }
	.reservation-bar { padding: 0 15px; }
	.reservation-bar .tommy-zeb-wrapper .tommy-zeb-date-begin, .tommy-zeb-wrapper .tommy-zeb-date-end {
		float: left; width: 100%;  margin: 0!important;
	}

	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories {
		max-width: 240px;
	}
	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date {
		max-width: 305px;
	}

}

@media (max-width: 767px) {

    /* custom - op basis van TommyBookingSupport - MINI Widget */
    .reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-label, 
	.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label, 
	.reservation-bar .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label { width: 160px!important; }
	.reservation-bar { padding: 0 15px; }
	.reservation-bar .tommy-zeb-wrapper .tommy-zeb-date-begin, .tommy-zeb-wrapper .tommy-zeb-date-end {
		float: left; width: 100%;  margin: 0!important;
	}

	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories,
	.reservation-bar .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-date {
		max-width: 100%;
	}

	


}