/* * Basic Table CSS. */ table#table { background: white; border-collapse: collapse; margin: 1.25em 0 0; width: 100%; } table#table tr, table#table th, table#table td { border: none; border-bottom: 1px solid #FFFFFF; } table#table th, table#table td { padding: 10px 12px; text-align: left; font-size: 0.95em; } table#table th { background: #2693FF; color: #ffffff; text-transform: uppercase; } table#table tr td { background: #D2E9FF; color: #000000; } table#table tr:nth-of-type(2n+2) td { background: #ffffff; border-bottom: 1px solid #D2E9FF; } table#table.bt tfoot th, table#table.bt tfoot td, table#table.bt tbody td { padding: 0; } table#table.bt tfoot th:before, table#table.bt tfoot td:before, table#table.bt tbody td:before { background: #2693FF; color: white; margin-right: 10px; padding: 2px 10px; } table#table.bt tfoot th .bt-content, table#table.bt tfoot td .bt-content, table#table.bt tbody td .bt-content { display: inline-block; padding: 2px 5px; } table#table.bt tfoot th:first-of-type:before, table#table.bt tfoot th:first-of-type .bt-content, table#table.bt tfoot td:first-of-type:before, table#table.bt tfoot td:first-of-type .bt-content, table#table.bt tbody td:first-of-type:before, table#table.bt tbody td:first-of-type .bt-content { padding-top: 10px; } table#table.bt tfoot th:last-of-type:before, table#table.bt tfoot th:last-of-type .bt-content, table#table.bt tfoot td:last-of-type:before, table#table.bt tfoot td:last-of-type .bt-content, table#table.bt tbody td:last-of-type:before, table#table.bt tbody td:last-of-type .bt-content { padding-bottom: 10px; } table#table.bt thead, table#table.bt tbody th { display: none; } table#table.bt tfoot th, table#table.bt tfoot td, table#table.bt tbody td { border: none; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; vertical-align: top; /* IE 9 */ float: left\9; width: 100%\9; } table#table.bt tfoot th::before, table#table.bt tfoot td::before, table#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; } table#table.bt tfoot th.bt-hide, table#table.bt tfoot td.bt-hide, table#table.bt tbody td.bt-hide { display: none; } table#table.bt tfoot th .bt-content, table#table.bt tfoot td .bt-content, table#table.bt tbody td .bt-content { vertical-align: top; } .bt-wrapper.active { max-height: 310px; overflow: auto; -webkit-overflow-scrolling: touch; } table#table.bt.bt--no-header tfoot td::before, table#table.bt.bt--no-header tbody td::before { display: none; }