.jobstatusmodal .modal-content {
  width: 500px;
  color: var(--text-color);
}

.jobstatusmodal .statusdiv {
  background: var(--background-dark);
  padding: 10px 15px;
  border-radius: 10px;
  margin-top: 10px;
}

.jobstatusmodal .status {
  font-family: monospace;
  font-weight: bold;
  font-size: 150%;
  margin-left: 5px;
  margin-right: 5px;
}

.jobstatusmodal .status[type=default] {
  color: inherit;
}
.jobstatusmodal .status[type=error],
.jobstatusmodal .status[type=canceled],
.jobstatusmodal .status[type=expired] {
  color: var(--text-color-error);
}
.jobstatusmodal .status[type=queued] {
  color: var(--text-color-warning);
}
.jobstatusmodal .status[type=running],
.jobstatusmodal .status[type=complete] {
  color: var(--text-color-success);
}

.jobstatusmodal .message {
  font-style: italic;
  color: gray;
}