body {
	background-color: #f0f0f0;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 15px;
}

.tablediv {
	height: 400px;
	height: 100%;
	width: 100%;

	overflow: auto;

}

.table td,
.table th {
	border: 1px solid black;
	width: fit-content;

}

.table .smallinput {
	width: fit-content;
}

table {
	width: 920px;
	font-size: 15px;
	border-collapse: collapse;
	table-layout: auto;
	border: 1px solid black;
	margin: 0 auto;
}



table th {
	text-align: left;
	/*	position: sticky;*/
	top: 0;
	background-color: lightblue;
}

tr {
	width: 96%;
}

.open {
	color: rgb(11, 232, 22);
}

.short {
	background-color: aqua;
}

.filled {
	background-color: greenyellow;
}

th,
td {
	height: 15px;
	white-space: wrap;

}

div .box {
	background-color: azure;
	border: 1px;
}

.container {
	display: grid;
	gap: 20px;
	grid-template-columns: 200px fr;
	padding: 10px;
	background-color: bisque;
}

.container>div {
	border: 1px solid black;
	text-align: left;
	background-color: azure;
}

@media print {

	.page,
	.page-break {
		break-after: page;
	}
	footer{
		position: fixed;
		bottom: 0;
	}	
}

.logo {
	max-width: 100%;

	display: block;
	margin: 0 auto;

}

.warning {
	background-color: lightyellow;
}
.form{
    display:grid;
    grid-template-columns: 250px 2fr;
    grid-gap:2px
}
label {
    grid-column: 1 / 2;
}
input,
button {
    grid-column: 2 / 3;
}