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;z-index: 99;left:0;top:0;background:#fff;width:35%;height: 100%; overflow:hidden;overflow-x:scroll;border-right: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;border-right:1px solid #ccc; z-index: 1;}div.table-wrapper div.scrollable table{margin-left:35%;}div.table-wrapper div.scrollable{overflow:scroll;overflow-y:hidden;position: relative; z-index: -1;}table.responsive td,table.responsive th{position:relative;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:before { position: absolute; width: 80px; height: 19px; display: block; content: " "; top: -13px; right: 0px; z-index: 10; background: url('../img/swipe-hint.png') no-repeat; background-size: 100%; }