/*
* Style Name: cf7s-grid
* Description: Grid system for CF7 Skins forms - based on https://github.com/kumailht/gridforms
* Version: 0.4
* Version Date: 2016-06-19
*/

.grid *,
.grid *:before,
.grid *:after {
}

.grid [data-row-span] {
	width: 100%; zoom: 1;
}

.grid [data-row-span]:before,
.grid [data-row-span]:after {
	content: "";
	display: table;
}

.grid [data-row-span]:after {
	clear: both;
}

@media only screen and (min-width: 0) and (max-width: 700px) {
	.grid [data-row-span] {
		border-bottom: none;
	}
}

.grid [data-row-span] [data-field-span] {
	float: left;
}

@media only screen and (min-width: 0) and (max-width: 700px) {
	.grid [data-row-span] [data-field-span] {
		width: 100% !important; }  /* All fields displayed full width */
}

@media only screen and (min-width: 700px) {  /* Perhaps should be less than 700 */
	.grid [data-row-span] [data-field-span] {
		display: block;
	}
}

.grid [data-row-span] [data-field-span] label:first-child {
	margin-top: 0;
	display: block;
}

.grid [data-row-span] [data-field-span] label:first-child:hover {
	cursor: text;
}

.grid [data-row-span] [data-field-span]:last-child {
	border-right: none;
}

.grid [data-row-span] [data-field-span].focus {
}

.grid [data-row-span] [data-field-span].focus label {
}

.grid [data-row-span] [data-field-span]:hover {
}

	@media print {
		.grid[data-row-span] {
			display: table;
			height: 56px;
			page-break-inside: avoid;
		}

		.grid [data-row-span] [data-field-span] {
			border-right: 1px solid #333333;
			display: table-cell;
			float: none;
		}

		.grid [data-row-span] [data-field-span].focus,
		.grid [data-row-span] [data-field-span]:hover {
			background: none;
		}
		  
		.grid [data-row-span] [data-field-span] label:first-child {
			letter-spacing: 0;
		}
	}

.grid [data-row-span="1"] > [data-field-span="1"] { width: 100%; }

.grid [data-row-span="2"] > [data-field-span="1"] { width: 50%; }

.grid [data-row-span="2"] > [data-field-span="2"] { width: 100%; }

.grid [data-row-span="3"] > [data-field-span="1"] { width: 33.33333%; }

.grid [data-row-span="3"] > [data-field-span="2"] { width: 66.66667%; }

.grid [data-row-span="3"] > [data-field-span="3"] { width: 100%; }

.grid [data-row-span="4"] > [data-field-span="1"] { width: 25%; }

.grid [data-row-span="4"] > [data-field-span="2"] { width: 50%; }

.grid [data-row-span="4"] > [data-field-span="3"] { width: 75%; }

.grid [data-row-span="4"] > [data-field-span="4"] { width: 100%; }

.grid [data-row-span="5"] > [data-field-span="1"] { width: 20%; }

.grid [data-row-span="5"] > [data-field-span="2"] { width: 40%; }

.grid [data-row-span="5"] > [data-field-span="3"] { width: 60%; }

.grid [data-row-span="5"] > [data-field-span="4"] { width: 80%; }

.grid [data-row-span="5"] > [data-field-span="5"] { width: 100%; }

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