.background {
    background-color: #0080db;
    color: #ffffff;
}

.btn-success {
    background-color: #0080db;
    color: #ffffff;
    border-color: #0080db;
    padding: 16px 24px; /* Tamaño del botón */
    font-size: 16px; /* Tamaño del texto */
    display: block;
    margin: 0 auto; /* Para centrar el botón horizontalmente */
    border-radius: 10rem;
    text-align: center; /* Centra el texto dentro del botón */
    text-decoration: none; /* Elimina el subrayado predeterminado en los enlaces */
}

.btn-success:hover {
    background-color: #005aaf;
    border-color: #005aaf;
    color: #ffffff;
}



/* Estilos específicos para card table


    ------------------ HTML ------------------- 


    <div class="container mt-5">
  <table class="table">
    <thead>
      <tr>
        <th scope="col">
          <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="selectAll">
            <label class="custom-control-label" for="selectAll"></label>
          </div>
        </th>
        <th scope="col">Columna 1</th>
        <th scope="col">Columna 2</th>
        <th scope="col">Columna 3</th>
      </tr>
    </thead>
    <tbody>
      <!-- Filas de datos -->
      <tr>
        <td>
          <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="row1">
            <label class="custom-control-label" for="row1"></label>
          </div>
        </td>
        <td>Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
      </tr>
      <tr>
        <td>
          <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="row2">
            <label class="custom-control-label" for="row2"></label>
          </div>
        </td>
        <td>Data 4</td>
        <td>Data 5</td>
        <td>Data 6</td>
      </tr>
      
    </tbody>
  </table>
</div>

*/