.order-details-container .order-approved {
    background: rgb(220 252 231);
    border: 1px solid rgb(165 192 175);
    color: rgb(21 128 61);
    text-transform: capitalize;
}
.order-details-container .order-cancelled {
    background: rgb(254 226 226);
    border: 1px solid rgb(204 176 176);
    color: rgb(185 28 28);
    text-transform: capitalize;
}
.order-details-container .order-paused {
    background: rgb(219 234 254);
    border: 1px solid rgb(168 183 202);
    color: rgb(29 78 216);
    text-transform: capitalize;
}
.order-details-container .order-denied {
    background: rgb(254 202 202);
    border: 1px solid rgb(204 176 176);
    color: rgb(153 27 27);
    text-transform: capitalize;
}
.order-details-container .order-completed {
    background: rgb(240 253 244);
    border: 1px solid rgb(185 202 190);
    color: rgb(21 128 61);
    text-transform: capitalize;
}
.order-details-container .order-pending {
    background: rgb(253 202 169);
    border: 1px solid rgb(206 157 125);
    color: rgb(165 94 42);
    text-transform: capitalize;
}


.order-details-container .order-badge-approved {
    width: 10px !important;
    height: 10px !important;
    background: rgb(21 128 61) !important;
}
.order-details-container .order-badge-cancelled {
    width: 10px !important;
    height: 10px !important;
    background: rgb(185 28 28) !important;
}
.order-details-container .order-badge-paused {
    width: 10px !important;
    height: 10px !important;
    background: rgb(29 78 216) !important;
}
.order-details-container .order-badge-denied {
    width: 10px !important;
    height: 10px !important;
    background: rgb(153 27 27) !important;
}
.order-details-container .order-badge-completed {
    width: 10px !important;
    height: 10px !important;
    background: rgb(21 128 61) !important;
}
.order-details-container .order-badge-pending {
    width: 10px !important;
    height: 10px !important;
    background: rgb(165 94 42) !important;
}