/*
includes/form.css

Form styles for mobiles

Author: Chris Brown

Modification:

202105101148: Created
202212141418: BTWS-41
*/


label
{
  line-height: 1.5em;
}


input[type="text"],
input[type="password"],
input[type="number"],
input[type="file"],
input[type="date"],
input[type="month"],
input[type="tel"],
input[type="email"],
select
{
  width: 100%;
}


.form
{
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.25em;
  margin: 1em auto;
  max-width: 40em;
}


.formgroup
{
  flex-direction: column;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  max-width: 100%;
}


.formfullrow,
.formrow
{
  max-width: 100%;
  width: 40em;
}


.formlabel
{
  max-width: 100%;
}


.formcontrol
{
  max-width: 100%;
  width: 40em;
}


.formstatus
{
  min-width: 5em !important;
}


.formwarning
{
  padding: 0.5em;
}