.purchase_taskbar{
    width:100%;
    padding-top: 115px;
    padding-bottom: 30px;
    .purchase_searchbar{
        width:calc(100% - 60%);
        float: left;
        position: relative;
        .nav_bar_search_list{
            position: absolute;
            background: #fff;
            top: 55px;
            width: 100%;
            z-index: 9999;
            -webkit-box-shadow: -1px 9px 14px -5px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 9px 14px -5px rgba(0,0,0,0.2);
box-shadow: -1px 9px 14px -5px rgba(0,0,0,0.2);
            ul{
                margin: 0px;
                padding: 0px;
                li{
                    list-style: none;
                    padding: 5px;
                    padding-left: 10px;
                    cursor: pointer;
                    border-bottom: 1px solid #f8f8f8;
                    .search_list_image{
                        width:30px;
                        height:30px;
                        background: #a8a8a8;
                        border-radius: 50%;
                        float: left;
                        img{
                            width:100%;
                            height:100%;
                            border-radius: 50%;
                            object-fit: cover;
                            object-position: center;
                        }
                    }
                    p{
                        width: calc(100% - 30px);
                        padding:3px;
                        padding-left:15px;
                        margin: 0px;
                        float: left;
                    }
                    &:hover{
                        background: #2655bf;
                        color: #fff;
                    }
                    &:focus{
                        background: #2655bf;
                        color: #fff;
                    }
                }
            }
        }
        .purchase_inner_search_bar{
            background: #ffffff;
            border-radius: 30px;

            input{
                width: calc(100% - 120px);
                float: left;
                height: 45px;
                border:none;
                border-radius: 30px;
                padding-left:30px;
                font-size: 18px;
                font-weight: 300;
                &:focus{
                    outline: none;
                }
                &::placeholder{
                    color: #cad2db;
                }

            }
            .search_btn{
                width:120px;
                float: right;
                height: 45px;
                border-radius: 30px;
                background: #2655bf;
                color: #ffffff;
                border:none;
                &:focus{
                    outline: none;
                }
            }

        }
    }
    .purchase_other{
        width:40%;
        float: right;
        padding: 10px;
        ul
        {
            margin:0px;
            padding:0px;
            text-align: right;
            li{
                padding-left:5%;
                display: inline-block;
                text-align: right;
                cursor: pointer;
                img{
                    margin-right: 10px;
                }
            }
        }
    }
}