.inputHolder {
  margin-bottom: 5px;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.inputLabel {
  float: left;
  vertical-align: middle;
  padding-top: 6px;
}

.input {
  box-sizing: border-box;
  height: 32px;
  font-size: small;
  font-family: Verdana, Geneva, sans-serif;
  border: 2px solid #999;
  padding: 5px;
  background: url("fieldBack.png") top left repeat-x #cfcfcf;
}

textarea.input {
  box-sizing: border-box;
  font-size: small;
  height: 100%;
  font-family: Verdana, Geneva, sans-serif;
  border: 2px solid #999;
  padding: 5px;
  background: url("fieldBack.png") top left repeat-x #cfcfcf;
}

.input:focus {
  border: 2px solid #09f;
  background: url("fieldBack.png") top left repeat-x #cfcfcf;
}

.inputValid {
  font-size: small;
  font-family: Verdana, Geneva, sans-serif;
  border: 2px solid #0f0;
  background: url("fieldValid.png") top left repeat-x #d7ffda;
  padding: 5px;
}

.inputError {
  font-size: small;
  font-family: Verdana, Geneva, sans-serif;
  border: 2px solid #f00;
  background: url("fieldError.png") top left repeat-x #ffd7d7;
  padding: 5px;
}

.inputWarning {
  border: 2px solid #ffb9bb;
  background: url("fieldError.png") bottom left repeat-x;
  padding-top: 6px;
  padding-bottom: 6px;
}

.inputLimit {
  font-size: small;
  font-family: Verdana, Geneva, sans-serif;
  border: 2px solid #f96;
  background: linear-gradient(#fc9, #f96);
  padding: 5px;
}

.buttonNormal {
  border: none;
}

.rollButton,
.rollButtonN {
  border: none;
  cursor: pointer;
}

/* ====== Bits for confirmation highlight ====== */
.confirmTab {
  background: url("../bg/tab.png") top left no-repeat;
}