input {
    text-transform: uppercase;
}
.inputLogin {
    text-transform: none;
}

.body{
  margin:0;
   padding:0;
}
.caja{
    background-color: #0e414f42;
    box-shadow: 1px 2px 3px 1px #81ca045b;
   
    height: 70px;
     text-align: left;
   
     border-radius: 3px;
    
  }
  .content {
    padding-left: 300px; /* Estilo predeterminado para pantallas más grandes */
    top:0px
  }
 
    
  /* Media query para dispositivos con un ancho máximo de 992px (tablets y dispositivos móviles) */
  @media only screen and (max-width: 992px) {
    .content {
      padding-left: 20px; /* Modificar el relleno para adaptarse a dispositivos más pequeños */
    }
  }
  

 /*
 estilos del scroball pantalla completa
 
 */

  /* CSS para modificar el scrollbar */
  .scrollable {
    /* Ancho del scrollbar */
    /*scrollbar-width: thin; /* "thin" o "auto" */
    scrollbar-width:thin;

    scrollbar-color: #1e8b3060 #0E414F; /* color de la barra y fondo */
    border-radius: 8px; /* borde del scrollbar */
  }
  
  
  .scrollable::-webkit-scrollbar-track {
    background: #f14f4f; /* color de fondo del track */
  }
  
  .scrollable::-webkit-scrollbar-thumb {
    background-color: #eb8d8d; /* color de la barra */
    border-radius: 8px; /* borde del scrollbar */
  }