.table-responsive, .table__responsive {
    display: table;
    width: 100%;
}

.table__responsive .table__caption {
    display: table-caption;
}

.table__responsive .table__thead {
    display: table-header-group;
}

.table__responsive .table__tbody {
    display: table-row-group;
}

.table__responsive .table__tfoot {
    display: table-footer-group;
}

.table__responsive .table__tr {
    display: table-row;
}

.table__responsive .table__colgroup {
    display: table-column-group;
}

.table__responsive .table__th,
.table__responsive .table__td {
    display: table-cell;
    padding: 0.5rem;
    position: relative;
}

.table__responsive > .table__thead > .table__tr > .table__th {
    font-weight: bold;
}

.table__responsive > .table__thead > .table__tr > .table__th,
.table__responsive > .table__tfoot > .table__tr > .table__td {
    font-size: 110%;
}

.table__responsive--border, 
.table__th--border, 
.table__td--border  {
    border-style: solid;
}

.table__responsive--border {
    border-color: #eee;
}

.table__th--border, .table__td--border {
    border-color: #808080;    
}

.table__responsive--border,
.table__th--border {
    border-width: 0.1rem;
}

.table__td--border {
    border-width: 0.2rem;
}

.table__responsive > .table__tfoot > .table__tr:first-child > .table__td {
    border-top: 0.2rem solid #57606f;
}

.table td, .table th {
    border: none;
}