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

.grid1 .grid-row { width: 82px; }
.grid2 .grid-row { width: 164px; }
.grid3 .grid-row { width: 246px; }
.grid4 .grid-row { width: 328px; }
.grid5 .grid-row { width: 410px; }
.grid6 .grid-row { width: 492px; }
.grid7 .grid-row { width: 574px; }
.grid8 .grid-row { width: 656px; }
.grid9 .grid-row { width: 738px; }
.grid10 .grid-row { width: 820px; }
.grid11 .grid-row { width: 902px; }
.grid12 .grid-row { width: 984px; }

.grid-col { padding-left: 24px !important; float: left; position: relative; min-height: 10px; }
.grid1 { width: 58px !important; }
.grid2 { width: 140px !important; }
.grid3 { width: 222px !important; }
.grid4 { width: 304px !important; }
.grid5 { width: 386px !important; }
.grid6 { width: 468px !important; }
.grid7 { width: 550px !important; }
.grid8 { width: 632px !important; }
.grid9 { width: 714px !important; }
.grid10 { width: 796px !important; }
.grid11 { width: 878px !important; }
.grid12 { width: 960px !important; }

span.fa { font-family: 'FontAwesome' !important; }