:root {
  --status-negative: #e84855;
  --status-positive: #00af78;
  --status-notice: #f59e0b;
}

form .npi-format-invalid input[type="text"],
form .npi-format-invalid input[type="number"],
form .npi-format-invalid input[type="number"]:focus {
  border-color: var(--status-notice) !important;
}

form .npi-invalid input[type="text"],
form .npi-invalid input[type="number"],
form .npi-invalid input[type="number"]:focus {
  border-color: var(--status-negative) !important;
}

form .npi-valid input[type="text"],
form .npi-valid input[type="number"],
form .npi-valid input[type="number"]:focus {
  border-color: var(--status-positive) !important;
}

#jnpi-loader {
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid black;
  height: 20px;
  width: 20px;
  margin: 0;
  position: absolute;
  right: 6px;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.jnpi-warning {
  color: var(--status-notice) !important;
}

.jnpi-error {
  color: var(--status-negative) !important;
}

.jnpi-success {
  color: var(--status-positive) !important;
}