form {

}

select {
  height: 40px;
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid $mgrey;
  padding-left: 20px;
  color: $dark;
  font-size: 16px;
  font-family: $sans;

  &[multiple] {
    height: auto;
  }
  &.inactive {
    background: $vapor;
    border: 1px solid $lgrey;
    color: $mgrey;
  }
}

label {
  font-size: 10pt;
  text-transform: uppercase;
  line-height: 25px;
}

legend {
  font-size: inherit;
  margin: 10px 0px;
  padding: 30px 0px 10px 0px;
  border-bottom: 1px solid $lgrey;
  width: 100%;
  display: block;
}

input:read-only{
    border: 1px solid $lgrey !important;
}

input:-moz-read-only{
    border: 1px solid $lgrey !important;
}

textarea {
  width: 100%;
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid $mgrey;
  padding: 10px;
  color: $dark;
  font-size: 16px;
  font-family: $sans;
}

input[type="submit"]{
  height: 40px;
  margin-bottom: 20px;
  background-color: $dgrey;
  color: white;
  border: none;
  width: 100%;
  font-family: $sans;
  font-size: 16px;
  cursor: pointer;
  &:hover {
    background: $accent;
  }
}

input[type="file"]{
  width: 100%;
  height: 40px;
  font-size: 16px;
  margin-bottom: 10px;
  padding-top: 8px;
  border-bottom: 1px solid $lgrey;
  border-top: 1px solid $lgrey;
}

input[type="text"], input[type="password"], input[type="email"]{
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid $mgrey;
  padding-left: 20px;
  color: $dark;
  font-size: 16px;
  font-family: $sans;

  &.inactive, &:disabled {
    background: $vapor;
    border: 1px solid $lgrey;
    color: $mgrey;
  }
}