@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

*{
  font-family: 'Roboto', sans-serif;
}
.m-vendorsList{
    padding-top: 100px;
    .m-vendorsList_page{
        background-color: #fcfde4;
        .container{
            ul{
                padding-top: 50px;
                padding-left: 0px;
                li{
                    list-style: none;
                    display: inline-block;
                    margin-right: 50px;
                    a{
                        font-weight: 400;
                        font-size: 16px;
                        color: #5f5f5f;
                    }
                }
            }
            .m-vendorsList_page_input_box{
                padding-top: 10px;
                padding-bottom: 60px;
                .input_det{
                    width: 50%;
                    display: inline-block;
                    height: 60px;
                    background-color: #ffffff;
                    padding: 10px 10px 10px 10px;
                    input{
                        float: left;
                        width: calc(100% - 40px);
                        height: 100%;
                        border-radius: 20px;
                        border: transparent;
                        outline: none;
                        padding-left: 20px;
                        &::placeholder{
                            opacity: .5;
                        }
                    }
                    .m-vendorsList_page_input_box_button{
                        text-align: center;
                        float: right;
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        background-color: rgb(194, 55, 194);
                        i{
                            font-size: 18px;
                            padding-top: 11px;
                            color: #e2e2e2;
                        }
                    }    
                }
                .input_det1{
                    border-top-left-radius: 30px;
                    border-bottom-left-radius: 30px;
                    position: relative;
                    input{
                        border-top-right-radius: 0px;
                        border-bottom-right-radius: 0px ;
                        border-right: 1px solid #c717c7 ;
                        width: 100% ;
                    }
                    .m-vendorsList_page_input_box_button{
                        display: none;
                    }
                 
                }
                .input_det2{
                    border-top-right-radius: 30px;
                    border-bottom-right-radius: 30px;
                    position: relative;
               
                }
            }
        }
    }
    .m-vendorsList_det{
        margin: 27px 0 0 0;
        .container{
            .m-vendorsList_refine_rating{
                .row
                {
                    
                        h4{
                            color: #a8a8a8;
                            font-family: 'Roboto', sans-serif;
                            font-weight: 400;
                            font-size: 18px;
                            margin: 37px 0 0 0;
                        }
                        select{
                            border: none;
                            border-bottom: 1px solid  #9e9e9e;
                            border-radius: 0px;
                            text-decoration: none;
                            width: 50%;
                            font-size: 16px;
                            outline: none;
                            cursor: pointer;
                            option{
                                font-size: 16px;
                                color: #b638b6;
                                display: block;
                                line-height: 22px;
                                padding: 14px 16px;
                            }
                        }
                        img{
                            height: 22px;
                            margin-top: 12px;
                        }
                    
                }
            }
            .m-vendorsList_dpa{
                margin-top: 20px;
                margin-bottom: 20px;
                .row{
                    .dfprav{
                        background-color: #f6f5f5;
                       input{
                           background: transparent;
                           border: none;
                           border-bottom: 1px solid #9e9e9e;
                           width: 90%;
                           font-size: 15px;
                           outline: none;
                           margin-top:15px;
                           margin-bottom: 15px;
                    
                       }
                       .input-dfprav
                       {
                           margin-left: 15px;
                       }
                      
                    }
                }
            }
        }
    }
}