@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: 40%;
		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: 55%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

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

.condensed{
	font-size: 85%;
}

span.vertical{
	white-space: pre;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	vertical-align: center;
}

th.rotate{
	padding: 0px;
}

th.rotate {
	/* Something you can count on */
	height: 210px;
	white-space: nowrap;
}

th.rotate > div {
	transform:
		/* Magic Numbers */
		translate(22px, -12px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
	width: 38px;
}

th.rotate > div > span {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px;
}

td.enabled{
	border-left: dotted #ccc 1px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

span.check{
	font-weight: bold;
	color: #1a1;
}

.table-nonfluid {
	width: auto !important;
}

@page {
	size: auto;
}

.mt-2{
	padding-bottom: 2em;
}

.capsman td{
	vertical-align: middle;
}

.capsman .btn{
	padding: 1px 6px;
}

.pvpc{
	padding: 3px;
	font-family: Verdana;
	font-size: 10pt;
}