:root {
    --selva: #22453d;
    --musgo: #63836d;
    --arena: #a5886b;
    --vainilla: #edaf67;
    --crepe: #e6d3a7;
    /*--teja: #a04e4d;*/
    --teja: rgba(0, 0, 0, .03);
    --tinto: rgba(0, 0, 0, .03);
    --oceano: #40687f;
    --gota: #6098ba;

  }

  body {
    font-family: 'Roboto', sans-serif !important;
    
  }
  
  .container {
    font-family: 'Roboto', sans-serif !important;
    min-width: 100% !important;
  }
  

  header{
    background-color: var(--tinto);
  }

  footer{
    background-color: var(--tinto);
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 20px 0;

  }

  .navbar a{
    color:#000 !important;

  }

  .navbar-toggler {
    color: #000 !important;
    border-color: #000 !important;
  }
  footer a{
    color:#000 !important;
    text-decoration: none;
  }
  footer span{
    color:#000 !important;
    text-decoration: none;
  }
  footer li{
    color:#000 !important;
    text-decoration: none;
  }


  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    /* Agrega aquí otros formatos de fuente si los tienes, como woff, woff2, etc. */
    /* Especifica la ruta correcta a tus archivos de fuente descargados en tu servidor */
  }

  .btnLogin{
    background: var(--tinto) !important;
    color:#000 !important;

  }

  .btnprincipal{
    background: var(--tinto) !important;
    color:#000 !important;

  }
  textarea:focus, input:focus, input[type]:focus {

    border-color: var(--tinto);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px var(--teja);
    outline: 0 none;

}


.btnComenzar {
  padding: 10px 20px;
  font-size: 18px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btnComenzar:hover {
  background-color: #45a049;
}

.btnFinalizarJornada {
  padding: 10px 20px;
  font-size: 18px;
  background-color: #FFA07A; /* Naranja pastel */
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btnFinalizarJornada:hover {
  background-color: #FF8C66; /* Naranja pastel un poco más oscuro al pasar el ratón */
}
#txtErrorFichaje{
  color: red;

}

main {
/* Estilos por defecto, sin restricciones de ancho máximo */
/* Puedes agregar otros estilos aquí si es necesario */
margin: 0 auto; /* Esto centrará el contenido horizontalmente */
min-height: 90vh;
}

/* Media query para pantallas con un ancho mayor a 1400px */
@media (min-width: 1201px) {
main {
  max-width: 90%;
  margin: 0 auto; /* Esto centrará el contenido horizontalmente */
}
main{
  max-width: 90%;
}

}