#label {
	padding: 15px;
	/*padding-bottom: 5px;*/
	margin: 40px 0px;
	background-color: dimgray;
	color: white;
	font-size: calc(14px * var(--font-size));
}

#label .title {
	font-weight: bold;
	display: block;
	color: white;
	background-color: dimgray;
	text-decoration: none;
	/*margin-bottom: 10px;*/
	font-size: calc(16px * var(--font-size));
}
#label .title:hover, #label .title:focus {
	background-color: dimgray;
	color: red;
}
#label .title span {
	padding-left: 10px;
}

#label table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 5px;
	border: none;
}

#label table caption {
	text-align: left;
	padding-bottom: 0px !important;
}

#label tr:hover {
	background-color: dimgray !important;
	opacity: 1 !important;
	color: white !important;
}

#label th {
	text-align: left;
	font-weight: normal;
	padding: 0px !important;
	border: none !important;
}

#label td {
	padding: 0px !important;
	border: none !important;
}

#label .hidden {
	display: none;
}

@media (max-width: 400px) {
	#label table td {
		width: 100%;
		display: inline-block;
	}
}



#changelog {
	margin: 40px 0px;
	padding: 15px;
	background-color: dimgray;
	color: white;
	font-size: calc(14px * var(--font-size));
}

#changelog .title {
	font-weight: bold;
	display: block;
	color: white;
	background-color: dimgray;
	text-decoration: none;
	font-size: calc(16px * var(--font-size));
}
#changelog .title:hover, #changelog .title:focus {
	background-color: dimgray;
	color: red;
}

#changelog .title span {
	padding-left: 10px;
}

#changelog a {
	color: white;
	background-color: dimgray;
}
#changelog a:hover, #changelog a:focus {
	font-weight: bold;
	color: red;
	background-color: dimgray;
}

#changelog table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 5px;
	border: none;
}

#changelog table caption {
	text-align: left;
	padding-bottom: 0px !important;
}

#changelog tr:hover {
	background-color: dimgray !important;
	opacity: 1 !important;
	color: white !important;
}

#changelog th {
	text-align: left;
	font-weight: normal;
	padding: 0px !important;
	border: none !important;
}

#changelog td {
	padding: 0px !important;
	border: none !important;
}

#changelog .empty {
	width: 100%;
	text-align: center;
}
#changelog .hidden {
	display: none;
}

@media (max-width: 500px) {
	#changelog table td:nth-child(1), #changelog table th:nth-child(1) {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	#changelog table td:nth-child(2), #changelog table th:nth-child(2) {
		width: 40%;
		display: inline-block;
	}
	#changelog table td:nth-child(3), #changelog table td:nth-child(4), #changelog table th:nth-child(3), #changelog table th:nth-child(4) {
		width: 30%;
		display: inline-block;
	}
}