.sites-list-contener
{
	display: flex;
	width: fit-content;
}

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

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

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

#sites-list tr
{
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#sites-list .customer-phone, #sites-list .amount, #sites-list .work-execution-stat, #sites-list .supply-material
{
	width: 100px;
}

#sites-list .date, #sites-list .modification-date
{
	width: 200px;
}

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

th.id input, td.row-number, td.customer-phone, td.id, td.date, td.supply-material, td.work-execution-stat, td.site-manager, td.modification-date
{
	text-align: center;
}

td.amount
{
	text-align: right;
}

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