.purchase_wrapper{
    .myorder_wrapper{
        width:100%;
        ul{
            padding:0px;
            &::-webkit-scrollbar {
                display: none;
            }
            li{
                list-style: none;
                background: #fff;
                list-style: none;
                padding:20px;
                margin-bottom:20px;
                .auto_part_container{
                    width:200px;
                    height:200px;
                    border:1px solid #eee;
                    text-align: center;
                    padding: 15px;
                    float: left;
                    img{
                        width:100%;
                        height:100%;
                        object-position: center;
                        object-fit:100%;
                    }
                }
                .auto_part_detail{
                    width:calc(100% - 200px);
                    float: right;
                    padding: 10px;
                    padding-left: 20px;
                    h2{
                        font-size: 20px;
                    }
                    h3{
                        font-size: 14px;
                        margin-bottom: 0px;
                        padding:0px;
                    }
                    .others{
                        padding-top: 15px;
                        padding-bottom: 15px;
                    }
                    h4{
                        font-size: 14px;
                        padding-bottom: 0px;
                        margin-bottom:7px;
                        strong{
                            background: #2655bf;
                            color: #fff;
                            margin-left: 10px;
                            padding: 3px;
                            padding-left: 7px;
                            padding-right: 7px;
                        }
                        div{
                            color: #92a1b1;
                            font-weight: 400;
                            width: 50px;
                            display: inline-block;
                            margin-right: 10px;
                        }
                        span{
                            display: inline-block;
                        }
                    }
                    .counter_wrapper{
                        .count_btn{
                         display: inline-block;
                         width:35px;
                         height:35px;
                         color: #2655bf;
                         border:1px solid #d0d0d0;
                         background: transparent;
                         cursor: pointer;
                         text-align: center;
                         border-radius: 50%;
                         margin:5px;
                         font-size:25px;
                         padding:0px;
                         line-height: 30px;
                        } 
                        .counter_value{
                         display: inline-block;
                         width:35px;
                         height:35px;
                         border:1px solid #2655bf;
                         background: transparent;
                         cursor: pointer;
                         text-align: center;
                         border-radius: 50%;
                         margin:5px;
                         font-size: 20px;
                         padding:1px;
                        }
                     }
                }

                .price_details{
                    .remove{
                        float: right;
                        background: #fef160;
                        color: #000;
                        padding-left: 10px;
                        padding-right: 10px;
                        cursor: pointer;
                    }
                    h5{
                        font-weight: 600;
                        padding-bottom: 30px;
                        font-size: 25px;
                    }
                    h4{
                        font-size: 14px;
                        padding-bottom: 0px;
                        margin-bottom:20px;
                        strong{
                            background: #2655bf;
                            color: #fff;
                            margin-left: 10px;
                            padding: 0px;
                            padding-left: 7px;
                            padding-right: 7px;
                        }
                        div{
                            color: #92a1b1;
                            font-weight: 400;
                            display: inline-block;
                            margin-top: 5px;
                        }
                        span{
                            display: inline-block;
                        }
                    }
                    .cancel{
                        background: #fef160;
                        color: #000;
                        float: left;
                        padding-left: 5px;
                        padding-right:5px;
                        font-size: 14px;
                    }
                    .purchase_btn{
                        background: #2655bf;
                        color: #fff;
                        border:none;
                        height:45px;
                        padding-left:8%;
                        padding-right:8%; 
                    }
                    .review{
                        background: #2655bf;
                        color: #fff;
                        float: left;
                        padding-left: 5px;
                        padding-right:5px;
                        font-size: 14px;
                    }

                    .cancelled{
                        background: #c51b1b;
                        color: #fff;
                        float: left;
                        padding-left: 5px;
                        padding-right:5px;
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .bottom_product_list{
        background: #fff;
        position: relative;

        h4{
            color: #262626;
            margin: 0px;
            padding:15px;
            font-size: 16px;
            padding-bottom: 0px;
            span{
                color: #92a1b1;
            }
        }
        .leftRs{
            position: absolute;
            left:10px;
            top: 35%;
            width:50px;
            height:50px;
            border-radius: 50px;
            background: url("/assets/images/asset_left.png");
            border:none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            &:focus{
                outline: none;
            }

        }
        .rightRs{
            position: absolute;
            right:10px;
            top: 35%;
            width:50px;
            height:50px;
            border-radius: 50px;
            background: url("/assets/images/asset_right.png");
            border:none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            &:focus{
                outline: none;
            }

        }
        li{
            list-style: none;
            padding:10px;
            width:100%;
            display: inline-block;  
            .inner_div_product{
                border:1px solid #eeeeee;
                min-height: 300px;
                padding: 15px;
                margin:0 auto;
                width:100%;
                .product_wrapper{
                    text-align: center;
                    padding: 10px;
                    img{
                        height: 180px;
                        max-width: 100%;
                    }
                }
                h5{
                    padding:0px;
                    margin:0px;
                    color: #424242;
                    font-size: 16px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding-bottom: 5px;
                }
                p{
                    padding:0px;
                    margin:0px;
                    color: #a3afbd;
                    font-size: 14px;
                    
                }

                .star_ratting{
                    padding-top: 2px;
                    span{
                        float: right;
                        color: #000000;
                    }
                    .rating { 
                        border: none;
                        float: left;
                      }
                      
                      .rating > input { display: none; } 
                      .rating > label:before { 
                        margin: 2px;
                        font-size: 16px;
                        font-family: FontAwesome;
                        display: inline-block;
                        content: "\f005";
                      }
                      
                      .rating > .half:before { 
                        content: "\f089";
                        position: absolute;
                      }
                      
                      .rating > label { 
                        color: #ddd; 
                       float: right; 
                       margin:0px;
                      }
                      
                      /***** CSS Magic to Highlight Stars on Hover *****/
                      
                      .rating > input:checked ~ label, /* show gold star when clicked */
                      .rating:not(:checked) > label:hover, /* hover current star */
                      .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
                      
                      .rating > input:checked + label:hover, /* hover current star when changing rating */
                      .rating > input:checked ~ label:hover,
                      .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
                      .rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
                }
            }
        }
    }
}