html, body { margin: 0; padding: 0; height: 100%; width: 100%; }

input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button { visibility: hidden; position: absolute; top: -50px; }

html 	{ font-size: calc(13px + 0.1vw) !important; }
h1 	{ font-size: 2.0rem; }
h2 	{ font-size: 1.6rem; }
h3 	{ font-size: 1.4rem; }

.clickable 				{ cursor: pointer; }
.form_obligatory 		{ color: #b31246; padding-right: 5px; }
.form_notobligatory 	{ color: #ffffff; padding-right: 5px; }
.text-wit				{ color: #ffffff; }
.text-grijs				{ color: #ccc4b8; }
.text-rood				{ color: #b31246; }
.text-groen				{ color: #477a06; }
.text-blauw				{ color: #186d73; }
.text-bold				{ font-weight: bold; }
.width_90				{ width: 90%; max-width: 90%; margin: 0 auto; }
.modal-xl				{ width: 90% !important; max-width: 90% !important; }

.lijn_onder_h1			{ clear: both; border-bottom: 1px solid #477a06; margin-top: 10px; }

.container-fluid { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
.row.no-gutters { margin-right: 0; margin-left: 0; }
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }

.footer { clear: both; width: 100%; max-width: 100%; height:auto; background-color: #000000; opacity: 1; margin: 0 auto; padding: 20px; }
.footer_text a, .footer_text a:hover, .footer_text a:active, .footer_text a:visited, .footer_text { color: #ffffff; text-decoration: none; }