table th{
    font-weight:bold;
}
table td,table th{
    padding:9px 10px;
    text-align:left;
}
@media only screen and (max-width:760px){
    table.responsive{
        margin-bottom:0;
    }
    .pinned{
        background:#fff;
        overflow:hidden;
        overflow-x:scroll;        
        border-left:1px solid #ccc;
    }
    .pinned table{
        border-right:none;
        border-left:none;
        width:100%;
        margin-bottom: 0;
    }
    .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;
        display: flex;
        flex-direction: row-reverse;
        border-right:1px solid #ccc;
    }
    div.table-wrapper div.scrollable table{

    }
    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;
    }
}