/* Artfully masterminded by ZURB  */

table td,
table th
{
    padding: 9px 10px;

    text-align: left;
}

/* Mobile */
@media (max-width: 1024px){
    table.responsive
    {
        margin-bottom: 0;
    }

    .pinned
    {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 35%;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        background: #fff;
    }

    .pinned table
    {
        width: 100%; 
        border-right: none;
        border-left: none;
    }
    .pinned table th,
    .pinned table td
    {
        white-space: nowrap;
    }
    .pinned td:last-child
    {
        border-bottom: 0;
    }

    div.table-wrapper
    {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        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;
        overflow: hidden; 
        white-space: nowrap;

    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td
    {
        display: none;
    }
}