table {
  width: 100%;
  border-collapse: collapse;
}
table td + td,
table th + th {
  border-left: 1px solid var(--clr-white-secondary);
}
table tr + tr {
  border-top: 1px solid var(--clr-white-secondary);
}
table th,
table td {
  width: unset !important;
  padding: var(--gap-3xs);
  font-size: var(--fs-text-md);
  vertical-align: middle;
}
table tr {
  background-color: var(--clr-white-primary);
  transition: all 0.3s ease;
}
table tr:nth-child(even) {
  background-color: var(--clr-main-quinary);
}
table tr:hover {
  background-color: var(--clr-main-cuaternary);
}
table tr.highlight {
  color: var(--clr-white-primary);
  background-color: var(--clr-main-secondary);
}
table tr.highlight:hover {
  background-color: var(--clr-main-primary);
}
table tr .btn {
  font-size: var(--fs-text-sm);
}
table thead th {
  background-color: var(--clr-main-primary);
  color: var(--clr-white-primary);
  vertical-align: bottom;
  white-space: nowrap;
  border-left: 2px solid var(--clr-white-primary);
}
table thead th:first-child {
  border-left: none;
}
table label {
  width: 100%;
  margin: 0;
}
table input, table select, table textarea {
  width: 100%;
  padding: var(--gap-3xs);
  font-size: var(--fs-text-sm);
  border: 1px solid var(--clr-gray-primary);
}

.table-responsive label {
  margin: 0;
}