#myInput,#myTable{width:100%;font-size:16px}*{box-sizing:border-box}#myInput{background-image:url('/css/searchicon.png');background-position:10px 10px;background-repeat:no-repeat;padding:12px 20px 12px 40px;border:1px solid #00f;border-radius:4px margin-bottom: 12px}#myTable{border-collapse:collapse;border:1px solid #ddd;font-weight:700}#myTable td,#myTable th{text-align:center;padding:12px}#head1{background-color:indigo;color:#fff}#head2{background-color:red;color:#fff}#myTable tr{border-bottom:1px solid #ddd}#myTable tr.header,#myTable tr:hover{background-color:#f1f1f1}
table  {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size:12px;
  font-weight: bold;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
th {
  background-color: #891D8A;
  color:white;
  
text-align:center;
}

#such {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.pageall {
  display: flex;
  justify-content: center; /* Center the pagination */
}

.pageall button {
  padding: 5px 10px;
  margin: 0 5px;
  border: 1px solid #ddd;
  background-color: white;
  cursor: pointer;
}

.pageall button.active {
  background-color: #4CAF50; /* Green */
  color: white;
  border: 1px solid #4CAF50;
}

.pageall button:disabled {
  opacity: 0.5;
  cursor: default;
}