textarea {
	width: 100%; height: 100%; resize: none;
	background: transparent;
	font-size: 1em; border: none;
}
textarea:focus { outline: none; }

input[type='text'] { font-size: 1em; padding: 5px; }
input[type='text']:focus { outline: none; }

.flex-center {
	width: 780px; font-size: 1.1em;
	background: linear-gradient(90deg, white, GhostWhite, white);
}

.detail { margin-top: 15px; margin-bottom: 25px; display: none; }
.detail thead td { padding: 8px; border-bottom: thin dotted Gray; }
.detail tbody td { padding: 8px; }

.new-detail { margin-top: 15px; margin-bottom: 25px; display: none; }
.new-detail thead td { padding: 8px; border-bottom: thin dotted Gray; }
.new-detail tbody td { padding: 8px; }

.group-box {
	float: right;
	min-width: 160px;
	margin-top: 43px;
	margin-right: 25px;
	border: thin solid gray;
}

.gulgrid { text-align: center; }
.gulgrid td { border-bottom: thin dotted lightGray; }

@media only screen and (max-width: 800px) {
	.flex-center { width: 100%; background: none; }
}