input,  .input, textarea, .textarea, .upload-btn, select, .select {
  @extend .form-control, .bg-muted;
  background: #fff !important;
  height: 3.125rem;
 
  border-radius: 4px 0px 0px 4px; 
  font-size: 0.975rem;
  padding-top: 0.825rem;
  padding-bottom: 1.0625rem;
  border: 1px solid #E2E2E2 !important;
  &.error {
    -webkit-box-shadow:  0px 0px 5px $danger;
    -moz-box-shadow:  0px 0px 5px $danger;
    box-shadow:  0px 0px 5px $danger;
  }
  span, img {
    @extend .float-right;
    padding-top: 0.4rem;
  }
  &.search {
    @extend .d-inline-block, .pl-5;
    width: 80%;
  }
  &[type="checkbox"] {
    height: 28px;
    width: 28px;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    padding: 0px;
    margin: 0 5px;
  }
}

textarea, .textarea {
  outline: none;
  overflow: hidden;
}

select, .select {
  &::after {
    content: "";
  }
  &.error {
    border: 1px solid $danger !important;
    -webkit-box-shadow:  0px 0px 5px $danger;
    -moz-box-shadow:  0px 0px 5px $danger;
    box-shadow:  0px 0px 5px $danger;
  }
}

input[type="radio"], .radio {
  max-width: 20px !important;
  height:  20px !important;
  margin: 10px 20px  !important;
  margin-left: 0px  !important;
  &.error {
    -webkit-box-shadow:  0px 0px 5px $danger;
    -moz-box-shadow:  0px 0px 5px $danger;
    box-shadow:  0px 0px 5px $danger;
  }
}

.radio-error {
  input[type="radio"], .radio {
    -webkit-box-shadow:  0px 0px 5px $danger;
    -moz-box-shadow:  0px 0px 5px $danger;
    box-shadow:  0px 0px 5px $danger;
  }
}

.shadow-error {
  -webkit-box-shadow:  0px 0px 5px $danger;
  -moz-box-shadow:  0px 0px 5px $danger;
  box-shadow:  0px 0px 5px $danger;
}