/* =============================================================================
   Responsive Table CSS
   ========================================================================== */
.formulariox {
    display:block;
    margin:0 auto;
    border-radius:20px;
    width:100%;
    font-family:Arial;
}

.form {
    margin:0 auto;
    width:450px;
    border-radius: 40px;
}

img.logo {
    float: left; /* Cambia a none si no quieres que flote */
    width: 15%; /* Ajusta el tamaño */
    margin-right: 10px; /* Espacio entre la imagen y el texto */
    vertical-align: middle; /* Alineación vertical */


}   
.centrar-texto {
    text-align: center;
}
/* Centrar la tabla en el medio de la página */
.dataTable {
  display: table;
  width: 70%; /* Ajuste automático del ancho según el contenido */

  margin: 2em auto; /* Automáticamente centra la tabla horizontalmente */
  border-collapse: collapse; /* Para eliminar espacios entre bordes */
}/* Colores alternos en los registros */
.dataTable tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.07); /* Color para las filas impares */
}

.dataTable tbody tr:nth-child(even) {
  background-color: rgba(200, 200, 200, 0.2); /* Color para las filas pares */
}

.dataTable thead, .dataTable tbody, .dataTable thead tr, .dataTable th {
  display: block;
}
.dataTable thead {
   float: left; 
}
.dataTable tbody {
  width: auto%;
  position: relative;
  overflow-x: auto;
}
.dataTable td, .dataTable th {
  padding: .625em;
  line-height: 1.5em;
  border-bottom: 1px dashed #ccc;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.dataTable th {
  text-align: left;
  font-size: 100%;
  color: #ffffff;
//  background: rgba(7, 73, 73, 1);
  background: #957025;
  border-bottom: 1px dashed #aaa;
}
.dataTable tbody tr {
  display: table-cell;
}
.dataTable tbody td {
  font-size: 80%;
  display: block;
}
.dataTable tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.07); 
}



@media screen and (min-width: 0em) {
  .dataTable {
    display: table;
  }
  .dataTable thead {
    display: table-header-group;
    float: none;
  }
  .dataTable tbody {
    display: table-row-group;
  }
  .dataTable thead tr, .dataTable tbody tr {
    display: table-row;
  }
  .dataTable th, .dataTable tbody td {
    display: table-cell;
  }
  .dataTable td, .dataTable th {
    width: auto;
  }
.btn-animated {
    display: inline-block;
    padding: 10px 20px; /* Ajusta el tamaño del botón */
    font-size: 16px; /* Tamaño del texto */
    color: #ffffff; /* Color del texto */
    background-color: #957025; /* Color de fondo */
    border: none;
    border-radius: 5px; /* Bordes redondeados */
    text-decoration: none; /* Eliminar subrayado */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Transiciones suaves */
    text-align: center; /* Centrar el texto */
    z-index:10;
}

.btn-animated:hover {
    background-color: #7E5B1E; /* Cambiar el color de fondo al pasar el mouse */
    transform: scale(1.05); /* Aumentar ligeramente el tamaño */
    cursor: pointer; /* Cambiar el cursor al pasar el mouse */
}
}