mezuro/prezento

.form-table {
  margin: 0 !important;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.form-row {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #e3e3e3;
  display: inline-flex;
}

.form-row:first-child {
  border-top: none;
}

.form-row:last-child {
  border-bottom: none;
}

.field-container {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0 20px 0;
}

.form-row:first-child .field-container {
  padding-top: 0;
}

.form-row:last-child .field-container {
  padding-bottom: 0;
}

.field-container.checkbox, .field-container.radio {
  padding-top: 0;
  padding-bottom: 0;
}

.help-container {
  float: left;
  width: 400px;
  padding: 20px;
  background: #f5f5f5;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

.text-field {
  width: 95% !important;
  margin: 0;
  background: #f9f9f9;
}

.diminished-text-field {
  width: 80%;
  background: #f9f9f9;
}

.text-area {
  width: 95% !important;
  margin: 0;
}

.field-container select {
  width: 99% !important;
  margin: 0;
}

.align-button {
  margin-bottom: 10px;
}

input:required {
  background: #f0ffff;
  text-shadow: none;
}

textarea:required {
  background: #f0ffff;
}