<nav class="mr-auto breadcrumb-wrapper cla-breadcrumb-wrapper align-self-center" aria-label="breadcrumb">
	<ul class="breadcrumb p-0 pl-3 m-0" id="main_breadcrumb">
		<li class="breadcrumb-item" name="hybrid_breadcrumb" ng-if="hybrid"><a name="hybrid_url" ng-href="{{h_data.url}}" rel="tooltip" data-original-title="{{h_data.name}}"><span name='icon' class="glyphicons glyphicons-circle-arrow-left"></span></a></li>
		<li class="breadcrumb-item" ng-repeat="crumb in breadcrumb.crumbs" ng-class="{active : $last}">
			<a ng-if="!$last || $first == $last && !crumb.isPages" ng-href="{{crumb.url}}">{{crumb.name}}</a>
			<h1 class="h6 mt-2 text-truncate" ng-if="$first == $last && crumb.isPages">{{crumb.name}}</h1>
			<div ng-if="$last && $first !== $last">
				<span ng-if="!crumb.isPages">{{crumb.name}}</span>
				<h1 class="h6 mt-2 text-truncate" ng-if="crumb.isPages">{{crumb.name}}</h1>
			</div>
		</li>
	</ul>
</nav>
