.message-box-input,
.message-box-report,
.message-box-warning,
.message-box-failure,
.message-box-question {
  display: flex;
  flex-direction: column;
  width: 480px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  border-width: 4px;
  border-style: solid;
}

.message-box-input {
  border-image: linear-gradient(#a080c0, #604080) 1;
  background-color: #a080c01a;
  text-align: left;
}

.message-box-report {
  border-image: linear-gradient(#80c080, #408040) 1;
  background-color: #80c0801a;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.message-box-warning {
  border-image: linear-gradient(#c0c080, #939348) 1;
  background-color: #c0c0801a;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.message-box-failure {
  border-image: linear-gradient(#c08080, #a04040) 1;
  background-color: #c080801a;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.message-box-question {
  border-image: linear-gradient(#80a0e0, #4060a0) 1;
  background-color: #80a0e01a;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.message-box-input table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 8px;
  border-collapse: separate;
}

.message-box-input th,
.message-box-input tr,
.message-box-input td {
  padding: 0;
}

.message-box-input td:first-child,
.message-box-input th:first-child {
  width: 40%;
}

.message-box-input td:last-child,
.message-box-input th:last-child {
  width: 60%;
}

.message-box-input a.vm_button,
.message-box-report a.vm_button,
.message-box-warning a.vm_button,
.message-box-failure a.vm_button,
.message-box-question a.vm_button,
.message-box-input button.vm_button,
.message-box-report button.vm_button,
.message-box-warning button.vm_button,
.message-box-failure button.vm_button,
.message-box-question button.vm_button {
  margin: 8px;
}

.message-box-input a.vm_button,
.message-box-input button.vm_button {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  text-align: center;
}

.message-box-input input,
.message-box-input select {
  font-family: inherit;
  font-size: 1rem;
  padding: 2px;
  border: 1px solid black;
  border-radius: 4px;
  background-color: white;
  box-sizing: border-box;
  width: 100%;
}

.message-box-input p,
.message-box-report p,
.message-box-warning p,
.message-box-failure p,
.message-box-question p {
  margin: 8px;
}

.message-box-input h3,
.message-box-report h3,
.message-box-warning h3,
.message-box-failure h3,
.message-box-question h3 {
  margin: 8px;
}