<div id="topo">
	<i class="mobile-menu flaticon-three" ng-click="showMenuMobile()"></i>
	<div class="logo" ng-class="{hidden:focused}" ng-click="changeView('home.principal',true)">
	</div>
	<div class="direita">
		<input type="text" class="pesquisa" ng-class="{focusin:focused}" placeholder="Pesquisar" ng-model="procuraGeral"
			ng-init="focused = false" ng-blur="focused = false" ng-focus="focused = true"></input>
	</div>
</div>

<!-- MENU LATERAL  -->
<div id="menu" ng-class="{ showmobile : showMobileMenu}">
	<ul>
		<li class="user">
			<i class="flaticon-social" ng-click="showMenuUser()"></i>
			<label>Usuário logado: {{codCliente}}</label>
			<label class="userName">{{nomeCliente}}</label>
		</li>
		<li ng-class="{open:abaSelecionada == '/home'}" ui-sref="home.principal">
			<i class="flaticon-home"></i>
			<span>INÍCIO</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/boletos'}" ui-sref="home.boletos" ng-if="liberacoes.boleto">
			<i class="flaticon-bar-code"></i>
			<span>FATURAS</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/oss'}" ui-sref="home.oss" ng-if="liberacoes.os">
			<i class="flaticon-file"></i>
			<span>OSs</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/sac'}" ui-sref="home.sac" ng-if="liberacoes.sac">
			<i class="flaticon-technology"></i>
			<span>SAC</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/notasFiscais'}" ui-sref="home.notas" ng-if="liberacoes.notaFiscal">
			<i class="flaticon-tax"></i>
			<span>NOTA FISCAL</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/eventos'}" ui-sref="home.eventos" ng-if="liberacoes.monitoramento">
			<i class="flaticon-tool"></i>
			<span>EVENTOS</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/aceiteDigital'}" ui-sref="home.aceiteDigital"
			ng-if="liberacoes.aceiteDigital">
			<i class="fas fa-file-signature"></i>
			<span>ACEITE DIGITAL</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/viagem'}" ui-sref="home.viagem" ng-if="liberacoes.viagem && faturaLote">
			<i class="flaticon-black-plane"></i>
			<span>VIAGEM</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/card'}" ui-sref="home.card" ng-if="!serviceNovo && liberacoes.cartao">
			<i class="flaticon-credit-cards"></i>
			<span>CARTÃO</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/seguro'}" ui-sref="home.seguro"
			ng-if="liberacoes.seguro">
			<i class="flaticon-padlock"></i>
			<span>SEGURO</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/utilidades'}" ui-sref="home.utilidades"
			ng-if="liberacoes.telefonesUteis">
			<i class="flaticon-call-answer"></i>
			<span>UTILIDADES</span>
		</li>
		<li ng-class="{open:abaSelecionada == '/indicarProspect'}" ui-sref="home.indicarProspect"
			ng-if="liberacoes.indicarProspect">
			<i class="flaticon-plus"></i>
			<span>INDICAR CLIENTES</span>
		</li>
	</ul>
</div>
<div class="menuUser" ng-if="showSubmenuUser">
	<ul>
		<li ng-click="openItemSubMenu(1)">
			<i class="flaticon-key-silhouette-security-tool-interface-symbol-of-password"></i> Alterar Senha
		</li>
		<li ng-click="openItemSubMenu(2)" ng-if="exibeAlteracaoCadastro">
			<i class="flaticon-user"></i> Atualizar Cadastro
		</li>
		<li ng-click="openItemSubMenu(3)">
			<i class="flaticon-sign-out-option"></i> Sair
		</li>
	</ul>
</div>

<div class="shield" ng-class="{ showmobile : showMobileMenu }" ng-click="showMenuMobile()">

</div>

<div class="shieldMenuUser" ng-class="{ showMenuUser : showSubmenuUser }" ng-click="showMenuUser()">

</div>

<div class="views" ui-view>

</div>