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

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: 1.0; }
.header_text { clear: both; color: #ffffff; font-size: 24px; font-weight: normal; padding: 5px;}

.virtual_info_dropDown { position: relative; padding: 20px; background-color: #04AA6D; display: none; }
.virtual_info_selector { position: absolute; padding: 0px 15px 5px 15px; left: 50%; transform: translateX(-50%); background-color: #04AA6D; border-radius: 0px 0px 15px 15px; z-index: 1; }
.div_transparant { background: rgb(255, 255, 255, 0.90); }

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: #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-brons          { color: #Cd7f32; }
.text-zilver         { color: #C0C0C0; }
.text-goud           { color: #D4af37; }
.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; }

.border-brons { border-color: #Cd7f32 !important; }
.bg-brons { background-color: #Cd7f32 !important; }
.border-zilver { border-color: #C0C0C0 !important; }
.bg-zilver { background-color: #C0C0C0 !important; }
.border-goud { border-color: #D4af37 !important; }
.bg-goud { background-color: #D4af37 !important; }


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

.btn_popup { min-height: 150px; font-size: 18px; }
.btn { border-radius: 0rem; }
.btn-como-success { color: #ffffff; 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 .btn-como-success.active { color: #ffffff; background-color: #477a06; border-color: #477a06; }
.btn-como-primary { color: #ffffff; 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-warning { color: #ffffff; background-color: #ffc107; border-color: #000000; }
.btn-como-warning:hover { color: #ffffff; background-color: #e0a800; border-color: #000000; }
.btn-como-warning:focus, .btn-como-primary.focus { color: #ffffff; background-color: #e0a800; border-color: #000000; }
.btn-como-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-como-light:hover { color: #212529; background-color: #e2e6ea; border-color: #666666; }
.btn-como-light:focus, .btn-como-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);}

.btn-como-danger { color: #ffffff; 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-prisma {  border-color: #008c84 !important; }
.bg-prisma { background-color: #008c84 !important; }
.btn-prisma { color: #008c84 !important; background-color: #ffffff !important; border-color: #ffffff !important; }
.btn-prisma:hover, .btn-prisma:focus, .btn-dela.focus { color: #ffffff !important; background-color: #008c84 !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; }

.border-monarch {  border-color: #0e4bbe !important; }
.bg-monarch { background-color: #0e4bbe !important; }
.btn-monarch { color: #0e4bbe !important; background-color: #ffffff !important; border-color: #ffffff !important; }
.btn-monarch:hover, .btn-monarch:focus, .btn-dela.focus { color: #ffffff !important; background-color: #0e4bbe !important; border-color: #ffffff !important; }

.image_button_128 { width: 100px; height: 100px; }
.image_button_64 { width: 50px; height: 50px; }
.image_baselinetitle { margin-top: 10px; margin-bottom: 5px; line-height: 20px; }

/* 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; }

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