/*
Alternative grid implementation using table structure to ensure adjacent cells
are all the same size.

Unlike other grid implementations, you cannot have a row with cell-widths
extending past it, and expect those to wrap. They won't - because we're not
using "float", but rather "display: table", one row means exactly that - one
visual row.
*/
/*
    Created on : 11-Dec-2017, 10:12:16 AM
    Author     : ncrause
*/
.asterion-altgrid .asterion-row {
    display: table;
    border-collapse: collapse;
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box !important;
    position: relative;
}

.asterion-altgrid .asterion-column {
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    min-width: 320px;
    box-sizing: border-box !important;
    position: relative;
}

.asterion-altgrid .asterion-column.asterion-10 {
    width: 10%;
}

.asterion-altgrid .asterion-column.asterion-20 {
    width: 20%;
}

.asterion-altgrid .asterion-column.asterion-30 {
    width: 30%;
}

.asterion-altgrid .asterion-column.asterion-40 {
    width: 40%;
}

.asterion-altgrid .asterion-column.asterion-50 {
    width: 50%;
}

.asterion-altgrid .asterion-column.asterion-60 {
    width: 60%;
}

.asterion-altgrid .asterion-column.asterion-70 {
    width: 70%;
}

.asterion-altgrid .asterion-column.asterion-80 {
    width: 80%;
}

.asterion-altgrid .asterion-column.asterion-90 {
    width: 90%;
}