.bg-success {
  background-color: rgba(212, 237, 218, .5);
}

.bg-warning {
  background-color:rgba(255, 243, 205, .5);
}

.bg-primary {
  background-color: rgba(204, 229, 255, .5);
}

.bg-danger {
  background-color: rgba(248, 215, 218, .5);
}

.bg-canceled {
  background-color: rgba(226, 227, 229, .5);
}

.json-key {
  color: #c0392b;
}

.json-value {
  color: #2980b9;
}

.json-number {
  color: #16a085;
}

.view-raw-data .header {
  position: sticky;
  top: 72px;
  left: 0;
  padding: 10px;
  z-index: 999;
  background-color: rgba(75, 0, 130, .7);
  color: #fff;
  margin-bottom: 10px;
}

.view-raw-data pre {
  font-size: 12px;
  padding: 10px;
  border-radius: 5px;
  white-space: pre-wrap;
  word-wrap: break-word;
}