.tag-pay {
  border-color: rgba(96, 100, 108, 0.18);
  background: rgba(96, 100, 108, 0.08);
  color: #60646c;
}

.tag-pay.pay-green {
  border-color: rgba(15, 186, 49, 0.25);
  background: rgba(15, 186, 49, 0.12);
  color: #0b7b20;
}

.tag-pay.pay-yellow {
  border-color: rgba(255, 138, 0, 0.25);
  background: rgba(255, 138, 0, 0.10);
  color: #b86200;
}

.tag-pay.pay-red {
  border-color: rgba(237, 21, 21, 0.25);
  background: rgba(237, 21, 21, 0.08);
  color: #b10f0f;
}

.tag-pay.pay-gray {
  border-color: rgba(96, 100, 108, 0.18);
  background: rgba(96, 100, 108, 0.08);
  color: #60646c;
}

.tag-proc {
  border-color: rgba(96, 100, 108, 0.18);
  background: rgba(96, 100, 108, 0.08);
  color: #60646c;
}

.tag-proc.proc-yellow {
  border-color: rgba(255, 138, 0, 0.25);
  background: rgba(255, 138, 0, 0.10);
  color: #b86200;
}

.tag-proc.proc-blue {
  border-color: rgba(36, 99, 235, 0.25);
  background: rgba(36, 99, 235, 0.10);
  color: #1d4ed8;
}

.tag-proc.proc-purple {
  border-color: rgba(124, 58, 237, 0.25);
  background: rgba(124, 58, 237, 0.10);
  color: #6d28d9;
}

.tag-proc.proc-green {
  border-color: rgba(15, 186, 49, 0.25);
  background: rgba(15, 186, 49, 0.12);
  color: #0b7b20;
}

.tag-proc.proc-red {
  border-color: rgba(237, 21, 21, 0.25);
  background: rgba(237, 21, 21, 0.08);
  color: #b10f0f;
}

.tag-proc.proc-gray {
  border-color: rgba(96, 100, 108, 0.18);
  background: rgba(96, 100, 108, 0.08);
  color: #60646c;
}

.tag-ok {
  border-color: rgba(15, 186, 49, 0.25);
  background: rgba(15, 186, 49, 0.12);
  color: #0b7b20;
}