@import url('https://fonts.googleapis.com/css?family=Krub');
@import url('https://fonts.googleapis.com/css?family=Righteous');
* {
	margin: 0;
}
body, html {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Krub', sans-serif;
	height: 100%;
}

video{ border:2px solid #5cbfae !important; }

.edit-pic-but{ position: absolute; padding: 15px 10px 10px 10px; background: rgba(0,0,0,0.62); color: #fff; text-align: center; text-decoration: none; border-bottom-right-radius: 6px; }
.edit-pic-but img{ height: 20px; width: 20px; margin-bottom: -4px; }
h3.centerthis{ text-align: center; color: #63e97f; text-transform: lowercase; }
h3{ color: #63e97f; text-transform: lowercase; }
.faq .faq-item{ color: #fff; text-transform: lowercase; background: #63e97f; padding: 5px; border-radius: 5px; display: block; margin: 10px 0; cursor: pointer; }
.faq .faq-item:hover, .faq .faq-item.selected{ background: #4CBA6F; }
.faq .faq-text{ background: rgba(178,2,83,0.34); padding: 10px; border-radius: 5px; display: none; }
.contact-form input[type="text"] {
	font-family: 'Raleway', sans-serif;
	padding: 10px;
	width: 400px;
}
.standard-button.interesse{margin: 2px; }
.standard-button.interesse:hover{
	background: #58a1cf; /* 4CBA6F */
}
.contact-form textarea {
	font-family: 'Raleway', sans-serif;
	padding: 10px;
	width: 400px;
	height: 200px;
}
.contact-form .answer {
	font-weight: bold;
}
.contact-form .answer input[type="text"] {
	width: 60px;
	margin-right: 100px;
}
.blur {
	filter: blur(8px);
	-webkit-filter: blur(8px);
	cursor: default !important;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.nocredits {
	font-size: 20px;
	margin-bottom: 15px;
	display: none;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}
.online_status {
	position: absolute;
	height: 10px;
	width: 10px;
	display: block;
	border-radius: 15px;
	margin-top: 4px;
	margin-left: 4px;
	background: rgba(70,192,12,1.00);
	background-size: 20px 20px;
}
.offline_status {
	position: absolute;
	height: 10px;
	width: 10px;
	display: block;
	border-radius: 15px;
	margin-top: 4px;
	margin-left: 4px;
	background: rgba(175,28,31,1.00);
	background-size: 20px 20px;
}
.online-select.selected {
	background: #58a1cf; /* 4CBA6F */
}
.item.interesse {
	display: inline-block;
	width: calc(50% - 15px);
	font-size: 14px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 18px;
	margin-bottom: -3px;
}
.switch input {
	display: none;
}
.slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch input:checked + .slider {
	background-color: #58a1cf; /* 2196F3 */
}
.switch input:focus + .slider {
	box-shadow: 0 0 1px #58a1cf; /* 2196F3 */
}
.switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
	/*border-radius: 34px;*/
}
.privacy-settings {
	display: none;
}
.slider.round:before {
	/*border-radius: 50%;*/
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.glow {
	-webkit-box-shadow: 0 0 20px #63e97f;
	-moz-box-shadow: 0 0 20px #63e97f;
	box-shadow: 0 0 20px #63e97f;
	-webkit-transition: border 1s linear, box-shadow 1s linear;
	-moz-transition: border 1s linear, box-shadow 1s linear;
	transition: border 1s linear, box-shadow 1s linear;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.alert {
	background-color: #A41320;
	border-radius: 5px;
	box-shadow: 0 0 6px #B2B2B2;
	display: inline-block;
	padding: 20px;
	position: fixed;
	width: 300px;
	left: calc(50% - 170px);
	z-index: 99999999;
	top: calc(30% - 50px);
	vertical-align: top;
	text-align: center;
	color: #fff;
}
.alert.green {
	background: #5cbfae; /* 4CBA6F */
}
.alert.blue {
	background: #0099E0;
}
.alert .close {
	color: #fff;
	margin: 5px;
	font-size: 13px;
	position: absolute;
	margin-left: 300px;
	padding: 5px;
	margin-top: -20px;
	cursor: pointer;
}
.overlay {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	display: none;
	cursor: pointer;
	height: 100%;
	bottom: 0;
}
.attachments {
	display: none;
	padding: 10px 0 0 35px;
}
.attachment label {
	cursor: pointer;
}
.attachments label {
	cursor: pointer;
	height: 50px;
	width: 50px;
	display: block;
	background: #63e97f;
	color: #fff;
	margin: 2px;
	border-radius: 4px;
	line-height: 25px;
	font-size: 12px;
	padding: 2px;
	float: left;
}
.attachments label img {
	width: 50px;
	height: 50px;
}
.attachments label:hover, .attachments label.selected {
	background: rgba(14,115,54,1.00);
}
#file-upload {
	display: none;
}
.open_attachment {
	position: fixed;
	margin-top: 50px;
	display: none;
	z-index: 1999999;
	width: 100%;
	cursor: pointer;
}
.open_attachment img {
	margin: 0 auto;
	display: block;
	max-height: 600px;
}
input, select, textarea {
	font-family: 'Krub', sans-serif;
}
.hor-line {
	background: #e2a1be;
	height: 1px;
	width: calc(100% - 50px);
	display: block;
	margin: 0 auto;
}
.hor-line-fade {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63e97f+0,63e97f+100&0+0,0.6+25,0.6+75,0+100 */
	background: -moz-linear-gradient(left, rgba(178,2,83,0) 0%, rgba(178,2,83,0.6) 25%, rgba(178,2,83,0.6) 75%, rgba(178,2,83,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(178,2,83,0) 0%, rgba(178,2,83,0.6) 25%, rgba(178,2,83,0.6) 75%, rgba(178,2,83,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(178,2,83,0) 0%, rgba(178,2,83,0.6) 25%, rgba(178,2,83,0.6) 75%, rgba(178,2,83,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063e97f', endColorstr='#0063e97f', GradientType=1 ); /* IE6-9 */
	height: 1px;
	width: calc(100% - 50px);
	display: block;
	margin: 0 auto;
}
.hide-always {
	display: none !important;
}
.bigpicture {
	display: none;
}
.clear {
	clear: both;
}
.space-10 {
	clear: both;
	height: 10px;
}
.space-5 {
	clear: both;
	height: 5px;
}
.space-15 {
	clear: both;
	height: 15px;
}
.space-20 {
	clear: both;
	height: 20px;
}
.space-50 {
	clear: both;
	height: 50px;
}
.header {
	background: #63e97f;
	height: 80px;
	width: 100%;
	display: block;
	position: relative;
	z-index: 999999;
}
.header .mobile-menu-but{ display: none; }
.header .inner-header {
	width: 1250px; /* gewijzigd */
	margin: 0 auto;
	position: relative;
	display: block;
}
.header .logo {
	background: #63e97f;
	height: auto;
	width: 270px;
	color: #fff;
	display: block;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 5px 0 10px 0;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	text-align: center;
	z-index: 999;
}
.header .logo .big {
	text-shadow: 0 0 10px #000;
	font-size: 44px;
	font-weight: bold;
	font-family: 'Righteous', cursive;
	margin-left: -18px; /* nieuw */
}
.header .logo span {
	font-weight: bold;
	display: block;
	text-shadow: 0 0 10px #000;
}
.header .logo:hover {
}
.header .menu-button {
	background: rgba(255,255,255,0.07);
	height: auto;
	width: 65px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	display: block;
	border-radius: 10px;
	padding: 10px;
	position: absolute;
	left: 20px;
	cursor: pointer;
	margin-top: 15px;
}
.header .menu-button:hover {
	background: #000;
}
.header .left-header {
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	display: block;
	position: absolute;
	margin-top: 15px;
	z-index: 9999;
}
.header .left-header.right {
	margin-left: 920px; /* gewijzigd */
}

@media only screen and (max-width : 1196px), only screen and (max-device-width : 1196px) {
	.header .inner-header {
		width: 1100px; /* nieuw */
	}
	.header .logo .big {
		margin-left: 1px; /* nieuw */
	}
	.header .left-header.right {
		margin-left: 770px; /* nieuw */
	}
}

@media only screen and (max-width : 560px), only screen and (max-device-width : 560px) {
	.header .logo .big {
		margin-left: 0px; /* nieuw */
		margin-top: 4px; /* nieuw */
		font-size: 40px; /* nieuw */
	}
}

@media only screen and (max-width : 400px), only screen and (max-device-width : 400px) {
	.header .logo .big {
		margin-left: 0px; /* nieuw */
		margin-top: 8px; /* nieuw */
		font-size: 36px; /* nieuw */
	}
}










.header .left-header .spacer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+1,0.4+50,0+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
	height: 50px;
	display: inline-block;
	margin: 0;
	width: 1px;
}
.header .left-header a img {
	display: inline-block;
	height: 35px;
	margin-right: -5px;
}
.header .left-header a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	width: 70px;
	display: inline-block;
	text-shadow: 2px 2px 3px #000;
	font-weight: bold;
}
.header .left-header a:hover {
	background: radial-gradient(50% 50% at center, #5cbfae, #63e97f);
}
.header .left-header a span {
	margin-top: 3px;
	display: inline-block;
}
.header .left-header .nl {
	display: block;
	float: left;
	background: #2185C5;
	width: 45px;
	height: 45px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	line-height: 44px;
}
.header .left-header input[type="text"] {
	background: none;
	border: 0;
	width: 170px;
	height: 35px;
	font-size: 25px;
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px 5px;
	letter-spacing: 4px;
	float: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	text-transform: uppercase;
}
 .header .left-header input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-transform: lowercase;
font-weight: 100;
color: #4D4D4D;
 font-size: 18px;
letter-spacing: 0;
}
.header .left-header input[type="text"]::-moz-placeholder { /* Firefox 19+ */
letter-spacing: 0;
text-transform: lowercase;
font-size: 18px;
font-weight: 100;
color: #4D4D4D;
}
.header .left-header input[type="text"]:-ms-input-placeholder { /* IE 10+ */
 font-size: 18px;
letter-spacing: 0;
text-transform: lowercase;
font-weight: 100;
color: #4D4D4D;
}
.header .left-header input[type="text"]:-moz-placeholder { /* Firefox 18- */
 font-size: 18px;
text-transform: lowercase;
letter-spacing: 0;
font-weight: 100;
color: #4D4D4D;
}
.header .login {
	display: block;
	border-radius: 10px;
	position: absolute;
	cursor: pointer;
	margin-top: 15px;
	right: 0;
}
.header .login input {
	background: rgba(255,255,255,0.95);
	padding: 5px;
	border-radius: 0px !important;
	height: 25px;
	overflow: hidden;
	border: 0;
	color: #222;
	font-size: 13px;
	text-align: center;
	width: 150px;
	display: block;
	float: left;
	margin: 2px;
}
.header .login .login-button {
	background: #58a1cf; /* 4CBA6F */
	padding: 5px;
	border-radius: 4px;
	margin: 2px;
	height: 35px;
	overflow: hidden;
	border: 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 35px;
	display: block;
	float: left;
	line-height: 25px;
	cursor: pointer;
}
.header .login .login-button:hover {
	background: #527ef6; /* 0099E0 */

}
.header .login .forget {
	margin-right: 60px;
	float: right;
}
.header .login .forget a {
	font-size: 12px;
	color: #fff;
}
.header .login .new {
	margin-left: 20px;
	float: left;font-size: 12px;
	color: #fff;
	margin-top: 5px;
}
.header .login .new input {
	width: auto; height: auto;
}.header .login .new label {
	cursor: pointer;
}
.content {
	width: 1300px;
	margin: 0 auto;
	display: block;
	min-height: calc(100% - 300px);
}
.content.margin-top-40 {
	margin-top: 40px;
}
.content .content-left {
	display: block;
	/*float: left;*/
	/*width: calc(33% - 20px);*/
	width: 100%;
	padding: 10px;
	min-height: 100px;
	overflow: hidden;
}
.content .content-middle {
	display: block;
	float: right;
	width: calc(33% - 20px);
	padding: 0px 10px;
	min-height: 100px;
	overflow: hidden;
	margin-left: 30px;
	margin-right: 60px;
}
.content .content-middle.two-collums {
	width: calc(66% - 20px);
	margin-top: -780px !important;
	margin-right: 20px !important;
}
.content .content-right {
	display: block;
	float: right;
	width: calc(50% - 20px);
	padding: 10px;
	min-height: 100px;
	overflow: hidden;
}




.content .content-middle .profile-spotlight {
	width: 450px;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	height: 450px;
}
.content .content-middle .profile-spotlight .home-image {
	width: 372px;
	display: block;
	/*border-radius: 20px;*/
	border: 4px solid #63e97f;
	margin-top: 10px;
}
.content .content-middle .profile-spotlight .spotlight-title {
	width: 370px;
	display: block;
	padding: 5px;
	position: absolute;
	background: #63e97f;
	color: #fff;
	margin-top: 280px; /* 310px */
	height: 30px;
	text-align: center;
	line-height: 30px;
	z-index: 999;
}


.content .content-left .small-profiles-spotlight {
	display: block;
	text-align: center;
	margin-top: 35px;
}
.content .content-left .small-profiles-spotlight img {
	display: inline-block;
	height: 90px;
	width: 90px;
	margin: 2px;
	border: 4px solid #63e97f;
	/*border-radius: 20px;*/ /* 4px */
	cursor: pointer;
}
.content .content-left .small-profiles-spotlight img:hover, .content .content-left .small-profiles-spotlight img.selected {
	border: 4px solid #527ef6; /* 4CBA6F */
	box-shadow: 1px 1px 2px #63e97f, 0 0 10px #5cbfae, 0 0 5px #58a1cf;
}



.content .content-middle .small-profiles-spotlight {
	width: 350px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.content .content-middle .small-profiles-spotlight img {
	display: inline-block;
	height: 104px;
	width: 104px;
	margin: 2px;
	border: 4px solid #58a1cf;
	border-radius: 0px !important;
	cursor: pointer;
}
.content .content-middle .small-profiles-spotlight img:hover, .content .content-middle .small-profiles-spotlight img.selected {
	border: 4px solid #5cbfae; /* 4CBA6F */
}
.content .content-right .formfiller {
	text-align: center;
	background: #63e97f;
	color: #fff;
	/*border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;*/
	border-radius: 0px !important;
	padding: 9px 0;
}
.content .content-right .formfiller h3 {
	text-transform: uppercase;
}
.content .content-right .formfiller .form-fill-left {
	display: inline-block;
	width: 140px;
	overflow: hidden;
	text-align: left;
	padding: 2px;
}
.content .content-right .formfiller .form-fill-right {
	display: inline-block;
	width: 200px;
	overflow: hidden;
	padding: 2px;
	
}
@media only screen and (min-width : 1196px), only screen and (min-device-width : 1196px) {
	.content .content-right .formfiller .form-fill-right {
		width: 400px;
		
	}
}
@media only screen and (max-width : 1195px), only screen and (max-device-width : 1195px) {
	.content .content-right .formfiller .form-fill-right {
		width: 300px;
		
	}
}






.content .content-right .formfiller .form-fill-right input, .content .content-right .formfiller .form-fill-right select {
	width: calc(100% - 10px);
	background: #FBF2F6;
	padding: 5px;
	border-radius: 0px !important; /* 4px */
	overflow: hidden;
	border: 0;
	color: #222;
	font-size: 13px;
	text-align: left;
	display: block;
	float: left;
}
.content .content-right .formfiller .form-fill-right select {
	width: 100%;
}
.content .content-right .formfiller .form-fill-left.widerikzoek {
	width: 100%;
	text-align: center;
}
.content .content-right .formfiller label {
	display: inline-block;
	background: #5cbfae; /* 89013e */
	color: #fff;
	padding: 5px;
	border-radius: 0px !important; /* 3px */
	cursor: pointer;
	font-size: 13px;
}
.content .content-right .formfiller label.selected, .content .content-right .formfiller label:hover {
	background: #58a1cf; /* 2c2c2c */
}
.formfiller .warning {
	position: absolute;
	font-size: 13px;
	display: block;
	width: 195px;
	height: 35px;
	margin-top: -5px;
	line-height: 35px;
	padding-left: 5px;
	background: rgb(255,214,94);
	background: -moz-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,214,94,1)), color-stop(100%, rgba(254,191,4,1)));
	background: -webkit-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -o-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: linear-gradient(to bottom, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0 );
	color: #C10003;
	text-decoration: underline;
	cursor: pointer;
}
.formfiller .warning img {
	height: 15px;
	margin-right: 8px;
}
.content .content-right .formfiller .reg-button {
	text-transform: uppercase;
	background: #58a1cf; /* 4CBA6F */
	color: #fff;
	padding: 8px;
	font-size: 18px;
	border: 0;
	border-radius: 0px !important; /* 4px */
	width: 80%;
	cursor: pointer;
}
.content .content-right .formfiller .reg-button:hover {
	background: #527ef6; /* 89013e */
}
.content .content-right .home-ul-promo li {
	list-style: none;
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #63e97f;
}
.content .content-right .home-ul-promo li:before {
	content: '';
	display: inline-block;
	height: 50px;
	width: 55px;
	margin-bottom: -10px;
	background-image: url(../../.././img/icons/kleinevink.png);
}
.support-form {
	width: 600px;
	margin: 0 auto;
}
.support-form input, .support-form select, .support-form textarea {
	padding: 5px;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin: 3px;
	width: calc(100% - 20px);
}
.support-form select {
	width: calc(100% - 10px);
}
.support-form input[type="submit"] {
	background: #63e97f;
	color: #fff;
	cursor: pointer;
}
.support-form input[type="submit"]:hover {
	background: #000;
}
.footer {
	background: #63e97f;
	height: 160px;
	width: 100%;
	display: block;
}
.footer .inner-footer {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.footer .inner-footer a {
	padding: 4px;
	display: inline-block;
	background: #5cbfae; /* 89013e */
	border-radius: 0px !important;
	color: #fff;
	text-decoration: none;
}

/*
	Nieuw toegevoegd op 10 Mei 2019 door Henry
*/
.footer .inner-footer a:hover {
	background: #58a1cf; /* 2c2c2c */
}

.profile-block {
	display: block;
	padding: 15px;
}
.profile-block .profiel-left, .profile-block .profiel-right {
	display: inline-block;
	width: 180px;
	vertical-align: top;
	min-height: 20px;
}
.profile-block .profiel-left {
	font-weight: bold;
	padding-right: 5px;
}
.profile-block .profiel-right {
	padding-left: 5px;
}
.small-profiles-spotlight.profile-version {
	position: absolute;
	z-index: 99999;
	margin-top: -50px !important;
	display: block;
	text-align: center;
}
.small-profiles-spotlight.profile-version img {
	height: 85px !important;
	width: 85px !important;
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}
.content-middle.profile-version {
	background: #F7E5ED;
	width: 380px;
	padding: 0px !important;
	margin-left: 130px;
	margin-right: 40px;
}
.profile-message-block {
	text-align: center;
	color: #63e97f;
}
.profile-message-block .small-info {
	text-align: center;
	color: #222;
	font-size: 13px;
}
.profile-message-block input[type="text"], .profile-message-block textarea {
	width: calc(100% - 50px);
	margin: 5px;
	border: 0;
	padding: 4px;
	text-align: center;
	border-radius: 5px;
}
.profile-message-block textarea {
	height: 100px;
}
.profile-message-block .attachment {
	display: block;
	float: left;
	margin-left: 20px;
	cursor: pointer;
	text-decoration: underline;
	margin-top: 4px;
}
.profile-message-block .attachment img {
	margin-bottom: -10px;
	margin-right: 5px;
}
.profile-message-block .emoij {
	display: block;
	float: right;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 4px;
	text-decoration: underline;
}
.profile-message-block .send {
	display: block;
	float: right;
	margin-right: 20px;
	background: #5cbfae; /* 4CBA6F */
	color: #fff;
	border: 0px;
	border-radius: 0px !important;
	padding: 4px;
	cursor: pointer;
}
.profile-message-block .send:hover {
	background: #58a1cf; /* 89013e */
}
.profile-heading {
	font-size: 18px;
	margin-bottom: 15px;
	color: #63e97f;
	font-weight: bold;
	padding-left: 150px;
}
.profieltekst-inner,
.oproep-inner {
	padding-left: 150px;
    width: 75%;
}
.content-left .profile-action-button {
	width: 300px;
	display: block;
	cursor: pointer;
	margin-bottom: 10px;
	background: rgba(0,0,0,0.09);
	border-radius: 0px !important;
	line-height: 25px;
	margin-left: 150px;
    float: left;
}
.content-left .profile-action-button:hover {
	background: #63e97f; /* 4CBA6F */
	color: #fff;
}
.content-left .profile-action-button img {
	height: 40px;
	margin-bottom: -14px;
	margin-right: 5px;
}
.bigpicture {
	position: absolute;
	-webkit-box-shadow: 0px 0px 5px 2px #63e97f;
	-moz-box-shadow: 0px 0px 5px 2px #63e97f;
	box-shadow: 0px 0px 5px 2px #63e97f;
	display: none;
	cursor: pointer;
	z-index: 200000;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	max-height: 80%;
	margin-top: 100px;
}
.profile-message-block .emoij-list {
	display: none;
	width: 358px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F7E5ED;
}
.profile-message-block .emoij-list span {
	cursor: pointer;
	font-size: 18px;
}
.profile-message-block .emoij-list span:hover {
	background: #63e97f;
	border-radius: 4px;
}

/*@media only screen and (max-width : 800px), only screen and (max-device-width : 800px) {
.content {
	width: auto !important;
}
.content-left, .content-right, .content-middle {
	width: 100% !important;
}
}*/
.searchmenu .inner {
	display: block;
	background: #FBF2F6;
	width: 390px;
}
.searchmenu .inner span {
	background: #63e97f;
	color: #fff;
	margin: 1px;
	border-radius: 0px !important;
	padding: 4px;
	width: 380px;
	text-decoration: none; /* underline */
	cursor: pointer;
	display: block;
}
.searchmenu .inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}
.searchmenu .inner ul label {
	cursor: pointer;
	display: inline-block;
	width: 180px;
	margin: 1px;
	border-radius: 4px;
	padding: 1px;
	font-size: 13px;
	margin-left: 5px;
}
.searchmenu .inner ul li em {
	text-decoration: underline;
}
.searchmenu .inner ul {
	margin: 5px 0 0 0;
}
.searchmenu .inner input[type="text"] {
	width: 90%;
	padding: 4px;
	text-align: center;
	border: 1px solid #63e97f;
	border-radius: 4px;
	display: block;
	margin: 5px auto;
}
.search-results {
	margin-top: 20px;
}
.search-results.centerthis {
	display: block;
	margin: 20px auto;
	text-align: center;
}
.search-results .front-pro {
	display: inline-block;
	height: 100px;
	width: 270px;
	background: #FBF2F6;
	border-radius: 0px !important;
	text-decoration: none;
	color: #222;
	margin-right: 5px;
}


/* 
Toegevoegd op 10 Mei 2019 door Henry
*/
.search-results .front-pro:hover {
	/*background: #d985ae;*/
	box-shadow: 1px 1px 2px #63e97f, 0 0 25px #5cbfae, 0 0 5px #58a1cf;
}



.search-results .front-pro.hidden {
	display: none;
}
.search-results .front-pro .profile-photo {
	width: 100px;
	height: 100px;
	display: inline-block;
	border: 2px solid #58a1cf; /* 2185C5 */
	border-radius: 0px !important;
}
.search-results .front-pro .pro-text {
	width: 160px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	vertical-align: top;
}
.searchmenu .zoek-knop {
	text-transform: uppercase;
	background: #5cbfae; /* 4CBA6F */
	color: #fff;
	padding: 8px;
	font-size: 18px;
	border: 0;
	border-radius: 0px !important;
	width: 372px;
	margin: 1px;
	cursor: pointer;
	text-align: center;
}
.searchmenu .zoek-knop:hover {
	background: #58a1cf; /* 89013e */
}
.search-results .loading-animate {
	display: block;
	text-align: center;
}
.lastSearch {
	display: none;
	background: #5cbfae;
	color: #fff;
	border-radius: 0px !important;
	font-size: 12px;
	margin: 0 auto;
	height: 22px;
	width: 210px;
	padding: 4px 4px 4px 10px;
	margin-top: 10px;
}

/*
	Toegevoegd op 10 Mei 2019 door Henry
*/
.lastSearch:hover {
	background: #58a1cf;
}



.lastSearch .last-search-button {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}
.lastSearch .last-search-button:hover {
	text-decoration: none; /* underline */
}
.lastSearch .delete {
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 0 4px 4px 10px;
	font-size: 14px;
	margin-bottom: -4px;
	cursor: pointer;
	font-weight: bold;
}
.lastSearch .delete:hover {
	color: #000;
}
.page-numbers {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.page-numbers .number {
	display: inline-block;
	padding: 2px 4px;
	background: #5cbfae;
	color: #fff;
	margin: 2px;
	cursor: pointer;
	border-radius: 0px !important;
}
.page-numbers .number:hover, .page-numbers .number.bold {
	background: #58a1cf; /* 000 */
}
/*.page-numbers .number.numbering{ width: 1px !important; margin: 0 !important; padding: 0 !important; }*/
.message-counter {
	display: block;
	position: absolute;
	background: rgba(207,52,55,1.00);
	color: #fff;
	padding: 2px;
	padding: 5px;
	border-radius: 4px;
	margin-left: 40px;
	font-size: 12px;
}
.message-counter.green {
	background: #58a1cf; /* 4CBA6F */
}
.openMsgList {
	display: none;
	position: absolute;
	width: 300px;
	height: auto;
	margin-top: 90px;
	z-index: 99999;
	background: #F7E5ED;
	border-radius: 8px;
}
.berichten-lijst .msgcounter {
	margin-right: 15px;
	float: left;
	background: rgba(98,98,98,1.00);
	padding: 4px;
	height: 20px;
	width: auto;
	/*border-radius: 15px;*/
	min-width: 20px;
	text-align: center;
	margin-top: -6px;
	margin-left: -12px;
	line-height: 20px;
	display: inline-block;
}
.berichten-lijst .msgcounter.green {
	background: #58a1cf; /* 4CBA6F */
}
.berichten-lijst .bericht .foto img {
	height: 60px;
	width: 60px;
	/*border-radius: 30px;*/
	margin: 4px;
}
.berichten-lijst .bericht .foto {
	display: block;
	float: left;
}
.berichten-lijst .bericht {
	margin-left: 5px;
	height: 65px;
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
	cursor: pointer;
}
.berichten-lijst .bericht:hover, .berichten-lijst .bericht.selected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63e97f+0,63e97f+100&0.03+0,0.1+100 */
	background: -moz-linear-gradient(top, rgba(178,2,83,0.03) 0%, rgba(178,2,83,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(178,2,83,0.03) 0%, rgba(178,2,83,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(178,2,83,0.03) 0%, rgba(178,2,83,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0863e97f', endColorstr='#1a63e97f', GradientType=0 ); /* IE6-9 */
}
.berichten-lijst .heading {
	background: #63e97f;
	color: #fff;
	/*border-radius: 7px;*/
	font-size: 12px;
	margin: 0 auto;
	width: 270px;
	padding: 4px 4px 4px 0px;
	margin-top: 10px;
	text-transform: uppercase;
	cursor: pointer;
	margin-bottom: 10px;
}
.berichten-lijst .bericht .right {
	display: block;
	float: left;
	padding-top: 5px;
	font-size: 13px;
}
.berichten-lijst .bericht .right .gebruikersnaam {
	display: block;
	float: left;
	width: 170px;
	font-weight: bold;
}
.berichten-lijst .bericht .right .datum {
	display: block;
	float: right;
	width: 50px;
}
.berichten-lijst .no-messages {
	text-align: center;
	display: block;
	font-size: 13px;
}
.berichten-lijst .delete {
	float: right;
	border-radius: 15px;
	color: #63e97f;
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 14px;
	margin-top: -17px;
	cursor: pointer;
	font-weight: bold;
	margin-right: -17px;
	background: #F7E5ED;
	height: 20px;
	width: 20px;
}
.berichten-lijst .bericht .right .text {
	display: block;
	width: 170px;
	margin-top: 4px;
	word-break: break-word;
}
.berichten-lijst .toggle {
	max-height: 470px;
	overflow: auto;
	display: none;
}
 .berichten-lijst .toggle::-webkit-scrollbar {
width:5px;
background: rgba(213,0,97,0.51);
height:5px;
}
.berichten-lijst .toggle::-webkit-scrollbar-button { /* 2 */
}
.berichten-lijst .toggle::-webkit-scrollbar-track { /* 3 */
}
.berichten-lijst .toggle::-webkit-scrollbar-track-piece { /* 4 */
}
.berichten-lijst .toggle::-webkit-scrollbar-thumb {
background:#6E1531;
}
.berichten-lijst .toggle::-webkit-scrollbar-corner { /* 6 */
}
.berichten-lijst .toggle::-webkit-resizer { /* 7 */
}
.toggle-a.toggle {
	display: block;
}
.bubble {
	background-color: #F2F2F2;
	border-radius: 5px;
	box-shadow: 0 0 6px #B2B2B2;
	display: inline-block;
	padding: 10px 18px;
	position: relative;
	vertical-align: top;
}
.bubble::before {
	background-color: #F2F2F2;
	content: "\00a0";
	display: block;
	height: 16px;
	position: absolute;
	top: 11px;
	transform: rotate(29deg) skew(-35deg);
	-moz-transform: rotate(29deg) skew(-35deg);
	-ms-transform: rotate(29deg) skew(-35deg);
	-o-transform: rotate(29deg) skew(-35deg);
	-webkit-transform: rotate(29deg) skew(-35deg);
	width: 20px;
}
.bubble.me {
	float: left;
	clear: both;
	margin: 5px 45px 5px 25px;
}
.bubble.me::before {
	box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
	left: -9px;
}
.bubble.you {
	float: right;
	clear: both;
	margin: 5px 25px 5px 45px;
	background: #009AE1;
	color: #fff;
}
.bubble.you::before {
	box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, .4);
	background: #009AE1;
	right: -9px;
}
.geschiedenis {
	margin-top: 6px;
}
.msg-bericht input[type="button"] {
    background: #0099E0;
    color: #fff;
    border: 0px;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
	font-size: 13px; margin-left: 5px;
}
.msg-bericht input[type="button"]:hover {
    background: #4CBA6F;
}
.msg-bericht {
	position: relative;
	text-align: right;
	    word-break: break-word;
}
.datum-bericht {
	font-size: 11px;
	display: block;
	float: right;
	margin-top: 5px;
	margin-bottom: -5px;
}
.inner-messages-overflow {
	max-height: 450px;
	overflow: auto;
}
 .scroll-small::-webkit-scrollbar {
width:5px;
background: rgba(213,0,97,0.51);
height:5px;
}
.scroll-small::-webkit-scrollbar-button { /* 2 */
}
.scroll-small::-webkit-scrollbar-track { /* 3 */
}
.scroll-small::-webkit-scrollbar-track-piece { /* 4 */
}
.scroll-small::-webkit-scrollbar-thumb {
background:#6E1531;
cursor: pointer;
}
.scroll-small::-webkit-scrollbar-corner { /* 6 */
}
.scroll-small::-webkit-resizer { /* 7 */
}
.status-bar {
	text-align: center;
	background: rgba(213, 0, 97, 0.2);
	border: 1px solid rgb(213, 0, 97);
	padding: 3px;
	display: none;
	font-size: 13px;
	border-radius: 4px;
	width: 1120px;
	margin-bottom: 20px;
}
.status-bar .close {
	float: right;
	height: 17px;
	width: 17px;
	cursor: pointer;
}
.uploaded-photo-item {
	text-align: center;
	display: inline-block;
	margin: 3px;
	padding: 3px;
	background: rgba(233,233,233,1.00);
	border-radius: 4px;
	position: relative;
}
.uploaded-photo-item .copy {
	position: absolute;
	background: rgba(0,0,0,0.55);
	padding: 3px;
	color: #fff;
	border-top-left-radius: 4px;
	width: calc(100% - 12px);
	cursor: pointer;
	margin-top: 125px;
	display: block;
	height: 20px;
}
.uploaded-photo-item span {
	font-size: 13px;
	font-weight: 500;
	float: right;
	margin-top: 5px;
	display: block;
	width: 80px;
	text-align: center;
}
.uploaded-photo-item .image {
	height: 150px;
	width: 150px;
	border-radius: 4px;
	cursor: pointer;
}
.uploaded-photo-item .rotate {
	height: 15px;
	width: 15px;
	float: left;
	margin: 3px;
	margin-left: 3px;
	cursor: pointer;
}
.uploaded-photo-item .delete {
	height: 15px;
	width: 15px;
	margin-top: 3px;
	float: right;
	margin-right: 3px;
	cursor: pointer;
}
.uploaded-photo-item .space {
	height: 3px !important;
}
.uploaded-photo-item .menu {
	position: absolute;
	border-radius: 4px;
	background: #58a1cf;
	padding: 3px;
	height: 15px;
	width: 15px;
	margin-top: 4px;
	margin-left: 125px;
	cursor: pointer;
}
.uploaded-photo-item .menu:hover {
	background: #527ef6;
}
.uploaded-photo-item .folded-menu {
	position: absolute;
	margin-top: 24px;
	margin-left: 20px;
	display: none;
	border-radius: 4px;
	text-align: left;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	background: #58a1cf;
	padding: 3px;
	width: 120px;
}
.uploaded-photo-item .folded-menu .option {
	margin: 2px;
	background: #58a1cf;
	cursor: pointer;
	padding: 3px;
	border-radius: 4px;
}
.uploaded-photo-item .folded-menu .option:hover {
	background: #527ef6;
}
.uploaded-photo-item .folded-menu .option img {
	height: 10px;
	width: 10px;
	margin-right: 7px;
}
.mb-bar {
	border-radius: 4px;
	float: right;
	width: 500px;
	display: block;
	border: 1px solid #C1C1C1;
	overflow: hidden;
	margin-right: 70px;
	padding: 4px;
}
.mb-bar .baritself {
	background: #D0D0D0;
	border-radius: 4px;
	overflow: hidden;
	display: block;
	height: 20px;
	width: 100%;
}
.mb-bar .mb-used {
	font-size: 13px;
	text-align: center;
}
.mb-bar .used-mb-bar {
	height: 100%;
	width: 0%;
	background: #58a1cf;
	text-align: center;
}
.mb-bar .bar-pro {
	position: absolute;
	width: 492px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
.standard-button {
	background: #5cbfae; /* 0099E0 */
	font-weight: 400;
	padding: 5px;
	border-radius: 0px !important;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	border: 0px;
	text-decoration: none;
}
.standard-button.green {
	background: #5cbfae; /* 4CAF50 */
}

/* 
	Toegevoegd op 10 Mei 2019 door Henry
*/
.standard-button:hover,
.standard-button.green:hover {
	background: #58a1cf;
}




.standard-button.bigger {
	font-size: 16px;
	font-weight: 700;
}
.standard-button .info {
	position: absolute;
	margin-top: 30px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	z-index: 99;
	cursor: default;
	color: #000;
}
.upgradebalance input#number, .paybox .payoutInput {
	text-align: center;
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	width: 80px;
	height: 40px;
	font-weight: bold;
}
 .upgradebalance input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
.paybox {
	display: inline-block;
	height: auto;
	width: 360px;
	
	border: #63e97f;
	text-align: center;
	vertical-align: text-top;
	margin: 10px 20px 0 20px;
	padding-bottom: 15px;
}
.paybox.wider {
	width: calc(100% - 415px);
	text-align: left;
	padding-left: 15px;
}
.paybox h2 {
	margin: 0 0 10px 0;
	text-align: left;
	padding: 10px !important;
	color: #000;
	text-shadow: none !important;
	font-size: 15px;
}
.paybox .advantage {
	font-weight: 400;
}
.paybox .advantage span {
	font-weight: bold;
	margin-right: 5px;
}
.paybox .advantage span em {
	font-size: 11px;
}
.paybox .advantage {
	margin-top: 10px;
}
.paybox .advantage img {
	margin-bottom: -3px;
	margin-right: 10px;
}
.paybox .totaal {
	font-size: 20px;
	text-align: right;
	margin-right: 20px;
}
.paybox .totaal span {
	font-size: 14px;
}
.paybox .info {
	font-size: 14px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 5px;
}
.paybox .info img {
	height: 12px;
}
.paybox .totaal .lins {
	clear: both;
	height: 1px;
	background: #000;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.paybox label {
	width: 310px;
	background: #63e97f; /* 4CAF50 */
	display: block;
	text-align: left;
	cursor: pointer;
	border-radius: 0px !important;
	margin: 8px;
	padding: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}
.paybox label.nostyle {
	background: none;
	border: 0;
	color: #000;
	text-align: center;
}
.paybox label.afrek {
	text-align: right;
	background: #58a1cf; /* 4CAF50 */
}
.paybox label {
	cursor: pointer;
}
.paybox label .underline {
	padding: 5px;
	color: #000;
}
.paybox label .underline:hover {
	color: #000;
}
.paybox label:hover, .paybox label.selected {
	background: #5cbfae;
}
.paybox label img {
	height: 17px;
	float: right;
	background: #fff;
	padding: 4px;
	border-radius: 3px;
	margin-top: -3px;
}
.paybox label img.phone-icon {
	height: 20px;
	float: left;
	background: none !important;
	padding: 4px;
	border-radius: 3px;
	margin-top: -6px;
}
.paybox .select-bank {
	display: none;
}
.arrow-right-paybox {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	display: inline-block;
	margin-bottom: -170px;
	border-left: 15px solid #63e97f;
}
.payInfoIMG {
	margin: 0 5%;
}
.creditsleft {
	background: #58a1cf; /* 4CAF50 */
	padding: 10px;
	border-radius: 0px !important;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 340px;
	margin-left: 20px;
}
.edit-but {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	background: #5cbfae; /* rgba(0,0,0,0.75) */
	padding: 5px 10px;
	border-radius: 0px !important;
	margin-left: 130px;
}
.edit-but.blue {
	background: #63e97f; /* 2196F3 */
}
.edit-but:hover {
	background: #58a1cf;
	color: #fff;
}
.edit-but img {
	height: 25px;
	width: 25px;
	margin-bottom: -8px;
	margin-right: 5px;
}
.profielinfo-edit {
	display: none;
}
.profielinfo-edit input[type="text"], .profielinfo-edit select {
	margin: 3px;
	font-weight: 500;
	font-size: 14px;
}
.profielinfo-edit select {
	width: 100%;
}
.profielinfo-edit input[type="text"] {
	width: calc(100% - 5px);
}
.profielinfo-edit label {
	display: inline-block;
	margin: 4px;
	cursor: pointer;
}
.berichten-lijst .bericht .right .text{ height: 40px; overflow: hidden; }
.tijdlijn-item {
	background: #63e97f;
	padding: 5px;
	margin: 1px;
	text-align: left;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.tijdlijn-item:hover {
	background: #5cbfae; /* 4CAF50 */
}
.tijdlijn-item a {
	color: #fff;
}
.tijdlijn-item span {
	color: #fff;
	font-size: 12px;
	margin-right: 5px;
}
.match-setting label {
	background: rgba(216,216,216,1.00);
	padding: 5px;
	border-radius: 0px !important;
	margin: 3px;
	cursor: pointer;
	display: inline-block;
	width: 150px;
}
.match-setting label input {
	display: none;
}
.match-setting label.selected {
	background: #5cbfae; /* 4caf50 */
	color: #fff;
}
.match-row {
	width: 340px;
	display: block;
	float: left;
}
.match-setting select {
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 0px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 15px;
	cursor: pointer;
}
.match-setting input[type="text"] {
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 0px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 15px;
}
.bar {
	display: inline-block;
	width: 110px;
	background: rgba(183,183,183,1.00);
	height: 15px;
	border-radius: 0px !important;
	margin-top: 5px;
}
.bar .inner-bar {
	display: block;
	height: 15px;
	border-radius: 5px;
	border-radius: 0px !important;
}
.bar span {
	position: absolute;
	width: 110px;
	display: block;
	font-size: 12px;
	text-align: center;
	color:#fff !important; 
}
.recent-items {
	text-align: center;
}
.recent-items .item {
	height: 30px;
	clear: both;
	display: inline-block;
	margin-bottom: 8px;
	text-align: center;
	line-height: 30px;
}
.recent-items .item .thumb {
	float: left;
	position: absolute;
	margin-top: -4px;
	margin-left: 4px;
	cursor: pointer;
}
.recent-items .item .bigthumb {
	cursor: pointer;
	display: none;
	position: absolute;
	margin-top: -110px;
	margin-left: -110px;
	height: 200px !important;
	width: 200px !important;
}
.recent-items .item .thumb.right {
	margin-left: 520px;
}
.recent-items .item .text {
	float: left;
	background: #5cbfae; /* D50061 */
	display: block;
	height: 30px;
	width: 300px;
	margin-left: 25px;
	color: #fff;
	font-size: 13px;
	font-weight: 100;
	/* border-radius: 10px; */
	cursor: pointer;

	/*border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
}
.recent-items .item .text span {
	font-size: 12px;
}
.recent-items .item .text.bleu {
	background: #009ae1;
}
.recent-items .item .thumb img {
	width: 35px;
	height: 35px;
	/*border-radius: 20px;*/
	border: 2px solid #63e97f;
}
.recent-items .item .text:hover {
	background: #58a1cf; /* 2c2c2c */
}

.regloader-form .formfiller {
	text-align: center;
	background: #63e97f;
	color: #fff;
	border-radius: 20px;
	/*border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;*/
}
.regloader-form .formfiller h3 {
	text-transform: uppercase;
}
.regloader-form .formfiller .form-fill-left {
	display: inline-block;
	width: 140px;
	overflow: hidden;
	text-align: left;
	padding: 2px;
}
.regloader-form .formfiller .form-fill-right {
	display: inline-block;
	width: 200px;
	overflow: hidden;
	padding: 2px;
	
}
.regloader-form .formfiller .form-fill-right input, .regloader-form .formfiller .form-fill-right select {
	width: calc(100% - 10px);
	background: #FBF2F6;
	padding: 5px;
	border-radius: 4px;
	overflow: hidden;
	border: 0;
	color: #222;
	font-size: 13px;
	text-align: left;
	display: block;
	float: left;
}
.regloader-form .formfiller .form-fill-right select {
	width: 100%;
}
.regloader-form .formfiller .form-fill-left.widerikzoek {
	width: 100%;
	text-align: center;
}
.regloader-form .formfiller label {
	display: inline-block;
	background: #5cbfae; /* 89013e */
	color: #fff;
	padding: 3px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 13px;
}
.regloader-form .formfiller label.selected, .regloader-form .formfiller label:hover {
	background: #58a1cf; /* 4CBA6F */
}
.formfiller .warning {
	position: absolute;
	font-size: 13px;
	display: block;
	width: 195px;
	height: 35px;
	margin-top: -5px;
	line-height: 35px;
	padding-left: 5px;
	background: rgb(255,214,94);
	background: -moz-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,214,94,1)), color-stop(100%, rgba(254,191,4,1)));
	background: -webkit-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -o-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: linear-gradient(to bottom, rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0 );
	color: #C10003;
	text-decoration: underline;
	cursor: pointer;
}
.formfiller .warning img {
	height: 15px;
	margin-right: 8px;
}
.regloader-form .formfiller .reg-button {
	text-transform: uppercase;
	background: #58a1cf; /* 4CBA6F */
	color: #fff;
	padding: 8px;
	font-size: 18px;
	border: 0;
	border-radius: 4px;
	width: 80%;
	cursor: pointer;
}
.regloader-form .formfiller .reg-button:hover {
	background: #527ef6; /* 4CBA6F */
}
.widerikzoek a{ color: #fff; }
.alg-text{ display: none; padding: 20px; font-size: 12px; }
.regLoader{ width:400px;
 position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
	z-index: 99999;
	margin-top: 25px;
 }
.mobile-men{ display: none; }
.showonmobile{ display: none; }



@media (min-width:961px) and (max-width:1300px)  { 
.profile-heading,
.profieltekst-inner, 
.oproep-inner {
    padding-left: 130px;
    width: 75%;
}
.content-left .profile-action-button {
    margin-left: 130px;
}
	.zoeken.searchmenu.content-left {
		float: left !important;
		width: calc(28% - 20px) !important;
	}
	/*.content .content-middle.two-collums {
		float: none !important;
    	width: calc(66% - 20px) !important;
   	 	margin-left: 55px !important;
	}*/
.content .content-middle.two-collums {
	/*width: calc(66% - 20px);*/
	margin-top: 40px !important;
	/*margin-left: 55px !important;*/
	
	/*margin-top: -800px !important;
	margin-left: 420px !important;*/
}


	.paybox {
   display: block; margin: 0 auto;
}
	.header .left-header a span{ font-size: 11px; }
	.creditsleft{ margin: 0 auto; display: block; }
	.arrow-right-paybox{ display: none; }
.content {
	width: auto !important;
}
	.post-interesses div{ width: 100% !important; }
	.content .content-middle{ position: relative; }
	.content .content-middle .profile-spotlight{ width: auto; height: auto; }
	.content .content-middle .profile-spotlight .spotlight-title{ width: calc(100% - 60px) !important; }
	.content .content-middle .profile-spotlight .home-image{ /*width: 100% !important;*/ width: calc(100% - 35px) !important; }
	.content .content-right .formfiller .form-fill-left{ /*display: none;*/ }
	.show-ipad{ display: block !important; }
	.content .content-right .formfiller .form-fill-left.show-ipad{ text-align: center; width: 100%; }
	.content .content-left .small-profiles-spotlight img:nth-child(12n),.content .content-left .small-profiles-spotlight img:nth-child(11n),.content .content-left .small-profiles-spotlight img:nth-child(10n){ display: none; }
	.home-seo{ padding: 20px; }
	section, .content_middle_space{ padding: 20px; }
	.content-middle.profile-version{ width: 33% !important; margin-left: 120px; }
	.profile-message-block .emoij-list{ width: auto; }
	.content .content-middle .small-profiles-spotlight{ width: auto; }
	.small-profiles-spotlight.profile-version img{ width: 23% !important; }
	.content .content-right{     width: calc(50% - 30px); }
	.profile-block .profiel-left, .profile-block .profiel-right{ width: 45%; }
	.standard-button.upload-button{ display: none; }
	#uploadform input[type="file"]{ display: block !important; position: relative !important; opacity: 100 !important; margin-top: 10px; width: auto !important; }
	.standard-button.hide-desktop{ display: none; }
	.searchmenu .inner, .searchmenu .inner span{ width: auto !important; }
	.searchmenu .zoek-knop{ width: auto; }
	.match-setting{ padding: 20px; }
	.profile-message-block .emoij{ display: none; }
}

@media (min-width:962px) and (max-width:1230px)  { 
	/*.content .content-left {
		float: left !important;
		width: calc(33% - 20px) !important;
	}
	.content .content-middle.two-collums {
		float: none !important;
    	width: calc(66% - 20px) !important;
   	 	margin-left: 55px !important;
	}*/
	.content .content-middle.two-collums {
		/*width: calc(66% - 20px);*/
		margin-top: 50px !important;
		/*margin-left: 55px !important;*/
		
		/*margin-top: -800px !important;
		margin-left: 420px !important;*/
	}
}

@media (min-width:765px) and (max-width:961px)  { 
.profile-heading,
.profieltekst-inner, 
.oproep-inner {
    padding-left: 40px;
    width: 85%;
}
.content-left .profile-action-button {
    margin-left: 40px;
}
.content .content-middle {
    margin-left: 40px;
}
.content .content-middle.two-collums {
    margin-right: -30px !important;
}
	.content .content-middle.two-collums {
		/*width: calc(66% - 20px);*/
		margin-top: 0px !important;
		/*margin-left: 55px !important;*/
		
		/*margin-top: -800px !important;
		margin-left: 420px !important;*/
	}


		.paybox {
   display: block; margin: 0 auto;
}
.creditsleft{ margin: 0 auto; display: block; }
	.arrow-right-paybox{ display: none; }
	.content {
	width: auto !important;
}
	.profile-message-block .emoij{ display: none; }
	input[type="button"], input[type="submit"]{  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; }
.arrow-right-paybox {
	display: none !important;
}
.paybox {
	width: 90% !important;
}
.paybox label {
	width: 88% !important;
}
	.header .inner-header{
		width: auto;
	}
	.header .left-header{ display: none; }
	.header .login{ display: none; }
	.content .content-left, .content .content-middle, .content .content-right{width: calc(100% - 20px) !important;}
	.content .content-middle .profile-spotlight{ /*border-top:4px solid #63e97f;*/ }
	.content .content-middle .small-profiles-spotlight{ width: 100%; }
	.home-seo{ padding: 10px; }
	.footer .inner-footer{ width: auto; padding: 10px; }
	.footer{ height: auto; }
	.footer .inner-footer a{ margin: 2px; }
	.content_middle_space{ padding: 20px; }
	.contact-form input[type=text], .contact-form textarea{ width: calc(100% - 50px) !important; }
	.contact-form{ padding: 20px; }
	.standard-button.contact{ margin-top: 10px; }
	.header .logo span{ display: none; }
	.mobile-menu-but{ display: block !important; position: absolute; height: 35px; width: 35px; margin:20px 0 0 10px; cursor: pointer;}
	.mobile-menu-but img{  height: 100%; width: 100%; border-radius: 4px; }
	.header .left-header{ top: 65px; background: #63e97f; left:0; right: 0; }
	.header .left-header .spacer{ height: 1px; background: rgba(255,255,255,0.17); width: 80%; margin: 0 auto; display: block; }
	.header .left-header a{ padding: 10px; margin: 10px; display: block; width: auto; text-align: left; }
	.header .left-header img{ height: 15px !important; margin-right: 20px !important; }
	.header .left-header a .clear{ display: inline-block; width: 1px; height: 1px; }
	.mobile-men{ display: block; }
	.header .login{ top: 65px; background: #63e97f; left:0; right: 0; border-radius: 0; padding: 10px;}
	.header .login input{ width: calc(50% - 40px); }
	.content-middle.profile-version{ margin: 0; width: 100% !important; padding-top: 15px !important; }
	.profile-block .profiel-left{ width: 100px; }
	.profile-block .profiel-right{ width: calc(50% - 120px); }
	.bigpicture{ max-width: calc(100% - 20px); position: fixed; }
	.match-setting{ padding: 10px; }
	.mb-bar{ float: none; width: calc(100% - 20px); }
	.media-pagina{ padding: 10px; }
	.standard-button.upload-button{ display: none; }
	#uploadform input[type="file"]{ display: block !important; position: relative !important; opacity: 100 !important; margin-top: 10px; width: auto !important; }
	.standard-button.hide-desktop{ display: none; }
	.creditsleft{ width:  calc(100% - 40px); display: block; margin: 0 auto !important; }
	.message-counter{ display: inline-block; position: static; float: right; }
	
	.left-header.right a{ display: none !important; }
	.berichten-lijst .delete{ margin-right: 0 !important; }
	.searchmenu .inner{ width: 100%; }
	.searchmenu .inner span{ width: calc(100% - 10px); }
	.search-results .front-pro{ }
	.searchmenu .zoek-knop{ width: auto !important;}
	.regloader-form .form-fill-right{width: calc(100% - 170px) !important; min-width: 150px; }
	.regLoader{ width: auto !important;   }
	.regLoader .regloader-form .formfiller{ width: auto !important; border-radius: 0 !important;  }
	.hideondesktop{ display: none !important;  }
	.showonmobile{ display: block; }
}



@media only screen and (max-width : 560px), only screen and (max-device-width : 560px) {
.profile-heading,
.profieltekst-inner, 
.oproep-inner {
    padding-left: 10px;
    width: 95%;
}
.content-left .profile-action-button {
    margin-left: 10px;
}
.content .content-middle.two-collums {
	/*width: calc(66% - 20px);*/
	margin-right: 0px !important;
}
.search-results .front-pro {
    width: 100%;
}
	.content .content-middle.two-collums {
		/*width: calc(66% - 20px);*/
		margin-top: 0px !important;
		/*margin-left: 55px !important;*/
		
		/*margin-top: -800px !important;
		margin-left: 420px !important;*/
	}


	.content {
	width: auto !important;
}
	.profile-message-block .emoij{ display: none; }
	input[type="button"], input[type="submit"]{  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; }
.arrow-right-paybox {
	display: none !important;
}
.paybox {
	width: 90% !important;
}
.paybox label {
	width: 88% !important;
}
	.header .inner-header{
		width: auto;
	}
	.header .left-header{ display: none; }
	.header .login{ display: none; }
	.content .content-left, .content .content-middle, .content .content-right{width: calc(100% - 20px) !important;}
	.content .content-middle .profile-spotlight{ /*border-top:4px solid #63e97f;*/ }
	.home-seo{ padding: 10px; }
	.footer .inner-footer{ width: auto; padding: 10px; }
	.footer{ height: auto; }
	.footer .inner-footer a{ margin: 2px; }
	.content_middle_space{ padding: 20px; }
	.contact-form input[type=text], .contact-form textarea{ width: calc(100% - 50px) !important; }
	.contact-form{ padding: 20px; }
	.standard-button.contact{ margin-top: 10px; }
	.header .logo span{ display: none; }
	.mobile-menu-but{ display: block !important; position: absolute; height: 35px; width: 35px; margin:20px 0 0 10px; cursor: pointer;}
	.mobile-menu-but img{  height: 100%; width: 100%; border-radius: 4px; }
	.header .left-header{ top: 65px; background: #63e97f; left:0; right: 0; }
	.header .left-header .spacer{ height: 1px; background: rgba(255,255,255,0.17); width: 80%; margin: 0 auto; display: block; }
	.header .left-header a{ padding: 10px; margin: 10px; display: block; width: auto; text-align: left; }
	.header .left-header img{ height: 15px !important; margin-right: 20px !important; }
	.header .left-header a .clear{ display: inline-block; width: 1px; height: 1px; }
	.mobile-men{ display: block; }
	.header .login{ top: 65px; background: #63e97f; left:0; right: 0; border-radius: 0; padding: 10px;}
	.header .login input{ width: calc(50% - 40px); }
	.content-middle.profile-version{ margin: 0; width: 100% !important; padding-top: 15px !important; }
	.profile-block .profiel-left{ width: 100px; }
	.profile-block .profiel-right{ width: calc(100% - 120px); }
	.bigpicture{ max-width: calc(100% - 20px); position: fixed; }
	.match-setting{ padding: 10px; }
	.mb-bar{ float: none; width: calc(100% - 20px); }
	.media-pagina{ padding: 10px; }
	.standard-button.upload-button{ display: none; }
	#uploadform input[type="file"]{ display: block !important; position: relative !important; opacity: 100 !important; margin-top: 10px; width: auto !important; }
	.standard-button.hide-desktop{ display: none; }
	.creditsleft{ width:  calc(100% - 40px); display: block; margin: 0 auto !important; }
	.message-counter{ display: inline-block; position: static; float: right; }
	.openMsgList{ width: 100%; }
	.berichten-lijst .delete{ margin-right: 0 !important; }
	.searchmenu .inner{ width: 100%; }
	.searchmenu .inner span{ width: calc(100% - 10px); }
	.search-results .front-pro{ }
	.searchmenu .zoek-knop{ width: auto !important;}
	.regloader-form .form-fill-right{width: calc(100% - 170px) !important; min-width: 150px; }
	.regLoader{ width: auto !important;   }
	.regLoader .regloader-form .formfiller{ width: auto !important; border-radius: 0 !important;  }
	.hideondesktop{ display: none !important;  }
	.showonmobile{ display: block; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}


div.content {
  	/* Setup Flexbox 
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;*/

  	/* Reverse Column Order 
  	-webkit-flex-flow: column-reverse;
  	flex-flow: column-reverse;*/
}


/* Safari 6.1+ */
div.content-left {-webkit-order: 3;}
div.content-middle {-webkit-order: 2;}
div.content-right {-webkit-order: 1;}

/* Standard syntax */
div.content-left {order: 3;}
div.content-middle {order: 2;}
div.content-right {order: 1;}


/* Safari 6.1+ */
div#content-left {-webkit-order: 3;}
div#content-middle {-webkit-order: 2;}
div#content-right {-webkit-order: 1;}

/* Standard syntax */
div#content-left {order: 3;}
div#content-middle {order: 2;}
div#content-right {order: 1;}