/* ------------- CALENDER DATUM SELECTOR --------------- */

/* Calender cellen algemeen */
.datepicker-calendar-cell {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% / 8);
	padding: 8px;
	text-align: center;
	border-radius: .25rem;
	cursor: not-allowed;
	background-color: #fff;
}
@media (max-width: 980px) {
	.datepicker-calendar-cell {
		padding: 4px;
		width: calc(100% / 8);
	}
}

/* Beschikbare data */
.datepicker-calendar-cell.validdate.in-current-month {
	background: #036c33;
	border: none;
	color: #ffffff;
}

.datepicker-calendar-cell.validdate.in-current-month:hover {
	background-color: #79b647;
	text-decoration: none;
}

/* Niet beschikbare data */
.datepicker-calendar-cell.in-current-month {
	background-color: #f4f2e5;
}

/* Calender dropdown */
.filter-control-datepicker.startdate-control-datepicker {
	padding: 4px;
	border-radius: 0 0 .25rem .25rem;
	border-color: #eae6cb;
}

/* Maand selector */
.datepicker-monthyear-dropdown-container {
	padding-bottom: 16px;
}


.menu {
	padding: 10px 4px!important;
}
/* ------------- Filter opties menu --------------- */

/* Zoekmenu */
body.menu-on-top .menu, body.menu-on-left .menu {
	background-color: #f4f2e5;
}

/* Filters */
.filter-control-placeholder {
	border-color: #eae6cb;
}
.filter-control-items, .activity-filter-control-items {
	border-color: #eae6cb;
	border-radius: 0 0 .25rem .25rem;
	padding: 0;
}

/* Reset item */
.activitytype-group.reset-activity-selection-group {
	border-top: 1px solid #eae6cb !important;
	padding: 1.5rem 0 0.5rem 0;
}

/* Dropdown items */
.filter-control-listitem {
	padding: .75rem 1.25rem;
}
.filter-control-listitem:hover {
	background-color: #79b647;
	color: #fff;
}

/* Checkbox items */
.activitytype-group {
	padding: .5rem;
}
.activity-types-container {
	padding: .25rem;
}

/* Pagina selector */
.pagination-row .page-button.active {
	background-color: #ed8210;
}

/* Footer */
.pagination-footer-row {
	background-color: #f4f2e5;
}

/* Side block filter */
.filter.force-open .activity-filter-control-items {
	border-top: 2px solid #f4f2e5;
	border-radius: .25rem;
}

/* Counter filter */
.filters-row .filter .form-control {
	border-color: #eae6cb;
}

/* ------------- Resultaten --------------- */

/* Resultaat blokken */
.accommodation-resultblock {
	border-radius: .25rem;
	background-color: #f4f2e5;
	border: none;
	grid-template-rows: 60px 100% 80px;
}
 
/* Foto */
.result-image img {
	border-radius: .25rem 0 0 .25rem;
}

/* Knoppen */
.accommodation-result .accommodation-button button {
	align-items: bottom;
}
.result-buttons a {
	font-size: 12px;
	background-color: #f4f2e5;
	color: #79b647;
}
.result-buttons a:hover {
	color: #036c33;
}
.accommodation-result .accommodation-button button {
	background-color: #ed8210;
	border-radius: 0 0 .25rem 0;
}
.accommodation-result .accommodation-button button:hover {
	background-color: #79b647;
	transition-duration: .2s;
}

/* Borders weghalen tussen info */
.result-periodandprice {
	border: none;
}

/* Prijs */
.result-price-amount{
	color: #ed8210;
}

/* Borders weghalen tussen info */
.result-description::after {
	display: none;
}

/* ------------- Alert --------------- */
.alert-primary {
	color: #4f3220;
	background-color: #f4f2e5;
	border-color: #4f3220;
}



/* ------------- Meer informatie --------------- */

/* Ga terug knop */
.backtoresultsbutton-container a {
	color: #ed8210;
}

/* Prijs */
.accommodation-price {
	color: #ed8210;
}

/* Prijsopgave knop */
.book-now-button {
	background-color: #ed8210;
	border-radius: 0;
}
.book-now-button:hover {
	background-color: #79b647;
}

.card-body p {
	background-color: #fff !important;
}

.accommodation-tabs-container ul.nav.nav-tabs .nav-item .nav-link.active {
	color: #ed8210;
}
.accommodation-tabs-container ul.nav.nav-tabs .nav-item .nav-link.active:hover {
	background-color: #fff;
}

.accommodation-tabs-container ul.nav.nav-tabs .nav-item .nav-link:hover {
	background-color: #79b647;
	transition-duration: .2s;
}

.item-button button {
	background-color: #ed8210;
	border-radius: 0;
}
.item-button button:hover {
	background-color: #79b647;
}


/* ------------- Boeken --------------- */

/* Ga terug knop */
.book-now-buttons .back-button{
	color:  #ed8210;
	background-color: #fff;
	border: 2px solid  #ed8210;
}
.book-now-buttons .back-button:hover {
	color: #79b647!important;
	border-color: #79b647 !important;
}

/* Ga verder knop */
.book-now-buttons .next-button {
	background-color: #ed8210;
}
.book-now-buttons .next-button:hover {
	background-color: #79b647;
}
	
/* Stappen balk */
.book-now-header {
	background-color: #79b647;
}

/* Totaal prijs */
.costs-total .overview-subsection.total-price .overview-label, .costs-total .overview-subsection.total-price .overview-text.overview-price {
	color: #ed8210;
}