/* mobile portrait */

table {
    margin: auto;
    width: 100%;
}

table tr th {
    text-align: left;
    padding: 0 5px;
}

table tr td {
    vertical-align: top;
    font-size: 13px;
    line-height: 16px;
    padding: 4px;
}

tr {
    border-top: solid 1px #bbb;
}
tr.no-border {
    border: none;
}

th,
td,
td.sm,
td.md,
td.lg,
th.xs,
td.xs {
    display: table-cell;
}

form label {
    font-weight: bold;
}

/* mobile landscape */

@media only screen and (min-width: 480px) {
    th,
    td,
    th.sm,
    td.sm {
        display: table-cell;
    }
}

/* tablet portrait */

@media only screen and (min-width: 768px) {
    th,
    td,
    th.md,
    td.md {
        display: table-cell;
    }
}

/* tablet landscape / desktop: 19.5px gutter + 15px padding */

@media only screen and (min-width: 1024px) {

    th,
    td,
    th.lg,
    td.lg {
        display: table-cell;
    }
}