html {
    height: auto;
    padding-bottom: 90vh;
}

body { 
	font-family: arial;
	}

h2 {
	margin-left:7.5%;
	color:red;
	}

table { 
	width: 85%; 
	border-collapse: collapse; 
	margin:50px auto;
	}

thead {
	position: sticky;
	top: 0;
	}

th { 
	background: #3498db; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}

td.amber {
	background-color: #fbc142;
}

td.green {
	background-color: #26ec79;
}

td.red {
	background-color: #ec3126;
}

.labels tr td {
	font-weight: bold;
}

.label tr td label {
	display: block;
}

.hide tr {
	background-color: #e9e9e9;
	color: #000;
}

#key { 
	width: 35%; 
	border-collapse: collapse; 
	margin-right:7.5%;
	margin-left:auto;
	}

[data-toggle="toggle"] {
	display: none;
}