#simpin-dialog {
  background: white;
  color: #000;
}

#simpin-dialog section[role="region"] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#simpin-dialog .container {
  padding-left: 20px;
  font-size: 1.5em;
}

#simpin-dialog .container > div {
  padding-top: 10px;
}

#errorMsg{
  padding: 1rem;
}

#simpin-dialog .error #messageHeader {
  color: red;
}

/* for simpin error message,
 * to override [role="dialog"] rules in core.css*/
#messageBody {
  color: #000;
  white-space: normal;
}

#simpin-dialog .input-wrapper {
  position: relative;
}

#simpin-dialog .input-wrapper input {
  font-size: 2.0em;
  display: block;
}

#simpin-dialog .input-wrapper input[type="text"] {
  width: auto;
  pointer-events: none;
  position: absolute;
  top: 0;
}