.table {
    thead {
        th {
            @include fonttype-label;
            padding-top: .25em;
            padding-bottom: .25em;
            border-bottom: 1px solid $gray-400;
            border-top: none;
        }
    }

    td {
        border-color: $gray-200;
    }

}

.table:not(.table-bordered) {
    tr:last-child td {
        border-bottom: 1px solid $gray-200;
    }
}

.table-striped {
    tbody {
        tr {
            &:nth-of-type(odd) {
                background-color: $gray-100;
            }
        }
    }

    td {
        border-color: $gray-100;
    }

}

.table-striped.table-bordered {
    td {
        border-color: $gray-300;
    }
}

.table-hover {
    tbody {
        tr {
            &:hover {
                background-color: $gray-200;
            }
        }

    }
}