body{
	font-display: swap;
}
.flirtfly{ position:  absolute; z-index: 9999;  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s; }

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
}
.header .logo .big{
	font-display: swap;
}.sendBigMsg .proBigMsgPic{ width: 200px; height: 200px; }
.sendBigMsg .bigm-left{ width: 210px; height: 210px; padding: 10px; display:  inline-block; }
.sendBigMsg .bigm-right{ width: calc(100% - 300px); height: 210px; padding: 10px; display:  inline-block;vertical-align: top; }

.bubble.me{ color: #222; }
.openMsgList{ padding-bottom: 20px !important; }
@supports (-ms-ime-align:auto) {
    .openMsgList{ padding-bottom: 20px !important; width: 310px; }
}
.content .content-right .formfiller .reg-button{ color: #000 !important; }
.real_status{ background: rgba(43,22,227,1.00); }
.msg-bericht{ text-align: left !important; }
.weergave-but.selected{ background: #4CBA6F; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .berichten-lijst .bericht .foto{ width: 50px !important; }
}
@-moz-document url-prefix() {
  .berichten-lijst .bericht .foto{ width: 50px !important; float: left; }
	.berichten-lijst .bericht .right{ margin-left: 30px; width: 150px; overflow: hidden; height: 60px; }
	.berichten-lijst .bericht .right .datum{ margin-top: -20px; }
}
.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 */
}   
.header .logo .big img{ width: 90%; margin-top: 10px; }
.question-hover{ color: blue; cursor:help;  font-size: 12px; }
	.question-hover .question-text{ position: absolute; display: none;  padding: 4px; background: #fff; color: #222; font-size: 11px; margin-top: 30px;min-width: 250px; }
.footer{ height: auto !important; }
.loginicon-mobile{ position: absolute; right: 10px; top:10px; }
.loginicon-mobile img{ height: 20px; width: 20px; }
.delete-message{  color:#fff; background: rgba(187,34,37,1.00); height: 15px; width: 15px; border-radius: 6px; padding: 4px; text-align: center; line-height: 15px; margin-left: 250px; margin-top: 40px; z-index: 16777271; position: absolute; cursor: pointer;}
.berichten-lijst .toggle{ position:  relative; }
/*.header{-webkit-box-shadow: inset 0px -1px 83px -16px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -1px 83px -16px rgba(0,0,0,0.75);
box-shadow: inset 0px -1px 83px -16px rgba(0,0,0,0.75);}*/
@keyframes animatedBackground {
 0% {
background-position: 0 0;
}
 100% {
background-position: -300px 0;
}
}
@-moz-keyframes animatedBackground {
 0% {
background-position: 0 0;
}
 100% {
background-position: -300px 0;
}
}
@-webkit-keyframes animatedBackground {
 0% {
background-position: 0 0;
}
 100% {
background-position: -300px 0;
}
}
@-ms-keyframes animatedBackground {
 0% {
background-position: 0 0;
}
 100% {
background-position: -300px 0;
}
}
@-o-keyframes animatedBackground {
 0% {
background-position: 0 0;
}
 100% {
background-position: -300px 0;
}
}
.fastpay a{ color: #25A257; }
.fastpay {
	border-radius: 4px;
	display: block;
	color: #222;
	text-align: center;
	width: calc(100% - 20px);
	margin: 20px 5px;
	padding: 10px;
}
.fastpay label {
	color: #fff;
	background: rgb(37, 162, 87);
	padding: 10px;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
}
.fastpay .payfbut{
		color: #fff;
	background: rgb(37, 162, 87);
	padding: 10px;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
}

.fastpay .payfbut img{ height: 22px; margin-bottom: -5px; }
.fastpay .imgc{
	margin-bottom: -18px;
}
.fastpay .pay-arrow{
	font-weight: bold; display: inline-block;
}
.fastpay label:hover{
	background: #1B763F;
}
.fastpay .pricee{
	background: rgba(0,0,0,0.27);
	display: inline-block;
	color: #fff;
	padding: 3px;
	border-radius: 4px;
}.fastpay payfbut:hover{
	background: #1B763F;
}
.payReminder {
	border-radius: 4px;
	display: block;
	color: #fff;
	text-align: center;
	width: calc(100% - 20px);
	margin: 20px 5px;
	padding: 10px;
	background: repeating-linear-gradient(  45deg,  #EF8602,  #EF8602 20px,  #e28108 20px,  #e28108 40px );
	background-position: 0px 0px;
	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
}.payReminder.red {
	border-radius: 4px;
	display: block;
	color: #fff;
	text-align: center;
	width: calc(100% - 20px);
	margin: 20px 5px;
	padding: 10px;
	background: repeating-linear-gradient(  45deg,  #dd3333,  #dd3333 20px,  #ed6363 20px,  #ed6363 40px );
	background-position: 0px 0px;
	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
}.payReminder.green {
	border-radius: 4px;
	display: block;
	color: #fff;
	text-align: center;
	width: calc(100% - 20px);
	margin: 20px 5px;
	padding: 10px;
	background: repeating-linear-gradient(  45deg,  #4ec92c,  #4ec92c 20px,  #8adb74 20px,  #8adb74 40px );
	background-position: 0px 0px;
	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
}
.payReminder span {
	background: rgba(0,0,0,0.48);
	display: inline-block;
	padding: 5px;
	border-radius: 4px;
	margin-right: 20px;
}
.payReminder a {
	color: #fff;
	background: repeating-linear-gradient(
  45deg,
  rgba(11,135,60,1.00),
  rgba(11,135,60,1.00) 20px,
  rgba(11,120,60,1.00) 20px,
  rgba(11,120,60,1.00) 40px
);
	padding: 5px;
	text-decoration: none;
	border-radius: 4px;
	background-position: 0px 0px;
	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
}
.payReminder a:hover {
	font-weight: bold;
}
.payReminder .close {
	color: #fff;
	background: rgba(212,54,56,1.00);
	padding: 5px;
	text-decoration: none;
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	border-radius: 4px;
	cursor: pointer;
}
.open_attachment img{ max-width:100%; }

.overlayblackCookie{ position:absolute; z-index:99999; font-size:13px; color:#000; top:0; bottom:0; font-family:Verdana, Geneva, sans-serif; left:0; right:0; background:rgba(0,0,0,0.95); }
.overlayblackCookie .overlayCookie{ padding:15px; margin:0 auto; margin-top:200px; width:600px; background:#FFF; display:block; }
.overlayblackCookie .overlayCookie .innerCookieText{ height:140px; margin-bottom:10px; padding:10px; margin-top:10px; border:1px solid #333; font-size:13px; overflow: auto; }
.overlayblackCookie .overlayCookie .CookieTitle{ font-size:18px; font-weight:bold;}
.overlayblackCookie .overlayCookie .buttonCookie{ font-size:18px; font-weight:bold; display:block; text-decoration:none; cursor:pointer; color:#fff; border-radius:4px; padding:10px; }
.overlayblackCookie .overlayCookie .buttonCookie.cooka{ float:left; background:#63C500; }
.overlayblackCookie .overlayCookie .buttonCookie.cookb{ float:right; background:#ED1D1D; }
.overlayblackCookie .overlayCookie .cookClear{ clear:both; height:10px; }
@media only screen and (max-width : 560px), only screen and (max-device-width : 560px) {
	
	.sendBigMsg .proBigMsgPic{ width: calc(100% - 20px); height: auto; padding: 10px;  }
.sendBigMsg .bigm-left{ width: 100%; height: auto; padding:5px; display:  block; }
.sendBigMsg .bigm-right{ width: calc(100% - 20px); height: auto; padding: 10px; }
.sendBigMsg .bigm-right span{ height: 100px; overflow: auto; display: block; }
	
	.overlayblackCookie .overlayCookie{ width:90%; margin-top:90px; position: fixed;  }
	.overlayblackCookie{ position: fixed; }
	.header{ position: fixed !important; top: 0 !important; }
	.content{ margin-top: 100px !important; }
	.search-results { text-align: center; }
	.checkboxes{ display: none; }
	.hide-filter-button{ background: rgba(152,1,4,1.00) !important; }
	.center-mobile{ text-align: center; }
	.header .logo .big{ font-size: 20px !important; }
	.header .logo{ background: none !important; }
	.header .logo .big img{ width: 80%; margin-top: 10px; }
	.fastpay label{ display: none;}
	.hideonmobbb{ display: none; }
	.profile-message-block .emoij{ display:  block !important; }
	
}

@media only screen and (max-width : 285px), only screen and (max-device-width : 285px) {
	.berichten-lijst .bericht .right{
		overflow: hidden !important;
    width: calc(100% - 82px) !important;
	}
	.berichten-lijst .bericht .right .datum {
    right: 0px !important;
    position: absolute !important;
}
	.delete-message{
		right:10px !important;
	}
	
}

.paybox label img{ background: none !important; margin-top: -8px !important; height: 25px !important;}
.delete-message{ z-index: 500 !important; }