$table-header-bg-color: $gray-100;

//ion-icons
td ion-icon {
    vertical-align: text-top;
    font-size: 1.4rem;
    line-height: 1;
}

//General table styling
.table {
    > thead > tr > th {
        border-width: 1px;
        vertical-align: middle;

        .btn-sm {
            font-size: 1rem;
        }
    }

    > thead > tr > th,
    > thead > tr > td {
        padding-top: $table-head-cell-padding-y;
        padding-bottom: $table-head-cell-padding-y;
    }
}

//Bordered table styling
.table-bordered {
    thead tr th {
        background: $table-header-bg-color;
    }

    thead tr + tr th {
        border-top: 1px solid $table-border-color;
        background: $table-header-bg-color;
    }
}

// Scrollable table
.scrollable {
    overflow: auto;
}
