/*div.form-entry.dd_occupation {
	position: absolute;
	top: -1000px;
}*/

.occupation {
	display: none;
}

input.textentry {
	width: 100%;
	font-size: 18px;
/*	margin-bottom: 10px;*/
	border: 0;
	color: black;
}
input.textentry::placeholder {
	font-size: 12px;
	font-style: italic;
}
input.textentry:hover {
	background-color: hsl(0 0% 96%);
}
input.textentry:focus-visible {
	outline-offset: 0;
	outline: 1px solid hsl(0 0% 0% / 30%);
}

p.required {
	font-style: italic;
	margin: 10px 0;
	font-size: 12px;
	text-align: right;
}


.content img {
	margin-bottom: 10px;
}


body:has(#submit:hover:disabled) {
	#dd_fname:placeholder-shown, #dd_lname:placeholder-shown, #dd_mail:placeholder-shown {
		background-color: hsl(0 50% 80%);
		outline: 1px solid hsl(0 50% 70%);
		outline-offset: -1px;
	}
/*	label[for="dd_fname"], label[for="dd_lname"], label[for="dd_mail"] {
		color: hsl(0 100% 20%);
	}*/
	.required {
		color: hsl(0 100% 20%);
	}
}



input[type=submit] {
	border: 0;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	margin: 10px 0 0 0;
	cursor: pointer;
	width: 100%;
}
/*input[type=submit]:hover {*/
/*	background-color: hsl(120 50% 65%);*/
/*	outline: 1px solid hsl(120 30% 50%);*/
/*	color: white;*/
/*	box-shadow: 0px 0px 1px 3px inset hsl(120 50% 70%);*/
/*}*/
input[type=submit]:disabled {
	filter: grayscale(1);
	cursor: auto;
}



label {
	font-size: 15px;
	display: block;
	color: black;
}
form {
	margin: 0;
/*	padding: 10px;*/
	outline-offset: -1px;
	min-width: min(300px,50vw);
}



/* FORM */
table.form {
	margin: auto;
	width: 100%;
}
table.form td:nth-child(1) {
	padding: 0 5px 0 10px;
}
table.form td:nth-child(2) {
	padding: 0 10px 0 5px;
}



/* CHECKBOX */
.checkbox-container {
	display: table;
}
.checkbox-wrapper {
	display: table-cell;
}
.checkbox-labelwrapper {
	display: table-cell;
	word-wrap: break-word;
	padding-left: 4px
}



/* FORM DISABLED */
.form-disabled {
	position: relative;
	filter: grayscale(100%);
	opacity: 0.66666;
	pointer-events: none; /* prevent clicks */
}
.form-disabled::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(
		45deg,
		rgba(200, 200, 200, 0.4) 0,
		rgba(200, 200, 200, 0.4) 10px,
		transparent 10px,
		transparent 20px
	);
	pointer-events: none; /* let the blocking come from parent */
}
.invalid_activity_warning, .expired_activity_warning {
	display: none;
	color: hsl(0 80% 50%);
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
}





.grayed {
	filter: grayscale(1);
}

.disabled {
	pointer-events: none;
}



div.form_wrapper {
	position: sticky;
	top: 10px;
	outline-offset: -1px;
}
div.form_flex_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
div.entry {
	flex: 1 1 300px;
}



div.info_wrapper {
	display: flex;
	flex-direction: column;
/*	gap: 10px;*/
}


.form_wrapper.green {
	background-color: hsl(120 30% 90%);
	color: hsl(120 20% 30%);
	outline: 1px solid hsl(120 50% 30% / 20%);

	input[type=submit] {
		background-color: hsl(120 40% 65%);
		outline: 1px solid hsl(120 50% 30% / 50%);
		color: hsl(120 30% 95%);
	}
	input[type=submit]:hover {
		background-color: hsl(120 50% 65%);
		outline: 1px solid hsl(120 30% 50%);
		color: white;
	}
	p.required {
		color: hsl(120 15% 20%);
	}
	input.textentry {
		outline: 1px solid hsl(120 50% 30% / 20%);
	}
}



/* CAPTCHA */
.captcha-wrapper {
	display: flex;
	justify-content: center;
	margin: 1em 0;
}