Input Field

input.scss

// Forms
.control-group {
  margin-bottom: 1rem;
}


.form-group {
  .input-group-prepend {
    display: none;
  }
}

label {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 34px;
text-transform: uppercase;
}


.sppb-form-group .sppb-form-control,
.form-control {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 1px solid #adadad;
  height: 76px;
  padding: 12px 25px;
  border-radius: 0px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;

  &:focus {
  border-color: $link_color;
  box-shadow: none !important;
  background-color:#ECECEC ;
  }
}



.form-control.validate-password {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}

//placeholder color
::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: $link_color;
}

.form-check-input{
  position: relative;
}


select.form-control:not([multiple]),
select.inputbox:not([multiple]),
select:not([multiple]) {
  height: calc(2.25rem + 2px);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select {
  &:not(.form-control) {
    @extend .form-control;
  }
}