	<style type="text/css">
		table th {
			font-weight: bold;
		}

		table td,
		table th {
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding: 9px 10px;
			text-align: left;
		}

		img {
			height: 16px;
			width: 16px;
			vertical-align: middle;
		}
		/* Mobile */

		@media only screen and (max-width: 767px) {
		
			table.responsive {
				margin-bottom: 0;
			}
			.pinned {
				position: absolute;
				left: 0;
				top: 0;
				background: #fff;
				width: 35%;
				overflow: hidden;
				overflow-x: scroll
			}
			.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 table {
				margin-left: 35%;
			}
			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;
			}
			td,
			th {}
		}
	</style>
