/* General elements */
html,
body {
	font-family: Calibri, sans-serif!important;
	font-size: 12px!important;
}

.summary-wrapper {
	background-color: #e2d7d1;
	font-family: Calibri, sans-serif!important;
	color: #000000;
}

.page-buttons-wrapper > input[type="submit"] {
	background-color: #2bb05f;
}

.page-buttons-wrapper > input[type="submit"]:hover {
	text-decoration: underline;
}


/* Header elements */
.header-container {
	background-color: #ecf0f1;
}

.header-content {
	background-color: #e2d7d1;
	height: 100%;
	color: #444444;
}

.header-content h1 {
	font-size: 28px;
}

.filter-button-container input,
.filter-button-container button {
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/magnifying-glass-black_250x250.png) 5px center no-repeat;
	background-size: 25px, 25px;
	background-color: #ecf0f1;
	color: #444444;
	border-left: 1px solid #e2d7d1;
}


/* Menu elements */
.controlscontainer {
	background-color: #e2d7d1;
}

.single-control-container {
	background-color: #e2d7d1;
}



.single-control-container:hover {
	background-color: #ecf0f1; /* was: #00C1B5 */
}

.single-control-container .control-content,
.single-control-container:hover .control-content {
	border-left: 1px solid #000000;
}

.single-control-container .control-label,
.single-control-container:hover .control-label {
	color: #000000;
}

.single-control-container input,
.single-control-container .datepicker,
.single-control-container .control-single-select,
.single-control-container .control td {
	background-color: #ecf0f1;
}

.single-control-container:hover input,
.single-control-container:hover .datepicker {
	border: 1px solid #000000;
}

.single-control-container:hover .control-single-select,
.single-control-container:hover .control input,
.single-control-container:hover .control td {
	background-color: #ffffff;
}

.single-control-container .control-single-select select,
.single-control-container .control select {
	background-color: transparent!important;
}

.single-control-container:hover select {
	background-color: transparent!important;
}

.single-control-container .control-icon-date,
.single-control-container:hover .control-icon-date {
	/*background: url(datefilter-black.png) center center no-repeat;*/
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/datefilter-black.png) center center no-repeat;
}

.single-control-container .control-icon-time,
.single-control-container:hover .control-icon-time {
	/*background: url(timefilter-black.png) center center no-repeat;*/
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/timefilter-black.png) center center no-repeat;
}

.single-control-container .control-icon-timespan,
.single-control-container:hover .control-icon-timespan {
	/*background: url(timespanfilter-black.png) center center no-repeat;*/
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/timespanfilter-black.png) center center no-repeat;
}

.single-control-container .control-icon-activity,
.single-control-container:hover .control-icon-activity {
	/*background: url(activityfilter-black.png) center center no-repeat;*/
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/activityfilter-black.png) center center no-repeat;
}

.single-control-container .control-icon-objectgroup,
.single-control-container:hover .control-icon-objectgroup {
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/object-black.png) center center no-repeat;
}

.button-control-container input {
	background-color: #2bb05f;
}

.button-control-container input:hover {
	text-decoration: underline;
}

#ctl00_ContentPlaceHolder1_SearchFilter1_SearchModeLabel {
	/*color: #ffffff;*/
	color: #000000;
}

#ctl00_ContentPlaceHolder1_SearchFilter1_PeriodControlContainer .datepicker-calendar input[type=button]:hover,
#ctl00_ContentPlaceHolder1_SearchFilter1_PeriodControlContainer .datepicker-calendar input[type=button],
#ctl00_ContentPlaceHolder1_SearchFilter1_DateControlContainer .datepicker-calendar input[type=button]:hover,
#ctl00_ContentPlaceHolder1_SearchFilter1_DateControlContainer .datepicker-calendar input[type=button] {
	background-color: #2bb05f!important;
	color: #ffffff;
}


/* Start page elements */
.facility-description-wrapper {
	background-color: #ecf0f1;
}

body.notmobile .facility-picture-wrapper:hover {
	background-color: #ecf0f1;
}

body.notmobile .facility-picture-wrapper:hover ~ .facility-description-filler .facility-description-wrapper,
body.notmobile .facility-description-wrapper:hover {
	background-color: #e2d7d1;
	color: #444444;
}

.facility-picture-wrapper {
	background-color: #ecf0f1;
}

.facility-information,
.facility-information-scrollbar-up,
.facility-information-scrollbar-down {
	background-color: #ecf0f1;
}

.facility-information {
	height: 160px;
}

.facility-selected-description-wrapper {
	background-color: #e2d7d1!important;
	color: #000000!important;
}

body.notmobile .facility-picture-wrapper:hover ~ .facility-description-filler .facility-description-wrapper .facility-icon,
body.notmobile .facility-description-wrapper:hover .facility-icon,
body.notmobile .facility-description-wrapper-hover .facility-icon,
body.notmobile .facility-description-wrapper .facility-selected-icon {
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/object-black.png) center center no-repeat!important;
}

body.notmobile .facility-picture-wrapper:hover ~ .facility-description-filler .facility-description-wrapper,
body.notmobile .facility-info-button:hover ~ .facility-description-filler .facility-description-wrapper,
body.notmobile .facility-description-wrapper-hover,
body.notmobile .facility-description-wrapper:hover {
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/plus-black_25x25.png) 97% center no-repeat!important;
	background-color: #e2d7d1!important;
	color: #000000!important;
}

body.notmobile .facility-info-button:hover ~ .facility-description-filler .facility-description-wrapper .facility-icon {
	background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/object-black.png) center center no-repeat!important;
}

.facility-showinfo-button,
.facility-hideinfo-button {
	background-color: #e2d7d1!important;
}

.facility-hideinfo-button {
	/*background: url(https://reflexdatastore001.blob.core.windows.net/content/2b83f2eb-8fba-49a5-bb38-ce2e2428bbf1/conference2/images/photo-black_25x25.png) center center no-repeat;*/
	background: url(https://reflexdatastore001.blob.core.windows.net/userdata/external/coachhuis/photo-black_25x25.png) center center no-repeat;
}


/* Availability page elements */
.availability-button-wrapper > input {
	background-color: #008789;
}

.availability-button-wrapper > input:hover {
	text-decoration: underline;
}

.availability-wrapper {
	background-color: #e7faf8;
}

.available-objects-wrapper,
.unavailable-objects-wrapper {
	background-color: #ffffff;
}


/* Save page elements */
.save-wrapper {
	background-color: #e7faf8;
}

.info_box {
	background-color: #008789;
}



/* Bookings overview page elements */
.bookingoverview-summary-wrapper {
	/*background-color: #008789;*/
	background-color: #e2d7d1;
	color: #000000;
}

.bookingoverview-actions > input,
.bookingoverview-actions > button {
	/*background-color: #e7faf8;*/
	background-color: #008789;
}

.bookingoverview-actions > input:hover,
.bookingoverview-actions > button:hover {
	text-decoration: underline;
}

.bookingoverview-actions > button {
	height: 30px;
	padding: 1px 6px;
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	border: 0px;
	font-weight: bold;
	width: 150px;
}

.bookingoverview {
	background-color: #e7faf8;
}

.bookingoverview-periodcontrol-container button,
.bookingoverview-periodcontrol-container table input[type="text"] {
	background-color: #008789;
}

.bookingoverview-periodcontrol-container button:hover {
	text-decoration: underline;
}

.bookingoverviewitem:hover,
.bookingoverviewitem-selected {
	/*background-color: #008789;*/
	background-color: #e2d7d1;
	color: #000000;
}

.bookingoverview-periodcontrol .datepicker-calendar-prevmonth,
.bookingoverview-periodcontrol .datepicker-calendar-nextmonth {
	background-color: #008789;
	color: #ffffff;
}

@media screen and (max-width: 480px) {
	.header-content {
		height: 60%!important;
	}
}

/* 2020-08-20 customization of the "cookies not supported" error message */
.facilitypictures .error_box {
	background-color: rgba(255,102,102,0.6);
}

.facilitypictures .error_box::after {
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 15px;
	margin-top: 5px;
	background-color: rgba(255,102,102,1);
}

.facilitypictures .error_box a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-align-content: center;
	align-content: center;
	background-color: #2bb05f;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	width: 200px;
	height: 40px;
	margin: 20px auto 0px auto;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
}