table th {
	font-weight: bold;
}
table td {
	text-align: left;
}
table th {
	text-align: left;
}
@media only screen and (max-width:767px)
{
table.responsive {
	margin-bottom: 0px;
}
.pinned {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 35%; overflow: hidden; border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; position: absolute; -ms-overflow-x: scroll;
}
.pinned table {
	width: 100%; border-right-color: currentColor; border-left-color: currentColor; border-right-width: medium; border-left-width: medium; border-right-style: none; border-left-style: none;
}
.pinned table th {
	white-space: nowrap;
}
.pinned table td {
	white-space: nowrap;
}
.pinned td:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
div.table-wrapper {
	overflow: hidden; margin-bottom: 20px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; position: relative;
}
div.table-wrapper div.scrollable {
	margin-left: 35%;
}
div.table-wrapper div.scrollable {
	overflow: scroll; -ms-overflow-y: hidden;
}
table.responsive td {
	overflow: hidden; white-space: nowrap; position: relative;
}
table.responsive th {
	overflow: hidden; white-space: nowrap; position: relative;
}
table.responsive th:first-child {
	display: none;
}
table.responsive td:first-child {
	display: none;
}
table.responsive td:first-child {
	display: none;
}
table.pinned.responsive td {
	display: none;
}
}
