/* 'css3prefix mixin' @see https://github.com/matthieua/sass-css3-mixins/blob/master/css3-mixins.scss */
/* 'keyframes' mixin @see http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/*/
/* 'animation' mixin from https://developer.mozilla.org/en-US/docs/Web/CSS/animation */
/* legacy-direction function @see http://www.sitepoint.com/building-linear-gradient-mixin-sass/ */
/* 'transition' mixin @see http://codepen.io/sawmac/pen/cayhK */
/* 'gradientanimation' mixin @see https://medium.com/@dave_lunny/animating-css-gradients-using-only-css-d2fd7671e759#.jlbdgs4jl */
/* 'animation' mixin @see http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/ */
form {
  margin: 5px;
  padding: 0;
  /*
    input, textarea {
      @include transition(all 1.0s ease);
      border: 2px solid $textcolor;
      background-color: lighten($backgroundcolor, 5%); // #336699;
      color: $textcolor;
    }
  */
}
form fieldset {
  border: 0;
  margin: 0;
  padding: 5px;
}
form fieldset h1 {
  background-color: #F0F0F0;
  padding: 4px;
  margin: 0;
  color: #000000;
  border: 0;
  border-bottom: 2px solid #999999;
}
form fieldset label {
  color: silver;
}
form fieldset label.error {
  background-color: yellow;
  color: #000;
}
form fieldset input:focus, form fieldset textarea:focus {
  background-color: white;
  border: 2px solid black;
  color: #000000;
}
form .row .element.errorinput, form .row .element.errortextarea {
  border: 2px solid red;
}

div.errors {
  color: white;
}
div.errors h1 {
  padding: 0.25em;
  margin: 0;
  color: silver;
}

.requiredstar {
  color: red;
}

/**
 * @since 2016nov03
 * ripped from https://codepen.io/bbodine1/pen/novBm , decided not to use it
 */
/**
 * @since 2016nov03
 * https://codepen.io/jamesbarnett/pen/yILjk
 */
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";
  /* icon-checked-empty */
  letter-spacing: 0.50em;
  transition: color 0.5s ease-in-out;
  color: green;
}

input[type=checkbox]:checked + label:before {
  content: "\f046";
  /* icon-check */
  letter-spacing: 0.38em;
  color: red;
}

.captchaclass img {
  margin-bottom: 0.25em;
}