body {
	padding: 0;
	margin: 0;
	font-size: 7pt;
}

#app {
	display: flex;
    height: 100vh;
    flex-direction: column;
	padding: 0.1rem;
}

.table-container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.table-header {
	font-weight: bold;
	text-align: center;
	display: flex;
    flex-direction: row;
}

.table-row {
	display: flex;
	flex-direction: row;
	text-align: center;
	white-space: nowrap;
}

.table-cell {
	flex: 1;
	border: 1px solid #ccc;
	width: 1vw;
	white-space: break-spaces;
	display: grid;
	align-content: center;
	height: 4vh;
}

.last-td {
	border-bottom: 0.1rem solid #cbcbcb;
}

.input {
	border: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	outline: none;
	text-align: center;
	padding: 0;
}

.button-div {
	background-color: #f1f6fc;
	display: flex;
	height: 5rem;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

button {
	height: 2rem;
	width: 6rem;
	border-radius: 1.5rem;
	color: white;
	border: none;
}

.footer {
	display: flex;
	justify-content: center;
	font-size: 11pt;
}

.footer img {
	vertical-align: middle;
}