/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
form:after {
  content: " ";
  display: block;
  clear: both; }

form fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

form input.text, form textarea, form select {
  display: block;
  font-family: OpenSans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding: 5px;
  color: #000;
  width: 100%; }

form textarea {
  resize: vertical; }

form .Actions {
  text-align: center; }

form div.field {
  padding: 0 0 10px; }

form #ForgotPassword {
  padding-top: 10px; }

form input.action, .button {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: OpenSans, Helvetica, Arial, sans-serif;
  display: block;
  padding: 10px;
  color: #FFF;
  background: #008000;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  width: 100%;
  border: 0; }

.background-color.red form input.action, .background-color.red .button {
  background: #fff;
  color: #008000; }

form .message, .message {
  margin: 0 0 10px;
  padding: 12px;
  color: #00529B;
  background-color: #BDE5F8;
  display: block; }
  form .message.required, form .message.error, form .message.bad, .message.required, .message.error, .message.bad {
    color: #D8000C;
    background-color: #FFBABA; }
  form .message.warning, .message.warning {
    color: #9F6000;
    background-color: #FEEFB3; }
  form .message.good, .message.good {
    color: #4F8A10;
    background-color: #DFF2BF; }
  form .message a, .message a {
    text-decoration: underline;
    color: #000; }
    form .message a:hover, .message a:hover {
      text-decoration: none; }