/* .custom-table {
  width: 100%;
  border-collapse: collapse;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.custom-table thead tr {
  background-color: #7b001a;
  color: white;
}

.custom-table th,
.custom-table td {
  padding: 10px 15px;
  border: 2px solid #ffcc00;
  text-align: left;
}

.custom-table tbody tr {
  background-color: #ffffff;
  color: black;
}

.status-badge {
  padding: 5px 10px;
  border-radius: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}

.status-badge.active {
  color: green;
  border: 1px solid green;
  background-color: rgba(0, 128, 0, 0.192);
}

.status-badge.reject {
  color: red;
  border: 1px solid rgb(190, 4, 4);
  background-color: rgba(255, 0, 0, 0.171);
}

.status-badge.pending {
  color: rgb(128, 83, 0);
  border: 1px solid rgb(235, 158, 15);
  background-color: rgba(248, 176, 42, 0.76);
}

.status-button.approve {
  background-color: #009e2db0;
  color: white;
  border: none;
  padding: 4px 12px;
  border-radius: 2px;
  font-weight: bold;
}

.status-button.reject {
  background-color: #d80404b0;
  color: white;
  border: none;
  padding: 4px 12px;
  border-radius: 2px;
  font-weight: bold;
} */

.custom-table {
  width: 100%;
  border-collapse: collapse;
  /* font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
  font-family: 'Franklin Gothic', 'Arial Narrow', Monserrat, sans-serif
}

.custom-table thead tr {
  background-color: #7b001a;
  color: white;
}

/*Bordes de línea*/
.custom-table th,
.custom-table td {
  padding: 10px 15px;
  border: 2px solid #ffcc00;
  text-align: left;
}

.custom-table tbody tr {
  font-family: montserrat;
  background-color: #ffffff;
  color: #515151;
}

.status-badge {
  padding: 5px 10px;
  border-radius: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}

.status-badge.active {
  color: green;
  border: 1px solid green;
  background-color: rgba(0, 128, 0, 0.192);
}

.status-badge.reject {
  color: red;
  border: 1px solid rgb(190, 4, 4);
  background-color: rgba(255, 0, 0, 0.171);
}

.status-badge.pending {
  color: rgb(128, 83, 0);
  border: 1px solid rgb(235, 158, 15);
  background-color: rgba(248, 176, 42, 0.76);
}

.status-badge.paid {
  color: green;
  border: 1px solid green;
  background-color: rgba(0, 128, 0, 0.192);
}

.status-button.approve {
  background-color: #009e2db0;
  color: white;
  border: none;
  padding: 4px 12px;
  border-radius: 2px;
  font-weight: bold;
}

.status-button.reject {
  background-color: #d80404b0;
  color: white;
  border: none;
  padding: 4px 12px;
  border-radius: 2px;
  font-weight: bold;
}

.status-button.pending {
  background-color: #e2c000;
  color: white;
  border: none;
  padding: 4px 12px;
  border-radius: 2px;
  font-weight: bold;
}

.status-button.paid {
  background-color: #009e2db0;
  color: white;
  border: none;
  padding: 4px 12px;
  border-radius: 2px;
  font-weight: bold;
}

.add-button {
  background-color: transparent;
  color: #7b001a;
  font-weight: bold;
  border: none;
  cursor: pointer;
  font-size: 14px;
}

.add-button:hover {
  text-decoration: underline;
}

/*Icono de flecha*/

.custom-table a:hover {
  color: #0055aa;
}

.custom-table a:hover svg {
  transform: translateX(2px);
  transition: transform 0.2s ease;
}
