/*
 * Shared styling for the seller list-filter forms (product list, sales
 * list): one consistent control height, fields-first rows with the
 * actions closing the last row.
 */

.epla-filter-form {
	margin: 16px 0 20px;
}

.epla-filter-form .epla-filter-row + .epla-filter-row {
	margin-top: 12px;
}

.epla-filter-form label {
	display: inline;
	margin-right: 8px;
}

/* One control height across text, number and date inputs (the 41px box
   flat-ui's inputs resolve to). Scoped under the form class so these
   rules outrank flat-ui's input[type=...] selectors. */
.epla-filter-form .epla-filter-input {
	height: 41px;
	box-sizing: border-box;
	margin-bottom: 0;
}

.epla-filter-form .epla-filter-input--search {
	width: 320px;
	max-width: 100%;
}

.epla-filter-form .epla-filter-input--narrow {
	width: 80px;
}

/* Actions close the form: primary submit gets a little extra separation. */
.epla-filter-form .btn {
	margin-left: 8px;
}

.epla-filter-form input[type="submit"] {
	margin-left: 12px;
}