.uic-form-body {
  height:0
}

form label > span {
  display:inline-block;
  width:170px;
/*   font-size:smaller; */
  line-height:18px;
  font-weight: 400;
}

form textarea,
form select,
form input[type="password"],
form input[type="date"],
form input[type="number"],
form input[type="text"] {
  border:1px solid rgba(58, 79, 111, 0.5);
  border-radius:3px;
  padding:6px 8px;
  min-width:250px;
}

form input[type="number"] {
  min-width:80px;
}

form textarea {
  height:80px;
}

form select {
  height:31px;
  font-weight: 300;
}

form .uic-form-elements > div > div {
  position:relative;
  margin:8px 0;
}

form .uic-form-elements {
  justify-content:space-around;
  overflow:auto;
  padding:16px 0;
}

.uic-edit-overlay .uic-form-elements {
  padding:32px;
  align-items:center;
}

form .uic-form-elements > div {
  flex-grow:0;
  width:auto;
  padding:0px 32px 0 16px;
}

form .uic-form-elements > div:first-child {
  flex-grow:0;
  width:auto;
  padding:0px 16px 0 32px;
}

.uic-form-elements > div > div.uic-form-section-header {
  margin:8px -8px;
  height:27px;
  background-color:#1e559c;
  color:#fff;
  display:flex;
  align-items:center;
  padding:0 8px;
  border-radius:4px;
}

.uic-form-section-header button {
  color:#fff;
  background:none;
  border:none;
  font-size:inherit;
  margin-right:8px;
  cursor:pointer;
}

.x-file--input {
  display:none;
}

.x-file-input label {
  display:block;
}

input[disabled], textarea[disabled], select[disabled] {
  background-color:rgba(0, 0, 0, 0.03);
}

input[readonly] {
  background-color:rgba(29, 77, 130, 0.1);
}

div.modified>label:first-child {
    position: relative;
    /* margin-left:-32px; */
    /* width:150px; */
}

div.modified>label:first-child:before {
    position: absolute;
    top: 6px;
    left: -20px;
    content:'→';
    color:#1e559c;
    width:20px;
    display:inline-block;
    text-align:right;
    padding-right:6px;
}

div.invalid {
  color:#a00;
}

.uic-error-message {
  position:absolute;
  border:1px solid #aaa;
  padding:4px;
  background:#fff;
  color:black;
  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);
  font-size:smaller;
  max-width:280px;
  white-space:nowrap;
  right:10px;
  bottom:20px
}

.uic-error-message ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

form label > span.ember-view {
  width:auto;
}


.uicForm .uic-form-elements {
  flex-wrap:wrap;
}

.answerform textarea {
  width:100%;
  height:80px;
  border: 1px solid rgba(58, 79, 111, 0.5);
  border-radius: 3px;
  padding: 6px 8px;
  min-width: 250px;
}