html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
body { background-image: url("../images/achtergrond.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }

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

.logo { width: 100%; margin: 0 auto; height: 110px; text-align: center; }
.header { clear: both; width: 100%; background-color: #00aecd; opacity: 0.7; }
.header_text { clear: both; text-align: text-center; color: #ffffff; font-size: 24px; font-weight: normal; padding: 10px;}

.div_transparant { background: rgb(255, 255, 255, 0.75); }

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

.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: #ccc4b8; }
.text-rood				{ color: #E7717D; }
.text-groen				{ color: #5c9514; }
.text-blauw				{ color: #00aecd; }
.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 #AFD275; margin-top: 10px; }

.btn_popup { min-height: 100px; font-size: 17px; }
.image_button_128 { width: 75px; height: 75px; }
.image_baselinetitle { margin-top: 10px; margin-bottom: 5px; line-height: 20px; }

.btn { border-radius: 0rem; }
.btn-como-success { color: #000000; background-color: #94c454; border-color: #4e830a; }
.btn-como-success:hover { color: #ffffff; background-color: #477a06; border-color: #477a06; }
.btn-como-success:focus, .btn-como-success.focus { color: #ffffff; background-color: #477a06; border-color: #477a06; }
.btn-como-primary { color: #000000; background-color: #00aecd; border-color: #186d73; }
.btn-como-primary:hover { color: #ffffff; background-color: #186d73; border-color: #186d73; }
.btn-como-primary:focus, .btn-como-primary.focus { color: #ffffff; background-color: #00aecd; border-color: #186d73; }

.btn-como-danger { color: #000000; background-color: #cf6b8b; border-color: #b31246; }
.btn-como-danger:hover { color: #ffffff; background-color: #b31246; border-color: #b31246; }
.btn-como-danger:focus, .btn-como-danger.focus { color: #ffffff; background-color: #b31246; border-color: #b31246; }
.btn-outline-como-danger { color: #ca1f56; background-color: #ffffff; border-color: #ca1f56; }
.btn-outline-como-danger:hover { color: #ffffff; background-color: #b31246; border-color: #b31246; }
.btn-outline-como-danger:focus, .btn-como-danger.focus { color: #ffffff; background-color: #b31246; border-color: #b31246; }

.border-dela {  border-color: #046f83 !important; }
.bg-dela { background-color: #046f83 !important; }
.btn-dela { color: #046f83 !important; background-color: #ffffff !important; border-color: #ffffff !important; }
.btn-dela:hover, .btn-dela:focus, .btn-dela.focus { color: #ffffff !important; background-color: #046f83 !important; border-color: #ffffff !important; }

.border-familycare {  border-color: #3b456d !important; }
.bg-familycare { background-color: #3b456d !important; }
.btn-familycare { color: #3b456d !important; background-color: #ffffff !important; border-color: #ffffff !important; }
.btn-familycare:hover, .btn-familycare:focus, .btn-dela.focus { color: #ffffff !important; background-color: #3b456d !important; border-color: #ffffff !important; }

.footer_top { clear: both; height: 100px; }
.footer { clear: both; width: 100%; max-width: 100%; height:auto; background-color: #00aecd; opacity: 0.5; margin: 0 auto; padding: 10px; }
.footer_text a, .footer_text a:hover, .footer_text a:active, .footer_text a:visited, .footer_text{ color: #000000; }