fieldset{
	padding-top: 2pt;
}

legend{
	font-weight: bold;
}

form textarea,
form input,
form select{
	background-color: var(--bg_col);
	border: var(--weak_fg) 1pt solid;
	border-radius: 4pt;
	margin: 1pt;
}

form input[type=button],
form button{
	background-color: var(--canvas_col);
	border: var(--weak_fg) 1pt solid;
	border-radius: 4pt;
}

form input[type=button]:disabled,
form button:disabled {
	display: none;
}

form input[type=button]:hover,
form button:hover, 
#form_btn_check:hover,
#form_btn_submit:hover {
	background-color: var(--secondary);
}

form *:disabled {
	color: var(--weak_fg);
	background-color: var(--weak_bg);
	border: var(--weak_fg) 1pt solid;
}

textarea{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 2pt;
	resize: vertical;
}
form textarea{
	resize: none;
}

form label {
  min-width: 7em;
  display: inline-block;
  text-align: right;
  margin-right: 2pt;
}

#form_btn_check,
#form_btn_submit {
	font-weight: bold;
	background-color: var(--weak_primary);
}


div.bad{
	background-color: var(--bad_bg);
}

div.neutral{
	background-color: var(--info_bg);
}

div.good{
	background-color: var(--good_bg);
}