.card-header{
        background:var(--warna_2);
        color:var(--warna_1);
    }
    .accordion-button {
        box-shadow: none !important;
    }

    .accordion-tipe {
        font-weight: 600;
    }

    .btn.disabled,
    .btn:disabled,
    fieldset:disabled {
        background: #8ba4b1;
        border-color: #8ba4b1;
    }

    .product .box {
        margin-bottom: 40px;
    }
    #logo_item{
        height: 10px;
        width: 10px;
    }

    button.accordion-button {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .box-back i {
        font-size: 22px;
        margin-top: 2px;
        color: #fff;
    }

    .product-list {
        overflow: hidden;
    }

    .product-list span {
        font-size: 11px;
    }
    .product-list-un {
        overflow: hidden;
    }

    .product-list-un span {
        font-size: 10px;
    }

    .product-list.active {
        border: 1px solid var(--warna_4) !important;
    }

    .product-list.active:before {
        display: inline-block;
        content: 'L';
        position: relative;
        background: var(--warna_4);
        margin-left: -20px;
        height: 53px;
        line-height: 40px;
        width: 20px;
        text-align: center;
        color: #fff;
        top: -23px;
        transform: rotate(45deg) scaleX(-1);
    }

    .product-list.active b {
        margin-top: -53px;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: 0;
        margin-left: 0;
    }

    .swal2-styled.swal2-confirm {
        background-color: var(--warna_2) !important;
        color: #fff;
    }

    .swal2-styled.swal2-confirm:focus {
        box-shadow: none !important;
    }

    .product-list img {
        display: flex;
        float: right;
        margin-top: -12px;
    }
    .product-list-un img {
        display: flex;
        float: right;
        margin-top: -12px;
        filter: grayscale(100%);
    }

    .productlogo {
        width: 32px;
        right: 5%;
    }

    .accordion-button:hover {
        z-index: 0;
    }

    .bg-payment {
        background: #E6E7EB;
    }
    .bg-header-payment{
        background: var(--warna_1) !important;
    }

    .method-list.active {
        border-color: var(--warna_4) !important;
    }

    .method-list.active:before {
        background: var(--warna_4) !important;
    }

    .btn-order.loading {
        padding-right: 40px;
    }

    .btn-order.loading:after {
        content: "";
        position: absolute;
        border-radius: 100%;
        right: 10px;
        top: 35%;
        width: 0px;
        height: 0px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-left-color: #FFF;
        border-top-color: #FFF;
        animation: spin .6s infinite linear, grow .3s forwards ease-out;
    }

    @keyframes spin {
        to {
            transform: rotate(359deg);
        }
    }

    @keyframes grow {
        to {
            width: 16px;
            height: 16px;
        }
    }

    @media (min-width: 768px){
        .product-list b{
            font-size:0.8rem;
        }
        .product-list-un b{
            color:grey;
            font-size:0.8rem;
        }
        .product-list-un .harga{
            color:grey;
        }
        
    }
    @media (max-width: 768px){
        .product-list b{
            font-size:0.7rem;
        }
        .product-list-un b{
            color:grey;
            font-size:0.7rem;
        }
        .product-list-un .harga{
            color:grey;
        }
    }