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 { font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }
h1, .h1 { font-size: 2.0rem; }
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }

a.button:link, a.button:visited, a.button:hover { color: #ffffff; font-size: 20px; text-decoration: none; }
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); }

.clickable 				{ cursor: pointer; }
.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; }

.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); }
.content-header .dropdown-menu 	{ height: auto; line-height: 20px; }
.btn_img						{ padding-top: 10px; }
.btn_title						{ font-size: 18px; margin-top: 10px; }
.btn-autosize 					{ padding: 12px 10px; font-size: 24px; }

.row-striped:nth-of-type(odd) { background-color: #efefef; }
.row-striped:nth-of-type(even) { background-color: #ffffff; }
.table td { padding: 5px; }

/* 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(75%); background-position: top; transition-duration: 5s; }
a.header_afmelden:link, a.header_afmelden:visited, a.header_afmelden:hover { color: #ffffff; font-size: 16px; text-decoration: none; transition-duration: 5s; }

@media (min-width: 576px) {
	.header { background: linear-gradient(180deg, #E00C18 100%, #E00C18 100%) no-repeat; background-size: calc(100%) calc(80%); background-position: top; transition-duration: 5s; }
	a.header_afmelden:link, a.header_afmelden:visited, a.header_afmelden:hover { font-size: 24px; transition-duration: 5s; }
}
@media (min-width: 768) {
	.header { background: linear-gradient(180deg, #E00C18 100%, #E00C18 100%) no-repeat; background-size: calc(100%) calc(70%); background-position: top; transition-duration: 5s; }
}
@media (min-width: 992px) {
	.header { background: linear-gradient(180deg, #E00C18 100%, #E00C18 100%) no-repeat; background-size: calc(100%) calc(70%); background-position: top; transition-duration: 5s; }
}

.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; }