input, textarea {

width: 100%;
padding: 0 1em;
line-height: 44px;
border: none;
border-radius: 2px;
box-sizing: border-box;
background-color: #fff;
font-size: 1em;
@include tfont;

}

.form__input {

position: relative;
input {
  background-image: none;
  &.success {
    background-image: asset-data-url('svg/check-green.svg');
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: center right .75em;
  }
}

}

.form {

margin: 0 -1em;
.form__input {
  margin-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.SumoSelect, .form__checkbox, .gender-item {
  label {
    font-size: 1em;
  }
}
.SumoSelect {
  .CaptionCont {
    background-color: #fff;
  }
}
label, .label {
  font-size: .75em;
}
.btn--submit {
  margin-top: 2em;
}

}

.add-access_card {

position: absolute;
width: 26px;
height: 26px;
top: 31px;
right: 2px;
background-color: #fff;
border-radius: 50%;
font-size: 0;
background-image: asset-data-url('svg/plus.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
@include shadow-xs;
transition: box-shadow .125s ease-out;
&:hover {
  @include shadow-lg;
  cursor: pointer;
}

}

.date-input {

line-height: 1em;
padding: 11px 1em;
height: 44px;

}

.gender-item {

float: left;
padding-right: 2em;

}