.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

@media screen {
    table > thead {
        position: sticky;
        top: 0;
        z-index: 30;
    }

    table > thead > tr > th,
    table > thead > tr > td,
    .table > thead > tr > th,
    .table > thead > tr > td {
        background: #fff;
        background-clip: padding-box;
        box-shadow: inset 0 -1px 0 #ddd;
        position: relative;
        z-index: 31;
    }

    .table-striped > thead > tr > th,
    .table-striped > thead > tr > td,
    .table-hover > thead > tr > th,
    .table-hover > thead > tr > td {
        background: #fff;
    }
}

.nowrap {
    white-space: nowrap;
}



h1 {
    margin-bottom: 20px;
}