/* table */
.mytb {
	margin-bottom: 1em;
}
.mytb thead th {
	background-color: #eee;
}
.mytb tbody td:not(:last-child) {
	text-align: left;
}
.mytb tbody td:last-child {
	text-align: left;
}
.mytb td:nth-child(1),
.mytb td:nth-child(5) {
	font-weight: bold;
}

.truncate {
	overflow: hidden;
	max-height: 15em;
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	position: relative;
}
.truncate::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.truncate.fullheight {
	max-height: 10000px;
	transition: max-height 1s ease-in-out;
}
.truncate.fullheight::after {
	height: 0;
}

@media screen and (max-width: 400px) {
	.mytb tr *:nth-child(2) {
		display: none;
	}
}
@media screen and (max-width: 500px) {
	.mytb tr *:nth-child(4) {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.mytb {
		font-size: .9em;
	}
}