.col-container {
    display: table;
    width: 100%;
}

.col-container.height-100 {
    height: 100%;
}

    .col-container.min-height-66 {
        min-height: 66px;
    }    
    
    .col-container.min-height-78 {
        min-height: 78px;
    }

    .col-container.height-12
    {
        height: 12px;
    }

    .col-container.height-22 {
        height: 22%;
    }

.col {
    display: table-cell;
    vertical-align: top;
}

    .col.width-20 {
        width: 20%;
    }

    .col.width-35 {
        width: 35%;
    }

    .col.width-45 {
        width: 45%;
    }

    .col.validation-5 {
        width: auto;
    }

    .col.align-right {
        text-align: right;
    }

    .col.align-left {
        text-align: left;
        padding-left: 1%;
    }

    .col.right-65 {
        width: 65%;
        padding-left: 10px;
    }

    .col.vertical-padding {
        padding: 5px 0 5px;
    }

    .col.padding-top-15 {
        padding-top: 15px;
    }

    .col.padding-top-20 {
        padding-top: 20px;
    }

.table-row {
    display: table-row;
}

    .table-row.height-12{
        height: 12%;
    }    
    
    .table-row.height-15{
        height: 15px;
    }

    .table-row.height-18{
        height: 18%;
    }    
    
    .table-row.height-22{
        height: 22%;
    }

    .table-row.align-right {
        text-align: right;
    }

    .table-row.align-left {
        text-align: left;
    }