/*
 * Styles for the form that allows users to enter the number of ants
 * in each grid division for certain time periods
 */

.grid-form {
	width: 100%;
}

.grid-form input {
	width: 100%;
	min-width: 4ex;
}

.grid-form th {
	text-align: center;
	vertical-align: middle !important;
}

.grid-form td:nth-of-type(2n) {
	border-left: 1px solid gray;
}

.grid-form td:nth-of-type(2n + 1) {
	border-left: 2px solid gray;
}

.grid-form td:last-of-type {
	border-right: 2px solid gray;
}

.grid-form tr:last-of-type,
	.grid-form--left-header-major {
	border-bottom: 2px solid gray;
}

.grid-form tr:nth-of-type(2n) .grid-form--left-header-minor {
	border-bottom: 2px solid gray;
}

.grid-form tr:nth-of-type(2n + 1) .grid-form--left-header-minor {
	border-bottom: 1px solid gray;
}

.grid-form tr:nth-of-type(2n + 3) td {
	border-bottom: 1px solid gray;
}

.grid-form tr:nth-of-type(2n + 4) td {
	border-bottom: 2px solid gray;
}

.grid-form--top-header-major th,
 	.grid-form--top-header-minor th {
	border-top: none !important;
}

.grid-form--top-header-major th:nth-of-type(n + 2) {
	border-left: 2px solid gray;
}
.grid-form--top-header-major th:last-of-type {
	border-right: 2px solid gray;
}

.grid-form--top-header-minor {
	border-bottom: 2px solid gray;
}

.grid-form--top-header-minor th:nth-of-type(2n + 2) {
	border-left: 2px solid gray;
}

.grid-form--top-header-minor th:nth-of-type(2n + 3) {
	border-left: 1px solid gray;
}

.grid-form--top-header-minor th:last-of-type {
	border-right: 2px solid gray;
}

/* Area color coding */

.grid-form .area-2 td {
	background: #acff9f;
}
.grid-form .area-1 td {
	background: #9fc6ff;
}

.grid-form .disabled td {
	background: #ddd;
}


/* Styles for the form used to enter numbers for large divisions only */
.large-grid-form {
	width: auto;
}

.large-grid-form input {
	width: 4ex;
}

.large-grid-form th {
	text-align: center;
	vertical-align: middle !important;
}

.large-grid-form--top-header th {
	border-top: none !important;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
}

.large-grid-form--left-header {
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
}

.large-grid-form td {
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
}