/*
 * Tables
 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 15px;
    border: 1px solid @border_color;

    td, th {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid @border_color;
        line-height: 22px;

        @media @tablet, @mobile {
            padding: 10px;
        }
    }

    th {
        font-weight: 700;
    }
}

/*
 * Table style that stops left and right borders and padding
 * for an edge to edge effect.
 */

table.noPadding {
    border-left: 0;
    border-right: 0;

    tr {

        td:first-child, th:first-child {
            padding-left: 0;
        }

        td:last-child, th:last-child {
            padding-right: 0;
        }
    }
}

table.alternating {

    tr:nth-child(odd) {
        background: @light_color;
    }
}
