#app h4.info {
  padding: .6rem 0.8rem;
  margin-bottom: 1.8rem;
  color: rgba(255, 50, 50, 1);;
  background-color: rgba(255, 50, 50, .12);
  border: 1px solid rgba(255, 50, 50, .22);
  font-size: 1.45rem;
  font-weight: bold;
}

#app h4, #app h5, #app h6 {
  margin: .8rem 0 .6rem 0;
  font-weight: 500;
}

#app h4 {
  font-size: 1.5rem;
}

#app h5 {
  font-size: 1.4rem;
}

#app h6 {
  font-size: 1.2rem;
}

#app .grid, #app .fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#app .fields.col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

#app .fields .field {
  padding: 0 .8rem .5rem .8rem;
}

#app .fields .field:first-child {
  padding-left: 0;
}

#app .fields .field:last-child {
  padding-right: 0;
}

@media (max-width: 576px) {
  #app .grid, #app .fields {
    grid-template-columns: 1fr;
  }
}

#app .question {
  margin: .8rem 0 .4rem 0;
  padding: 0 .8rem .5rem .8rem;
}

#app .question label {
  font-size: 1.35rem;
  line-height: 1.2rem;
  font-weight: normal;
}

#app .question.q1 {
  border-bottom: none;
}

#app .question input[type="text"],
#app .question textarea,
#app .question select {
  width: 100%;

  background-color: transparent;
  border: 1px solid #69727d;
  color: #1f2124;
  max-width: 100%;
  vertical-align: middle;
  background-color: #ffffff;
  border-color: #dce0e0;
  padding: .4rem;
}

#app .question .form {
  margin-top: .6rem;
}

#app .question .form select {
  width: 35rem;
  margin-right: .4rem;
}

#app .question input[type="number"] {
  width: 5rem;
}

#app .question input[type="checkbox"] {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

#app .question .options .option {
  margin-bottom: .15rem;
}

#app .question .items .item input {
  /*
    margin-left: 1rem;
    margin-right: .4rem;
  */
}

#app button {
  /*border-width: 1px;*/
}

#app .question.error > h5 {
  color: red;
}

#app .result {
  padding: .6rem 0.8rem;
  margin-top: 1.8rem;
  font-size: 1.45rem;
  font-weight: bold;
}
#app .result.failed {
  color: rgba(255, 150, 150, 1);;
  background-color: rgba(255, 50, 50, .12);
  border: 1px solid rgba(255, 50, 50, .22);
}
#app .result.success {
  color: rgba(10, 255, 100, 1);;
  background-color: rgba(50, 255, 50, .12);
  border: 1px solid rgba(50, 255, 50, .22);
}