body {
  font-family: 'Inter', sans-serif;
  background-color: #f8f9fa; 
}

.custom-scrollbar {
  scrollbar-width: thin; /* Thin scrollbar */
  scrollbar-color: #bbbbbb #f1f1f1; /* Thumb color and track color */
}


.text-header {
  line-height: 45px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
  color: #343a40; 
  margin-bottom: 20px;
  text-align: center;
}

.fixed-width-col-1 {
  width: 60px; /* Adjusted for better responsiveness */
  word-wrap: break-word; 
  overflow: hidden; 
  text-overflow: ellipsis; /* Add ellipsis for overflow text */
}

.fixed-width-col-4 {
  width: 240px; /* Adjusted for better responsiveness */
  word-wrap: break-word; 
  overflow: hidden; 
  text-overflow: ellipsis; /* Add ellipsis for overflow text */
}

.fixed-width-col-3 {
  width: 200px;
  word-wrap: break-word; 
  overflow: hidden; 
  text-overflow: ellipsis; /* Add ellipsis for overflow text */
}

.fixed-height {
  min-height: 700px; /* Allow dynamic height */
  max-height: 1000px; 
  overflow-y: auto;
  background-color: white; 
  border-radius: 8px; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
  padding: 20px; 
}

.table {
  margin-top: 20px; 
  overflow: hidden; 
  width: 100%; /* Full width */
  min-width: 1000px;
}

.table thead {
  background-color: var(--color-2);
  color: white; 
}

.table th,
.table td {
  vertical-align: middle!important; 
  padding: 15px; /* Padding for table cells */
}

.table tbody tr {
  height: 60px;
  transition: background-color 0.3s; 
}

.table tbody tr:hover {
  background-color: #f1f1f1; 
}

.no-data {
  text-align: center; 
  color: #6c757d; 
  font-size: 18px; 
  height: 60px; 
}

@media (max-width: 768px) {
  .fixed-width-col-1, .fixed-width-col-3 {
      width: auto; /* Allow columns to shrink on smaller screens */
  }

  .search-form {
      flex-direction: column; /* Stack search input and button on small screens */
      align-items: center; /* Center the items */
  }

  .btn-search {
      margin-left: 0; /* Reset margin on small screens */
      margin-top: 10px; /* Space above button */
  }
}