form.auth fieldset {
  border: 3px solid black;
  padding: 15px;
  border-radius: 2%;
}

form.auth fieldset legend,
form.auth fieldset div,
form.auth fieldset div label,
form.auth fieldset div input {
  font-family: Helvetica, sans-serif;
}

form.auth fieldset div {
  clear: both;
  padding: 0.3em 0;
}

form.auth fieldset div label,
a#auth {
  float:left;
}

form.auth fieldset div input {
  float:right;
  padding: 0 5px;
}


form.auth fieldset {
  width: 300px;
}

form.auth fieldset legend {
  color: #000099;
  font-weight:bold;
}

form.auth fieldset div label { 
  margin: 0;
  display: inline-block;
  color: #000099;
  font-weight: bold;
}

form.auth fieldset div input { width: auto; }

form.auth fieldset div#remember_me label,
form.auth fieldset div#remember_me input { float: none; }

form.auth fieldset div#remember_me input { 
  width: 20px;
  margin: 0px 0 2px 15px;
  vertical-align: text-bottom;
}

form.auth fieldset div a#auth,
form.auth fieldset div a#auth:link,
form.auth fieldset div a#auth:visited { 
  padding: 0.4em 0;
  color: #000099;
  font-weight:bold;
}

form.auth fieldset div a#auth:hover {
  color: red;
}

form.auth fieldset div input[type=submit], 
form.auth fieldset div input[type=reset] {
  background-color: #000099; /*#04AA6D;*/
  border: none;
  color: white;
  padding: 6px 12px;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
}

form.auth fieldset div input[type=submit]:hover, 
form.auth fieldset div input[type=reset]:hover {
  background-color:red;
}

.hidden {
  display: none;
}

#form-container {
  transition: opacity 0.5s ease;
}

#form-expired {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #ffeeee;
  border: 1px solid #dd4444;
  border-radius: 5px;
}

div#csrf-expired button {
  width: 100%;
  padding: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
}