/* Table */
table.inputtable {
	width: 100%;
	margin: 15px 0;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .075);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .075)
}
/* Buttons */
table.inputtable a.icon-button {
	background-color: #ccc;
	display: inline-block;
	width: 18px;
	height: 18px;
	text-decoration: none;
	color: #fff;
	font-weight: 800;
	line-height: 16px;
	text-align: center;
	font-size: 14px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}


/* Add Buttons */

table.inputtable a.icon-button.addcol,
table.inputtable a.icon-button.addrow {
	background-color: #81b71a;
}


/* Remove Buttons */

table.inputtable a.icon-button.delcol,
table.inputtable a.icon-button.delrow {
	background-color: #db4a39;
}


/* Disabled Buttons */

table.inputtable a.icon-button.disabled {
	background-color: #eee;
}


/* Row last cel */

table.inputtable td:last-child,
table.inputtable th:last-child {
	background-color: #f8f8f8;
	width: 54px;
	border: none;
}


/* Table single cells */

table.inputtable td,
table.inputtable th {
	border: 1px solid #eee;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	font-size: 14px;
}


/* Table headers single cells */

table.inputtable th {
	background-color: #f1f1f1;
	border-color: #ddd;
	border-top: none;
	border-bottom: 2px solid #ddd;
}


/* Table body inputs */

table.inputtable td input[type=text] {
	border: 0;
	width: 90%;
	height: 100%;
	padding: 0 5%;
	text-align: center;
}


/* Table body inputs on focus */

table.inputtable tr td input:focus {
	background-color: #fafafa;
}


/* First body row cells & input on table without columns header */

table.inputtable.wh tbody tr:nth-child(1),
table.inputtable.wh tbody tr:nth-child(1) input {
	background-color: #fdfdfd;
	font-weight: 800;
}


/* Hide borders when not needed hack */

table.inputtable th:first-child,
table.inputtable td:first-child {
	border-left: none;
}

table.inputtable tr:last-child td {
	border-bottom: none;
}


/* Mobile Landscape */

@media only screen and (max-width: 480px) {
	/* Table single cells */
	table.inputtable td,
	table.inputtable th {
		min-width: 40px;
		height: 80px;
	}
	/* Buttons */
	table.inputtable a.icon-button {
		width: 40px;
		height: 40px;
		font-size: 18px;
		min-width: 40px;
		line-height: 40px;
		margin: 3px 0;
	}
	/* Table body inputs */
	table.inputtable td input {
		height: 80px;
	}
}