/* -- WS-Forms -- */

/* Some general settings */
.wsf-form {
	color: var(--text-color);
	font-family: var(--font-family-base);
}
.wsf-form .wsf-section > legend {
	color: var(--heading-color);
}
.wsf-form label.wsf-label {
	color: var(--text-color);
}

/* START: Set all form fields to background color of white */
.wsf-form input[type="date"].wsf-field, .wsf-form input[type="datetime-local"].wsf-field, .wsf-form input[type="file"].wsf-field, .wsf-form input[type="month"].wsf-field, .wsf-form input[type="password"].wsf-field, .wsf-form input[type="search"].wsf-field, .wsf-form input[type="time"].wsf-field, .wsf-form input[type="week"].wsf-field, .wsf-form input[type="email"].wsf-field, .wsf-form input[type="number"].wsf-field, .wsf-form input[type="tel"].wsf-field, .wsf-form input[type="text"].wsf-field, .wsf-form input[type="url"].wsf-field, .wsf-form select.wsf-field, .wsf-form textarea.wsf-field {
	/*background-color: var(--neutral-0);*/
	background-color: var(--bg-color) !important;
	background-image: var(--form-bg-color);
	color: var(--text-color);
}
.wsf-form input[type="date"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="datetime-local"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="file"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="month"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="password"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="search"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="time"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="week"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="email"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="number"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="tel"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="text"].wsf-field:hover:enabled:not(:focus), .wsf-form input[type="url"].wsf-field:hover:enabled:not(:focus), .wsf-form select.wsf-field:hover:enabled:not(:focus), .wsf-form textarea.wsf-field:hover:enabled:not(:focus) {
	background-color: var(--neutral-0);
}
.wsf-form input[type="date"].wsf-field:focus, .wsf-form input[type="datetime-local"].wsf-field:focus, .wsf-form input[type="file"].wsf-field:focus, .wsf-form input[type="month"].wsf-field:focus, .wsf-form input[type="password"].wsf-field:focus, .wsf-form input[type="search"].wsf-field:focus, .wsf-form input[type="time"].wsf-field:focus, .wsf-form input[type="week"].wsf-field:focus, .wsf-form input[type="email"].wsf-field:focus, .wsf-form input[type="number"].wsf-field:focus, .wsf-form input[type="tel"].wsf-field:focus, .wsf-form input[type="text"].wsf-field:focus, .wsf-form input[type="url"].wsf-field:focus, .wsf-form select.wsf-field:focus, .wsf-form textarea.wsf-field:focus {
	background-color: var(--neutral-0);
	color: var(--text-color);
}
.wsf-form input[type="checkbox"].wsf-field {
	background-color: var(--neutral-0);
}
.wsf-form input[type="checkbox"].wsf-field:hover:enabled:not(:checked):not(:focus) {
	background-color: var(--neutral-0);
}
.wsf-form input[type="checkbox"].wsf-field:checked::after {
	border-color: var(--neutral-0);
}
.wsf-form.wsf-validated input[type="date"].wsf-field:invalid, .wsf-form.wsf-validated input[type="datetime-local"].wsf-field:invalid, .wsf-form.wsf-validated input[type="file"].wsf-field:invalid, .wsf-form.wsf-validated input[type="month"].wsf-field:invalid, .wsf-form.wsf-validated input[type="password"].wsf-field:invalid, .wsf-form.wsf-validated input[type="search"].wsf-field:invalid, .wsf-form.wsf-validated input[type="time"].wsf-field:invalid, .wsf-form.wsf-validated input[type="week"].wsf-field:invalid, .wsf-form.wsf-validated input[type="email"].wsf-field:invalid, .wsf-form.wsf-validated input[type="number"].wsf-field:invalid, .wsf-form.wsf-validated input[type="tel"].wsf-field:invalid, .wsf-form.wsf-validated input[type="text"].wsf-field:invalid, .wsf-form.wsf-validated input[type="url"].wsf-field:invalid, .wsf-form.wsf-validated select.wsf-field:invalid, .wsf-form.wsf-validated textarea.wsf-field:invalid, .wsf-form .wsf-validated input[type="date"].wsf-field:invalid, .wsf-form .wsf-validated input[type="datetime-local"].wsf-field:invalid, .wsf-form .wsf-validated input[type="file"].wsf-field:invalid, .wsf-form .wsf-validated input[type="month"].wsf-field:invalid, .wsf-form .wsf-validated input[type="password"].wsf-field:invalid, .wsf-form .wsf-validated input[type="search"].wsf-field:invalid, .wsf-form .wsf-validated input[type="time"].wsf-field:invalid, .wsf-form .wsf-validated input[type="week"].wsf-field:invalid, .wsf-form .wsf-validated input[type="email"].wsf-field:invalid, .wsf-form .wsf-validated input[type="number"].wsf-field:invalid, .wsf-form .wsf-validated input[type="tel"].wsf-field:invalid, .wsf-form .wsf-validated input[type="text"].wsf-field:invalid, .wsf-form .wsf-validated input[type="url"].wsf-field:invalid, .wsf-form .wsf-validated select.wsf-field:invalid, .wsf-form .wsf-validated textarea.wsf-field:invalid {
	background-color: var(--neutral-0);
}
/* END: Set all form fields to background color of white */


/* wsf-form-contact */
.wsf-form-contact input[type="date"].wsf-field, .wsf-form-contact input[type="datetime-local"].wsf-field, .wsf-form-contact input[type="file"].wsf-field, .wsf-form-contact input[type="month"].wsf-field, .wsf-form-contact input[type="password"].wsf-field, .wsf-form-contact input[type="search"].wsf-field, .wsf-form-contact input[type="time"].wsf-field, .wsf-form-contact input[type="week"].wsf-field, .wsf-form-contact input[type="email"].wsf-field, .wsf-form-contact input[type="number"].wsf-field, .wsf-form-contact input[type="tel"].wsf-field, .wsf-form-contact input[type="text"].wsf-field, .wsf-form-contact input[type="url"].wsf-field, .wsf-form-contact select.wsf-field, .wsf-form-contact textarea.wsf-field {
	background-color: var(--bg-color) !important;
	background-image: var(--form-bg-color);
}

.wsf-form .nieuwsbrief-footer-email input[type="email"].wsf-field,
.wsf-form .nieuwsbrief-footer-naam input[type="text"].wsf-field,
.wsf-form .nieuwsbrief-email-section input[type="text"].wsf-field,
.wsf-form .nieuwsbrief-email-section input[type="email"].wsf-field {
	background-image: var(--form-bg-color-attention);
	background-color: var(--24dp) !important;
}
.wsf-form .nieuwsbrief-footer-email input[type="email"].wsf-field::placeholder,
.wsf-form .nieuwsbrief-footer-naam input[type="text"].wsf-field::placeholder,
.wsf-form .nieuwsbrief-email-section input[type="text"].wsf-field::placeholder,
.wsf-form .nieuwsbrief-email-section input[type="email"].wsf-field::placeholder {
	color: var(--text-color);
}

/* Enquête */
.form-enquete.wsf-form ul.wsf-group-tabs {
	border-bottom: none !important;
	/*display: none !important;*/
}
.form-enquete.wsf-form .form-enquete-progress progress.wsf-progress[value] {
	display: none;
}
.form-enquete.wsf-form .form-enquete-progress .wsf-help {
	color: var(--text-color);
}
.form-enquete.wsf-form .wsf-field-wrapper.form-enquete-progress,
.form-enquete.wsf-form .wsf-field-wrapper:has(.wsf-button) {
	margin-bottom: 0px;
}