.invoices-date-filter {
	display: flex;
}

.invoice-filter-section {
	width: 33%;
}

.invoices-client-filters{
	display: inline-block;
	width: 33%;
}

.invoices-status-filter, .invoices-action-buttons{
	display: inline-block;
}

.invoices-status-filter span, .invoice-filter-section span, .invoices-client-filters span{
	font-size: 1.4em;
	display: block;
}

button.invoices-date-type-filter {
	width: 45%;
	padding: 10px;
	margin: 2%;
	background: #809cab;
	color: #fff;
	border: 2px solid #000;
	font-size: 1.5em;
}

.invoices-date-type-filter.selected{
	border: 4px solid #f00;
}

.invoice-filter-section input[type="date"] {
	width: 80%;
}

.invoices-client-filters input{
	height: 40px;
	width: 80%;
}

.invoices-status-filter select{
	height: 40px;
	border: 1px solid #000;
	font-size: 1.2em;
}
.invoices-action-buttons button{
	height: 40px;
	font-size: 1.4em;
	background: #809cab;
	border: 2px solid #000;
	color: #fff;
}

.invoices-page-controls{
	text-align: center;
}

.invoices-page-button{
	padding: 5px;
	margin: 5px;
	font-size: 1.5em;
}

.invoices-list {
	font-size: .9em;
	padding: 0 25px;
}

.invoices-table thead th {
	text-align: center;
	padding: 2px;
	vertical-align: bottom;
}

.invoices-page-button.active {
	border: 2px solid #f00;
}

.invoice-item-list {
    border-collapse: separate;
    border-spacing: 0px;
}

.invoice-item-list th {
    border-bottom: 1px solid #000;
    background: #fafafa;
    position: sticky;
    top: 0;
}