.forms-show .input-form
{
	padding: 10px;

	border: 1px inset #333333;
	border-top: 5px inset #333333;

	background-color: #f8f8f8;
}

.forms-show .input-group-header
{
	margin: 20px 0;

	font-size: 20px !important;
	text-align: center;
}

.forms-show .input-group
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
}

.forms-show .input-element
{

}

.forms-show .input-element.max
{
	grid-column: 1 / -1;
}

.forms-show .input-element.check
{
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 10px;
	align-items: center;
}

.forms-show table
{
	table-layout: fixed;
	width: 100%;
}

.forms-show input[type="text"],
.forms-show textarea,
.forms-show select
{
	padding: 10px;
	width: 100%;
}

.forms-show input[type="text"]:focus,
.forms-show textarea:focus,
.forms-show select:focus
{
	border: 1px solid #0c208a;
	box-shadow: 0 0 2px 1px #858cc5;
}

td:has(input[type="checkbox"])
{
	display: grid;
	grid-template-columns: 24px max-content;
}

.rolled
{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}