body{
   width: 100%;
   height: 100%;
   font-family: sans,arial;
   padding: 0;
   margin: 0;
   background-color: var(--backColor);
   color:var(--textColor);
   text-shadow: 0.05em 0.05em 0.2em var(--textShadowColor);
/*   font-size: 16px;*/
}
input{
   font-size: inherit;
   text-shadow: inherit;
}

form{
   display: table;
   border: 0.1em solid var(--formBorderColor);
   min-width: 30%;
   width: auto;
   border-spacing: 0.5em 0.5em;
   padding: 0;
   margin: auto auto;
   padding: 0.5em;
}
form#track_params_form{
  display: block;
  width:100%;
  max-width: 500px;
  padding: 0;
  position: relative;
}
form#track_params_form label{
  color: var(--formLabelColor);
}
.inputDiv{
  margin: 0 0.5em;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 0.5em;
}
form#track_params_form input[type="text"],
form#track_params_form input[type="password"],
form#track_params_form input[type="number"],
form#track_params_form input[type="email"],
form#track_params_form input[type="tel"]{
  width:100%;
  display: unset;
  max-width: unset;
}


form div.formRow{
   display: table-row;
   width: 100%;
}
form label,form input,form span{
   display: table-cell;
}
form a{
   color:var(--textColor);
}
input[type="text"],input[type="password"],input[type="number"],input[type="email"],
input[type="tel"],input[type="date"]
{
    max-width: 12em;
    width:12em;
    background-color: var(--backColor);
    border: 1px solid var(--formBorderColor);
    outline: none;
    color:var(--textColor);
}
#caption{
  width: 100%;
  text-align: center;
}
#submitButton, #newAccountButton, #cancelButton,.buttonPositive,.buttonNegative{
  margin-top:1em;
  background-color: var(--brandColor);
  border-color: var(--brandColor);
  height:2em;
  width: 9em;
  color:var(--textColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border: none;
  text-align:center;
}

#newAccountButton,#cancelButton,.buttonNegative{
  background-color: var(--secondaryButtonColor);
  border-color: var(--secondaryButtonColor);
}

#loginFormDiv{
   position: absolute;
   width: 100%;
   height: 100%;
   top:0;
   left:0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
a.buttonRef{
   text-decoration: none;
   color:var(--textColor);
}

.errMsg{
   text-align: center;
   color: var(--brandColor);
}
.flexExpander{
   flex-grow:1;
   flex-basis:0;
}