#feedback{
	margin-top:1.0em;
	width:100%;
}

#feedback td {
	padding:6px 0;
}

#feedback td:first-child:not([colspan]) {
	width:120px;
	padding-right:16px;
	white-space:nowrap;
}

#feedback input[type="text"], #feedback textarea, #feedback select {
	box-sizing:border-box;
	width:100%;
	padding:6px 8px;
	border:1px solid #999;
	border-radius:3px;
	font:inherit;
}

#feedback input[type="text"], #feedback select {
	min-height:32px;
}

#feedback textarea {
	min-height:200px;
	resize:vertical;
	line-height:1.5;
}

#feedback input:focus-visible, #feedback textarea:focus-visible, #feedback select:focus-visible {
	outline:2px solid #2687c8;
	outline-offset:1px;
}

#feedback #faq_confirm {
	padding:6px 0 16px;
	line-height:24px;
}

#feedback #faq_checkbox {
	margin-right:6px;
}

#feedback #send_btn {
	min-width:120px;
}
#feedback #send_btn_cell {
	padding:0px;
	margin:0px;
	text-align:right;
}

.alert, .success {
	padding: 1em;
	margin-top:1em;
	margin-bottom:1em;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert {
	background-color: #fbe3df;
	border-color: #e64328;
	color: #c52f17;
}

.success{
	background-color: #d4edda;
	border-color: #28a745;
	color: #155724;
	text-align:center;
	font-weight:bold;
}

pre.err {
	margin-top:1em;
	margin-bottom:1em;
	padding-bottom:1em;
	overflow: auto;
}

@media (prefers-color-scheme: dark) {
	#feedback input[type="text"], #feedback textarea, #feedback select {
		border-color:#777;
	}

	.alert {
		background-color: #4d0000;
		border-color: #ff0000;
		color: #ff0000;
	}

	.success{
		background-color: #004d00;
		border-color: #00ff00;
		color: #00ff00;
	}
}