fieldset {
   border: none;
   margin: 0 0 ($base-spacing / 2) 0;
   padding: $base-spacing;
}

input,label, select {
   display: block;
   /*  font-family: $form-font-family;
   font-size: $form-font-size; */
}

label {
   font-weight: bold;
   margin-bottom: $base-spacing / 4;

   &.required:after {
      content: "*";
   }

   abbr {
      display: none;
   }
}

textarea,
//input,
#{$all-text-inputs},
select[multiple=multiple] {
   //@include box-sizing(border-box);
   //@include transition(border-color);
   background-color: white;
   border-radius: $form-border-radius;
   border: 1px solid $form-border-color;
   box-shadow: none;
   //box-shadow: $form-box-shadow;
   /*font-family: $form-font-family;
   font-size: $form-font-size; */
   margin-bottom: $base-spacing / 2;
   padding: ($base-spacing / 3) ($base-spacing / 3);
   width: 100%;

   &:hover {
      border-color: $form-border-color-hover;
   }

   &:focus {
      border-color: $form-border-color-focus;
      box-shadow: $form-box-shadow-focus;
      outline: none;
   }
}

textarea {
   resize: vertical;
}

input[type="search"] {
   //@include appearance(none);
}

input[type="checkbox"],
input[type="radio"] {
   display: inline;
   margin-right: $base-spacing / 4;
}

input[type="file"] {
   padding-bottom: $base-spacing / 2;
   width: 100%;
}

select {
   margin-bottom: $base-spacing;
   max-width: 100%;
   width: auto;
}

form {
   p {
      &.tip {
         font-size: .875em;
         position: relative;
         text-align: center;
         margin-top: -.3em;
      }

      &.label {
         padding: 0;
         //margin: 0;
         //color: $text-color;
         white-space: normal;
      }
   }

   fieldset {
      border: none;
      margin-bottom: 1.5em;
      padding: 0;
      margin: 0;

      legend {
         font-size: 1.438em;
         font-weight: 700;
         width: 100%;
         border-bottom:1px solid #ddd;

         & + * {
            -webkit-margin-top-collapse: separate; // webkit hack that makes the legend margins work like they should
            margin: 2em 0;
         }
      }
   }

   li {
      label {
         display: inline-block;
         font-weight: normal;
      }
   }
}