/* CSS stylesheet for login page */

input.hp_st { display: none }

form.datarec_form.login
{
  max-width: 500px;
  margin: auto;
}

form.datarec_form.login div.form_input_pair 
{ grid-template-columns: 1fr 1fr; }

@media (max-width: 600px)
{
  form.datarec_form.login div.form_input_pair
  {
    display: block
  }
}

/*
form.datarec_form.login 
{ 
  width: 100%;
  background: #ccc; 
  margin: 5px; 
  padding: 10px; 
}
div.form_input_pair { display: grid; grid-template-columns: 1fr 3fr;    
  background: #ccc; margin: 10px 0;}
div.form_input_pair div.input input[type=text],
div.form_input_pair div.input input[type=password],
div.form_input_pair div.input textarea { width: 99% }
*/