/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

@media (max-width: 480px) {

    table tbody tr td{
        padding: 0rem !important;
    }

    table.bt thead,
    table.bt tbody th {
        display: none;
    }

    table.bt tfoot th,
    table.bt tfoot td,
    table.bt tbody td {
        /*border: none;*/
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        vertical-align: top;

        /* IE 9 */
        float: left\9;
        width: 100%\9;
    }


    table.bt tfoot th.bt-hide,
    table.bt tfoot td.bt-hide,
    table.bt tbody td.bt-hide {
        display: none;
    }


    .bt-wrapper.active {
        max-height: 310px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    table.bt.bt--no-header tfoot td::before,
    table.bt.bt--no-header tbody td::before {
        display: none;
    }

    table.bt tfoot th::before,
    table.bt tfoot td::before,
    table.bt tbody td::before {
        content: attr(data-th) "";
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        font-weight: bold;
        width: 95px;
        font-size: 11px;
        padding: 0.7rem;
    }

    table.bt tfoot th .bt-content,
    table.bt tfoot td .bt-content,
    table.bt tbody td .bt-content {
        vertical-align: top;
        display: flex;
        align-items: center;
        border-left: 2px solid lightgrey;
        padding-left: 1rem;
    }

    td:last-child{
        margin-bottom:1rem;
    }
}