/*
	Rental Beschikbaarheidsoverzicht
*/
#beschikbaarheidsoverzicht {
	padding: 1em 1.2em;
	position: relative;
}
#beschikbaarheidsoverzicht .title-wrap {

	padding:10px 0px 10px 10px;
}
	@media (max-width: 640px) {
		#beschikbaarheidsoverzicht {
			padding: 0 10px;
		}
		#beschikbaarheidsoverzicht .title-wrap {
			padding:10px 0px 10px 0px;
		}
	}

#beschikbaarheidsoverzicht .title {
	font-weight: 700;
	font-size: 1.250rem;
	display: inline-block;
	margin:0;
}

.filters-wrap {
	padding:15px 20px 15px;
	display: flex;
	align-items: flex-end;
	background: rgba(255,255,255,0.3);
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.08);
	margin-bottom: 20px;
}
.filters-wrap .kolom {
	width: 25%;
	display: block;
	padding-right: 10px;
}
	@media (max-width: 640px) {
		.filters-wrap {
			padding: 5px 10px;
			display: flex;
			align-items: flex-end;
			flex-direction: column;
		}
		.filters-wrap .kolom {
			margin-bottom: 10px;
			width: 100% !important;
			padding-right: 5px;
		}
	}

.filters-wrap .kolom > label {
	font-size: 0.66em;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #0b125b;
}
.filters-wrap .kolom select {
	-webkit-appearance: none !important;
	border-radius: 0;
	background-color: #FAFAFA;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position: 100% center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	padding: 0.5rem;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.75);
	line-height: normal;
	border-radius: 0;
	height: 2.3125rem;
}

.filters-wrap .kolom.with-button {
	width: 25%;

}
.filters-wrap .kolom .button {
	border-radius: 10px;
	width: 100%;
	font-weight: 700;
	opacity: 1;
}
.filters-wrap .kolom .button:hover {

}

.legenda-wrap {
	float: right;
	border-radius: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px 20px 10px;
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.08);
	background: rgba(255,255,255,0.3);

}
	@media (max-width: 640px) {
		.legenda-wrap {
			width: 100%;
			display: block;
			padding: 0px 10px 5px;

		}
	}
.legenda-wrap.bottom {
	display: block;
	margin-top: 30px;
	border: 3px solid rgba(0,0,0,0.08);
}
.legenda-wrap ul {
	list-style: none;
	margin: 0;
}
.legenda-wrap ul li {
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: 700;
	padding: 0 20px 0 0;
}


.legenda-wrap ul li .description {
	display: inline-block;
	line-height: 20px;
}
.legenda-wrap .coloured-box {
 	float: left;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #61d064;
}
.legenda-wrap .coloured-box.occupied {
	background-color: #f73b59;
}
.legenda-wrap .coloured-box.discount {
	background-color: #00bed7;
}
	@media (max-width: 640px) {

		.legenda-wrap ul {
			padding-left: 0 !important
		}
		.legenda-wrap ul li {
			font-size: 9px;
			padding: 0 10px 0 0;
		}
		.legenda-wrap .coloured-box {
			position: relative;
			top: 2px;
			width: 10px;
			height: 10px;
			margin-right: 5px;
		}
		.legenda-wrap ul li .description {
			line-height: 1;
		}
	}

/*
	Links boeken
*/

#beschikbaarheidsoverzicht a.navigation {
	cursor: pointer;
	color: #000;
	text-decoration: none;
	font-size: 1.3em;
}

#beschikbaarheidsoverzicht a.navigation.inactive {
	opacity: 0;
	text-decoration: none;
}

#beschikbaarheidsoverzicht a.boekenlink:link, #beschikbaarheidsoverzicht a.boekenlink:visited {
	color: #fff;
	background-color: #78b835;
	padding: 3px 6px 3px 6px;
	text-decoration: none;
}

#beschikbaarheidsoverzicht a.boekenlink:hover {
	color: #fff;
	background-color: #a2db6a;
	text-decoration: none;
}

#beschikbaarheidsoverzicht .th-title {

}
#beschikbaarheidsoverzicht .objectitem {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #0b125b;
	min-width: 120px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 100px;
	cursor: pointer;

}
#beschikbaarheidsoverzicht .objectitem img {
	width: 40px;
	border-radius: 100px;
	margin-right: 10px;
}
#beschikbaarheidsoverzicht .objectitem:hover {
	background: #fff !important;
	border-color: #fff;
}

#beschikbaarheidsoverzicht .th-period {
	text-align: left;
	padding: 15px 0 10px;
}
#beschikbaarheidsoverzicht .period-title {
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	color: #0b125b;
}
@media (max-width: 640px) {
	#beschikbaarheidsoverzicht .objectitem {
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #0b125b;
		min-width: 90px;
		padding: 5px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 100px;
	}
	#beschikbaarheidsoverzicht .objectitem img {
		width: 20px;
		margin-right: 5px;
	}
}

/*
	Tabelopmaak
*/
#beschikbaarheidsoverzicht * {
	box-sizing: border-box;
}
#beschikbaarheidsoverzicht .table-wrap {

	width: 100%;
	display: block;
	padding: 20px;
	background: rgba(255,255,255,0.3);
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,0.08);
	margin-bottom: 10px;
}

	@media (max-width: 640px) {
		#beschikbaarheidsoverzicht .table-wrap {
			background: rgba(255,255,255,1);
			padding: 10px;
			padding-right: 140px;
			overflow: hidden;
			overflow-x: scroll;
			-webkit-overflow-scrolling: touch;


		}
		#addselectform {
			position: relative;
		}

	}

#beschikbaarheidsoverzicht table {
	display: blokc;
	width: 100%;
}

#beschikbaarheidsoverzicht table thead tr{
	padding: 3px 0 10px;
}



#beschikbaarheidsoverzicht td, #beschikbaarheidsoverzicht th {
	white-space: nowrap;
	padding: 0px;
	font-size: 0.9em;

}
@media (max-width: 640px) {
	#beschikbaarheidsoverzicht td, #beschikbaarheidsoverzicht th {
		font-size: 10px;
	}
}
#beschikbaarheidsoverzicht .start-date,
#beschikbaarheidsoverzicht .period-name {
	padding-right: 6px;
}

#beschikbaarheidsoverzicht td.object {
	text-align: left;
	padding: 2px;
	/* background-color: #eee; */
	white-space: nowrap;
	/* border-left: 1px solid #000; */
}
#beschikbaarheidsoverzicht td.object > span,
#beschikbaarheidsoverzicht td.object > a {
	border-radius: 100px;
	padding: 4px 10px 2px 10px;
	display: block;
	color: #fff;
	font-weight: 400;
	border: 1px solid rgba(0,0,0,0.08);
	z-index: 2;
}
#beschikbaarheidsoverzicht td.object > a:hover {
	-webkit-box-shadow:  0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow:  0 1px 8px rgba(0, 0, 0, 0.2) ;
    border: 1px solid rgba(0,0,0,0.18);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
	z-index: 44;

}
#beschikbaarheidsoverzicht td.object > a:active {
	-ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
#beschikbaarheidsoverzicht td.object.even {
	background-color: none;
}

#beschikbaarheidsoverzicht td.tot {
	padding-right: 0px;
}

#beschikbaarheidsoverzicht td.object.occupied span {
	background-color: #f73b59;
	min-width: 100px;
	display: block;
/* 	border: 1px solid #eee; */
	color: rgba(255,255,255,0.6);
}

#beschikbaarheidsoverzicht td.object.even.occupied {


}

#beschikbaarheidsoverzicht td.object.discount a{
	background-color: #00bed7 !important;
	color: #fff;
}

#beschikbaarheidsoverzicht td.object.even.discount a{
	background-color: #00bed7;
	color: #fff;
}

#beschikbaarheidsoverzicht td.object.available a{
	/* background-color: #cdff9b; */
}

#beschikbaarheidsoverzicht td.object.even.available a{
	/* background-color: #7fff00; */
}

#beschikbaarheidsoverzicht td.object.active a{
	/* cursor: pointer; */
	background-color: #61d064;
	color: #fff;
}

#beschikbaarheidsoverzicht tfoot th {
	padding-top: 30px;
}

.tooltip {
	margin-top: -3px;
  z-index: 1006;
  font-weight: 700;
  font-size: 0.96em;
  line-height: 1.3;
  padding: 0.75em 20px;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: #2b2e44;
  background-color: rgba(255, 255, 255, .98) !important;
  border-radius: 3px;
  -webkit-box-shadow:  0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow:  0 1px 8px rgba(0, 0, 0, 0.2) ;
    border: 1px solid rgba(0,0,0,0.18);
     }
  .tooltip > .nub {
    display: block;
    left: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent rgba(255, 255, 255, .98) transparent;
    top: -10px;
    pointer-events: none; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 5px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 2rem; }
  .tooltip.opened {
    color: #f79b4d !important;
    border-bottom: dotted 1px #8c4306 !important; }


/**
 * Multiple Select
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-choice {
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
	border: 2px solid #e6e0d9;
	border-radius: 10px;
	background: #fff;
	color: #0b125b;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ms-choice:hover {
	color: #0b125b;
	background: #fff;
	border-color: #bab3ad;
}
.ms-choice > div {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 38px;
	background: url('../images/icon-arrow-down.png') center no-repeat;
	background-size: 14px;
	opacity: 0.3;
}
.ms-choice:hover > div {
	opacity: 0.5;
}
.ms-choice > div.open {
	background: url('../images/icon-arrow-up.png') center no-repeat;
	background-size: 14px;
}
.ms-choice > span {

	font-size: 14px;
	line-height: 40px;
}
.ms-choice > span.placeholder {

	font-size: 14px;
	line-height: 40px;
}

.ms-search input {
	width: 100%;
	height: auto !important;
	min-height: 24px;
	padding: 0 20px 0 5px;
	margin: 0;
	outline: 0;
	font-family: sans-serif;
	font-size: 1em;
	border: 1px solid #aaa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fff url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px;
	background: url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
	background: url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
	background: url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
	background: url('/addbeheer/themes/addsite_interface/js/multiple-select-master/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-drop {
	width: 100%;
	overflow: hidden;
	display: none;
	margin-top: -1px;
	padding: 0;
	position: absolute;
	z-index: 1000;
	background: #fff;
	color: #000;
	border: 2px solid #e6e0d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:  0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow:  0 1px 8px rgba(0, 0, 0, 0.2) ;
}

.ms-drop ul {
	overflow: auto;
	margin: 0 !important;
	padding: 5px 8px !important;
}

.ms-drop ul > li {
	list-style: none;
	display: list-item;
	background-image: none;
	position: static;
	margin: 0 !important;

}
.ms-drop ul > li label {
	font-weight: 400;
	display: block;
	padding: 2px 0 1px;
}
.ms-drop ul > li  input[type="checkbox"],
input[type="radio"] {
	margin: 0;
	margin-right: 4px;
}


/*
	Popup Widget
*/
.addsitewidget * {
	box-sizing: border-box;
}
.addsitewidget .popupbox {
	margin-top: 25px;
	display: none;

	position: absolute;
	padding: 0px;
	max-width: 250px;
	background-color: transparent;
	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/
}
.addsitewidget .popupinner {
	background: none repeat scroll 0 0 #fff;
    border: 0px solid #eee;
    display: block;


    padding: 0px;
    z-index: 99999999;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
}

@media (max-width: 640px) {
	.addsitewidget .popupinner {
		display: none !important;
		visibility: hidden;
	}
}

.addsitewidget .popupinner .title {
	color: #2b2e44;
	display: block;
	font-size: 22px;
    font-weight: 700;
	padding: 5px 15px 0px 15px;
	margin:0;
}
.addsitewidget .popupinner .intro {
	padding: 0px 15px 0;
	font-size: 13px;
	line-height: 1.4;
	margin:0;
}
.addsitewidget .popupinner img {
	width: 100%;

	margin: 0px;

    border-radius: 20px 20px 0 0;
}
.addsitewidget .popupinner .description {
	display: block;
	margin: 10px;
}
.addsitewidget .popupinner .button {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border-radius: 10px !important;

}

.addsitewidget .popupinner a.btn_detail {
	text-decoration: none;
}

.addsitewidget .popupinner a.btn_detail:hover {
	color: red;
	text-decoration: none;
}

.addsitewidget .popupinner ul {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	list-style-type: none
}

.addsitewidget .popupinner ul li {
	line-height: 19px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style-type: none;
	/* background: url(/themes/hollandsail2013/images/dot.png) 0px 9px no-repeat */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.addsitewidget .popupinner ul li {
		/* background: url(/themes/hollandsail2013/images/dot@2x.png) 0px 9px no-repeat;
		background-size: 8px 8px
		*/
	}
}

/*
	Preloader
*/

.overview {
	position: relative;
}

div#preloader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	opacity: 1;
	background: rgba(244, 240, 238, 0.85) url('../images/preloader2.gif') no-repeat 50% 300px;
	border-radius: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){
	div#preloader {
		background-size: 64px 8px;
	}
	#product_loadingxx {
		background-size: 64px 8px;
	}
}