.btn-success {
    color: #fff;
    background-color: #6f3a86;
    border-color: #6f3a86;
}

.btn-success:hover {
  color: #fff;
  background-color: #490566;
  border-color: #490566;
}


/*Tablas responsive*/
.responsive-table {
      width: 100%;
      overflow-x: auto;
}

.responsive-table th, .responsive-table td {
      padding: 8px;
      text-align: left;
      border-top: 1px solid #ddd;
}

.responsive-table th {
      background-color: #EDEDED;
}

.responsive-table tbody tr:nth-child(even) {
      background-color: #EDEDED;

}

 

@media (max-width: 767px) {
.responsive-table thead {
      display: none; /* Oculta los encabezados en dispositivos móviles */
}

.responsive-table tr {
      margin-bottom: 0.625em;
      display: block;
      border-bottom: 2px solid #ddd;
}

.responsive-table td {
     display: block;
     text-align: right;
     position: relative;
     padding-left: 50%;
}

.responsive-table td::before {
     content: attr(data-label);
     position: absolute;
     left: 0;
     width: 50%;
     padding-left: 15px;
     font-weight: bold;
     text-align: left;
}
}

/*Tablas responsive*/