//
// Tables
// --------------------------------------------------

.table {
    thead th {
        font-weight: $font-weight-bold;
    }
}

.table-vcenter {
    th,
    td {
        vertical-align: middle;
    }
}

// Table tools
.js-table-checkable tbody tr,
.js-table-sections-header > tr {
    cursor: pointer;
}

.js-table-sections-header {
    > tr > td:first-child > i {
        transition: transform .15s ease-out;
    }

    + tbody {
        display: none;
    }

    &.show {
        > tr > td:first-child > i {
            transform: rotate(90deg);
        }

        + tbody {
            display: table-row-group;
        }
    }
}
