.statuses {
  padding: 4px 10px;
  border-radius: 25px;
  font-size: 10px;
  cursor: pointer;
}
.statuses.rent,
.statuses.delivered_for_shipment {
  background: #fff4cc;
  color: #9c8157;
  border: 1px solid #f0cd95;
}
.statuses.pending,
.statuses.processing,
.statuses.under_construction,
.statuses.in_progress,
.statuses.reserved,
.statuses.preparing,
.statuses.not_completed,
.statuses.prepare {
  background: #fff4cc;
  color: #ffc800;
  border: 1px solid #fcdd6e;
}

.statuses.canceled,
.statuses.un_read,
.statuses.rejected,
.statuses.unavailable,
.statuses.cancelled,
.statuses.inactive,
.statuses.sold,
.statuses.returned {
  background: #ffdee8;
  color: #ff2366;
  border: 1px solid #ff769f;
}

.statuses.shipping,
.statuses.delivered,
.statuses.under_construction,
.statuses.on_the_way {
  background: #f3dcff;
  color: #a900ff;
  border: 1px solid #d6b3ff;
}

.statuses.accepted,
.statuses.active,
.statuses.available,
.statuses.paid,
.statuses.completed,
.statuses.is_read,
.statuses.sale,
.statuses.finished {
  background: #ccf2e4;
  color: #16c182;
  border: 1px solid #b3e6d6;
}

.statuses.unpaid,
.statuses.returned {
  background: #e5e7ec;
  color: #8994a8;
  border: 1px solid #c0d0ee;
}