.status {
  border-radius: 4px;
  display: inline-block;
  padding: 1px 6px;
}

.status-canceled {
  background-color: #e9e9ea;
  color: #707070;
}

.status-onhold {
  background-color: #fadbd8;
  color: #e74a3b;
}

.status-new {
  background-color: #d7e4f9;
  color: #005295;
}

.status-resolved {
  background-color: #d4f3e8;
  color: #27c28a;
}

.status-inprogress {
  background-color: #fff0d1;
  color: #ffb31a;
}