.order-badge {
    padding: 5px 8px !important;
}

.order-badge-new,
.order-badge-new-menu {
    background-color: #FFAC33 !important;
    color: white !important;
    animation: opacityAnimation 3s infinite;
}

.order-badge-new {
    padding: 7px 12px !important;
}

.order-badge-draft {
    background-color: #FDCB58 !important;
    color: black !important;
}

.order-badge-processing {
    background-color: #a45f03 !important;
    color: white !important;
}

.order-badge-readyToShip {
    background-color: #78B159 !important;
    color: white !important;
}

.order-badge-shipped {
    background-color: rgba(120, 177, 89, 0.3) !important;
    color: #55595c !important;
}

.order-badge-delivered {
    background-color: rgba(120, 177, 89, 0.1) !important;
    color: #55595c !important;
}

.order-badge-canceled {
    background-color: rgba(221, 46, 68, 0.11) !important;
    color: #55595c !important;
}

.order-badge-actionNeeded {
    background-color: #DD2E44 !important;
    color: white !important;
    animation: opacityAnimation 2.5s infinite;
}

.no-animation {
    animation: none;
}

@keyframes opacityAnimation {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.animate-opacity {
    animation: opacityAnimation 1s infinite;
}

@media (min-width: 576px) {
    .col-sm-0p5 {
        flex: 0 0 4.166666% !important;
        max-width: 4.166666% !important;
    }

    .col-sm-1p5 {
        flex: 0 0 12.4999995% !important;
        max-width: 12.4999995% !important;
    }
}

.discount-entry-text {
    opacity: .75;
    font-size: .8em;
}