@use '../utilities/main_utilities' as *;

/* Tables */
.table-container{
    overflow-x: auto;
}
table {
    border: 1px solid $color-bg-secondary;
    border-radius: $border-radius;
    border-spacing: 0;
    max-width: 100%;
    white-space: nowrap;

    text-align: left;
    border-collapse: collapse;
    overflow-wrap: normal;
}

table td,
table th,
table tr {
    padding: 0.4rem 0.8rem;
    text-align: $justify-important;
}

table thead tr {
    background-color: $color-table;
    /* border-radius: $border-radius; */
    color: $color-bg;
    margin: 0;
    padding: 0;
}

table thead tr {
    border-top-left-radius: $border-radius;
}

tbody tr:nth-child(even) {
    background-color: $color-accent;
}
tbody tr:nth-child(odd) {
    background-color: #FFF;
}