/*#region  Table Bootstrap */
.table {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0 15px;
}

    .table tr {
        border-left: 11px solid var(--primary-color);
    }

    .table td, .table th {
        border-top: var(--border-width-small) solid var(--neutral-color-lightest);
        border-left: none;
    }

        .table td:first-child {
            border-left: 10px solid var(--primary-color);
        }

        .table td:first-child,
        .table th:first-child {
            border-radius: 10px 0 0 10px;
        }

        .table td:last-child,
        .table th:last-child {
            border-radius: 0 10px 10px 0;
        }

    .table thead tr:first-child {
        border-left: none;
        border-right: none;
        background-color: var(--neutral-color-lightest)
    }
/*#endregion*/

 

/*#region Table (OBSOLETE USE Bootstrap TABLE )*/
.arz-table {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 0 15px;
}

.arz-bordered tr {
    border-left: 11px solid var(--primary-color);
}

.arz-bordered td, .arz-bordered th {
    border-top: var(--border-width-small) solid var(--neutral-color-lightest);
    border-left: none;
}

    .arz-bordered td:first-child {
        border-left: 10px solid var(--primary-color);
    }

.arz-table td:first-child,
.arz-table th:first-child {
    border-radius: 10px 0 0 10px;
}

.arz-table td:last-child,
.arz-table th:last-child {
    border-radius: 0 10px 10px 0;
}

.arz-bordered thead tr:first-child {
    border-left: none;
    border-right: none;
    background-color:var(--neutral-color-lightest)
}

.arz-striped tbody tr:nth-child(even) {
    background-color: var(--neutral-color-lightest);
}

.arz-table-all tr:nth-child(odd) {
    background-color: #fff;
}

.arz-table-all tr:nth-child(even) {
    background-color: var(--neutral-color-lighter);
}

.arz-hoverable tbody tr:hover, .arz-ul.arz-hoverable li:hover {
    background-color: #ccc;
}

.arz-centered tr th, .arz-centered tr td {
    text-align: center;
}

.arz-table td, .arz-table th, .arz-table-all td, .arz-table-all th {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

    .arz-table th:first-child, .arz-table td:first-child, .arz-table-all th:first-child, .arz-table-all td:first-child {
        padding-left: var(--spacing-smaller);
    }

.arz-responsive {
    display: block;
    overflow-x: auto
}

.arz-table :last-child {
    margin-bottom: 0px;
}

.arz-table-header {
    --table-cell-border-color: var(--table-border-color-highlighted);
    --table-cell-padding-bottom: var(--spacing-small);
    display: table-header-group;
}

.arz-table-row {
    --table-row-background: transparent;
    --table-row-transition-duration: 0.3s;
    --table-row-transition-timing: "ease";
    background: var(--table-row-background);
    cursor: pointer;
    transition-duration: var(--table-row-transition-duration);
    transition-property: background;
    transition-timing-function: var(--table-row-timing);
}

.arz-table-row-highlighted {
    cursor: pointer;
}

    .arz-table-row-highlighted td {
        border-top: var(--border-width-small) solid var(--primary-color);
        border-bottom: var(--border-width-small) solid var(--primary-color);
    }

        .arz-table-row-highlighted td:last-child {
            border-right: var(--border-width-small) solid var(--primary-color);
        }

        .arz-table-row-highlighted td:first-child {
            border-left: var(--border-width-small) solid var(--primary-color);
        }

.arz-bordered .arz-table-row-highlighted td:first-child {
    border-left: 10px solid var(--primary-color) !important;
}



.arz-table-header-column-left-align {
    --table-cell-text-alignment: left;
    border-bottom: var(--table-cell-border-width) solid var(--table-cell-border-color);
    color: var(--table-cell-color);
    display: table-cell;
    padding: var(--table-cell-padding-top) var(--table-cell-padding-right) var(--table-cell-padding-bottom) var(--table-cell-padding-left);
    text-align: var(--table-cell-text-alignment);
    font-family: inherit;
    font-size: var(--font-size-medium);
    line-height: inherit;
    font-weight: var(--font-weight-semibold);
}

.arz-table-header-column-right-align {
    --table-cell-text-alignment: right;
    border-bottom: var(--table-cell-border-width) solid var(--table-cell-border-color);
    color: var(--table-cell-color);
    display: table-cell;
    padding: var(--table-cell-padding-top) var(--table-cell-padding-right) var(--table-cell-padding-bottom) var(--table-cell-padding-left);
    text-align: var(--table-cell-text-alignment);
    font-family: inherit;
    font-size: var(--font-size-medium);
    line-height: inherit;
    font-weight: var(--font-weight-semibold);
}

.arz-table-body-column-left-align {
    --table-cell-text-alignment: left;
    font-family: inherit;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-regular);
    line-height: inherit;
    border-bottom: var(--table-cell-border-width) solid var(--table-cell-border-color);
    color: var(--table-cell-color);
    display: table-cell;
    padding: var(--table-cell-padding-top) var(--table-cell-padding-right) var(--table-cell-padding-bottom) var(--table-cell-padding-left);
    text-align: var(--table-cell-text-alignment);
}

.arz-table-body-column-right-align {
    --table-cell-text-alignment: right;
    font-family: inherit;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-regular);
    line-height: inherit;
    border-bottom: var(--table-cell-border-width) solid var(--table-cell-border-color);
    color: var(--table-cell-color);
    display: table-cell;
    padding: var(--table-cell-padding-top) var(--table-cell-padding-right) var(--table-cell-padding-bottom) var(--table-cell-padding-left);
    text-align: var(--table-cell-text-alignment);
}

.arz-table-footer {
    --table-cell-border-highlighted-width: var(--border-width-large);
    --table-cell-border-width: 0;
    --table-cell-padding-bottom: 0.3125rem;
    --table-cell-padding-top: 0.3125rem;
    border-top: var(--table-cell-border-highlighted-width) solid var(--table-border-color-highlighted);
}

.arz-table-footer-column {
    --table-cell-text-alignment: right;
    font-family: inherit;
    font-size: var(--font-size-medium);
    line-height: inherit;
    font-weight: var(--font-weight-semibold);
    border-bottom: var(--table-cell-border-width) solid var(--table-cell-border-color);
    color: var(--table-cell-color);
    display: table-cell;
    padding: var(--table-cell-padding-top) var(--table-cell-padding-right) var(--table-cell-padding-bottom) var(--table-cell-padding-left);
    text-align: var(--table-cell-text-alignment);
}

    .arz-table-footer-column :last-child {
        border-top: var(--table-cell-border-highlighted-width) solid var(--table-border-color-highlighted);
        padding-right: 1rem;
    }

@media (min-width: 920px) {
    .table {
        --table-cell-padding-right: 2.5rem;
    }
}



/*#endregion Table*/