.order-card {
    color: #fff;
}

.bg-c-green {
    background: linear-gradient(45deg, #82a762, #82a762);
}
.bg-c-green-menyala{
        background: #77ff00;
}
.bg-sunkist{
        background: #ff8c00;
}

.bg-c-yellow {
    background: linear-gradient(45deg, #ccdf92, #ccdf92);
}

.bg-c-red {
    background: linear-gradient(45deg, #bc2023, #bc2023);
}

.bg-c-kerdil {
    background: linear-gradient(45deg, #45503b, #45503b);
}

.card {
    border-radius: 20px !important;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    border: none !important;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 25px;
}

.order-card i {
    font-size: 26px;
}