table {

    margin: 8px 0;
    padding: 8px 0;
    border-collapse: collapse;
    text-align: left;

    td, th {
        padding: 0 16px;
        border-top: 1px solid $gray;
        vertical-align: middle;
    }

    th {
        font-weight: $semi-bold;
        background-color: $light-gray;
    }

    td {

        &.center {
            text-align: center;
        }
        &.right {
            text-align: right;
        }

    }

    tr {
        
        height: 40px;

        &:last-of-type{

            td, th {   
                border-bottom: 1px solid $gray;
            }
        }
    }
}