.reds-table {
    width: 100%;
}

.reds-table table {
    width: 100%;
}
/*
.reds-table tr {
transition: .35s
}
 */
 
.reds-table th {
    border: none;
    background: darkslategray;
    color: lightgray;
    padding: 16px 20px;
    /*    font-size: 18px */
}
.reds-table td {
    border: none;
    color: grey;
    padding: 16px 20px;
    font-size: 16px
}
.reds-table tbody tr {
    border: none
}
.reds-table tbody tr:nth-child(odd) {
    background: lightgrey
}
.reds-table.bt tbody th, .reds-table.bt thead {
    display: none
}
.reds-table.bt tbody td, .reds-table.bt tfoot td, .reds-table.bt tfoot th {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top
}
.reds-table.bt tbody td::before, .reds-table.bt tfoot td::before, .reds-table.bt tfoot th::before {
    content: attr(data-th)": ";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    font-weight: 700;
    width: 6.5em
}
.reds-table.bt tbody td.bt-hide, .reds-table.bt tfoot td.bt-hide, .reds-table.bt tfoot th.bt-hide {
    display: none
}
.reds-table.bt tbody td.bt-content, .reds-table.bt tfoot td.bt-content, .reds-table.bt tfoot th.bt-content {
    vertical-align: top
}
.reds-table.bt.bt--no-header tbody td::before, .reds-table.bt.bt--no-header tfoot td::before {
    display: none
}