/* =========================
   Common/Shared Components
   ========================= */

/* Table styles */
.table-responsive {
  overflow: visible;
}

.table .thead-dark th {
  border-color: transparent;
  /* or the same as the background color */
}

/* Custom header style */
.custom-thead {
  background-color: #f2f2f2;
  /* Light grey background */
  color: #000;
  /* Black text for headers */
  border-bottom: none;
}

.custom-thead th {
  position: relative;
  /* Required for absolute positioning of the button */
  border-bottom: none !important;
  /* Remove the bottom border */
}

.common-table {
  min-width: 80vw;
  overflow-x: auto;
  border-collapse: collapse;
  margin-top: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1),
      /* Shadows for borders */
      0 -2px 4px rgba(0, 0, 0, 0.1);
}
  
  .common-table th,
  .common-table td {
      padding: 8px;
      text-align: left;
      vertical-align: middle !important;
  }
  
  .common-table tbody tr:hover {
    cursor: pointer;
    background-color: #e9ecef !important;
}

.common-table tr.no-hover:hover {
  background-color: inherit;
}