// Table
.table-package {
    border-radius: $border-radius !important;
    background-color: #ffffff;
    border: 1px solid $gray-200 !important;
    overflow: hidden;

    table {
        width: 100%;
        font-size: 14px;
    }

    table tr th {
        font-weight: 400;
        text-align: left;
        padding: 12px 16px;
        white-space: nowrap;
    }

    table tr th {
        color: $gray-600;
        text-align: left;
        padding: 12px 16px;
        white-space: nowrap;
    }

    table td {
        text-align: center;
        padding-left: 16px;
        padding-right: 16px;
    }


    table tr:nth-child(2n+2) {
        background-color: $gray-100;
    }

    table col {
        border-right: 1px solid $gray-200;
    }
}


.table-theme {
    border-spacing: 0;

    &> :not(:last-child)> :last-child>*,
    &> :not(caption)>*>* {
        border-color: $gray-100;
    }

    thead {
        tr {}

        tr th {
            padding: .75rem $card-spacer-x;
            font-weight: 500;
            font-size: 14px;
        }
    }

    tbody tr:last-child td {
        border: 0 !important;
    }

    tbody td {
        background-color: #fff;
        padding: .75rem $card-spacer-x;
    }
}