html, body { margin: 0; height: 100%; width: 100%; }
body { 
	background-color: #ffffff; 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: 'Source Sans Pro', sans-serif ; font-weight: 500; line-height: 1.2; color: inherit; }
h1, .h1 { font-size: 2rem; } 
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.3rem; }
h4, .h4 { font-size: 1.2rem; }
h5, .h5 { font-size: 1.1rem; }
h6, .h6 { font-size: 1rem; }

a.button:link, a.button:visited, a.button:hover { color: #ffffff; font-size: 20px; text-decoration: none; background-size: cover; min-height: 250px; transition-duration: 5s; }
a.button:hover { outline: none !important; color: #ffffff; }

.btn-success { color: #ffffff; background-color: #007a47; border-color: #007a47; }
.btn-success:hover { color: #ffffff; background-color: #218838; border-color: #1e7e34; }
.btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
.btn-success.disabled, .btn-success:disabled { color: #ffffff; background-color: #007a47; border-color: #007a47; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #ffffff; background-color: #1e7e34; border-color: #1c7430; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
.badge-success { color: #ffffff; background-color: #E00C18; border-color: #E00C18; }
.bg-success { color: #ffffff; background-color: #007a47 !important; border-color: #007a47;  }
.list-group-item-action.active { color: #ffffff; background-color: #007a47; border-color: #007a47; }

.clickable 				{ cursor: pointer; }
.opacity				{ opacity: 0.90; }
.form_obligatory 		{ color: #cd2653; padding-right: 5px; }
.form_notobligatory 	{ color: #ffffff; padding-right: 5px; }
.text-wit				{ color: #ffffff; }
.text-grijs				{ color: #555555; }
.text-rood				{ color: #ed1c24; }
.text-groen				{ color: #007a47; }
.text-blauw				{ color: #337ab7; }
.text-bold				{ font-weight: bold; }
.width_90				{ width: 90%; max-width: 90%; margin: 0 auto; }

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.toggle.off { border-color: rgba(0, 0, 0, .25); }
.toggle-handle { background-color: white; border: thin rgba(0, 0, 0, .25) solid; }
.toggle-on.btn-sm { padding-right: 10px !important; }
.toggle-off.btn-sm { padding-left: 10px !important; }

.header { background: linear-gradient(180deg, #E00C18 100%, #E00C18 100%) no-repeat; background-size: calc(100%) calc(60%); background-position: top;}
.zichtbaar_01 { display: none; bottom: 0px; right: 0px; }
.zichtbaar_02 { display: block; background-color: #007a47;}
a.header_text:link, a.header_text:active, a.header_text:visited, a.header_text:hover { color: #ffffff; font-size: 20px; text-decoration: none; line-height: 40px; }
#LBL_WINKELWAGEN { margin-left: -10px; vertical-align: top; }
.content-header					{ width: 100%; height: 50px; background-color: #007a47; line-height: 50px;}
.content-header-text 			{ color: #ffffff; font-size: 18px; padding-left: 5px; -webkit-filter: drop-shadow(1px 1px 1px #007a47); filter: drop-shadow(1px 1px 1px #007a47); }

@media (min-width: 576px) {
	.zichtbaar_01 { display: block; bottom: -5px; }
	.zichtbaar_02 { display: none; }
	.badge-success { color: #ffffff; background-color: #007a47; border-color: #007a47; }
	a.header_text:link, a.header_text:active, a.header_text:visited, a.header_text:hover { color: #E00C18; font-size: 20px; text-decoration: none; line-height: 40px; }
}
@media (min-width: 768) {
	.zichtbaar_01 { bottom: 10px; }
}
@media (min-width: 992px) {
	.zichtbaar_01 { bottom: 15px; }
}
@media (min-width: 1200px) {
	.zichtbaar_01 { bottom: 20px; }
}

.footer { width: 100%; background-color: #E00C18; }
a.footer_text:link, a.footer_text:visited, a.footer_text:hover, .footer_text { color: #ffffff; font-size: 16px; text-decoration: none; }
.footer1 { width: 100%; background-color: #ffffff; }
a.footer1_text:link, a.footer1_text:visited, a.footer1_text:hover, .footer1_text { color: #000000; font-size: 16px; text-decoration: none; }

/* The customcheck */
.customcheck { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.customcheck input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 5px; }
.customcheck:hover input ~ .checkmark { background-color: #ccc; }
.customcheck input:checked ~ .checkmark { background-color: #02cf32; border-radius: 5px; }
.checkmark:after { content: ""; position: absolute; display: none; }
.customcheck input:checked ~ .checkmark:after { display: block; }
.customcheck .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }