.job-alert-formulier .job-alert-field {
	margin-bottom: 1.25em;
}

.job-alert-formulier label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
}

.job-alert-formulier input[type="text"],
.job-alert-formulier input[type="email"],
.job-alert-formulier input[type="number"] {
	width: 100%;
	max-width: 420px;
}

/* Checkboxes: horizontaal, wrappend */
.job-alert-formulier fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.job-alert-formulier legend {
	font-weight: 600;
	margin-bottom: 0.5em;
}

.job-alert-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em 1em;
}

.job-alert-checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.35em;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
}

.job-alert-checkbox-label input[type="checkbox"] {
	margin: 0;
	width: auto;
}

/* Uren */
.job-alert-uren-inputs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5em 0.75em;
}

.job-alert-uren-inputs label {
	font-weight: normal;
	margin-bottom: 0;
}

.job-alert-uren-inputs input[type="number"] {
	width: 80px;
}

/* Frequentie radio's */
.job-alert-radio-label {
	display: flex;
	align-items: center;
	gap: 0.35em;
	font-weight: normal;
	cursor: pointer;
	margin-bottom: 0.3em;
}

.job-alert-radio-label input[type="radio"] {
	margin: 0;
}

/* Knop */
.job-alert-btn {
	cursor: pointer;
}

/* Feedback */
.job-alert-response {
	margin-top: 0.75em;
	padding: 0.6em 0.9em;
	border-radius: 3px;
}

.job-alert-response--success {
	background: #edfaef;
	border: 1px solid #46b450;
	color: #1a6b22;
}

.job-alert-response--error {
	background: #fdf2f2;
	border: 1px solid #dc3232;
	color: #8b1a1a;
}