input.underline {
  box-shadow: none;
  border: 1px solid transparent!important;
  border-bottom: 1px solid #ccc!important;
  padding: 6px 0!important;
  &:hover {
    border: 1px solid transparent!important;
    border-radius: 0;
    border-bottom: 1px solid $darkblue!important;
    padding: 6px 0!important;
  }
  &:focus {
    box-shadow: none;
    border: 1px solid transparent!important;
    border-radius: 0;
    border-bottom: 2px solid $darkblue!important;
    padding: 6px 0!important;
  }
}

input.underline-sm {
  box-shadow: none;
  border: 1px solid transparent!important;
  border-bottom: 1px solid #ccc!important;
  font-size: 1em;
  padding: 3px 0!important;
  &:hover {
    border: 1px solid transparent!important;
    border-radius: 0;
    border-bottom: 1px solid $darkblue!important;
    padding: 3px 0!important;
  }
  &:focus {
    box-shadow: none;
    border: 1px solid transparent!important;
    border-radius: 0;
    border-bottom: 1px solid $darkblue!important;
    padding: 6px 0!important;
  }
  &:disabled {
    background-color: #fff;
    color: #888;
    border-bottom: 1px solid #ccc!important;
  }
}

select.underline-sm {
  box-shadow: none;
  border: 1px solid transparent!important;
  border-bottom: 1px solid #ccc!important;
  font-size: 1em;
  padding: 3px 0!important;
  &:hover {
    border: 1px solid transparent!important;
    border-radius: 0;
    border-bottom: 1px solid $darkblue!important;
    padding: 3px 0!important;
  }
  &:focus {
    box-shadow: none;
    border: 1px solid transparent!important;
    border-radius: 0;
    border-bottom: 1px solid $darkblue!important;
    padding: 6px 0!important;
  }
}


.form-control.underline-sm {
  box-shadow: none;
  &:hover {
    box-shadow: none;
  }
  &:focus {
    box-shadow: none;
  }

  &::placeholder {
    color: #888;
    opacity: 0.8;
  }

  &:-ms-input-placeholder {
    color: #888;
    opacity: 0.8;
  }

  &::-ms-input-placeholder {
    color: #888;
    opacity: 0.8;
  }
}

.form-control {
  &:focus {
    box-shadow: none;
  }
}