/* Create three equal columns that floats next to each other */
.column30 {
    float: left;
    width: 30%;
    padding: 0px;
    /*height: 300px;*/ /* Should be removed. Only for demonstration */
}

.column60 {
    float: left;
    width: 60%;
    padding: 0px;
}

.column70 {
    float: left;
    width: 70%;
    padding: 0px;
}

.column75 {
    float: left;
    width: 75%;
    padding: 0px;
}

.column80 {
    float: left;
    width: 80%;
    padding: 0px;
}

.column50pct {
    float: left;
    width: 49%;
    padding: 0px;
}

.column20 {
    float: left;
    width: 20%;
    padding-left: 0px;
    padding-right: 0px;
}

.column25 {
    float: left;
    width: 25%;
    padding-left: 0px;
    padding-right: 0px;
}

.column15 {
    float: left;
    width: 15%;
    padding: 0px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 600px) {
    .column50pct {
        width: 100%;
    }
}

.vtTable {
    border-width: 1px;
    table-layout: fixed;
    overflow: hidden;
    border-style: none;
    text-align: center;
}
.vtTable td {
    border: 4px solid #0B3E6F;
    padding: 0.25rem;
    text-align: center;
    background-clip: padding-box;
    border-radius: 5px;
    color: black;
    background-color:white;
}

.vtTable tbody tr:nth-child(even) {
    background-color:lightgray;
    color:black;
}