@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	  }
	  40% {
		transform: translateY(-10px);
	  }
	  60% {
		transform: translateY(-5px);
	  }
	}
	.bouncer {
	  animation: bounce 2s ease 2;
	}
	.feel-mouse-over {
	position: relative;
	overflow: hidden;
	transition: background-color 0.5s;
	display: inline-block;
	}
	.feel-mouse-over::before {
	content: '';
	position: absolute;
	top: 70%; 
	left: 60%; 
	width: 540%;
	height: 980%;
	background: radial-gradient(circle, rgb(0 0 0 / 15%) 0%, #00000000 20%);
	transition: all 0.2s ease-out;
	border-radius: 50%;
	pointer-events: none;
	}
	.feel-mouse-over:hover::before {
	transform: translate(-50%, -40%); 
	}
	.btn,
	.btn-opslaan {
	transition: all 0.2s ease; 
	box-shadow: 0 3px #999; 
	}
	.btn:active,
	.btn-opslaan:active {
	box-shadow: 0 1px #999; 
	transform: translateY(3px); 
	}
	.fade-out-naar-rechts {
	animation: fadeAndMoveRight 0.5s forwards;	
	}
	@keyframes fadeAndMoveRight {
	  to {
		opacity: 0;
		transform: translateX(20px);
	  }
	}
	.betaald-animatie .itemNaamRekening .text-content::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 1px;
	background-color: green;
	animation: strike-through 0.8s ease-out forwards;
	}
	.betaald-animatie .itemNaamRekening .text-content {
	color: green;	
	}
	@keyframes strike-through {
		from {
			width: 0;
		}
		to {
			width: 100%;
		}
	}
	.betaald-terugdraaien .itemNaamRekening .text-content::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%; 
		height: 1px;
		background-color: green;
		animation: unstrike-through 0.8s ease-out forwards;
	}
	.betaald-terugdraaien .itemNaamRekening .text-content {
		color: black; 
	}
	@keyframes unstrike-through {
		from {
			width: 100%;
		}
		to {
			width: 0;
		}
	}
@keyframes pulse {
  0%, 100% {
    transform: scale(1); 
  }
  50% {
    transform: scale(1.05); 
  }
}
  @keyframes gradientAnimation {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	}
.moving-gradient {
	background-size: 200% 100% !important;
	animation: gradientAnimation 8s ease infinite;
}

.kleur-nr-1 {
background-color: #FF595E;
}
.kleur-nr-2 {
background-color: #ffca3a;
}
.kleur-nr-3 {
background-color: #8ac926;
}
.kleur-nr-4 {
background-color: #1982c4;
}
.kleur-nr-5 {
background-color: #6a4c93;
}
.border-color-1 {
border-color: #FF595E !important;
}
.border-color-2 {
border-color: #ffca3a !important;
}
.border-color-3 {
border-color: #8ac926 !important;
}
.border-color-4 {
border-color: #1982c4 !important;
}
.border-color-5 {
border-color: #6a4c93 !important;
}
.tlef,
.t-left {
text-align: left;	
}
.mleft-5 {
margin-left: 5px;	
}
.m-right-5,
.mright-5 {
margin-right: 5px;	
}
.mleft-10 {
margin-left: 10px;	
}
.m-right-10,
.mright-10 {
margin-right: 10px;	
}
.m-right-10 {
margin-right: 10px;	
}
.m-right-15 {
margin-right: 15px;	
}
body,
html {
margin: 0px;
padding: 0px;	
}
body {
font-family: arial;
font-size: 14px;
line-height: 21px;
background-image: url(../img/bck-pattern.png);
background-position: -70px 0%;
background-attachment: fixed;
background-size: contain;
background-repeat: repeat-y;
background-size: 120%;
background-color: #f2f2f2;
}
.nooit-tonen { 
width: 0px !important;
height: 0px !important;
position: relative;
}
.w-50 {
width: 50px;	
}
.w-100 {
width: 100px;	
}
.check,
.check li {
margin-left: 0px;
padding: 0px;	
}
.check li {
list-style: none;
color: #444;
font-size: 13px;
padding-bottom: 5px;	
}
.check li:before {
content: "\2713\0020";
color: green;
}
.error {
color: #F00;	
}
p {
line-height: 21px;
clear: both;	
}
hr {
all: unset;
border-bottom: 1px solid #ccc;
width: 100%;
clear: both;
margin: 20px 0px;
display: inline-block;
float: left;
}
.in-de-min {
color: red;	
}
.in-de-plus {
color: green;	
}
.ctent a {
color: #0a87ee;	
}
.pointer {
cursor: pointer;	
}
.bold {
font-weight: bold;	
}
.standaard,
.default {
cursor: default;	
}
.content a {
color: #03A9F4;	
}
.holder {
float: left;
width: 100%;	
}
table {
border-collapse: collapse !important; 
border-spacing: 0 !important; 	
}
.blok {
float: left;
clear: both;
width: 100%;
margin-top: 15px;
margin-bottom: 20px;
background-color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
overflow: hidden;
}
.blok,
.schaduw-standaard {
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);	
}
.schaduw-middel {
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);	
}
.schaduw-groot {
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);	
}
.inn-10 {
margin-left: 2.5%;
margin-right: 2.5%;
margin-top: 15px;
margin-bottom: 15px;
float: left;
clear: both;
width: 95%;	
}
.inn-20 {
margin-left: 5%;
margin-right: 5%;
margin-top: 15px;
margin-bottom: 15px;
float: left;
clear: both;
width: 90%;	
}
.bora-3 {
border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-border-radius: 3px;	
}
.bora-5 {
border-radius: 5px;	
-moz-border-radius: 5px;	
-webkit-border-radius: 5px;	
}
.bora-10 {
border-radius: 10px;	
-moz-border-radius: 10px;	
-webkit-border-radius: 10px;	
}
.bora-15 {
border-radius: 15px;	
-moz-border-radius: 15px;	
-webkit-border-radius: 15px;	
}
.bora-100 {
border-radius: 100%;	
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}
.left {
float: left;	
}
.t-center,
.center,
.tcenter {
text-align: center;	
}
.right {
float: right;	
}
.mright-5 {
margin-right: 5px;	
}
.breaker,
.breaker-10 {
width: 100%;
clear: both;
height: 10px;
float: left;	 
}
.breaker-20 {
width: 100%;
clear: both;
height: 20px;
float: left;	
}
.breaker-30 {
width: 100%;
clear: both;
height: 30px;
float: left;	
}
.popa {
position: fixed;
top: 20%;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
background-color: #4CAF50;
color: white;
padding: 15px;
border-radius: 5px;
box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
opacity: 1;
transition: opacity 2s; 
}
.flip-horizontaal {
display: inline-block; 
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
*::-webkit-scrollbar {
  height: 14px;
  width: 12px;
}
*::-webkit-scrollbar-track {
  background-color: #EFF5F9;
}
*::-webkit-scrollbar-track:hover {
  background-color: #EFF5F9;
}
*::-webkit-scrollbar-track:active {
  background-color: #EFF5F9;
}
*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #004a87;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #004a87;
}
*::-webkit-scrollbar-thumb:active {
  background-color: #004a87;
}
.bck-uitleg {
color: #666;
background-color: #efefef;
font-size: 12px;
font-style: italic;	
}
.g-recaptcha {
width: 0px;
transform: scale(0.70);
-moz-transform: scale(0.70);
-webkit-transform: scale(0.70);
}
.edit-knop {
width: 20px !important;
height: 20px !important;
position: absolute;
top: 5px;
right: 5px;
z-index: 1000;
}
.edit-knop:hover {
transform: scale(1.1);	
}
.edit-nieuw-knop {
background-color: #98d7c8;
color: #FFF !important;
font-size: 14px;
font-weight: bold;
text-decoration: none;
display: inline-block;
padding: 3px 5px;	
}
.edit-nieuw-knop:hover {
transform: scale(1.1);		
}
.blok-uitnodiging {
background-image: url(../img/intro-right.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
position: relative;
min-height: 300px;
display: flex;
}
.intro-lines {
color: #FFF; 
line-height: 25px; 
font-size: 16px;
line-height: 23px;
}
.blok-uitnodiging a {
color: #FFF;
font-size: 14px;
text-decoration: none;	
}
.blok-uitnodiging h2 {
color: #FFF !important;
font-style: italic;	
}
.btn-starten {
text-decoration: none;
margin-right: 15px;
background-color: #001b30;
padding-top: 7px;
padding-bottom: 9px;
padding-left: 12px;
padding-right: 12px;
display: inline-block;
transition: transform 0.3s ease-in-out;
animation: pulse 3s infinite; 
}
.btn-starten .startpijl { 
width: 11px;
height: 11px;
display: inline-block;
background-position: -33px 0px;
background-image: url(../img/icon-s-pijlen-checks.png);
background-size: 190px;
opacity: 0.6;
margin-right: 7px;
}
.blok-uitnodiging .inn-1v2 {
padding-left: 0px;
padding-right: 60px;
height: 300px;
flex: 0 0 60%;
background-image: url(../img/intro-left.png);
background-size: 100% 300px;
background-repeat: no-repeat;
background-position: center right;	
z-index: 10;
display: flex;
margin: 0px !important;
align-items: center; 
justify-content: center;
}
.inn-1v2 {
width: 48.5%;	
margin-right: 3%;
float: left;
}
.inn-2v2 {
width: 48.5%;
float: left;
}
@font-face {
  font-family: 'Sometype Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('../woffs/sometypemono-latin-ext-italicfont.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sometype Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('../woffs/sometypemono-latin-italicfont.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sometype Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../woffs/sometypemono-latin-ext-normalfont.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sometype Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../woffs/sometypemono-latin-normalfont.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.financieleItems {
float: left;
width: 100%;
clear: both;	
}
.financieelItem:nth-child(even) {
}
.financieelItem {
text-transform: uppercase;
color: #666 !important;
float: left;
clear: both;
width: 100%;
height: 45px;
line-height: 45px;	
padding-left: 5px;
overflow: hidden; 
border-bottom: 1px solid #ccc;
cursor: default;
font-size: 12px;
position: relative;
}
.financieelItem .rij-1,
.financieelItem .rij-2 {
position: relative;
z-index: 2; 
}
.item-background-color {
opacity: 1;	
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFF;
z-index: 0; 
}
.financieelItem:hover > .item-background-color ,
.financieelItem.open > .item-background-color {
opacity: 0.95;	
}
.financieelItem.betaald > .itemNaamRekening {
color: green !important;
text-decoration: line-through;	
}
.financieelItem.open { 
height: auto !important;
overflow-y: auto !important;
padding-bottom: 5px;
overflow-x: hidden;
background-color: #efefef;
}
.financieelItem,
.itemNaamRekening,
.itemTeBetalenOp,
.itemBetaaldOp,
.itemVanRekening {
min-width: 120px;	
}
.itemBedrag {
min-width: 90px;
margin-right: 45px;
}
.itemTeBetalenOp,
.itemBetaaldOp {
min-width: 75px;	
}
.coachnotes {
width: 22px;
height: 22px;
float: left;
margin-top: 10px;
margin-right: 8px;
cursor: pointer;
}
.coachnotes:hover {
}
.icon-selector {
background-image: url(../img/bc-coach-note-iconen.png);
background-size: cover;
position: absolute;
margin-top: 2px;
margin-left: 25px;
z-index: 100;
background-color: #f9f9f9;
filter: drop-shadow(2px 3px 3px #666666);
border-radius: 25px;
border: 1px solid #ccc;
display: none; 
width: 135px; 
height: 25px;
}
.icon-option {
width:25px; 
height:25px; 
float:left;	
}
.icon-option:hover {
background-color: rgba(255,255,255,0.5); 
cursor: pointer;
}
.itemNaamRekening {
min-width: 240px;	
position: relative; 
}
.itemNaamRekening .text-content {
position: relative;  
display: inline-block;	
}
	.betaald-animatie.financieelItem,
	.betaald-permanent.financieelItem {
	color: green !important;
	opacity: 0.6;
	}
	.betaald-animatie .prio-bol,
	.betaald-permanent .prio-bol {
	background-color: green !important;
	opacity: 0.10 !important;
	}
	.betaald-permanent .text-content {
	color: green;
	height: 2px;
	background-color: groen;
	text-decoration: line-through;	
	}
.vorige-maanden .financieelItem {
font-weight: bold;
}
.financieelItem:hover {
background-color: #efefef;
}
.financieelItem:hover > .beheerknop {
display: inline-block;	
}
	.knop-item-aanpassen {
	background-color: #333;	
	}
	.betaald-terugdraaien {
	display: none;  
	color: #FFF;
	text-decoration: none;
	background-color: #025602;
	color: #FFF;
	padding: 13px 17px;
	border-left: 1px solid #333;
	background-image: url('../img/icon-terug.png');
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	}
	.betaald-animatie .betaald-terugdraaien,
	.betaald-permanent .betaald-terugdraaien {
	display: inline-block !important;	
	}
	.betaald-holder {
	overflow: hidden;	
	padding-right: 0px !important;
	border-radius: 25px;
	}
	.knop-item-betaald {
	color: #FFF;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: -15px;
	background-color: #8BC34A;
	}
	.knop-item-verwijderen {
	background-color: #F00 !important;	
	}
.item-open-dicht {
margin-left: 15px;
display: inline-block;
line-height: 14px;
width: 45px;
height: 45px;
background-image: url(../img/icon-s-pijlen-checks.png);
background-size: 350px;
background-repeat: no-repeat;
background-position: -207px 50%;
opacity: 0.5; 
transition: opacity 0.3s ease, transform 0.3s ease-in-out;
}
.open > .item-open-dicht {
opacity: 1.0;	
}
.item-open-dicht:hover {
border-color: #8bc34a;
opacity: 0.7;	
transform: scale(1.2); 
}
.financieleItems .rij-2 {
width: 100%;
margin-left: 30px;
clear: both;
font-weight: normal !important;	
}
.financieleItems .rij-2 .btn {
padding-top: 0px;
padding-bottom: 0px;
height: 25px;
line-height: 27px;
border-radius: 25px;
}
.financieleItems .prio {
width: 60px;	
}
.prio-bol {
background-color: #F00;
color: #FFF;
width: 10px;
height: 10px;
line-height: 20px;
text-align: center;
margin-top: 17.5px;
}
.financieleItems .prio-0 {
background-color: #efefef;
}
.financieleItems .prio-1 {
opacity: 0.25;
}
.financieleItems .prio-2 {
	opacity: 0.5;
}
.financieleItems .prio-3 {
opacity: 0.75;
}
.financieleItems .prio-4 {
opacity: 1.0;
}

@media only screen and (max-width: 350px) {
	#footer {
	border-radius: 3px;	
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	}
	#footer .widget {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	clear: both;
	}
	.maanden.left a:nth-child(4),
	.maanden.left a:nth-child(5),
	.maanden.left a:nth-child(7),
	.maanden.left a:nth-child(8),
	#klok {
	display: none;
	}
} 
@media only screen and (max-width: 550px) { 
	.nav li {
	border-right: 0px;
	}
	.nav li a {
	padding: 15px 10px;
	}
	.invulform  {
	width: 100%;
	}
	.invulform input,
	.invulform select,
	.invulform .btn-opslaan {
	width: 90%;
	margin-left: 5%;
	margin-right: 5% !important;
	clear: both;
	margin-bottom: 10px;
	}
	.invulform .btn-opslaan {
	text-align: center;
	width: 80%;
	}
	.maanden.left a:nth-child(2),
	.maanden.left a:nth-child(3),
	.maanden.left a:nth-child(4),
	.maanden.left a:nth-child(8),
	.maanden.left a:nth-child(9),
	.maanden.left a:nth-child(10) {
	display: none;
	}
	.hoofd-titel {
	font-size: 15px;
	}
	.inn-1v2,
	.inn-2v2 {
	width: 	90% !important;
	margin-left: 5%;
	margin-right: 5%;
	clear: both;
	}
	.artikel-tip {
	flex: 0 1 calc(100% - 0px) !important; 
	margin-left: 0px;
	margin-right: 0px;
	}
	.blok-uitnodiging {
	background-size: 120%;
	}
	.blok-uitnodiging .btn-starten {
	clear: both;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 10px;
	}
	.artie.c-tent .article-content {
	column-count: 1 !important;
	}
	#footer .widget {
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	}
	#copyright {
	width: 90%;
	clear: both;
	}
	.logo-inverted-black {
	width: 90% !important;
	margin-left: 5% !important;
	}
} 
@media only screen and (max-width: 900px) {
	.wrapper {
	width: 90%;
	margin-left: 5%;
	}
	.hamburger {
	width: 30px;
    height: 35px;
    cursor: pointer;
    float: left;
    font-size: 22px;
    margin-left: 10px;
    padding-top: 15px;
	background-image: url(../img/icon-s-pijlen-checks.png);
	background-size: 520px;
	background-position: -261px 10px;
	background-repeat: no-repeat;
	}
	#menu-toggle {
	display: none;
	}
	.nav li:after, 
	.verbergen-onder-900px {
	display: none !important; 
	}
	 .nav .menu-1 {
	width: 100%;
	clear: both;
	display: none;
	}
	.nav .left li a {
	padding-left: 20px;
	width: 100%;	
	}
	.nav .left li {
	width: 100%;
	clear: both;
	float: left;
	}
	.hamburger,
	.aan-op-mobiel,
	.hamburger:checked ~ .menu-1, 
	.tonen-onder-900px {
	display: block !important;	
	}
	.hoofd-titel {
	font-size: 20px;
	}
	.maanden.left a:nth-child(2),
	.maanden.left a:nth-child(10) {
	display: none;
	}
	.nav li {
	border-right: 0px;
	}
	.nav li a {
	padding: 15px 10px;
	}
	.inn-1v2,
	.inn-2v2 {
	width: 	40%;
	margin-left: 5%;
	margin-right: 5%;
	}
	.invulform input {
	margin-bottom: 10px;
	}
	.artikel-tip {
	flex: 0 1 calc(50% - 10px); 
	}
	.artikel-tip:nth-child(2n) {
		margin-right: 0;
	}
	.artikel-tip:nth-child(2n-1) {
		margin-left: 0;
	}
	.artie.c-tent .article-content {
	column-count: 2;
	}  
} 
@media only screen and (min-width: 900px) {
	.uit-boven-900px {
	display: none !important;
	}
	.tonen-boven-900px {
	display: block !important;	
	}
} 
	.overlay {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 10001;
	}
	.pop {
	background: #fff;
	border-radius: 5px;
	width: 90%;
	max-width: 500px;
	overflow: hidden;	
	position: relative;
	}
	.pop h2 {
	width: 100%;
	font-weight: bold;
	}
	.pop input,
	.pop select,
	.pop .dropdown	{
	background-color: #dcf3cf;
	color: #333;
	}
	.fact-info {
	background-color: #8BC34A;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	width: 100%;
	}
	.pop-item-bewerken input, 
	.pop-item-bewerken select {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	}
	.pop-btn-opslaan {
	width: 60%;
	margin-right: 5%;
	border: 2px solid #FFF;
	background-color: #8BC34A;
	color: #FFF;
	}
	.pop-btn-annuleren {
	width: 35%;
	border: 2px solid #FFF;
	background-color: #ed4247;
	color: #FFF;
	}
	.x-pop-sluit {
	position: absolute;
    right: 7px;
    top: 7px;
    border: 0px;
    font-size: 22px;
    color: #333;
	background-color: #333;
    width: 25px;
    height: 25px;
    line-height: 23px;
	color: #FFF;
	text-align: center;
	}
	.swal2-popup {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	}
	.swal2-show {
	opacity: 1 !important;
	}
.top_filter_icon {
position: absolute !important;
color: #FFFFFF;
transform: translate(-100%, -1px) scaleY(75%);
}
.hoofd-titel {
text-align: center;
color: #333;
text-transform: uppercase;
margin-top: 35px;	
margin-bottom: 20px;
} 
.sleutelknop {
text-decoration: none;
}
.img-instructie {
width: 100%;	
}
.c-topright {
margin-top: 0px !important;
top: 3px;
right: 3px;
display: inline-block;	
position: relative;
overflow: hidden;
z-index: 201;
padding: 2px;
width: 15px;
height: 15px;
line-height: 12px;
text-align: center;
border: 1px solid #ccc;
transition: all 0.5s ease-in-out;
}
.c-topright:hover {
transform: scale(1.1);	
}
.c-topright .invoer-plus {
cursor: pointer;
margin: 0px;
font-size: 12px;	
}
.btn {
margin-top: 10px;
margin-bottom: 10px;
background-color: #333;
color: #FFF;
padding: 10px 15px;
text-decoration: none;
border: 0px;
border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-border-radius: 3px;	
}
.btn-xl {
padding: 15px 30px !important;
}
.btn-blauw,
.btn-groen,
.btn-oranje {
background-color: #0a87ee;	
color: #FFF !important;
}
.btn-red,
.btn-rood {
color: #FFF;
background-color: #8bc34a;
border-color: #8bc34a;	
}
.btn-info {
background-color: #26b0ee;	
}
.notif {
float: left;
width: 100%;
padding: 5px 5px;
color: #FFF;
border: 1px solid #ccc;
background-color: red;	
}
.notif-groen {
background-color: #8BC34A;
border-color: green;	
}
.notif-blauw,
.notif-info {
background-color: #03A9F4;
border-color: #2196F3;
}
.togglebox {
overflow: hidden;
transition: max-height 0.5s ease-in-out;
max-height: 0px;
width: 100%;
top: -25px;
position: relative;
z-index: 200;
}
.togglebox.active {
max-height: 500px;
}
.categorie-knoppen {
clear: both;
width: 100%;
margin: 10px auto;
text-align: center;
}
.onderwerp-knop {
text-decoration: none;
padding: 5px 6px;
display: inline-block;
background-color: #FFF;
margin-bottom: 3px;
border: 1px solid #FFF;
}
.onderwerp-knop:hover {
border: 1px solid;
}
.onderwerp-knop-aantal {
color: #ccc !important;	
}
a.adm-pages {
width: 150px;
height: 150px;
display: inline-grid;
margin-right: 25px;
padding: 10px;
color: #FFF;
text-decoration: none;
border: 1px solid #cacaca;
text-align: center;
background-color: #f7f7f7;
transition: all 0.2s ease-in-out;
margin-bottom: 25px;
overflow: hidden;
}
a.adm-pages:hover {
transform: scale(1.05);		
}
a.adm-pages h4 {
padding: 10px 10px;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
background-color: #efefef;	
min-height: 40px;
}
a.adm-pages img {
height: 60px;
width: auto;
margin: 0px auto;
opacity: 0.5;	
}
.lijst-gebruikers {
margin: 0px;
padding: 0px;	
}
.lijst-gebruikers li {
list-style: none;
min-height: 30px;
line-height: 35px;
padding-bottom: 3px;
padding-top: 3px;
border-top: 1px solid #efefef;
width: 100%;
clear: both;	
}
.voorbeeld {
background-color: #333;	
}
.voorbeeld div {
font-weight: bold;
color: #efefef !important;
text-transform: uppercase;
font-size: 11px;
}
.lijst-gebruikers .voornaam {
min-width: 100px;
padding-left: 10px;	
}
.lijst-gebruikers .achternaam {
min-width: 100px;	
}
.lijst-gebruikers .emailadres {
min-width: 250px;
color: #666;	
}
.lijst-gebruikers .registratiedatum {
width: 120px;	
}
.lijst-gebruikers .laatst-ingelogd {
width: 120px;	
}
.lijst-gebruikers .verwijderknop {
margin-left: 20px;
margin-top: -5px;
}
.btn-verwijderen {
height: 25px;
padding-top: 2px;
padding-bottom: 2px;
color: #F00;
background-color: transparent;
border: 2px solid #F00;	
transition: background-color 0.5s ease;
box-shadow: none !important;
}
.btn-verwijderen:hover {
background-color: #F00;
color: #FFF;	
}
.vraag {
float: left;
width: 45%; 
margin-left: 2.5%;
margin-right: 2.5%;
line-height: 20px;
}
.vraag p {
color: #666;	
}
h2.faq-blok {
background-color: #666;
color: #FFF;
float: left;
width: 100%;
clear: both;
margin-top: 35px; 
padding-top: 5px;
padding-bottom: 5px;
max-height: 23px;
}
h2.faq-blok .icon {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border: 3px solid #ccc;
width: 75px;
height: auto;
float: left;
position: relative;
display: inline-block;
top: -30px;
margin-left: 10px;	
margin-right: 15px;
}
.vraag h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.hoofd-logo {
margin-left: 10px;	
}
.hoofd-logo img {
width: auto;
height: 70px;	
}
.nav {
margin-left: 0px;
margin-right: 0px;
padding: 0px;
overflow: visible;
background-color: #f8f8f8;
margin-top: 10px;
margin-bottom: 35px;	
}
.nav li {
float: left;
font-size: 15px;	
background-color: #f8f8f8;
list-style: none;
border-right: 1px solid #efefef;
}
.nav li a {
padding: 15px 15px;
z-index: 10000;
position: relative;
color: #555555;
float: left;
text-decoration: none
}
.nav li.active a {
color: #FFF !important;
}
.nav li.active::after {
content: '';
display: block;
margin: 0 auto; 
width: 52px; 
height: 23px; 
background-size: 40px;
position: absolute;
bottom: 5px; 
left: 50%;
transform: translateX(-50%);
transition: bottom 0.5s ease; 
}
.loaded .nav li.active::after {
bottom: -20px;
}
.nav li:last-child {
border: 0px;	
}
.nav li:first-child {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;	
}
.li-codeshow a {
background-image: url(../img/icon-code.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 21px;
display: inline-block;
background-color: #f7e582;	
}
.li-manage a {
color: #7a5b00 !important;
}
.li-beheerpages a {
background-image: url(../img/icon-apps.png);
background-size: 22px;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 21px;
display: inline-block;
}
.li-klantenbeheren a {
background-image: url(../img/icon-klantwissel.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 21px;
display: inline-block;
background-color: #f7e582;
}
.coachkleur a {
background-color: #c3ee91 !important;
}	
.li-profiel a {
background-image: url(../img/icon-useredit.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 21px;
display: inline-block;
background-color: #f7e582;
}
.li-manager a {
background-image: url(../img/icon-edit-users.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 21px;
display: inline-block;
background-color: #f7e582;
}
#klok {
cursor: default;	
padding: 15px;
color: #818181;
background-color: #f1f1f1;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.li-afmelden a {
transition: background-color 0.5s ease;
background-image: url("../img/icon-afmelden.png");
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
min-width: 25px;
height: 21px;
background-color: #f5bfbf;
}
li.li-afmelden a:hover {
background-color: #e66a6a;	
}
.icon-tip {
width: 30px;
height: auto;
margin-right: 10px;
}
.blok-tips {
background-image: url(../img/bck-pattern-tips.jpg);
background-position: 250% 100%;
background-repeat: no-repeat;
}
.tips {
font-size: 14px;
font-style: italic;
color: #c39e2d;
padding-top: 10px;
}
.wrapper {
width: 90%;
max-width: 1250px;
margin-left: 5%;
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
}
.invoer-plus {
color: #666;
font-size: 55px;
margin-right: 10px;
font-weight: bold;
margin-top: 8px;
height: 20px;
cursor: default;
}
.betaald-op {
display: none;	
}
.invoer input,
.invoer .dropdown {
box-sizing: border-box;
text-transform: uppercase;
font-size: 14px;
border-top: 1px solid #a2a2a2;
border-left: 1px solid #a2a2a2;
border-right: 1px solid #a2a2a2;
border-bottom: 1px solid #a2a2a2;
color: #333;
height: 42px;
line-height: 25px;
padding-left: 15px;
padding-right: 5px;
background-color: #FFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.invoer input::placeholder,
.invoer .dropdown::placeholder {
color: #333 !important;
}
.invoer input:active,
.invoer .dropdown:active,
.invoer input:focus,
.invoer .dropdown:focus {
color: #333;
border: 1px solid #666 !important;
outline: 0px;
}
.invoer input:active,
.invoer .dropdown:active {
color: #333;	
}
.invoer .dropdown,
.invoer .datumveld {
height: 42px;
}
.invoer .btn-opslaan {
all: unset;
cursor: pointer;
background-color: #000000;
color: #1b3850;
height: 23px;
padding: 10px 25px;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
opacity: 0.5;
color: #FFF !important;
}
.invoer .btn-opslaan:hover {
transform: scale(1.05);
}
.invulform {
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
opacity: 0.9;
}
.invul-veld {
box-sizing: border-box;	
width: 100%;
max-width: 200px;
min-height: 30px;
padding-left: 5px;
border: 1px solid #ccc;
background-color: #f7f6f6;
color: #333;
}
.tekstveld {
min-height: 230px;
max-width: 400px;	
}
.euroteken {
opacity: 0.6;
margin-right: 2px;	
}
.maanden {
width: 100%;	
clear: both;
margin-bottom: 20px;
text-align: center;
}
.maand {
height: 35px;
line-height: 35px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
color: #FFF;
text-decoration: none;
display: inline-block;
background-color: #3d3d3d;
}
.maanden-pijl {
margin-bottom: -8px;
width: 25px;
height: 25px;
color: #666;	
text-decoration: none;
display: inline-block;
background-image: url(../img/icon-s-pijlen-checks.png);
background-size: 400px;
background-repeat: no-repeat;
}
.maanden-pijl.terug {
background-position: 0px 0px;
}
.maanden-pijl.vooruit {
background-position: -24px 0px;
}
.maand.huidig {
background-color: #000;
color: #FFF;
}
.maanden.left a:nth-child(1),
.maanden.left a:nth-child(2),
.maanden.left a:nth-child(3),
.maanden.left a:nth-child(9),
.maanden.left a:nth-child(10),
.maanden.left a:nth-child(11) {
opacity: 0.4;	
}
.maanden.left a:hover {
opacity: 1.0;	
}
#footer {
background-color: #333;
background: linear-gradient(to right, #494949, #000000);	
color: #ccc;	
position: relative;
}
#footer {
background: linear-gradient(to right, #494949, #222);	
}
.favvi-logo-foot {
margin-top: 40px;
width: auto;
height: 100px;
filter: grayscale(100%);
transition: filter 0.5s ease; /	
}
#footer:hover .favvi-logo-foot {
filter: grayscale(0%) !important;	
}
.logo-inverted-black {
height: 20px;
float: right;
width: 15%;
min-width: 125px;
max-width: 175px;
margin-right: 5%;
margin-top: 0px;
}
.logo-inverted-black img {
width: 100%;
height: auto;	
}
#foot-blacken {
background-color: #000;
opacity: 0.4;
width: 100%;
height: 100%;
position: absolute;	
z-index: 5;
}
.widget {
font-size: 13px;
width: 22%;
margin-left: 1.5%;	
margin-right: 1.5%;
text-align: center;	
position: relative;
z-index: 7;
min-height: 160px;
}
.widget h3 {
color: #909090 !important;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;	
font-size: 14px;
position: relative;
}
.widget h3::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgba(0, 128, 0, 0), #909090, rgba(0, 128, 0, 0)) !important;
}
.widget ul {
margin: 0px;
padding: 0px;	
}
.widget ul li {
list-style: none;
line-height: 22px;
}
#footer a {
text-decoration: none;
color: #666;
padding: 7px 5px;
}
#footer a:hover,
#copyright a:hover {
color: #efefef;
}
#low-footer {
width: 100%;
clear: both;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 15px;
position: relative;
z-index: 7;
background-color: #222;
-webkit-box-shadow: 0px -20px 34px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -20px 34px 0px rgba(0,0,0,0.3);
box-shadow: 0px -20px 34px 0px rgba(0,0,0,0.3);
}
#copyright {
font-style: italic;
font-size: 11px;
text-align: center;
width: 50%;
margin-left: 5%;
}
#copyright,
#copyright a {
color: #bbb;	
}
.tab {
overflow: hidden;
border-bottom: 2px solid #ccc;
}
.tabcontent b {
color: #515151;	
}
.artikel-tip {
position: relative;
float: left;
clear: both;
}
.artikel-tip h3 {
margin-bottom: -5px;
min-height: 65px;	
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #ccc;
}
.tabcontent {
display: none;
}
.tab-inleiding {
margin-top: -10px; 
color: #666; 
font-style: italic;	
}
.weg {
display: none;
}
.magicbox {
display: none;	
padding: 5px;
margin-top: 5px;
border: 1px solid #ccc;
background-color: #bde3e7;
font-size: 11px;
clear: both;
width: 100%;
min-height: 40px;
max-width: 400px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.weg:checked + .magicbox {
display: block;
}
.magictoggle {
width: 15px;
height: 15px;
border: 1px solid #00BCD4;
display: inline-block;
cursor: pointer;
text-align: center;
background-color: #bde3e7;
border-radius: 100%;
-moz-border-radius: 100%;
webkit-border-radius: 100%;
line-height: 14px;
color: #008192;
}
.yes-no-button-group input[type="radio"] {
display: none;
}
.yes-no-button-group label {
background-color: #f1f1f1;
color: black;
padding: 10px 20px;
font-family: Arial, sans-serif;
cursor: pointer;
margin: 5px;
border: 2px solid #ccc;
transition: background-color 0.3s, color 0.3s;
}
.yes-no-button-group input[type="radio"]:checked + label {
background-color: #4CAF50;
color: white;
}
.yes-no-button-group label:hover {
background-color: #ddd;
}
.totaalbedrag {
margin-top: 7px;
margin-left: 270px;
}
.edit-icon {
text-decoration: none;
color: orange;
font-size: 15px;
padding: 3px 5px;
border: 1px solid orange;
margin-top: 5px;
margin-left: 7px;
}
.geld-over {
font-size: 25px !important;
margin-left: 5px;
}
#blok-inkomsten h2,
#blok-uitgaven h2 {
margin-left: 30px;	
}
.contain-tips {
justify-content: flex-start;
width: 100%;	
display: flex;
flex-wrap: wrap; 
justify-content: space-between;
margin-top: 20px;
margin-bottom: 20px;
}
.artikel-tip {
flex: 0 1 calc(25% - 15px); 
overflow: hidden;
}
.tip-inleiding {
height: 60px;
overflow: hidden;	
color: #555;
}
.artikel-tip:first-child {
margin-left: 0; 
}
.artikel-tip:last-child {
margin-right: 0; 
}
.artikel-tip img {
width: 100%;
height: auto;
margin-bottom: -6px;
opacity: 0.5;
filter: grayscale(1);
}
a.artikel-tip  {
text-decoration: none;	
color: #333;
}
.artikel-tip .img-color {
background-color: #2196F3;
float: left;
margin-top: -20px;
}
.tip-label {
color: #ccc;
border-bottom: 3px solid transparent;
background-color: #FFF;	
width: 150px;
font-size: 14px;
position: relative;
top: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.tabel-instructies {
background-color: #666 !important;
color: #FFF;
min-height: 25px;
line-height: 25px;
}
.tabel-instructies th {
padding-left: 5px;
padding-right: 10px;
}
.verzonden-mails {
width: 100%;	
}
.verzonden-mails  tr:nth-child(odd) {
background-color: #f2f2f2;
}
.verzonden-mails td {
padding-left: 5px;	
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
}
.beheer {
height: 25px;	
}
.beheer img {
width: auto;
height: 13px;	
}
.beheer a {
width: 25px;
height: 25px;
background-color: #FF5200;
border: 1px solid #ccc;
float: right;
text-align: center;
margin-right: 5px;
margin-top: 5px;
border-radius: 100%;
line-height: 15px;
position: relative;
opacity: 0.1;
}
.beheer a:hover {
opacity: 1.0;	
}
.artie.c-tent .article-content {
column-count: 3;
column-gap: 20px;
}
.artie.c-tent ul {
padding-left: 0px;	
margin-left: 0px;	
}
.artie.c-tent li {
list-style: none;
position: relative; 
padding-left: 20px;
margin-bottom: 10px;
}
.artie.c-tent ul li::before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 10px;
height: 10px;
background-image: url('/img/li-euro.png');
background-size: contain; 
background-repeat: no-repeat;
}
.grijs-tot-hover {
filter: grayscale(1);
opacity: 0.7;
}
.grijs-tot-hover:hover {
filter: none;
opacity: 1.0;
}
.tabnavi {
margin-left: 20px;
margin-bottom: -15px;
}
.tabnavi a {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #c0c0c0;
font-size: 11px;
text-transform: uppercase;
float: left;
margin-right: 10px;
padding-top: 5px;	
padding-left: 15px;	
padding-right: 15px;	
padding-bottom: 5px;	
color: #333;
text-decoration: none;
background-color: #FFF;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.08);
-moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.08);
box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.08);
}
.reg-check {
margin-bottom: -5px;	
}
.reg-check-label {
margin-left: 4px;
font-size: 12px;	
}
.manage-tips {
margin: 0px;
padding: 0px;
width: 100%;
}
.manage-tips li {
display: inline-block;
width: 100%;
clear: both;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;	
list-style: none;
}
.manage-tips-titel {
font-weight: bold;
width: 40%;	
}
.manage-tips-meta {
width: 40%;	
}	
.manage-tips-beheerknoppen {
}
.woorden-lijst {
margin: 0px;
padding: 0px;
}
.woorden-lijst li {
list-style: none;
}
.woorden-lijst li::first-letter {
font-size: 120%;
text-transform: capitalize;
}
.c-tent a.woordenboekwoord {
text-decoration: none;
color: #000 !important;
border-bottom: 1px dotted #333;
}
.sitemap-title {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 20px;
}
.sitemap {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
}
.sitemap-category {
    margin-bottom: 15px;
}
.sitemap-category ul,
.sitemap-category li {
padding-left: 0px;
}
.sitemap-category > a {
    font-size: 1.5em;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.sitemap-category > a:hover {
    color: #1770b9;
}
.sitemap-item {
    margin-left: 20px;
    list-style-type: circle;
}
.sitemap-item > a {
    font-size: 1.2em;
    color: #1770b9;
    text-decoration: none;
}
.sitemap-item > a:hover {
    text-decoration: underline;
}
label { 
font-weight: bold; 
}
.thumbnail {
display: inline-block;
margin: 5px;
}
.thumbnail img {
cursor: pointer;
border: 3px solid transparent;
}
h2, h3, h4 {
color: #1770b9;
text-transform: uppercase;
font-weight: bold;
}
h1, h2, h3, h4, h5 {
  font-family: "Sometype Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
sub {
color: #666;
font-style: italic;
font-weight: normal;
text-transform: capitalize;
font-family: verdana;
}
.uppercase {
text-transform: uppercase;	
}
ol {
counter-reset: item; 
padding-left: 10px;
list-style: none; 
margin: 20px 0;
}
ol li {
margin-left: 10px;
counter-increment: item; 
margin-bottom: 10px;
padding-left: 30px; 
position: relative; 
}
ol li::before {
margin-right: 5px;
content: counter(item); 
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%); 
background-color: #efefef; 
color: #333; 
border-radius: 50%; 
width: 20px; 
height: 20px; 
display: flex;
align-items: center;
justify-content: center;
font-size: 14px; 
font-weight: bold; 
}