table th{font-weight:bold;}
table td,table th{padding:9px 10px 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:45%;overflow:hidden;overflow-x:scroll;border-right:3px solid #666;border-left:3px solid #990000;}
.pinned table{border-right:none;border-left:none;width:100%;}
.pinned table th,.pinned table td{white-space:nowrap; width:100%}
.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:45%;}
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;}}