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

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;
  vertical-align: top;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}

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;
}

/***************************************
************ THEME *********************
****************************************/
td.display {
	font-weight: bold;
}
td.display.summary {
	font-weight: normal;
}
table.bt tr {
	/*border-bottom: 3px solid white;*/
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}
table.bt td {
	padding: 0;
	position: relative;
	width: 100%;
}

table.bt tbody tr > td:first-child,
table.bt tbody tr > td:first-child::before {
	padding-top: 1rem;
}
table.bt tbody tr > td:last-child,
table.bt tbody tr > td:last-child::before {
	padding-bottom: 1rem;
}
table.bt tbody tr:nth-child(2n) {
	background-color: #f8f8f8;
}
table.bt td .bt-content {
	display: inline-block;
	padding: 0.3rem 1rem 0.3rem 7.5rem; /* one more than td::before */
    width: 100%;
}
table.bt tbody td::before {
	text-transform: uppercase;
    background: none;
    color: rgb(130,137,147);
	margin: 0;
    padding: .5rem;
    font-weight: normal;
    font-size: .85rem;
    width: 6.5rem;
    border: 0;
    border-right: 2px solid #f8f8f8;
    position: absolute;
    height: 100%;
    top: 0;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
table.bt tbody tr:nth-child(2n) td::before {
	border-right: 2px solid #f0f0f0;
}
.bt-content .display-field {
	font-weight: bold;
}