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

/* modified */
.bt {
    background-color: #dddddd;
}

.bt tr:nth-child(odd) {
    background-color: #eee;
}

.bt tr:nth-child(even) {
    background-color: #ffffff;
}

.bt .btn-options {
    width: 24px;
    height: 24px;
}

/* modified */

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;
    padding: 0px;

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

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: 6.5em;*/
    width: 95px;
}

table.bt tbody td:before {
    background: #999999;
    color: white;
    margin-right: 10px;
    padding: 4px 10px;
}

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

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
    vertical-align: top;
}

.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 tr.row-data {
    display: block;
    margin-bottom: 10px;
    border-bottom: solid #DDDDDD 1px;
    border-top: solid #DDDDDD 1px;
}