<!--ko if: $root.SearchBox() && $root.SearchBox().canUse-->
<div class="col-xs-12 col-sm-12 col-md-12">
    <!--ko if: $root.SearchBox().textInput-->
    <div class="col-xs-2 col-sm-2 col-md-1 searchClear-div" data-bind="click:$root.SearchBox().clear">
        <img src="~/Upload/icon/close.png" height="15" />
    </div>
    <!--/ko-->
    <div data-bind="css:$root.SearchBox().textInput && $root.SearchBox().textInput() ? 'col-xs-8 col-sm-8 col-md-10' : 'col-xs-10 col-sm-10 col-md-11' " style="padding:0px">
        <input type="text" class="form-control defaultTextbox" data-bind="textInput:$root.SearchBox().textInput, attr:{placeholder:$root.SearchBox().placeHolder }" />
    </div>
    <div class="col-xs-2 col-sm-2 col-md-1 searchBtn-div">
        <img src="~/Upload/icon/search_left.png" height="18" />
    </div>
</div>
<!--/ko-->