/* Tables

=============== */

// Table expands to full width of containing element table {

border-collapse: collapse;
border-spacing: 0;
width: 100%;
max-width: 100%;

}

// Extra border underneath header thead th {

border-bottom: 2px solid $border-color;

}

// Extra border above footer tfoot th {

border-top: 2px solid $border-color;

}

td {

border-bottom: 1px solid $border-color;

}

th, td {

text-align: left;
padding: .5rem;

}

caption {

padding: $padding 0;
caption-side: bottom;
color: $caption;

}

.striped-table tbody tr:nth-child(odd) {

background-color: $stripes;

}

// Container for responsive tables .contain-table {

overflow-x: auto;

}

@include small-breakpoint {

.contain-table {
        width: 100%;
}

}