.state {
  padding: 4px 8px;
  background-color: grey;
  color: white;
  border: 1px solid white;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 10px;
  white-space: nowrap;
}

.state-1 { background-color: #008B8B !important; }
.state-2 { background-color: #180f6d !important; }
.state-3 { background-color: #FF7F50 !important; }
.state-4 { background-color: #4682B4 !important; }
.state-5 { background-color: orangered !important; }
.state-6 { background-color: grey !important; }
.state-7 { background-color: palevioletred !important; }
.state-8 { background-color: rgb(196, 0, 65) !important; }
.state-9 { background-color: rgb(169, 160, 39) !important; }
.state-10 { background-color: rgb(0, 0, 0) !important; }
.state-11 { background-color: rgb(48, 145, 201) !important; }
.state-12 { background-color: rgb(228, 83, 83) !important; }
.state-13 { background-color: rgb(126, 39, 169) !important; }
.state-14 { background-color: #602502 !important; }