table th {
	font-weight: bold;
}

table td, table th {
	padding: 9px 10px;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	table.responsive {
		margin-bottom: 0;
	}
	
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 42%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%;
	}
	
	.pinned table th, .pinned table td {
		white-space: nowrap;
	}
	
	.pinned td:last-child {
		border-bottom: 0;
	}
	
	div.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;
	}
	
	div.table-wrapper div.scrollable {
		margin-left: 42%;
	}
	
	div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}
	
	table.responsive td, table.responsive th {
		position: relative;
		white-space: nowrap;
		overflow: hidden;
	}
	
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
		display: none;
	}
	
	.table-wrapper .scrollable table.responsive th:first-child, .table-wrapper .scrollable table.responsive td:first-child {
		display: none !important;
	}
	
	.pinned tr.group-header-row td:first-child {
		padding-right: 4px;
		white-space: nowrap !important;
	}
	
	.pinned tr.group-header-row span.conference-name {
		letter-spacing: 0;
		font-size: 11px !important;
	}
}

span.conference-name {
	font-size: 13px !important;
}