/* CSS stylesheet for volunteer-change-password */

div.text
{
  width: 100%;
  max-width: 800px;
}

div.authcodepage
{
  max-width: 600px;
  margin: 20px auto;
}

form.start
{
  max-width: 600px;
  margin: auto;
}

form.datarec_form div.form_input_pair
{
  display: grid;
  grid-template-columns: 2fr 3fr;
}

div.form_input_pair div.error
{
  grid-column-start: 2;
  grid-column-end: 3;
  font-style: italic;
  color: red;
}

form.secquestions div.form_input_pair
{
  grid-template-columns: 1fr 3fr;
}


form.secquestions div.form_input_pair div.error
{
  grid-column-start: 2;
  grid-column-end: 3;
  font-style: italic;
  color: red;
}


form.secquestions div.input div.questions 
{ 
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 5px;
}
form.secquestions div.input div.questions input 
{ 
  align-self: flex-start;
}

form.secquestions div.label { font-weight: bold }
form.secquestions div.form_input_pair.questions { margin-bottom: 0;}
form.secquestions div.answer 
{
  margin-top: 0;
  padding-bottom: 10px;
  /* border-bottom: 1px solid#ccc; */
  margin-bottom: 20px ;
}

form.password
{
  max-width: 600px;
  margin: auto;
}

form.password div.form_input_pair
{
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}

form.password div.form_input_pair


code { white-space: nowrap }


@media (max-width: 500px)
{
  form.datarec_form { padding: 2px; margin: 2px; }
  form.datarec_form div.form_input_pair { display: block }
  form.secquestions { font-size: 90% }
}