/* Colors - For light / dark theme separation, eventually */

/*
	div.ml_contactform_lrcontainer label,
	div.ml_contactform_userdata input,
	div.ml_contactform_message textarea,
*/
form.ml_form,
form.ml_form input,
form.ml_form textarea
{
	font-size: 7mm;
}

form.ml_form div.ml_form_layout
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: -15mm;
}

form.ml_form div.ml_form_layout > *
{
	text-align: left;
	flex-grow: 1;
	flex-shrink: 1;
	width: 10cm;
	max-width: 100%;
	margin-right: 15mm;
	/* width: 1cm; */
}

form.ml_form div.ml_form_layout label
{
	padding-top: 2.5mm;
	padding-bottom: 2.5mm;
	display: block;
}

form.ml_form div.ml_form_layout label input,
form.ml_form div.ml_form_layout label textarea
{
	box-sizing: border-box;
	width: 100%;
	padding: 2mm;
	/* border-radius: 1mm; */
	border-width: 1px;
}

form.ml_form div.ml_form_layout label textarea
{
	height: 10cm;
}

/* div.ml_contactform_message label textarea */
form.ml_form input,
form.ml_form textarea
{
	transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out;
}

form.ml_form .ml_form_good
{
	background-color: #80ff80;
}

form.ml_form .ml_form_bad
{
	background-color: #ffa060;
}

form.ml_form .ml_form_lock
{
	opacity: 0.25;
}

form.ml_form > div.ml_form_pagecontainer
{
	width: 100%;
	display: flex;
	overflow-x: hidden;
}

form.ml_form > div.ml_form_pagecontainer > .ml_form_page
{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
/*	overflow-x: scroll; */
	/* transition: margin-left: 0.25s ease-out; */
}

form.ml_form > div.ml_form_pagecontainer > .ml_form_page:first-child
{
	transition: margin-left: 0.25s ease-out;
}