html,
body {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	/* height: 100%; */
	padding: 0;
	background-color: rgba(250, 250, 250, 1);
	flex-direction: column;
}
summary {
	cursor: pointer;
}
#mainCard {
	width: 100%;
	height: 100%;
	padding: 1em;
}
#submit header {
	display: flex;
	justify-content: space-evenly;
}

.txtInput div {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
input[type="number"] {
	max-width: 250px;
}

#gentkContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 1em;
	border: none;
	outline: none;
}
.gentkDiv span {
	white-space: nowrap;
	font-size: 0.8em;
	font-weight: 600;
	text-align: center;
}
.gentkDiv {
	display: none;
	cursor: pointer;
}
.gentkDiv footer,
.gentkDiv header {
	max-width: 150px;
	text-align: center;

	/* max-height: 200px; */
}
.gentkDiv img {
	max-width: 90%;
	max-height: 150px;
}
.flexRow {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}
.flexCol {
	display: flex;
	flex-direction: column;
}
.alignMiddle {
	align-items: center;
}

th.sortable {
	cursor: pointer;
	user-select: none;
}