#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  overflow-x: scroll;
  min-width: max-content;
  margin: 70px 0px;
  background-color: #ddd;
  -webkit-overflow-scrolling: touch; /* Enable touch scrolling */
}

.table_container::-webkit-scrollbar {
  width: 3px;
  height: 10px;
}

/* Track */
.table_container::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.table_container::-webkit-scrollbar-track {
  background: rgb(224, 243, 224);
}

/* Handle */
.table_container::-webkit-scrollbar-thumb {
  background: green;
}

/* Handle on hover */
#customers::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#customers td,
#customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even) {
  background-color: #f2f2f2;
}

#customers tr:hover {
  background-color: #ddd;
}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04aa6d;
  color: white;
}

.table_container {
  overflow: auto;
}