.aanmeldalert {
	color: red;
}

#adddeelnemers-dialog {
	width: 50rem;
	zoom: 0.75;
}


#aanmeldform {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	margin-bottom: auto;
	font-size: 1.5rem;

	& div {
		display: flex;
		flex-direction: row;
		justify-content: space-between;

		& input {
			font-size: inherit;
		}
	}

	& button {
		font-size: inherit;
		margin-left: auto;
		color: white;
		background-color: blue;
		padding: 0.25em 0.5em;
	}
	& .required-star {
		color: #d00;
		font-weight: bold;
	}
	
	& input[type=number] { /* Firefox */
		-moz-appearance: textfield;
		appearance: textfield;
	}

	/* We willen geen spinner-buttons bij numerieke input (Crome, Safari, Edge, Opera): */
	& input::-webkit-outer-spin-button,
	& input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
}

@media only screen and (max-width: 1300px) {
	#aanmeldform {
		font-size: 2.5rem;

		& div {
			flex-direction: column;
			gap: 0.5rem;

			& input {
				font-size: 2.5rem;
			}
		}

		& button {
			font-size: 2.5rem;
		}
	}
}


@media print {
	#aanmeldform {
		justify-content: flex-start;
		gap: 0;
		margin-bottom: 0;
		font-size: 0.8rem;

		& div {
			flex-direction: column;
			gap: 0.3rem;

			& input {
				font-size: 0.8rem;
			}
		}

		& button {
			font-size: 0.8rem;
		}
	}
}

label:has(input:disabled),
label:has(input[disabled]) {
	opacity: 0.3;
	pointer-events: none;
}