<div class="divOuterSearch365" style="border:1px solid grey">
    <span style="float:left;margin-top:5px;margin-left:2px;" ng-show="user.AccountName">{{user.PreferredName}} <a href="" ng-click="resetUser()">X</a></span>
    <input ng-model="searchTerm" class="inputPeopleSearchbox365" ng-blur="blur()" style="width:auto" />
    <a href="" class="aPeopleSearch">
        <img src="../../../Modules/Branding/Content/Images/gears_anv4.gif" style=" margin-top:3px;margin-right:1px;" ng-show="searching" />
    </a>
    <div class="peopleSuggestionList" ng-show="showSuggestionList">
        <div class="wizdom365-qSuggest-list" style="white-space:normal;">
            <div ng-repeat="user in searchResults.users" class="wizdom365-qSuggest-listItem" style="cursor: pointer; cursor: hand;" ng-click="setUser(user)">
                <span ng-bind-html="highlight(user.PreferredName, searchTerm)"></span>
            </div>
            <div ng-show="searching" class="wizdom365-qSuggest-listItem">
                {{'Searching' | translate}}
            </div>
            <div ng-show="searching != true && searchResults.users.length == 0" class="wizdom365-qSuggest-listItem">
                {{'No results' | translate}}
            </div>
        </div>
    </div>
</div>