.grid-form *, .grid-form *:before, .grid-form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form textarea, .grid-form select { font-size: 18px; padding: 0; margin: 0; width: 100%; } .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form input, .grid-form textarea { border: 0; background: transparent; } .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form input::-webkit-input-placeholder, .grid-form textarea::-webkit-input-placeholder { font-weight: 100; color: #595959; } .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form input:-moz-placeholder, .grid-form textarea:-moz-placeholder { font-weight: 100; color: #595959; } .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form input:focus, .grid-form textarea:focus { outline: none; } .grid-form fieldset { border: none; padding: 0; margin: 0; } .grid-form fieldset legend { border: none; border-bottom: 4px solid #404040; color: #404040; font-size: 18px; font-weight: bold; padding-bottom: 5px; position: static; width: 100%; } .grid-form fieldset fieldset legend { border-bottom: 2px solid #404040; font-weight: normal; } .grid-form fieldset fieldset fieldset legend { border-bottom: 1px solid #404040; font-weight: normal; font-size: 15px; } .grid-form [data-row-span] { border-bottom: 1px solid #333; width: 100%; zoom: 1; } .grid-form [data-row-span]:before, .grid-form [data-row-span]:after { content: “”; display: table; } .grid-form [data-row-span]:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] { border-bottom: none; } } .grid-form [data-row-span] [data-field-span] { padding: 8px; float: left; } @media only screen and (min-width: 0) and (max-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-bottom: 1px solid #333; width: 100% !important; } } @media only screen and (min-width: 700px) { .grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333; display: block; } } .grid-form [data-row-span] [data-field-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #333; display: block; margin-bottom: 4px; } .grid-form [data-row-span] [data-field-span] label:first-child:hover { cursor: text; } .grid-form [data-row-span] [data-field-span]:last-child { border-right: none; } .grid-form [data-row-span] [data-field-span]:hover { background: fffded; cursor: text; } .grid-form [data-row-span] [data-field-span].focus { background: fffad4; } .grid-form [data-row-span] [data-field-span].focus label { color: #262626; } @media print { .grid-form [data-row-span] { display: table; height: 56px; page-break-inside: avoid; }

.grid-form [data-row-span] [data-field-span] { border-right: 1px solid #333333; display: table-cell; float: none; }
.grid-form [data-row-span] [data-field-span].focus, .grid-form [data-row-span] [data-field-span]:hover { background: none; }
.grid-form [data-row-span] [data-field-span] label:first-child { letter-spacing: 0; } }

.grid-form [data-row-span=“1”] > [data-field-span=“1”] { width: 100%; } .grid-form [data-row-span=“2”] > [data-field-span=“1”] { width: 50%; } .grid-form [data-row-span=“2”] > [data-field-span=“2”] { width: 100%; } .grid-form [data-row-span=“3”] > [data-field-span=“1”] { width: 33.33333%; } .grid-form [data-row-span=“3”] > [data-field-span=“2”] { width: 66.66667%; } .grid-form [data-row-span=“3”] > [data-field-span=“3”] { width: 100%; } .grid-form [data-row-span=“4”] > [data-field-span=“1”] { width: 25%; } .grid-form [data-row-span=“4”] > [data-field-span=“2”] { width: 50%; } .grid-form [data-row-span=“4”] > [data-field-span=“3”] { width: 75%; } .grid-form [data-row-span=“4”] > [data-field-span=“4”] { width: 100%; } .grid-form [data-row-span=“5”] > [data-field-span=“1”] { width: 20%; } .grid-form [data-row-span=“5”] > [data-field-span=“2”] { width: 40%; } .grid-form [data-row-span=“5”] > [data-field-span=“3”] { width: 60%; } .grid-form [data-row-span=“5”] > [data-field-span=“4”] { width: 80%; } .grid-form [data-row-span=“5”] > [data-field-span=“5”] { width: 100%; } .grid-form [data-row-span=“6”] > [data-field-span=“1”] { width: 16.66667%; } .grid-form [data-row-span=“6”] > [data-field-span=“2”] { width: 33.33333%; } .grid-form [data-row-span=“6”] > [data-field-span=“3”] { width: 50%; } .grid-form [data-row-span=“6”] > [data-field-span=“4”] { width: 66.66667%; } .grid-form [data-row-span=“6”] > [data-field-span=“5”] { width: 83.33333%; } .grid-form [data-row-span=“6”] > [data-field-span=“6”] { width: 100%; } .grid-form [data-row-span=“7”] > [data-field-span=“1”] { width: 14.28571%; } .grid-form [data-row-span=“7”] > [data-field-span=“2”] { width: 28.57143%; } .grid-form [data-row-span=“7”] > [data-field-span=“3”] { width: 42.85714%; } .grid-form [data-row-span=“7”] > [data-field-span=“4”] { width: 57.14286%; } .grid-form [data-row-span=“7”] > [data-field-span=“5”] { width: 71.42857%; } .grid-form [data-row-span=“7”] > [data-field-span=“6”] { width: 85.71429%; } .grid-form [data-row-span=“7”] > [data-field-span=“7”] { width: 100%; } .grid-form [data-row-span=“8”] > [data-field-span=“1”] { width: 12.5%; } .grid-form [data-row-span=“8”] > [data-field-span=“2”] { width: 25%; } .grid-form [data-row-span=“8”] > [data-field-span=“3”] { width: 37.5%; } .grid-form [data-row-span=“8”] > [data-field-span=“4”] { width: 50%; } .grid-form [data-row-span=“8”] > [data-field-span=“5”] { width: 62.5%; } .grid-form [data-row-span=“8”] > [data-field-span=“6”] { width: 75%; } .grid-form [data-row-span=“8”] > [data-field-span=“7”] { width: 87.5%; } .grid-form [data-row-span=“8”] > [data-field-span=“8”] { width: 100%; } .grid-form [data-row-span=“9”] > [data-field-span=“1”] { width: 11.11111%; } .grid-form [data-row-span=“9”] > [data-field-span=“2”] { width: 22.22222%; } .grid-form [data-row-span=“9”] > [data-field-span=“3”] { width: 33.33333%; } .grid-form [data-row-span=“9”] > [data-field-span=“4”] { width: 44.44444%; } .grid-form [data-row-span=“9”] > [data-field-span=“5”] { width: 55.55556%; } .grid-form [data-row-span=“9”] > [data-field-span=“6”] { width: 66.66667%; } .grid-form [data-row-span=“9”] > [data-field-span=“7”] { width: 77.77778%; } .grid-form [data-row-span=“9”] > [data-field-span=“8”] { width: 88.88889%; } .grid-form [data-row-span=“9”] > [data-field-span=“9”] { width: 100%; } .grid-form [data-row-span=“10”] > [data-field-span=“1”] { width: 10%; } .grid-form [data-row-span=“10”] > [data-field-span=“2”] { width: 20%; } .grid-form [data-row-span=“10”] > [data-field-span=“3”] { width: 30%; } .grid-form [data-row-span=“10”] > [data-field-span=“4”] { width: 40%; } .grid-form [data-row-span=“10”] > [data-field-span=“5”] { width: 50%; } .grid-form [data-row-span=“10”] > [data-field-span=“6”] { width: 60%; } .grid-form [data-row-span=“10”] > [data-field-span=“7”] { width: 70%; } .grid-form [data-row-span=“10”] > [data-field-span=“8”] { width: 80%; } .grid-form [data-row-span=“10”] > [data-field-span=“9”] { width: 90%; } .grid-form [data-row-span=“10”] > [data-field-span=“10”] { width: 100%; } .grid-form [data-row-span=“11”] > [data-field-span=“1”] { width: 9.09091%; } .grid-form [data-row-span=“11”] > [data-field-span=“2”] { width: 18.18182%; } .grid-form [data-row-span=“11”] > [data-field-span=“3”] { width: 27.27273%; } .grid-form [data-row-span=“11”] > [data-field-span=“4”] { width: 36.36364%; } .grid-form [data-row-span=“11”] > [data-field-span=“5”] { width: 45.45455%; } .grid-form [data-row-span=“11”] > [data-field-span=“6”] { width: 54.54545%; } .grid-form [data-row-span=“11”] > [data-field-span=“7”] { width: 63.63636%; } .grid-form [data-row-span=“11”] > [data-field-span=“8”] { width: 72.72727%; } .grid-form [data-row-span=“11”] > [data-field-span=“9”] { width: 81.81818%; } .grid-form [data-row-span=“11”] > [data-field-span=“10”] { width: 90.90909%; } .grid-form [data-row-span=“11”] > [data-field-span=“11”] { width: 100%; } .grid-form [data-row-span=“12”] > [data-field-span=“1”] { width: 8.33333%; } .grid-form [data-row-span=“12”] > [data-field-span=“2”] { width: 16.66667%; } .grid-form [data-row-span=“12”] > [data-field-span=“3”] { width: 25%; } .grid-form [data-row-span=“12”] > [data-field-span=“4”] { width: 33.33333%; } .grid-form [data-row-span=“12”] > [data-field-span=“5”] { width: 41.66667%; } .grid-form [data-row-span=“12”] > [data-field-span=“6”] { width: 50%; } .grid-form [data-row-span=“12”] > [data-field-span=“7”] { width: 58.33333%; } .grid-form [data-row-span=“12”] > [data-field-span=“8”] { width: 66.66667%; } .grid-form [data-row-span=“12”] > [data-field-span=“9”] { width: 75%; } .grid-form [data-row-span=“12”] > [data-field-span=“10”] { width: 83.33333%; } .grid-form [data-row-span=“12”] > [data-field-span=“11”] { width: 91.66667%; } .grid-form [data-row-span=“12”] > [data-field-span=“12”] { width: 100%; }

/*# sourceMappingURL=gridforms.css.map */