.invoices-list-contener
{
	display: flex;
	width: -webkit-fill-available;
}

#invoices-list
{
	width: 100vw;
	overflow: auto;
}

#invoices-list table
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

#invoices-list thead tr
{
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
}

#invoices-list tr
{
	cursor: pointer;
}

#invoices-list tbody tr:nth-child(even)
{
	background-color: burlywood;
}

#invoices-list tbody tr:nth-child(odd)
{
	background-color: floralwhite;
}

#invoices-list tbody tr:hover
{
	background-color: #E6EE9C;
}

#invoices-list th, #invoices-list td
{
	border: 1px solid dimgray;
}

.tbody-contener
{
	width: fit-content;
	overflow-y: auto;
}

.tbody-contener::-webkit-scrollbar, #invoices-list th::-webkit-scrollbar, #invoices-list td::-webkit-scrollbar
{
	display: none;
}

#invoices-list th, #invoices-list td
{
	padding: 0px 3px;
	overflow: auto;
}

#invoices-list input, #invoices-list select
{
	width: -webkit-fill-available;
}

#invoices-list th input, #invoices-list th select, .th-label, #invoices-list tbody tr
{
	line-height: 1.8em;
}

#invoices-list th.customer-phone input[type="tel"]
{
	width: 100%;
}

#invoices-list thead .input-button-icon-contener
{
	display: none;
}

#invoices-list td
{
	white-space: nowrap;
}

#invoices-list .row-number
{
	width: 50px;
}

#invoices-list .id
{
	width: 70px;
}

#invoices-list .customer-name
{
	text-transform: capitalize;
}

#invoices-list .customer-name, #invoices-list .site-address, #invoices-list .site-manager
{
	width: 200px;
}

#invoices-list .customer-phone, #invoices-list .material-returned
{
	width: 100px;
}

#invoices-list .begin-date, #invoices-list .end-date, #invoices-list .modification-date
{
	width: 200px;
}

#invoices-list .submitter
{
	width: 100px;
}

th.id input, td.row-number, td.customer-phone, td.id, td.begin-date, td.end-date, td.material-returned, td.modification-date
{
	text-align: center;
}

.button-contener
{
	text-align: center;
  padding: 10px;
}