body {
  padding-top: 5rem;
}

.footer {
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
}

.max-width-accountable {
    max-width: 300px;
}

.max-width-not-accountable {
    max-width: 350px;
}

.max-width-name {
    max-width: 250px;
}

.max-width-description {
    max-width: 350px;
}

.max-width-pattern {
    max-width: 250px;
}

.max-width-type {
    max-width: 150px;
}

.make-me-brighter {
    filter: opacity(50%);
}

#no-more-tables td {
    border-top: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

th.rotate > div {
    transform: translate(0px, -10px) rotate(270deg);
    width: 30px;
    white-space: nowrap;
}

th.rotate {
    text-align:right;
    height: 160px;
}

.analysis-category-cell {
	max-width: 150px; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

}