input[type="text"], input[type="email"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.813rem;
  padding: 0 1rem;
  border: solid 1px #EAEAEF;
  background-color: #FFFFFF;
  font-size: 1rem; }
  input[type="text"]:focus, input[type="email"]:focus {
    outline: none;
    background-color: #FFFFFF;
    border-bottom: solid 2px #009AD9; }
  input[type="text"]::placeholder, input[type="email"]::placeholder {
    color: #9D9DA6;
    font-style: italic; }
  input[type="text"].icon, input[type="email"].icon {
    padding: 0 3.5rem;
    background-repeat: no-repeat;
    background-position: 0.25rem center; }
  input[type="text"].user, input[type="email"].user {
    background-image: url(../images/Icons/user_default.svg); }
  input[type="text"].email, input[type="email"].email {
    background-image: url(../images/Icons/email.svg); }
  input[type="text"].phone, input[type="email"].phone {
    background-image: url(../images/Icons/phone.svg); }
  input[type="text"].location, input[type="email"].location {
    background-image: url(../images/Icons/location.svg); }

select {
  width: 100%;
  border: solid 1px #EAEAEF;
  height: 2.813rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  background-color: #FFFFFF;
  font-size: 1rem;
  /* color:$col_gray_5;    */ }
  select:focus {
    outline: none;
    background-color: #FFFFFF; }
  select::placeholder {
    color: #9D9DA6;
    font-style: italic; }

.input-group {
  display: flex;
  margin-bottom: 0.75rem;
  flex-flow: row wrap; }
  .input-group:last-child {
    margin-bottom: 0; }
  .input-group label {
    font-size: 0.75rem;
    color: #8C8B96;
    margin-bottom: 0.2143rem; }

.input-group-add {
  display: flex;
  flex: 1 0 100%; }

.input-group-label {
  display: block; }

label {
  color: #6A6976; }
