<style type="text/css">

.container
{
  max-width: 500px;
  background: #2e6292;
  color:white;
}

.form-control 
{
  font-size: 2rem;
  height: calc(2.25rem + 26px);
  }


@media (orientation:portrait)
{
   
   body {
    background: #2e6292;
    color: white;
  }



   
}
  
</style>


<!-- Begin page content -->
  <div class="row">
    <div class="col-12 col-md-12" style="text-align:center;">
        <a href="https://mu.lp.com.sv">
        <img src="assets/img/logo.png" style="height: auto;width: 50%;" height="28" alt="Netos">
        </a>
    </div>

    <div class="col-8 col-md-8">
        <label style="margin-top: 35px;font-size: 2em;">INSTITUCIONAL || LOGIN</label>      
    </div>
  
  </div>

  <hr>
  <div class="row">

    <div class="col-12 col-md-12">
      <!-- Contenido -->

           <br />
      <?php

              
                if(isset($message))
                {
                     echo '<label class="text-danger">'.$message.'</label>';
                }
                
               ?>

            <form id="frm-login" action="?c=login&a=VerificarUsers" method="post" enctype="multipart/form-data">
                <div class="form-group" style="padding: 30px;">
          
          <input style="border-radius: 50px;" type="text" name="usuario" class="form-control" placeholder="usuario" />
        </div>

        <div class="form-group"  style="padding: 30px;">
          
          <input style="border-radius: 50px;" type="password" name="password" class="form-control" placeholder="Contraseña" />
        </div>
        
       
        
        <div class="text-left" style="text-align: center;">
                   <button style="background-color: transparent;width: 100%;" class="btn btn-success">Iniciar Sesion</button>
               </div>
               <div style="height:auto;width: 200px;border: none;">
                   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                   
               </div>
  
            </form>

      <!-- Fin Contenido -->
    </div>
  </div>
  <!-- Fin row -->


<!-- Fin container -->
<script>
    $(document).ready(function(){
        $("#frm-login").submit(function(){
            return $(this).validate();
        });
    })
</script>