.badge {
    border-radius: 5px;
    background: grey;
    color: white;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

    .badge.promotionitem {
    }

        .badge.promotionitem.rule {
            background-color: lightblue !important;
            color: white !important;
        }

        .badge.promotionitem.award {
            background-color: darkseagreen !important;
            color: white;
        }


    .badge.statusorder {
    }

        .badge.statusorder.open {
            background-color: orange !important;
            color: white !important;
        }

        .badge.statusorder.released {
            background-color: royalblue !important;
            color: white !important;
        }

        .badge.statusorder.retryreleased {
            background-color: royalblue !important;
            color: white !important;
        }

        .badge.statusorder.senderror {
            background-color: red !important;
            color: white !important;
        }

        .badge.statusorder.sent {
            background-color: royalblue !important;
            color: white !important;
        }

        .badge.statusorder.approved {
            background-color: green !important;
            color: white !important;
        }

        .badge.statusorder.preparing {
            background-color: green !important;
            color: white !important;
        }

        .badge.statusorder.shippedpartially {
            background-color: green !important;
            color: white !important;
        }

        .badge.statusorder.shippedcomplete {
            background-color: green !important;
            color: white !important;
        }

        .badge.statusorder.closed {
            background-color: white !important;
            color: black !important;
        }

        .badge.statusorder.canceled {
            background-color: black !important;
            color: white !important;
        }