.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 .negotiationstatus {
    }

        .badge .negotiationstatus .hold {
            background-color: orange !important;
            color: white !important;
        }

        .badge .negotiationstatus .confirmed {
            background-color: royalblue !important;
            color: white !important;
        }

        .badge .negotiationstatus .confirmedotherversion {
            background-color: royalblue !important;
            color: white !important;
        }

        .badge .negotiationstatus .refused {
            background-color: red !important;
            color: white !important;
        }

    .badge .statusorder {
        background-color: transparent !important;
    }

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

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

        .badge .statusorder .retryrelease {
            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;
        }


/* Card Container */

.rounded-corners-card {
    border: 1px solid;
    border-color: lightgray;
    border-radius: 10px;
    width: 100%;
}

    .rounded-corners-card div {
        text-align: center;
        width: 100%;
    }

    .rounded-corners-card .card-title {
        padding-top: 20px;
        font-size: large !important;
    }

    .rounded-corners-card .card-value {
        padding-top: 10px;
        font-size: xx-large;
    }

    .rounded-corners-card .card-target {
        padding-top: 5px;
        padding-bottom: 20px;
        font-size: large;
    }