table {
    width: 100%;
    border-collapse: collapse;
}
thead tr th {
  position: sticky;
  top: 0;
}
th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
th {
    background-color: #f2f2f2;
}
.row-only-approved {
    background-color: #ffcccb; /* Rojo claro */
}

.row-only-in-review {
    background-color: #e6ffed; /* Verde claro */
}

.row-modified {
    background-color: #fff3cd; /* Amarillo claro */
}


.scrollable-container {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 600px;
    max-width: 100%;
}

.pagination .page-item.active .page-link {
  background-color: #007bc4;
  border-color: #007bc4;
  color: white;
}

.pagination .page-item.disabled .page-link {
  color: #6c757d;
}

.pagination .page-link {
  color: #007bc4;
  text-decoration: none;
}
.group-cols-select-wrapper {
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  gap: 1em;
  flex-wrap: wrap; /* Opcional: así en pantallas pequeñas se hace otra línea */
}

.group-cols-select-label {
  font-weight: bold;
  font-size: 1em;
  margin-right: 0.5em;
  margin-bottom: 0;
  white-space: nowrap;
}

#group-cols-select {
  width: 230px;
  min-width: 180px;
  display: inline-block;
  vertical-align: middle;
}

#refresh-table-btn,
#export-csv-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 120px;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 0;
}

/* Ajusta el select2 para que no crezca de más */
.select2-container--default .select2-selection--multiple {
  min-height: 40px;
  box-sizing: border-box;
  padding: 0.2em 0.5em;
  border: 1px solid #ccc;
}