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;
}