#vindeenopdracht {
	position: static;
	/*	top: 72px;*/
	background: #008b8b;
	padding: 10px 0px;
	width: 100%;
	padding-bottom: 0px;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mb-1 {
	margin-bottom: 0.4em !important;
}

.mb-2 {
	margin-bottom: 0.8em !important;
}

.w-90 {
	width: 90%;
}

.m-0-auto {
	margin: 0 auto;
}

.bl-bg-opacity-05 {
	padding: 5px 10px !important;
	background-color: #ffffffdb !important;
}

.g-05 {
	gap: 0.5em;
}

.width-inherit {
	width: inherit !important;
}

.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
	width: 100%;
}

.w-100 {
	width: 100% !important;
}

.h-100 {
	height: 100% !important;
}

.w-20e {
	width: 20% !important;
}

.fieldopdr {
	width: 20%;
	display: inline-block;
	margin: 0 auto;
	margin-right: 5px;
	left: 20%;
	position: relative;
}

.fieldopdr .submit {
	border: 1px solid #fff;
	padding: 10px;
	background: none;
}

.search {
	gap: 1em;
	width: 80%;
	margin: auto;
}

.opdrachttijdgeledengeplaatst {
	font-size: 12px;
	position: absolute;
	left: 7px;
}

#postcode,
#functie,
#vindeenexpertnewButton {
	height: 40px;
	line-height: 1;
	padding: 5px;
	border-radius: 0px;
	margin-top: 0px;
}

.fieldopdr input,
.fieldopdr select,
.fieldopdr textarea,
input[name="link"] {
	outline: none;
	border: 1px solid #ABA9BF;
	border-radius: 3px;
	padding: 16px;
	background-color: #FFFFFF;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin: 0;
	color: #FFFFFF;
	line-height: 23px;
	box-sizing: border-box;
	-webkit-transition: border-bottom 300ms ease;
	-moz-transition: border-bottom 300ms ease;
	-ms-transition: border-bottom 300ms ease;
	-o-transition: border-bottom 300ms ease;
	transition: border-bottom 300ms ease;
}

#filter-experts {
	background: #fff;
	border-radius: 4px;
	margin-bottom: 0px;
	color: #008b8b;
	position: static;
	width: 100%;
	margin-top: 0.5em;
}

.filter-vapos {
	top: 70px !important;
}

.filt {
	display: inline-block;
	width: 20%;
	padding: 9px 0px;
	background: #ffffff;
	border-right: 1px solid #f1f0f0;
	text-align: center;
}

.fa-calendar-alt,
.fa-certificate,
.fa-briefcase,
.fa-credit-card {
	color: #008b8b;
	padding-right: 10px;
}

.dropdown {
	display: none;
	position: absolute;
	background: #ffffff;
	z-index: 900;
	width: 100%;
	padding: 30px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
}

a.leaflet-popup-close-button {
	border-radius: 31%;
	font-size: 14px !important;
	background: #008b8b !important;
	color: #ffffff !important;
	padding: 1px !important;
	right: 5px !important;
	top: 5px !important;
	width: 17px !important;
	height: 17px !important;
}

.inputBox {
	width: 40%;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	font-size: 15px;
}

#filter-experts input,
select {
	width: 78%;
	border: 1px solid #ccc !important;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px !important;
	box-sizing: border-box;
}

.mapinput input,
select,
textarea {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
}

.mapinput input,
textarea,
select {
	border: 1px solid #f1f0f0 !important;
	margin-bottom: 5px;
}

#vereferentieplaatsen input,
select,
textarea {
	border: 1px solid #e3e1e1 !important;
	width: 100%;
	margin-bottom: 10px;
}

.searchvapo {
	display: none !important;
}

.textstyling {
	padding: 10px;
	font-size: 18px;
}

.bottomSectionOpdr {
	display: flex;
	flex-direction: column;
	background: #f1f0f0;
	padding: 10px;
	position: static;
	top: 180px;
	width: 100%;
	box-sizing: border-box;
	height: 75vh;
}

.aantalResultatenVind {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	gap: 0.3em;
	height: 5%;
	margin: auto 0;
}

.aantalResultatenVind label {
	width: fit-content !important;
}

.opdrachtresultatenmetmap {
	height: 95%;
	gap: 1em;
	margin-bottom: 1em;
}

.resultatenOpdracten {
	width: 40%;
	display: block;
	overflow-y: auto;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}

.individueleOpdrachtBox {
	height: 100%;
	width: 99%;
}

.individueleOpdracht {
	margin-bottom: 1em;
	background-color: white;
	padding: 5px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.vapotype {
	background: #008b8b;
	width: fit-content;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	position: relative;
	top: -11px;
}

.opdrachtInformatie {
	display: flex;
	flex-wrap: wrap;
}

.opdrachtAfbeeldingopdr {
	width: 128px;
	height: 128px;
	border: 1px solid #e0dfdf;
	border-radius: 4px;
}

.opdrachtRechtsOpdr {
	width: 65%;
	padding-left: 10px;
}

.stars-outeropdr {
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	color: #008b8b;
	font-size: 20px;
}

.stars-outeropdr::before {
	content: "\f006 \f006 \f006 \f006 \f006";
}

.leaflet-top,
.leaflet-bottom {
	z-index: 999;
}

.rating5 {
	width: 10% !important;
}

.rating10 {
	width: 20% !important;
}

.recensieOpdr button {
	border: 1px solid #008b8b;
	padding: 5px 15px;
	font-size: 11px;
	background: none;
	color: #008b8b;
	border-radius: 4px;
}

.leaflet-top,
.leaflet-bottom {
	z-index: 500;
}

.recensieOpdr {
	position: relative;
	right: 5px;
	top: 0px;
	z-index: 100;
}

.recensieOpdr button:hover {
	cursor: pointer;
}

.recensie {
	position: relative;
	right: 5px;
	top: 0px;
}

.recensie button:hover {
	cursor: pointer;
}

.video {
	padding: 35px 40px;
}

.vedelen {
	position: fixed;
	width: 50%;
	top: 80px;
	left: 0;
	right: 0;
	margin: auto;
	background: white;
	z-index: 2000;
	box-shadow: 0 4px 12px 0 rgb(35 35 35 / 16%);
	border: 2px solid #008b8b;
	overflow: auto;
}

.delenInner {
	padding: 45px;
}

.formulierTitelCenter {
	color: #008b8b;
	width: 100%;
	margin: auto;
	position: relative;
	text-align: center;
	font-size: 20px;
	padding-bottom: 18px;
	top: 10px;
}

.delenI {
	background-image: url(/img/delenbackground.png);
	background-size: cover;
	background-color: rgb(255, 255, 2555) !important;
	top: 100px;
	height: 55vh;
	width: 100%;
	left: -12px;
	margin-left: 0px;
}

.changeBcolor {
	background-color: #008b8b !important;
}

#verecensiesTonen {
	background: #ffffff;
	position: fixed;
	top: 115px;
	height: 600px;
	max-height: 600px;
	left: 50%;
	padding: 15px;
	overflow: auto;
	z-index: 1000;
	border-radius: 4px;
	width: 40%;
	box-shadow: 1px 0 2px 2px rgb(42 42 42 / 25%);
	transform: translateX(-50%);
}

.veKortemening {
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #008b8b;
	color: #008b8b;
}

.veLangemening p {
	overflow: hidden;
	word-wrap: break-word;
	font-size: 12px;
}

.resultatenRecensies {
	padding: 20px 12px 15px;
}

.block-sluiten {
	position: absolute;
	top: 1px;
	color: #008b8b;
	right: 1px;
	font-size: 20px;
}

.individueleRecensie {
	border-radius: 10px;
	border: 1px solid #f4f4f4;
	padding: 10px;
	margin-bottom: 5px;
}

.data2recensiesmijnberichten {
	cursor: pointer;
}

#berichtenpopup {
	position: fixed;
	width: 40%;
	border: 1px solid rgb(0 139 139 / 45%);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999999;
	background-color: white;
	height: 60vh;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 0 10px 2px rgb(0 0 0 / 25%);
}

#berichtenpopupheader .sluiten {
	top: 28px;
	right: 30px;
	font-size: 27px;
}

#berichtenpopupheader h2 {
	text-align: center;
	color: #008b8b;
	background-color: #ffffff;
	padding: 10px 0;
	margin-top: 0;
	text-transform: uppercase;
	width: 100%;
}

#berichtenpopupbody {
	display: flex;
	flex-direction: column;
	overflow: auto;
	height: 90%;
}

#berichtenpopupbody .berichten {
	padding: 5px;
}

.onderwerpberichtuitklappen {
	font-size: 20px;
	border-bottom: 1px solid #008b8b;
}

.uitklapbericht {
	display: none;
}

#berichtenpopupbody span {
	padding: 1em;
}

#berichtenpopupbody span:nth-child(odd) {
	background-color: #f1f1f1;
}

#vereferentieplaatsen {
	z-index: 1001;
	max-width: 600px;
	display: none;
	margin: 0 auto;
	padding: 140px 0 120px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#GeenResultatenADD {
	background: #fff !important;
	color: #008b8b !important;
}

#vereferentieplaatsen.show {
	top: 80px !important;
	display: block;
	position: absolute;
	z-index: 1001;
	background: #fff;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	left: 0;
	right: 0;
	margin: auto;
	height: 80vh;
	overflow: auto;
	width: 40%;
	padding: 10px;
	max-width: unset;
}

.hoehetwerktItem {
	width: 100%;
	border: none;
	padding: 11px;
	border-radius: 4px;
	background: #008b8b;
	color: #fff;
	margin: 5px;
}

.geen-resultaten {
	background: #fff;
	color: #008b8b;
}

.paginatekstloading {
	font-weight: bold;
	width: 50%;
	height: fit-content;
	padding: 20px 10px;
	position: fixed;
	left: 0;
	right: 0;
	top: 300px;
	margin: auto;
	background-color: #008b8b;
	color: white;
	display: flex;
	text-align: center;
	font-size: 45px;
	flex-direction: row;
	justify-content: center;
	justify-items: center;
}

#veuurtarief,
#veaanneemsom,
#cvafmaken,
#weetjehetzekerVoorstAanvraag {
	position: fixed;
	width: 50%;
	top: 182px;
	left: 0;
	right: 0;
	margin: auto;
	background: white;
	z-index: 1000;
	box-shadow: 0 4px 12px 0 rgb(35 35 35 / 16%);
	border: 2px solid #008b8b;
}

#weetjehetzekerVoorstAanvraag .flex-row {
	gap: 1em;
}

/*** VAK GEBIED ******/

.vakgebiedengroup {
	width: 100% !important;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

#weetjehetzekerVoorstAanvraag .positiontop {
	position: static;
	margin-top: 1em !important;
}

.vakgebiedengroup .infoIcon {
	width: fit-content !important;
	inset: 0;
	margin: auto 0;
	padding: 0px;
	position: static;
	height: 40px;
}

.vakgebiedengroup .infoIcon i {
	height: fit-content;
	width: fit-content;
	color: #008b8b !important;
	position: static !important;
	border-radius: 0px;
	font-size: 24px !important;
	margin: auto !important;
	border: 0px solid !important;
	padding: 0px;
}

.vakgebiedengroup .multiSection {
	border: 2px solid #e3e1e1;
	padding: 5px 7px;
	border-radius: 5px;
	height: unset;
	margin-left: unset;
	width: unset !important;
	position: static;
	margin: auto;
	box-shadow: 0px 0 0px 1px rgb(42 42 42 / 25%);
}

.vakgebiedengroup select {
	width: 80% !important;
	margin: 0px;
	height: 40px;
}

#weetjehetzekerVoorstAanvraagyes {
	margin: auto;
	width: 88%;
	display: block;
}

#weetjehetzekerVoorstAanvraagtextarea {
	margin: 0px auto 2em;
	width: 88% !important;
}

/*** STARS ******/

.rating_stars span.s.active-high .fa-star {
	display: inline-block;
	color: #008b8b;
}

.expertinhurenInput input,
textarea {
	border: 1px solid #dadada !important;
	margin-bottom: 5px;
	width: 100% !important;
}

.expertreserverenInput input,
textarea {
	border: 1px solid #f1f0f0 !important;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 4px;
	margin-top: 13px;
	width: 100% !important;
}

.rating_stars {
	display: inline-block;
	font-size: 20px;
	font-weight: 200;
	color: #918f8f;
	position: relative;
}

.recensie button {
	border: 1px solid #008b8b;
	padding: 5px 15px;
	font-size: 11px;
	background: none;
	color: #008b8b;
	border-radius: 4px;
}

#mainContent {
	margin-top: 72px;
}

.main-title {
	display: block;
	margin: 0;
}

span.title {
	width: 40%;
	display: block;
}

.rating_stars span.r.r4 {
	left: 81px;
	width: 12px;
}

.rating_stars span.r.r4_5 {
	left: 93px;
	width: 12px;
}

.rating_stars span.r.r5 {
	left: 105px;
	width: 12px;
}

.mapinput input,
select,
textarea {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
}

.rating_stars span.r.r2_5 {
	left: 46px;
	width: 12px;
}

.rating_stars span.r.r3 {
	left: 58px;
	width: 11px;
}

.rating_stars span.r.r3_5 {
	left: 69px;
	width: 12px;
}

.rating_stars span.r.r1 {
	left: 10px;
	width: 11px;
}

.rating_stars span.r.r1_5 {
	left: 21px;
	width: 13px;
}

.rating_stars span.r.r2 {
	left: 34px;
	width: 12px;
}

.r:hover {
	cursor: pointer;
}

.rating_stars span.r {
	position: absolute;
	top: 0;
	height: 20px;
	width: 10px;
	left: 0;
}

.rating_stars span.r.r0_5 {
	left: 0px;
}

.rating_stars span .fa,
.rating_stars span.active-low .fa-star-o,
.rating_stars span.active-high .fa-star-o {
	display: none;
}

.rating_stars span .fa-star-o {
	display: inline-block;
}

.rating_stars span.s.active-high .fa-star {
	display: inline-block;
	color: #feb645;
}

.rating_stars span.s.active-low .fa-star-half-o {
	display: inline-block;
	color: #feb645;
}

.stars-inner:hover {
	color: #008b8b;
}

.rating_stars {
	display: inline-block;
	font-size: 20px;
	font-weight: 200;
	color: #918f8f;
	position: relative;
}

.stars-inner {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}

.stars-inner::before {
	content: "\f005 \f005 \f005 \f005 \f005";
	color: #008b8b;
}

.stars-outer::before {
	content: "\f006 \f006 \f006 \f006 \f006";
}

.stars-outeropdr {
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	color: #008b8b;
	font-size: 20px;
}

.stars-outeropdr::before {
	content: "\f006 \f006 \f006 \f006 \f006";
}

.vefunctieOpdr {
	border-radius: 0px;
	font-size: 16px;
	padding: 5px;
	background: #008b8b;
	color: #ffffff;
	font-weight: bold;
	height: fit-content;
	width: 100%;
	margin: auto 0;
	cursor: pointer;
}

.stars-outer {
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	color: #008b8b;
	font-size: 20px;
}

.veOpdrBedrag {
	position: relative;
	top: 20px;
	border: 1px solid #008b8b;
	border-radius: 5px;
	font-size: 14px;
	padding: 5px 16px;
	background: #008b8b;
	color: #ffffff;
}

.veBedrag {
	position: relative;
	width: 43px;
	top: 0px;
	text-align: center;
	border: 1px solid #008b8b;
	border-radius: 5px;
	font-size: 14px;
	padding: 5px 16px;
	background: #008b8b;
	color: #ffffff;
}

.top-0 {
	top: 0 !important;
}

.opdrachtoptionimageblock {
	max-width: 140px;
}

#vevaposlayout .fa-times-circle {
	color: #008b8b;
}

#vevaposlayout {
	background-image: url(/img/opdrachtbg2.jpg) !important;
	background-size: cover !important;
}

#vevaposlayout,
#vedelen {
	position: fixed;
	width: 60%;
	height: 95%;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: white;
	box-shadow: 0 4px 12px 0 rgb(35 35 35 / 16%);
	z-index: 99999;
	overflow-x: hidden !important;
	border: 0;
	overflow-y: auto !important;
}


#vevaposlayout i {
	color: #008b8b;
}


.omschrijvingVapo {
	text-align: center;
}


.leaflet-popup-content,
#leaflet-popup-content {
	width: 300px !important;
}

#vevaposlayout span {
	font-weight: 400;
}

.stadOpdracht {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 98%;
	height: 25px;
}

#reedsgegundpopup {
	position: fixed !important;
	padding: 10px;
	top: 80px;
	left: 0;
	right: 0;
	width: 50%;
	display: block;
	border-radius: 4px;
	margin: auto;
	z-index: 9999;
	background: white;
	overflow: auto;
	border: 2px solid #008b8b;
}

.kopTekst {
	position: relative;
	font-size: 32px;
	font-weight: bold;
	background: linear-gradient(90deg, rgb(0 96 96) 20%, rgb(0 139 139) 65%, rgb(0 180 180) 100%);
	text-align: center;
	color: #FFF;
	padding: 20px 0px;
}

.vapoLocatie {
	padding: 10px !important;
	text-align: center;
	font-size: 23px;
	font-weight: bold !important;
}

.fa-map-marker-alt {
	color: #008b8b;
}

.starteinddatum {
	padding: 0;
}


.fa-calendar {
	color: #008b8b;
}

.vaposBox {
	margin-bottom: 20px;
}

.kopSection {
	font-weight: bolder;
	padding-bottom: 10px;
	font-size: 24px;
}

.vapoTitel {
	border-bottom: 1px solid;
	font-weight: bold;
	width: fit-content;
	color: grey;
}

.vapominmax {
	padding-bottom: 0px;
}

.maxMinbedrag {
	background-color: #ffffff00;
	border: 0px solid #ffffff00;
	padding: 2px;
	border-radius: 4px;
}

.fa-euro-sign {
	color: white;
	font-size: 15px;
}

.fa-clock {
	color: #008b8b;
}

.vapobInhoud {
	padding: 0;
	margin-left: 0;
}

.inputBox {
	width: 40%;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	font-size: 15px;
}

.inputBoxb {
	width: 100%;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	font-size: 15px;
}

.stars-inner {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}

.stars-inner::before {
	content: "\f005 \f005 \f005 \f005 \f005";
	color: #008b8b;
}

.rating15 {
	width: 30% !important;
}

.rating20 {
	width: 40% !important;
}

.rating25 {
	width: 50% !important;
}

.rating30 {
	width: 60% !important;
}

.rating35 {
	width: 70% !important;
}

.rating40 {
	width: 80% !important;
}

.rating45 {
	width: 90% !important;
}

.rating50 {
	width: 100% !important;
}

.recensieOpdr {
	position: relative;
	right: 5px;
	top: 0px;
	z-index: 100;
}

.websiteButton {
	outline: none;
	border: 1px solid #008b8b;
	padding: 5px;
	margin-top: 10px;
	background: none;
	color: #008b8b;
	border-radius: 4px;
}

.recensieOpdr button {
	border: 1px solid #008b8b;
	padding: 5px 15px;
	font-size: 11px;
	background: none;
	color: #008b8b;
	border-radius: 4px;
}

.naamExpertOpdr {
	color: #008b8b;
	margin-bottom: 5px;
	display: inline-block;
	margin-top: 0px;
}

.opdrachtType {
	background-color: #008b8b;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 9px;
	line-height: 1;
	padding: 5px;
	width: 100% !important;
}

.data1locatie,
.data1contactpersoon,
.data2recensiesrecensiesterren,
.data2fucntie {
	min-height: 50px;
}

.data1locatie {
	color: #008b8b;
	font-size: 16px;
}

.data2recensies {
	justify-content: flex-end;
	gap: 1em;
}

.data2recensiesrecensiesterren {
	margin: auto 0;
	color: #008b8b;
}

.data3opdrachtuitleg {
	font-size: 16px;
}

/* EDIT OPTIES */

.editmenucog {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}

.reedsgegund {
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 10px;
}

.editopties {
	right: 0px;
	display: none;
	position: absolute;
	right: 0;
	top: 15px;
	border: 1px solid #80808052;
	box-shadow: 0 3px 7px 2px rgb(0 0 0 / 25%);
	font-size: 14px;
	width: 7pc;
	background-color: #FFF;
	flex-direction: column;
	justify-content: flex-end;
}

.editopties span {
	padding: 5px;
}

.editopties span:hover {
	background-color: #008b8b;
	color: #FFF;
}

.typeOpdracht {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	display: table-row-group;
	color: #c7c2c2;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	word-break: inherit;
}

.opdrachtoptionbuttons {
	justify-content: space-around;
	padding: 5px;
}

.data1locatie i {
	color: #008b8b;
	margin-right: 3px;
}

.data1contactpersoon {
	display: flex;
	flex-direction: column;
}

.data1contactpersoon span {
	width: 100%;
	font-size: 14px;
}

.opdrachtbutton {
	width: 20%;
	height: 28px;
	line-height: 1;
	margin: 0px;
	padding: 5px;
	font-size: 8px;
	border: none;
}

.individueleopdracht {
	margin-bottom: 1em;
	background-color: white;
	padding: 5px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.opdrachtoption {
	justify-content: space-between;
	gap: 1em;
}

.opdrachtoptionimageblock {
	width: 15%;
}

.opdrachtoptionimageblock img {
	padding: 1px;
	outline: #008b8b 1px solid;
	margin: 10px;
}

.opdrachtoptionimage {
	height: auto;
	width: 100%;
	padding: 1px;
	outline: 1px solid #008b8b;
	margin: 10px;
}

.opdrachtoptioninfoblock {
	width: 100%;
	padding: 0.6em;
	font-size: 16px;
	gap: 1em;
}

.opdrachtoptioninfoblockdata1,
.opdrachtoptioninfoblockdata2 {
	width: 45%;
	justify-content: flex-start;
	font-size: 16px;
}

.opdrachtoptioninfoblockdata2 {
	align-items: center;
	color: #008b8b;
}

.data2fucntie {
	min-width: 55%;
	text-align: center;
	font-weight: bold;
	justify-content: flex-end;
}

.opdrachtoptioninfoblockdata3 {
	border-top: 0px solid #008b8b;
	padding: 5px;
	margin: 0 9px;
}

.contactGegevensOpdracht {
	font-size: 0.9em;
	color: #6b6b6b;
}

.adresOpdracht {
	display: block;
}

.optiesOpdr {
	display: flex;
	width: 100%;
}

.optiesOpdr button {
	flex: 1;
	margin-right: 5px;
	font-size: 11px;
}

.opdrOpenButton {
	outline: none;
	border: 1px solid #008b8b;
	padding: 5px;
	margin-top: 10px;
	background: none;
	color: #008b8b;
	border-radius: 4px;
}

#vapolayoutverwijderenSluiten {
	color: #008b8b;
	font-weight: bolder;
	font-size: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.vapoInhoud {
	position: relative;
	padding: 0;
}

.opdrachtenMap {
	width: 60%;
	display: block;
	height: 100%;
	overflow: hidden;
}

#map {
	width: 100%;
	height: 100vh;
}

.opdracht-icon {
	background: #008b8b;
	color: #fff;
	padding: 5px 10px;
	width: 120px;
	border-radius: 4px;
	text-align: center;
	height: auto !important;
	font-size: 10px;
}

#vindeenopdracht {
	position: static;
	top: 72px;
	background: #008b8b;
	padding: 10px 0px;
	width: 100%;
	padding-bottom: 0px;
}

.field {
	width: 20%;
	display: inline-block;
	margin: 0 auto;
	margin-right: 5px;
	left: 20%;
	position: relative;
}

.fieldopdr {
	width: 20%;
	display: inline-block;
	margin: 0 auto;
	margin-right: 5px;
	left: 20%;
	position: relative;
}

.fieldopdr .submit {
	border: 1px solid #fff;
	padding: 10px;
	background: none;
}

.fieldopdr input,
.fieldopdr select,
.fieldopdr textarea,
input[name="link"] {
	outline: none;
	border: 1px solid #ABA9BF;
	border-radius: 3px;
	padding: 16px;
	background-color: #FFFFFF;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 18px;
	margin: 0;
	color: #FFFFFF;
	line-height: 23px;
	box-sizing: border-box;
	-webkit-transition: border-bottom 300ms ease;
	-moz-transition: border-bottom 300ms ease;
	-ms-transition: border-bottom 300ms ease;
	-o-transition: border-bottom 300ms ease;
	transition: border-bottom 300ms ease;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
	border-radius: 4px;
	border: none;
	padding: 10px 20px;
}

#expertreserveren {
	position: absolute;
	top: 238px;
	left: 35%;
	width: 30%;
	background: #fff;
	padding: 30px;
	z-index: 9900;
	border-radius: 7px;
}

#nietingelogdbericht {
	position: absolute;
	top: 238px;
	left: 35%;
	width: 30%;
	background: #fff;
	box-shadow: 1px 0 2px 2px rgb(42 42 42 / 25%);
	padding: 30px;
	z-index: 9900;
	border-radius: 7px;
}

#ingelogdalsexpert {
	position: absolute;
	top: 238px;
	left: 35%;
	box-shadow: 1px 0 2px 2px rgb(42 42 42 / 25%);
	width: 30%;
	background: #fff;
	padding: 30px;
	z-index: 9900;
	border-radius: 7px;
}

#weetjehetzekerikwAanvraag {
	position: absolute;
	top: 238px;
	left: 49%;
	width: 30%;
	background: #fff;
	box-shadow: 1px 0 2px 2px rgb(42 42 42 / 25%);
	padding: 30px;
	z-index: 9900;
	border-radius: 7px;
}

#ingelogdexpertbericht {
	position: absolute;
	top: 238px;
	left: 35%;
	width: 30%;
	background: #fff;
	box-shadow: 1px 0 2px 2px rgb(42 42 42 / 25%);
	padding: 30px;
	z-index: 9900;
	border-radius: 7px;
}

#inlogOptieOpenen,
.inlogOpenen {
	background: #008b8b;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	color: #fff;
	margin-top: 15px;
	outline: none;
}

.mapdivlink2 {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	display: inline;
}

.mailcv:not(.show),
.alleenrecht:not(.show),
.meer:not(.show),
.inhuren:not(.show):not(.mapdivlink) {
	display: none;
}

.mailcv,
.alleenrecht,
.meer,
.inhuren:not(.mapdivlink) {
	position: absolute;
	bottom: -30px;
	right: 52px;
	padding: 24px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
	background: #fff;
	z-index: 1000000000;
}

.meerinfonietingelogd:not(.show) {
	display: none;
}

.meerinfonietingelogd {
	position: absolute;
	bottom: -189px;
	right: 220px;
	padding: 25px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
	background: #fff;
	z-index: 1000000000;
}

.recensieplaaatsenheader {
	display: inline-block;
	font-weight: 100;
	color: #008b8b;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	width: 100%;
	padding: 5px;
}

.veFooter {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	left: 0px;
	z-index: 16;
	font-size: 13px;
	background: #008b8b;
	color: #fff;
	font-weight: bolder;
	padding: 16px;
}

.nietingelogdbericht,
.nietingelogd2bericht {
	text-align: center;
}

/**** header searchboxes ***/

.searchcheckboxopties {
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: flex-start;
	gap: 1em;
}

.searchcheckboxoptie {
	width: auto;
}

.searchcheckboxoptie label:not(.checkboxcontainer) {
	cursor: pointer;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	margin: auto;
	width: fit-content !important;
}

.searchcheckboxoptie input {
	height: 30px;
	width: 30px !important;
	margin: auto;
	margin-right: 1em;
}

/***** CHECKBOXES ******/

.checkboxcontainer {
	display: block;
	position: relative;
	cursor: pointer;
	width: 24px !important;
	user-select: none;
	-webkit-user-select: none;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	margin: auto;
}

.checkboxcontainer input {
	position: static;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border: 2px solid #d7d7d7;
}

.checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 21px;
	width: 21px;
	background-color: #FFF;
	border: 2px solid #d7d7d7;
}

.checkboxcontainer:hover input~.checkmark {
	background-color: #FFF;
}

.checkboxcontainer input:checked~.checkmark {
	background-color: #FFF;
	border: 2px solid #d7d7d7;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkboxcontainer input:checked~.checkmark:after {
	display: block;
	color: #008b8b;
}

.checkboxcontainer .checkmark:after {
	left: 2px;
	top: 0;
	right: 0px;
	bottom: 3px;
	margin: auto;
	width: 5px;
	height: 10px;
	border: solid #008b8b;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#vindeenopdracht .search {
	display: flex;
	justify-content: center;
	flex-direction: row;
	gap: 1em;
	width: 80%;
	margin: 0 auto;
}

.opdrachtprijs {
	position: absolute;
	right: 40px;
	font-size: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	height: fit-content;
}

@media screen and (max-height: 770px) and (min-width: 960px) {
	.bottomSection {
		height: 65vh;
	}

	.aantalResultatenVind {
		height: unset;
	}
}

@media screen and (max-width: 959px) {
	#nietingelogdbericht {
		left: 1%;
		width: 97%;
		position: fixed;
	}

	.paginatekstloading {
		width: 100%;
		line-height: 35px;
		font-size: 20px;
	}

	.inputBox {
		width: 100%;
	}

	.search {
		gap: 0.3em;
		width: 90%;
	}

	.expertresultatenmetmap,
	.opdrachtresultatenmetmap {
		flex-direction: column;
		height: unset;
	}

	.resultatenOpdracten {
		height: 100vh;
	}

	.individueleOpdrachtBox {
		height: 100vh;
		width: 95%;
		margin: auto;
	}

	.resultatenOpdracten,
	.opdrachtenMap {
		width: 100%;
	}

	.opdrachtType {
		width: 100%;
		margin: 0px;
	}

	.opdrachtoption {
		display: flex;
		flex-direction: column;
	}

	.opdrachtoptionimageblock {
		display: none;
	}

	.opdrachtoptioninfoblockdata1,
	.opdrachtoptioninfoblockdata2 {
		width: 50%;
	}

	.vefunctieOpdr {
		width: 100%;
	}

	.opdrachtoptioninfoblock {
		width: 100%;
		gap: 0.3em;
	}

	.opdrachtbutton {
		font-size: 6px;
		height: auto;
		width: 24%;
		line-height: 10px;
	}

	/* POP-UPS */
	#veuurtarief,
	#vevaposlayout,
	#veaanneemsom,
	#vedelen,
	#vereferentieplaatsen,
	#cvafmaken {
		width: 90% !important;
		position: fixed !important;
	}

	#vevaposlayout {
		padding: 5px;
	}


	.vapoInhoud {
		padding: 0px;
		margin-top: 2em;
	}

	.vapominmax {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.delenI {
		width: 100%;
		left: 0;
		margin: 0;
		right: 0;
		top: 0;
		height: 200px;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.opdrachtenMap {
		width: 100%;
		padding: 10px;
		overflow: hidden;
		height: 600px;
	}

	.veFooter {
		bottom: -939px !important;
	}
}

::-webkit-scrollbar {
	width: 10px;
	background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	background-color: #008b8b;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	border-radius: 10px;
	background-color: #f5f5f5;
}

.individueleopdracht:hover {
	cursor: pointer;
}

@media screen and (max-height: 770px) and (min-width: 960px) {
	.bottomSection {
		height: 65vh;
	}

	.aantalResultatenVind {
		height: unset;
	}
}

@media screen and (max-width: 959px) {
	.expertresultatenmetmap {
		flex-direction: column;
	}
}

@media screen and (max-width: 540px) {

	/*********** vind een expert ***********/
	.data2experttypes,
	.data2recensies,
	.data1locatie,
	.data1beschibaar {
		min-height: 25px;
	}

	.expertoptioninfoblockdata1,
	.expertoptioninfoblockdata2 {
		justify-content: flex-start;
	}

	.data2recensies {
		flex-direction: column;
	}

	.data2recensiesrecensiesterren {
		font-size: 12px;
	}

	.data1locatie,
	.data1beschibaar {
		font-size: 12px;
	}

	.data2experttypes {
		visibility: hidden;
	}

	.data1beschibaartot i,
	.weektot i {
		display: none;
	}

	.data1beschibaar span {
		word-break: break-word;
		white-space: inherit;
	}

	.data1locatie i {
		display: none;
	}

	.expertoptionbuttons button {
		font-size: 6px;
		height: auto;
		width: 24%;
	}

	/* POP-UPS */
	#veuurtarief,
	#vevaposlayout,
	#veaanneemsom,
	#vedelen,
	#vereferentieplaatsen {
		width: 90% !important;
		position: fixed !important;
		z-index: 99998;
	}

	#vevaposlayout {
		padding: 5px;
	}

	.vapoInhoud {
		padding: 0px;
		margin-top: 2em;
	}

	.vapominmax {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.delenI {
		width: 100%;
		left: 0;
		margin: 0;
		right: 0;
		top: 0;
		height: 200px;
		background-size: contain;
		background-repeat: no-repeat;
	}
}


@media screen and (max-height: 770px) and (min-width: 960px) {
	.bottomSection {
		height: 65vh;
	}

	.aantalResultatenVind {
		height: unset;
	}
}

@media screen and (max-width: 959px) {
	.expertresultatenmetmap {
		flex-direction: column;
	}

	.resultatenExperts,
	.expertsMap {
		width: 100%;
	}
}

@media screen and (max-width: 540px) {

	/*********** vind een expert ***********/
	.data2experttypes,
	.data2recensies,
	.data1locatie,
	.data1beschibaar {
		min-height: 25px;
	}

	.expertoptioninfoblockdata1,
	.expertoptioninfoblockdata2 {
		justify-content: flex-start;
	}

	.data2recensies {
		flex-direction: column;
	}

	.data2recensiesrecensiesterren {
		font-size: 12px;
	}

	.data1locatie,
	.data1beschibaar {
		font-size: 12px;
	}

	.data2experttypes {
		visibility: hidden;
	}

	.data1beschibaartot i,
	.weektot i {
		display: none;
	}

	.data1beschibaar span {
		word-break: break-word;
		white-space: inherit;
	}

	.data1locatie i {
		display: none;
	}

	.expertoptionbuttons button {
		font-size: 6px;
		height: auto;
		width: 24%;
	}

	/* POP-UPS */
	#veuurtarief,
	#vevaposlayout,
	#veaanneemsom,
	#vedelen,
	#vereferentieplaatsen {
		width: 90% !important;
		position: fixed !important;
		z-index: 99998;
	}

	#vevaposlayout {
		padding: 5px;
	}

	.vapoInhoud {
		padding: 0px;
		margin-top: 2em;
	}

	.vapominmax {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.delenI {
		width: 100%;
		left: 0;
		margin: 0;
		right: 0;
		top: 0;
		height: 200px;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

/*! STYLING */

/**** moto g ****/
@media screen and (max-width: 959px) {
	.kopTekst {
		font-size: 22px;
	}

	.navtoggle {
		margin-right: 0px;
	}

	#ikwilgroeienbutton {
		display: none !important;
	}

	#homeButton {
		display: none !important;
	}

	#languageMob {
		display: none !important;
	}

	#zzpregistrerenbutton {
		display: none !important;
	}

	#footerLinks ul {
		flex-direction: column;
		gap: 1em;
	}

	.footerGeg {
		width: 100% !important;
		font-size: 13px;
	}

	.informatieF,
	.inforechts,
	.infolinks {
		width: 100%;
	}

	.contactgegevens {
		width: 100%;
		margin-left: 0px;
		margin-top: 15px;
	}

	.contactverdeling {
		display: block;
	}

	.contactlinks,
	.contactRechtsgegevensList {
		width: 100%;
	}

	.contactrechts {
		margin-left: 0px;
	}

	.footerGeg {
		padding-left: 35px;
		padding-right: 35px;
	}

	.dropdownIcon {
		display: none !important;
	}

	.formulierOpties {
		margin: 15px auto;
	}

	#vindeenopdracht .search {
		display: block;
	}

	.aantalResultatenVind {
		display: block;
		height: unset;
	}

	.aantalResultatenVind label {
		display: inline-block;
		width: fit-content !important;
	}

	.expertresultatenmetmap {
		flex-direction: column;
		height: 87%;
	}

	.main-title {
		font-size: 18px;
	}

	.individueleExpertBox {
		height: 100vh;
		width: 95%;
		margin: auto;
	}

	#filter-experts {
		display: none;
	}

	.bottomSectionOpdr {
		width: 100%;
		top: 246px;
		padding: 10px;
		position: static;
		margin-bottom: 10px;
	}
}

/**** iphone 5/se galaxy fold****/
@media screen and (max-width: 380px) {
	.navtoggle {
		margin-right: 0px;
	}

	.mapdiv {
		right: 42% !important;
		font-size: 20px !important;
	}

	.logohome img {
		width: 118px !important;
		height: 26px !important;
	}

	.dropdownIcon {
		display: none !important;
	}

	.footerGeg {
		padding-left: 20px;
		padding-right: 20px;
	}

	.dropdownIcon {
		display: none !important;
	}

	#velanguage {
		right: 83px;
	}

	.logohome img {
		width: 140px;
		height: 29px;
	}

	.footerGeg {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (max-width: 960px) and (orientation: landscape) {
	.dropdownIcon {
		display: none !important;
	}
}

@media screen and (min-width: 700px) and (max-width: 1200px) {
	.paginatekstloading {
		width: 100%;
		line-height: 35px;
		font-size: 20px;
	}

	.dropdownIcon {
		display: none !important;
	}

	.homebutton {
		right: 18%;
	}

	.contactgegevens {
		margin-left: unset;
	}

	.infolinks {
		width: 50%;
	}

	.inforechts {
		width: 50%;
	}

	.contactrechts {
		margin-left: -4px;
		cursor: default;
		width: 100%;
	}

	.contactlinks,
	.contactRechtsgegevensList {
		width: 100%;
	}

	.footerGeg {
		padding-left: unset;
		padding-right: unset;
	}

	.netwerkC {
		left: unset;
	}
}


@media screen and (max-width: 300px) {
	.dropdownIcon {
		display: none !important;
	}

	.navtoggle {
		z-index: 100000;
		top: 0px !important;
		left: auto;
		margin-top: 0px;
		background-color: #ffb23800;
		height: 60px;
		right: 0px;
	}

	.menutextheader {
		display: flex;
		flex-direction: row;
		margin: auto 0;
		margin-top: 10px;
		padding-left: 0px;
	}

	.logohome img {
		width: 104px;
		height: 20px;
	}

	#velanguage {
		right: 83px;
	}

	.dropdownIcon {
		display: none !important;
	}
}

@media only screen and (max-width: 320px) and (orientation:portrait) {
	.dropdownIcon {
		display: none !important;
	}

	.navtoggle {
		z-index: 100000;
		top: 0px !important;
		left: auto;
		margin-top: 0px;
		background-color: #ffb23800;
		height: 60px;
		right: 0px;
	}

	.menutextheader {
		display: flex;
		flex-direction: row;
		margin: auto 0;
		margin-top: 10px;
		padding-left: 0px;
	}

	.logohome img {
		width: 104px;
		height: 20px;
	}

	#velanguage {
		right: 83px;
	}

	.dropdownIcon {
		display: none !important;
	}
}

@media screen and (max-width: 300px) {
	.dropdownIcon {
		display: none !important;
	}

	.navtoggle {
		z-index: 100000;
		top: 0px !important;
		left: auto;
		margin-top: 0px;
		background-color: #ffb23800;
		height: 60px;
		right: 0px;
	}

	.menutextheader {
		display: flex;
		flex-direction: row;
		margin: auto 0;
		margin-top: 10px;
		padding-left: 0px;
	}

	.logohome {
		width: 104px;
		height: 20px;
	}

	.dropdownIcon {
		display: none !important;
	}
}

.opdrachtoptioninfoblockdata3.bg-primary {
	background-color: #FFF !important;
}