/**
 * Forms
 * ===
**/
.form input[type="text"],
.form input[type="number"],
.form input[type="password"],
.form select/*,
.form button,
a.button*/{
  background: #eeefef;
  border: 1px solid #2e150e;
  box-sizing: border-box;
  border-radius: 3px;
  font: 1rem/1.375 sans-serif;
  padding: .5em 20px;
  width: 100%;
  -webkit-appearance: none;
}
.form select {
  padding-right: 1.5em;
  background: #e2e6e7 url(../img/icn-select-arrow.svg) no-repeat center right .5em;
}
.form input[type="radio"],
.form input[type="checkbox"] {
  margin: 0 5px 0 0;
}


.form input[type="radio"],
.form input[type="checkbox"],
.form input[type="radio"] + label,
.form input[type="checkbox"] + label {
  display: inline-block;
  vertical-align: middle;
}
/*
a.button,
.form button {
  display: table;
  margin: .5em auto;
  width: auto;
  color: #fff;
  padding: .75em 1.5em;
  border: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #9c1006;
}
*/
.form-error {
  margin: 1em 0;
  padding: .5em;
  color: #fff;
  background: #b94a48;
}

.form-error a {
  color: inherit;
}

.form-field {
  align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 1.375em;
}
.form-field .field-title {
  box-sizing: border-box;
  font-weight: bold;
  padding: 0 10px 0 0;
  text-align: right;
  width: 20%;
}
.form-field .field-title span {
  color: red;
}
.form-field .field-helper {
  font-size: .889em;
  font-style: italic;
  font-weight: 400;
  margin: .387em 0 0 calc(20% + 10px);
  opacity: .5;
}

.form-field--doctor {
  margin-bottom: -1.375em;
  margin-top: 2.75em;
  justify-content: center;
}

.field-value {
  box-sizing: border-box;
  padding-left: 10px;
  width: 80%;
}




.field-value-group {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0 -10px;
}
.field-value-group .group {
  box-sizing: border-box;
  flex: 0 1 auto;
  padding: 0 10px;
}
.field-value-group--equal .group {
  flex-grow: 1;
}

.field-value-group .group--block {
  padding-top: 1.375em;
  position: relative;
  text-align: center;
}
.field-value-group .group--block label {
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}


.field-value .group[group-legend] {
  position: relative;
}

.field-value .group[group-legend]:after {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
  content: attr(group-legend);
}

.field-value[field-unit] {
  position: relative;
  padding-right: 2em;
  box-sizing: border-box;
}

.field-value[field-unit]:after {
  position: absolute;
  top: 0;
  left: calc(100% - 2em);
  display: block;
  border: 1px solid transparent;
  margin-left: .5em;
  padding: .5em 0;
  content: attr(field-unit);
}

.field-value-list .item {
  align-items: baseline;
  display: flex;
  flex-grow: row wrap;
  justify-content: space-between;
  margin: 0 0 .6875em;
}
.field-value-list .item > * {
  box-sizing: border-box;
  flex: 0 1 auto;
  width: calc(50% - 10px);
}

.form-actions {
  margin: 2.75em 0 0;
}

.form-field--block {
  -webkit-box-orient: vertical;
  flex-direction: column;
}
.form-field--block .field-title {
  margin: 0 0 .6875em;
  padding: 0;
  width: auto;
}
.form-field--block .field-value {
  padding-left: 0;
  width: 100%;
}