/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.form-item {
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
  width: 100%;
}

.form-item:last-child {
  margin-bottom: 0;
}

.form-item .form-item {
  margin-bottom: 0;
}

.form-item .input__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-item .input__wrapper > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.form-item .input__wrapper .field-prefix,
.form-item .input__wrapper .field-suffix {
  line-height: 17px;
  font-size: 21px;
}

.form-item .input__wrapper .field-prefix {
  margin-right: 8px;
}

.form-item .input__wrapper .field-suffix {
  margin-left: 8px;
}

.form--inline .form-item {
  float: none;
}

/*# sourceMappingURL=maps/form-item.css.map */