#SchrobbelerActieWK2026 {text-align:center;}
#SchrobbelerActieWK2026.land-België {
	
--c-4: #cf2e2e; /* rood */
--c-4-rgb: 207, 46, 46;	

--c-3: #ff4753; /* licht rood */
--c-3-rgb: 255, 71, 83;

--u-button-hover-bg-color: var(--c-3);


}
	
#SchrobbelerActieWK2026 h1,
#SchrobbelerActieWK2026 h2, 
#SchrobbelerActieWK2026 h3,
#SchrobbelerActieWK2026 h4, 
#SchrobbelerActieWK2026 p {text-align:center; max-width:600px; margin-left:auto; margin-right:auto;}


#SchrobbelerActieWK2026 .game-teams  {display:flex; align-items:center; justify-content: center;}
#SchrobbelerActieWK2026 .game-teams div {display:inline-block; font-size:var(--fs-xxl); color:var(--c-white); font-weight:var(--fw-bold);}
#SchrobbelerActieWK2026 .game-teams .team-divider {margin:0 .5em; }

#SchrobbelerActieWK2026 .game-data {display:inline-block; font-size:var(--fs-lg); color:var(--c-white); font-weight:var(--fw-bold);}


#SchrobbelerActieWK2026 .game-flags  {display:flex; align-items:center; justify-content: center;}
#SchrobbelerActieWK2026 .game-flags div {display:inline-flex;  align-items:center; justify-content: center; width:6rem; height:6rem; line-height:1; font-size:5rem; overflow:visible;}
#SchrobbelerActieWK2026 .game-flags .flags-divider {display:flex; align-items:center; justify-content:center; height:100%; width:auto; line-height:1; font-size:2rem; font-weight:bold; margin:0 0.5rem;  color:var(--c-white);}


#SchrobbelerActieWK2026 #main-form a {text-decoration:underline;}
#SchrobbelerActieWK2026 #main-form .form-page-controls a {text-decoration:none;}

#SchrobbelerActieWK2026 #main-form {padding-bottom:2rem;}
#SchrobbelerActieWK2026 #main-form .form-page .row {text-align:center; }
#SchrobbelerActieWK2026 #main-form label {width:100%; text-align:left; font-size:var(--fs-sm); font-weight:var(--fw-bold); margin-bottom:0.25em; color:var(--c-white);}

#SchrobbelerActieWK2026 #main-form label.formerror {color:#8f0808; font-size:var(--fs-xs); }

#SchrobbelerActieWK2026 #main-form label[for='eind-score'] {text-align:center;}
#SchrobbelerActieWK2026 #main-form label#score_land-error {text-align:center;}

#SchrobbelerActieWK2026 #main-form label[for='geboortedatum'] span {display:block; font-size:var(--fs-xxs); color:var(--c-white); font-weight:var(--fw-normal);}
#SchrobbelerActieWK2026 #main-form label * {font-size:inherit; font-weight:inherit; color:inherit; }
#SchrobbelerActieWK2026 #main-form label a {text-decoration:underline;}


#SchrobbelerActieWK2026 #main-form input.form-control {width:100%; text-align:center; font-size:var(--fs-p); border-radius:7px; line-height:2;}
#SchrobbelerActieWK2026 #main-form select.form-control {width:100%; text-align:center; font-size:var(--fs-p); line-height:2;}

#SchrobbelerActieWK2026 #main-form #eind-score input.form-control.form-score  {width:6rem; height:6rem; line-height:6rem; font-size:3rem; font-weight: bold;}
#SchrobbelerActieWK2026 #main-form #eind-score .input-wrap {display:inline-block; width:auto; margin:0;}

#SchrobbelerActieWK2026 #main-form #eind-score input.form-control.form-score::-webkit-outer-spin-button,
#SchrobbelerActieWK2026 #main-form #eind-score input.form-control.form-score::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#SchrobbelerActieWK2026 #main-form #eind-score input.form-control.form-score[type=number] {
    -moz-appearance:textfield;
}
#SchrobbelerActieWK2026 #main-form input.form-control::placeholder {
	font-weight:normal!important;
	color:var(--c-grey)!important;
}

#SchrobbelerActieWK2026 #main-form input.form-control.form-score::placeholder {
	font-size:2rem!important;
	font-weight:normal!important;
	color:var(--c-grey)!important;
	line-height:6rem;
}

#SchrobbelerActieWK2026 #main-form input.form-control[name='wedstrijd'] {font-size:var(--fs-sm)!important;}



#SchrobbelerActieWK2026 #main-form #eind-score .score {display:flex; width:6rem; height:6rem; line-height:1; font-size:4rem;}
#SchrobbelerActieWK2026 #main-form #eind-score .score-divider {display:flex; align-items:center; justify-content:center; height:100%; line-height:1; font-size:2rem; font-weight:bold; margin:0 0.5rem;  color:var(--c-white);}

#SchrobbelerActieWK2026 #main-form #eind-score label.formerror:nth-of-type(2) {display:none!important; }


#SchrobbelerActieWK2026 #main-form .input-group {position:relative; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0.5em; border-radius:7px; }
#SchrobbelerActieWK2026 #main-form .input-wrap {position:relative; width:100%; margin-left:auto; margin-right:auto; margin-bottom:0.5em; }


#SchrobbelerActieWK2026 #main-form .input-group-text i {color:var(--c-grey);  }
#SchrobbelerActieWK2026 #main-form .input-group-text {
	display: flex;
	align-items: center;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #ffffff;
	border:2px solid var(--c-white);
	border-radius: 0px; 
	border-top-left-radius: 7px; 
	border-bottom-left-radius: 7px; 
}
#SchrobbelerActieWK2026 #main-form input.form-control[type='file'] {text-align:left; color:var(--c-grey); }
#SchrobbelerActieWK2026 #main-form select.form-control {text-align:center; color:var(--c-dark-grey); }
#SchrobbelerActieWK2026 #main-form select.form-control option {text-align:left; color:var(--c-dark-grey); }
#SchrobbelerActieWK2026 #main-form select.form-control option[dsabled] {text-align:left; color:var(--c-grey); }

#SchrobbelerActieWK2026 #main-form .form-control:disabled, 
#SchrobbelerActieWK2026 #main-form .form-control[readonly] {
	background-color: #ffffff;
	opacity: 1;
}

#SchrobbelerActieWK2026 #main-form .bootstrap-select  {text-align:center; color:var(--c-dark-grey); background-color:var(--c-white); padding:0;
	border-radius:7px; 
	border:2px solid var(--c-white);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	padding: .375rem .75rem;
	line-height:1;
	background-color:#ffffff;
	width:100%;
}



#SchrobbelerActieWK2026 #main-form .bootstrap-select button.btn {background-color:#ffffff; border:0; color:var(--c-dark-grey); padding:0.75rem 0.75rem;}
#SchrobbelerActieWK2026 #main-form .bootstrap-select button:hover {background-color:#ffffff; border:0; }

#SchrobbelerActieWK2026 #main-form #locatie_aankoop_plaats {text-align:left;}
#SchrobbelerActieWK2026 #main-form #locatie_aankoop_horeca_zoek {text-align:left;}

#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list #horeca_list {height:auto; max-height:280px; overflow-y:scroll; background-color:#ffffff; padding:0.5rem; border-radius:7px; }


#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location {display:flex; align-items:center; justify-content:flex-start; margin-bottom:4px; cursor:pointer; background-color:var(--c-light-grey); }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list #horeca_list.has-selection .location { opacity:0.75; }


#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location .location-icon-wrap {display:inline-flex; width:40px; height:40px; flex-basis:40px; align-items:center; justify-content:center;  margin:0; }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location .location-icon  {display:flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border-radius:999px; background-color:var(--c-2); }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location .location-icon i {font-size:20px; color:#ffffff; margin:0; }

#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location .location-info {display:inline-flex; flex-direction:column; align-items:flex-start; justify-content:space-between; margin-left:1em;}
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location .location-name {display:block; font-size:1.0rem; color:var(--c-2); font-weight:var(--fw-bold); text-align:left;}
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location .location-vicinity {display:block; font-size:0.9rem; color:var(--c-medium-grey); text-align:left;}

#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location:hover  {opacity:0.8; background-color:var(--c-white);}
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location:hover .location-icon {background-color:var(--c-3); }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location:hover .location-name {color:var(--c-3); }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location:hover .location-vicinity {color:var(--c-3); }


#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location.selected {background-color:var(--c-white); border:2px solid var(--c-grey); opacity:1; margin-bottom:1rem;}
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list #horeca_list.has-selection .location.selected { opacity:1; }

#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location.selected .location-icon {background-color:var(--c-4); }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location.selected .location-name {color:var(--c-4); }
#SchrobbelerActieWK2026 #locatie_aankoop_horeca_list .location.selected .location-vicinity {color:var(--c-4); }


#SchrobbelerActieWK2026 #horeca_spinner {display:none; align-items:center; justify-content:center; margin:auto; margin-bottom:2rem; width:40px; height:40px; background-color:#ffffff; border-radius:7px; color:var(--c-3);}
#SchrobbelerActieWK2026 #horeca_spinner i {color:var(--c-1); font-size:20px;}


#SchrobbelerActieWK2026 .locatie_aankoop_error-error {margin-top:.5em;}

#SchrobbelerActieWK2026 .bootstrap-select .dropdown-toggle .bs-caret {
	color:var(--c-dark-grey);
	opacity:0;
}


#SchrobbelerActieWK2026 #main-form .form-check .form-check-label {float:none; text-align:left;}
#SchrobbelerActieWK2026 #main-form .form-check .form-check-input {float:none; font-size:var(--fs-p); font-weight:var(--fw-regular);}

#SchrobbelerActieWK2026 #main-form label.formerror {font-size:var(--fs-xs);}

#SchrobbelerActieWK2026 #main-form .wp-block-buttons {text-align:center;}
#SchrobbelerActieWK2026 #main-form .form-page {display:none;}
#SchrobbelerActieWK2026 #main-form .form-page:first-of-type {display:block;}
#SchrobbelerActieWK2026 #main-form .form-page-controls {position:relative; display:flex; text-align:center; align-items: center; justify-content:center; margin-top:1rem;}
#SchrobbelerActieWK2026 #main-form .form-page-prev {display:inline-flex;  margin:auto; margin-right:5px; text-decoration:none!important; opacity:0.8; cursor:}
#SchrobbelerActieWK2026 #main-form .form-page-prev:hover {opacity:1;}
#SchrobbelerActieWK2026 #main-form .form-page-next {display:inline-flex; margin:auto; margin-left:5px;}
#SchrobbelerActieWK2026 #main-form .form-page:first-child .form-page-prev {display:none;}

@media all and (max-width: 767px) {
	#SchrobbelerActieWK2026 #main-form .input-group {max-width:calc(var(--vw100) - 50px); margin-left:auto; margin-right:auto;}

}

#SchrobbelerActieWK2026 {
--u-button-border: 2px solid white;
--u-button-bg-color: white;
--u-button-color :var(--c-1);
}




#SchrobbelerActieWK2026 #nix18 {
	position:absolute;
	display:block;
	width:auto;
	left: 15px; 
	bottom:20px;
	z-index:9999;
}

#SchrobbelerActieWK2026 #reset {
	position:absolute;
	display:block;
	width:auto;
	right: 15px; 
	bottom:20px;
	z-index:9999;
}

#SchrobbelerActieWK2026 #map {
	display:none;
}