/* gridframework */
.grid-row { position: relative; clear: both; margin-left: -16px; }
.grid-row[data-locked="true"] { margin-left: 0; }

.grid1 .grid-row { width: 58px; }
.grid2 .grid-row { width: 116px; }
.grid3 .grid-row { width: 174px; }
.grid4 .grid-row { width: 232px; }
.grid5 .grid-row { width: 290px; }
.grid6 .grid-row { width: 348px; }
.grid7 .grid-row { width: 406px; }
.grid8 .grid-row { width: 464px; }
.grid9 .grid-row { width: 522px; }
.grid10 .grid-row { width: 580px; }
.grid11 .grid-row { width: 638px; }
.grid12 .grid-row { width: 696px; }

.grid-col { padding-left: 16px !important; float: left; position: relative; min-height: 10px; }
.grid1 { width: 42px !important; }
.grid2 { width: 100px !important; }
.grid3 { width: 158px !important; }
.grid4 { width: 216px !important; }
.grid5 { width: 274px !important; }
.grid6 { width: 332px !important; }
.grid7 { width: 390px !important; }
.grid8 { width: 448px !important; }
.grid9 { width: 506px !important; }
.grid10 { width: 564px !important; }
.grid11 { width: 622px !important; }
.grid12 { width: 680px !important; }