<ul class="dropdown-menu notification-menu" aria-labelledby="dropdownNoti">
                  <div class="col-md-12 col-xs-12" style="border-bottom: #655771;border-bottom-style: double;">
                    <h5 class="notification-title"><i class="fa fa-bell"></i> Notifications</h5>
                    <a class="mark-all" ng-click="vm.markAllRead()">Mark all as read</a>
                  </div>
                  <div class="not-body">
                    <li ng-if="!vm.notifications.length"><a>You have no new notification yet.</a></li>
                    <li class="notification-type"  ng-repeat="notification in vm.notifications" ng-style="{'background-color': notification.unread==false? 'white' : '#f5f5f5'}" style="border-bottom-style: ridge;">
                      <a href="">{{notification.description}}
                        <h6><i class="fa fa-clock-o"></i> {{vm.timeOf(notification)}}</h6>
                      </a>
                      <a class="mark-as btn btn-default " ng-click="vm.markAsRead(notification)" data-toggle="popover" data-trigger="hover" data-content="as read" ng-class="{'add-white' : notification.unread==true }" ></a>
                    </li>
                  </div>
                </ul>