@if(str_replace('https:', '', str_replace('http:', '', get_host_url())) == str_replace('https:', '', str_replace('http:', '', url(''))) . '/home')
<style>
	#modal-abrir-tela {
		margin-top: -50px !important;
	}
</style>
@else
<style>
	#modal-abrir-tela {
		margin-top: 0px !important;
	}
</style>
@endif

@php $urlhost 					   = url('');
@php $exibir_aniversarios_clientes = fn_parametro('TBUSUARIO.EXIBIR_ANIVERSARIOS_CLIENTES', (isset(Auth::user()->CODIGO) ? Auth::user()->CODIGO : '0'));

<div class="idAlertasENotificacoes" id="idAlertasENotificacoes" ng-app="appAlertasENotificacoes">
	<div class="notificacoes-container" ng-controller="CrtAlertasENotificacoes as vm" ng-cloak ng-init="vm.init()">

		<input type="hidden" class="old_notificacoes" id="old_notificacoes" value="{{ getOldNotificacoes() }}">
		<input type="hidden" class="old_modulos" id="old_modulos" value="[]">
		<input type="hidden" class="loaded_modulos" id="loaded_modulos" value="0">
		<input type="hidden" class="user_score" id="user_score" value="{{ getUserNotaAvaliacao() }}">

		<aside id="sidebar" class="notifications notifications-panel">

			<div class="notifications-actions">

				<div id="clean-notifications" class="clean-notifications" ng-click="vm.setAllNotificationsViewed();" ttitleb="Marcar todas como visualizadas">
					<span class="glyphicon glyphicon-trash" style="scale: 1.5;"></span>
				</div>

				<div  style="float: left !important;" id="clean-bday" class="clean-notifications" ttitleb="Abrir automaticamente">
					<input
						id="alterarAbrirNotificacao"
						class="alterarAbrirNotificacao"
						type="checkbox"
						style="
							display: inline-block; 
							margin: 0; 
							cursor: pointer;"> 
				</div>

				<div id="close-notifications" class="close-notifications sidebar_toggler" ng-click="vm.toggleNotificationsPanel();">
					<span class="glyphicon glyphicon-chevron-left" style="scale: 1.5;"></span>
				</div>

			</div>

			<div class="sidebar_content sidebar_head">
				<h2 style="font-weight: 600; font-size: 24px !important;">Notificações</h2>
			</div>

			<div style="height: calc(100% - 150px); overflow: auto; pointer-events: all;" class="sidebar_content sidebar_body">

				<div id="scrollable-list">

					<nav class="side_navlinks">
						<div class="AlertasENotificacoes" id="AlertasENotificacoes">

							<input type="hidden" name="_num_notificacoes" id="_num_notificacoes" ng-model="vm.NUM_NOTIFICACOES">
							<div class="objAlertasENotificacoes" id="objAlertasENotificacoes" style="margin: 0px 10px 0px 10px;"></div>

						</div>
					</nav>

				</div>

			</div>

			<!-- <div class="sidebar_content sidebar_foot">
				<img src="{{ $urlhost }}/assets/images/loading.gif" alt="Carregando..." width="70">
			</div> -->

		</aside>

	</div>
</div>

<div class="idAniversariantes" id="idAniversariantes">
	<div class="notificacoes-container" ng-controller="MenuCtrl as vm">

		<aside id="sidebar" class="bday notifications-panel colaboradores">

			<div class="notifications-actions">

				<div id="clean-bday" class="clean-notifications" ttitleb="Abrir automaticamente">
					<input
						id="alterarAbrirAniversario"
						class="alterarAbrirAniversario"
						type="checkbox"
						style="
							display: inline-block; 
							margin: 0; 
							cursor: pointer;"> 
				</div>

				<div id="close-bday" class="close-notifications sidebar_toggler" ng-click="vm.toggleBdayPanel('.colaboradores');">
					<span class="glyphicon glyphicon-chevron-right" style="scale: 1.5"></span>
				</div>

			</div>

			<div class="sidebar_content sidebar_head">
				<h2 style="font-weight: 600; font-size: 24px !important;">Colaboradores <br> Aniversariantes</h2>
			</div>

			<div style="height: calc(100% - 150px); overflow: auto; pointer-events: all;" class="sidebar_content sidebar_body">

				<div id="scrollable-list">

					<nav class="side_navlinks">
						<div class="Aniversariantes" id="Aniversariantes">

							<div class="objAniversariantes" id="objAniversariantes" style="margin: 0px 10px 0px 10px; color: white;">
								<ul id="obj_lista_aniversariantes"></ul>
							</div>

						</div>
					</nav>

				</div>

			</div>

			<!-- <div class="sidebar_content sidebar_foot">
				<img src="{{ $urlhost }}/assets/images/loading.gif" alt="Carregando..." width="70">
			</div> -->

		</aside>

	</div>
</div>

@if($exibir_aniversarios_clientes == 1)
	<div class="idAniversariantes" id="idAniversariantes">
		<div class="notificacoes-container" ng-controller="MenuCtrl as vm">

			<aside id="sidebar" class="bday notifications-panel clientes">

				<div class="notifications-actions">

					<!-- <div id="clean-bday" class="clean-notifications" ttitleb="Abrir automaticamente">
						<input
							id="alterarAbrirAniversario"
							class="alterarAbrirAniversario"
							type="checkbox"
							style="
								display: inline-block; 
								margin: 0; 
								cursor: pointer;"> 
					</div> -->

					<div id="close-bday2" style="float: left !important;" class="close-notifications sidebar_toggler" ng-click="vm.toggleBdayPanel('.clientes');">
						<span class="glyphicon glyphicon-chevron-right" style="scale: 1.5"></span>
					</div>

				</div>

				<div class="sidebar_content sidebar_head">
					<h2 style="font-weight: 600; font-size: 24px !important;">Clientes <br> Aniversariantes</h2>
					<label id="periodo_clientes_aniversarios"></label>
				</div>

				<div style="height: calc(100% - 150px); overflow: auto; pointer-events: all;" class="sidebar_content sidebar_body">

					<div id="scrollable-list">

						<nav class="side_navlinks">
							<div class="Aniversariantes" id="Aniversariantes">

								<div class="objAniversariantes" id="objAniversariantes" style="margin: 0px 10px 0px 10px; color: white;">
									<ul id="obj_lista_aniversariantes_clientes"></ul>
								</div>

							</div>
						</nav>

					</div>

				</div>

				<!-- <div class="sidebar_content sidebar_foot">
					<img src="{{ $urlhost }}/assets/images/loading.gif" alt="Carregando..." width="70">
				</div> -->

			</aside>

		</div>
	</div>

@endif

<div class="__offcanvas_navigation">
	<aside id="__offcanvas">
		<i id="__offcanvas_close" class="fa fa-times" aria-hidden="true"></i>
		<div class="__offcanvas_content __offcanvas_head">
			@yield('offcanvas-title')
		</div>
		<div class="__offcanvas_content __offcanvas_body">
			<nav class="__side_navlinks">
				<ul class="__navlinks">
					@yield('offcanvas-items')
				</ul>
			</nav>
		</div>
		<div class="__offcanvas_content __offcanvas_foot">
			@yield('offcanvas-footer')
		</div>
	</aside>
</div>

<div id="menu" class="scroll-dark {{ fn_parametro('TBUSUARIO.EXIBE_ANIMACAO_GC', (isset(Auth::user()->CODIGO) ? Auth::user()->CODIGO : 99999)) == '1' ? 'natal-gc' : '' }} fechado" style="margin-top: -50px;">

	<img src="{{ fn_imagem_login() }}" alt="" srcset="" id="menu-art">

	<!-- MARCA D'AGUA DA EMPRESA -->
	<div class="menu-logo-watermark"></div>

	<!-- PAINEL DE NOTIFICAÇÕES -->
	<div class="menu-container" id="menu-container" ng-controller="MenuCtrl as vm" ng-init="vm.LoadMenus(); vm.getFotoUsuario()" style="height: 100%">

		<button ng-show="vm.SpeechRecognition.executando == false" type="button" ng-click="vm.iniciarReconhecimentoDeVoz()" data-hotkey="alt+x" style="width: 0; height: 0; opacity: 0;"></button>

		<div ng-show="vm.SpeechRecognition.executando == true" class="" style="background-color: white;
				width: 100px;
				margin-left: 10px;
				padding: 5px;
				border: 1px solid #02ff65;
				border-radius: 5px;
				background-size: contain;
				height: 25px;
				background-image: url('data:image/gif;base64,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')
			">
		</div>

		<nav id="card-niver">
			<ul id="lista_aniversariantes"></ul>
		</nav>

		<div class="row" id="menu-acoes" style="
				padding: 5px;
				border-radius: 15px;
				margin-top: 15px;
				margin: 15px auto -5px auto;
				width: 100%;
        	">

			<div class="col-lg-12" style="padding-right: 0px; padding-left: 0px;">

				<div class="card_" style="margin-left: 10px; margin-right: 10px; border: 0; background-color: transparent !important;">

					<form class="card-body">

						<div class="form-row" id="menu-toolbar">

							<div class="form-group col-lg-2 card" id="menu-bar-logo" style="display: flex; flex-direction: row; justify-content: center; align-items: center; border: 0px; background-color: transparent !important;">

								<div class="status-websocket" id="status-websocket-btn">
									<div class="websocket-desconectado desconectado" style="display: none; background-color: #c9302c !important; border-color: #ac2925 !important;" ttitleb="Você esta DESCONECTADO do servidor de notificações"></div>
									<div class="websocket-conectado conectado" style="display: none; cursor: pointer; background-color: #5cb85c !important; border-color: #4cae4c !important;" data-placement="bottom" ttitleb="Você esta CONECTADO com o servidor de notificações"></div>
								</div>

								<img src="{{ $urlhost }}/assets/images/novo_layout_gcweb/logo_gc/gcweb-logo.png" alt="" srcset="" style="
									float: left;
									width: 150px;
									margin: 11px 0px 0px 0px;
								">

							</div>

							<!-- START OF MOBILE DEVICES SECTION 1 -->

							<div class="row" id="mobile-section-1" style="display: none;">
								<div class="form-group col-lg-6 card" id="menu-bar-logo-mob" style="display: none; flex-direction: row; justify-content: left; align-items: center; border: 0px; background-color: transparent !important; float: left;">

									<div class="status-websocket" id="status-websocket-btn">
										<div class="websocket-desconectado desconectado" style="display: none; background-color: #c9302c !important; border-color: #ac2925 !important;" ttitleb="Você esta DESCONECTADO do servidor de notificações"></div>
										<div class="websocket-conectado conectado" style="display: none; cursor: pointer; background-color: #5cb85c !important; border-color: #4cae4c !important;" data-placement="bottom" ttitleb="Você esta CONECTADO com o servidor de notificações"></div>
									</div>

									<img src="{{ $urlhost }}/assets/images/novo_layout_gcweb/logo_gc/gcweb-logo.png" alt="" srcset="" style="
										float: left;
										width: 150px;
										margin: 11px 0px 0px 0px;
									">

								</div>

								<div class="form-group col-lg-6 card" id="menu-bar-sessao-mob" style="
									display: none; 
									flex-direction: row; 
									justify-content: center; 
									align-items: center; 
									border: 0px; 
									background-color: transparent !important; 
									float: right;
									">

									<!-- <div class="card-body col-lg-12"> -->

									@if (Auth::check())

									@if (Auth::user()->OLD_CODIGO < 1) <a style="top: 34px; float: right; padding: 5px 10px;" href="{{ url('auth/logout') }}" id="logout" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
										<span class="glyphicon glyphicon-log-out" style="font-size: 16px;"></span></a>
										@else
										<!-- <button style="background-color: #FFEB3B; color: black !important; float: right; font-size: 14px;" type="button" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
												<span style="color: black !important;" class="glyphicon glyphicon-log-out"></span></a>
											</button> -->

										<a style="background-color: transparent; color: white !important; top: 34px; float: right; padding: 5px 10px;" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
											<span class="glyphicon glyphicon-log-out" style="font-size: 16px; margin-right: 0px;"></span></a>
										@endif

										<!-- <img src="/assets/images/novo_layout_gcweb/barra_superior/icones_barra_superior/perfil.png" alt="" srcset="" style="
												float: right;
												width: 50px;
												margin: 22px 11px 0px 11px;
										"> -->


										<a role="button" style="margin: 22px 11px 0px 11px; float: right;" class="user-avatar-mob" id="usuario-menu-btn2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="vm.toggleUserArrowMob()" style="z-index: 999999; background: transparent !important; scale: 1.1;">

											<!-- <img src="/assets/images/novo_layout_gcweb/barra_superior/icones_barra_superior/perfil.png" id="foto-usuario-gc-menu-mob" alt="" style="width: 50px;"> -->

											<div id="foto-usuario-gc-menu-mob" style="
												background-image: url('{{ $urlhost }}/assets/images/perfil.png');
												background-repeat: no-repeat;
												background-size: cover;
												background-position: center;
												width: 50px;
												height: 50px;
												border: 1px solid white;
												border-radius: 50%;">
											</div>

											<div class="user-avatar-arrow-mob"></div>

										</a>

										<ul class="dropdown-menu" id="usuario-menu-dropdown" style="
											/* right: 45px !important; 
											float: right;  */
											left: auto; 
											box-shadow: 0 1px 3px mediumblue !important; 
											margin-top: 10px;
											right: 0;
											z-index: 999999;">

											<li id="usuario-login">
												<a style="text-align: center; color: black !important; font-size: 15px; padding: 10px 10px;">
													{{ ucwords(mb_strtolower(Auth::user()->NOME ? Auth::user()->NOME : Auth::user()->USUARIO)) }}
												</a>
											</li>

											<li role="separator" class="divider" id="sep1"></li>

											<li style="margin-bottom: 10px;" id="usuario-alter-foto">
												<a class="btn btn-info btn-gradiente" role="button" style="margin: 0px 10px 0px 10px; color: white; background-color: mediumblue !important; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">
													<span class="glyphicon glyphicon-camera" style="margin-right: 5px;"></span>Alterar Foto
												</a>
											</li>

											<li style="margin-bottom: 10px;" id="usuario-alter-pass">
												<a class="btn btn-warning btn-gradiente" role="button" style="margin: 0px 10px 0px 10px; color: white; background-color: mediumblue; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">
													<span class="glyphicon glyphicon-lock" style="margin-right: 5px;"></span>Alterar Senha
												</a>
											</li>

											<li style="margin-bottom: 10px;" id="atualizar-menus-gc">
												<a class="btn btn-warning btn-gradiente" role="button" ng-click="vm.btnCarregarMenus()" style="margin: 0px 10px 0px 10px; color: white; background-color: mediumblue; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">

													<span class="glyphicon glyphicon-refresh" style="margin-right: 5px;"></span>Atualizar Menus

												</a>
											</li>

											<li id="test-internet-speed">
												<a class="btn btn-info btn-gradiente btn-abrir-AlertasENotificacoes" role="button" style="margin: 0px 10px 0px 10px; background-color: mediumblue !important; border-color: mediumblue; padding: 10px 10px; font-weight: 600; color: white !important;">

													<span class="glyphicon glyphicon-signal" style="margin-right: 5px;"></span>Teste de Velocidade

												</a>
											</li>
											
											<li id="qrcode-acesso" title="Gerar QRCode para acesso de usuário no app">
												<a class="btn btn-info btn-gradiente btn-abrir-QrCode" role="button" style="margin: 0px 10px 0px 10px; background-color: mediumblue !important; border-color: mediumblue; padding: 10px 10px; font-weight: 600; color: white !important;">

													<span class="glyphicon glyphicon-qrcode" style="margin-right: 5px;"></span>Gerar QRCode

												</a>
											</li>

											<li role="separator" class="divider" id="sep2"></li>

											<li id="usuario-logout">
												@if (Auth::user()->OLD_CODIGO < 1) <a style="background-color: mediumblue; margin: 0px 10px 0px 10px; padding: 10px 10px; border-radius: 5px; color: white;" href="{{ url('auth/logout') }}" id="usuario-logout-btn" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
													<span class="glyphicon glyphicon-log-out" style="font-size: 16px; margin-right: 0px;"></span></a>
													@else
													<!-- <button style="background-color: #FFEB3B; margin: 0px 10px 0px 10px; padding: 10px 10px; border-radius: 5px; color: white;" type="button" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
													<span style="color: black !important; font-size: 16px;" class="glyphicon glyphicon-log-out"></span></a>
												</button> -->
													<a style="background-color: transparent; color: white !important; float: right; font-size: 14px; top: 5px; padding: 10px 10px; margin: 0px 10px 0px 10px;" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
														<span class="glyphicon glyphicon-log-out" style="font-size: 16px; margin-right: 0px;"></span></a>
													@endif
											</li>
										</ul>

										<!-- <button type="button" class="btn btn-primary">Sair</button> -->

										<div style="display: flex; flex-direction: column;">

											<div id="div-user-login-click" title="Seu id: {{ Auth::user()->CODIGO }}, IP: {{ Auth::user()->IP }}" original-title="Seu id: {{ Auth::user()->CODIGO }}, IP: {{ Auth::user()->IP }}" style="
													overflow: hidden;
													text-overflow: ellipsis;
													display: -webkit-box;
													-webkit-line-clamp: 3;
													-webkit-box-orient: vertical;                                         
													-moz-line-clamp: 3;
													-moz-box-orient: vertical;  
													cursor: pointer;  
													float: right;
													text-align: right;
													color: white;
													margin: 38px 0px 0px 10px;                                   
													">

												{{ ucwords(mb_strtolower(Auth::user()->NOME ? Auth::user()->NOME : Auth::user()->USUARIO)) }}<br>

											</div>

											<div class="fraction-stars stars-tooltip" style="--rating: 0;">

												<div class="tooltip-text">
													<span id="gc-user-score-menu2" style="font-size: 16px; font-family: 'Segoe UI'; margin-left: 5px; font-weight: 500; color: white;"></span>
												</div>

											</div>

										</div>

										@endif

								</div>
							</div>

							<!-- END OF MOBILE DEVICES SECTION 1 -->

							<div class="form-group col-lg-4 card_ bg-light" id="menu-bar-pesquisa" style=" 
								display: flex; 
								flex-direction: row; 
								justify-content: center; 
								align-items: center; 
								border: 0px; 
								padding: 20px; 
								margin-bottom: 0px; 
								/* background: #FAF9F6; */
								background: #fff;
								border-radius: 15px 0px 0px 15px;">
								<div class="input-group col-lg-12" style="width: 100%;">
									<input type="text" id="menu-filtro" class="form-control" placeholder="Pesquise..." autocomplete="off" ng-model="vm.filtrar_menu" ng-init="vm.filtrar_menu = ''" ng-change="vm.menu_grupo = ''; vm.FiltrarMenus(vm.filtrar_menu); vm.DropdownMenu()" ng-keydown="vm.menuSelecionar($event);" style="border-radius: 10px 10px 10px 10px; width: 100% !important;" tabindex="0">
									<button type="button" id="btn-filtro-menu" class="input-group-addon btn-filtro" title="Atualizar menus liberados" ng-click="vm.btnCarregarMenus()" style="background-color: mediumblue; border-radius: 0px 10px 10px 0px;">
										<span class="fa fa-refresh" id="refresh-menu"></span>
									</button>
								</div>

								<!-- START OF MOBILE SECTION 2 -->

								<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="float: right; margin: 0px 0px 10px 10px; display: none;" id="menu-icones-mobile">
									<span class="glyphicon glyphicon-menu-hamburger"></span>
								</button>

								<ul class="dropdown-menu" id="mini-menu-icones" style="
									display: none;
									justify-content: center;
									flex-direction: column;
									align-items: center;
									left: auto;
									min-width: 75px;
									right: 4px;
									padding-top: 15px;
									">

									<!-- <li>
										<button data-notifications="0" data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-notif go-notif-mobile badge-top-right" id="go-notif-menu-btn1" 
											style="padding: 7px;
											font-size: 20px;
											color: white !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											width: 36px;
											height: 36px;
											display: flex;
											align-items: center;
											justify-content: center;" title="Notificações">
											<span class="glyphicon glyphicon-bell"></span>
										</button>
									</li> -->

									<li style="float: right;">
										<button 
											data-menu="{{ isset($menu) ? $menu : '0' }}" 
											type="button" 
											class="btn btn-alpha go-notif go-notif-mobile" 
											id="go-notif-menu-btn1" 
											style="padding: 7px;
											font-size: 20px;
											color: white !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											width: 36px;
											height: 36px;
											display: flex;
											align-items: center;
											justify-content: center;" 
											title="Notificações">
											<span class="glyphicon glyphicon-bell"></span>
											<span class="badge notifications-amount" id="notifications-amount"></span>
										</button>
									</li>

									<li>
										<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-conhecimento go-conhecimento-mobile" id="go-conhecimento-menu-btn1" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											width: 36px;
											height: 36px;
											display: flex;
											align-items: center;
											justify-content: center;" title="Bases de Conhecimento">
											<span class="glyphicon glyphicon-book" style="color: white"></span>
										</button>
									</li>

									<li>
										<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-avaliacao go-avaliacao-mobile" id="go-avaliacao-menu-btn1" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											width: 36px;
											height: 36px;
											display: flex;
											align-items: center;
											justify-content: center;" title="Avaliação de Atendimento">
											<img src="{{ $urlhost }}/assets/images/icones_barra_superior/feedback.png" alt="" srcset="">
										</button>
									</li>

									<li>
										<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-niver go-niver-mobile" ng-click="vm.loadAniversariantes2($event)" id="go-niver-menu1" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											" title="Aniversariantes">
											<span class="fa fa-birthday-cake" style="color: white"></span>
										</button>
									</li>

									<li>
										<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-rel go-rel-mobile" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											" title="Relatórios">
											<span class="glyphicon glyphicon-print" style="top: 0px; right: -1px; color: white"></span>
										</button>
									</li>			

									<li style="">
										<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-msg go-msg-mobile" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											" title="Notificações">
											<span class="glyphicon glyphicon-comment" style="top: 0px; right: -1px; color: white"></span>
										</button>
									</li>

									<li style="">
										<button type="button" class="btn btn-alpha go-calendario go-calendario-mobile" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											" title="Calendário">
											<span class="glyphicon glyphicon-calendar" style="top: 0px; right: -1px; color: white"></span>
										</button>
									</li>
									
									<!-- <li>
										<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha qrcode-user qrcode-user-mobile" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											" title="Gerar QRCode de usuário para acesso no app">
											<span class="glyphicon glyphicon-qrcode" style="top: 0px; right: -1px; color: white"></span>
										</button>
									</li> -->

									<li style="">
										<button type="button" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;
											" type="button" class="btn btn-alpha go-fullscreen go-fullscreen-mobile" gofullscreen="html" title="{{ Lang::get('master.tela-cheia-title') }}">
											<span class="glyphicon glyphicon-fullscreen" style="top: 0px; right: -1px; color: white"></span>
										</button>
									</li>

									@if($permiteAcessoPortalColab)
									<li style="">
										<button type="button" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;" 
											type="button" class="btn btn-alpha portal-colaborador-btn portal-colaborar-btn" 
											onclick="window.open(`{{ route('_23540') }}`, '_blank')"
											title="{{ Lang::get('master.portal-colaborador-title') }}">
											<i class="fa fa-users" aria-hidden="true" style="color: white"></i>
										</button>
									</li>
									@endif

									<li style="">
										<button type="button" style="padding: 7px;
											font-size: 20px;
											color: black !important;
											display: block;
											background-color: mediumblue;
											border-color: mediumblue;
											right: unset !important;
											visibility: unset !important;
											position: unset !important;
											top: unset !important;" id="duplicar-tela" onclick="window.open('{{ Request::fullUrl() }}','_blank')" class="btn btn-alpha duplicar-tela duplicar-tela-mobile" title="{{ Lang::get('master.duplicar-tela-title') }}">
											<span class="glyphicon glyphicon-new-window" style="top: 0px; right: -1px; color: white"></span>
										</button>
									</li>

								</ul>

								<!-- END OF MOBILE SECTION 2 -->

							</div>

							<div class="form-group col-lg-4 card" id="menu-bar-icones" style="
								display: flex; 
								flex-direction: row; 
								justify-content: center; 
								align-items: center; 
								border: 0px; 
								padding: 19px 10px 19px 0px; 
								background: linear-gradient(to left, rgba(255,0,0,0), rgba(255,255,255,1));
								border-radius: 0px 15px 15px 0px;
								margin-bottom: 0px !important;">
								<div class="btn-group btn-group-toggle col-lg-12" data-toggle="buttons" style="align-self: center; padding: 0px;" id="btn-group-icones">
									<ul class="list-inline menu-icones" style="margin-top: 0px; margin-left: 0px; margin-right: -5px;" id="menu-icones">

										<li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-notif" id="go-notif-menu-btn2" style="padding: 7px;
												font-size: 20px;
												color: white !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;
												width: 36px;
												height: 36px;
												display: flex;
												align-items: center;
												justify-content: center;" title="Notificações">
												<span class="glyphicon glyphicon-bell"></span>
												<span class="badge notifications-amount" id="notifications-amount"></span>
											</button>
										</li>

										<li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-conhecimento go-conhecimento-mobile" id="go-conhecimento-menu-btn2" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;
												width: 36px;
												height: 36px;
												display: flex;
												align-items: center;
												justify-content: center;" title="Bases de Conhecimento">
												<span class="glyphicon glyphicon-book" style="color: white"></span>
											</button>
										</li>

										<li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-avaliacao go-avaliacao-mobile" id="go-avaliacao-menu-btn2" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;
												width: 36px;
												height: 36px;
												display: flex;
												align-items: center;
												justify-content: center;" title="Avaliação de Atendimento">
												<img src="{{ $urlhost }}/assets/images/icones_barra_superior/feedback.png" alt="" srcset="">
											</button>
										</li>

										<li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-niver go-niver-mobile" ng-click="vm.loadAniversariantes2($event)" id="go-niver-menu" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" title="Aniversariantes">
												<span class="fa fa-birthday-cake" style="color: white"></span>
											</button>
										</li>

										<li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-rel go-rel-mobile" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" title="Relatórios">
												<span class="glyphicon glyphicon-print" style="top: 0px; right: -1px; color: white"></span>
											</button>
										</li>

										<li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha go-msg go-msg-mobile" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" title="Mensagens">
												<span class="glyphicon glyphicon-comment" style="top: 0px; right: -1px; color: white"></span>
											</button>
										</li>

										<li style="float: right;">
											<button type="button" class="btn btn-alpha go-calendario go-calendario-mobile" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" title="Calendário">
												<span class="glyphicon glyphicon-calendar" style="top: 0px; right: -1px; color: white"></span>
											</button>
										</li>

										<!-- <li style="float: right;">
											<button data-menu="{{ isset($menu) ? $menu : '0' }}" type="button" class="btn btn-alpha qrcode-user qrcode-user-mobile" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" title="Gerar QRCode de usuário para acesso no app">
												<span class="glyphicon glyphicon-qrcode" style="top: 0px; right: -1px; color: white"></span>
											</button>
										</li> -->

										<li style="float: right;">
											<button style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" type="button" class="btn btn-alpha go-fullscreen go-fullscreen-mobile" gofullscreen="html" title="{{ Lang::get('master.tela-cheia-title') }}">
												<span class="glyphicon glyphicon-fullscreen" style="top: 0px; right: -1px; color: white"></span>
											</button>
										</li>

										@if($permiteAcessoPortalColab)
										<li class="pull-right">
											<button type="button" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;"
												target="_blank"
												onclick="window.open(`{{ route('_23540') }}`, '_blank')"
												class="btn btn-alpha portal-colaborador-btn portal-colaborador-btn-mobile" 
												title="{{ Lang::get('master.portal-colaborador-title') }}">
												<i class="fa fa-users" aria-hidden="true" style="color: white;"></i>
											</button>
										</li>
										@endif

										<li style="float: right;">
											<button type="button" style="padding: 7px;
												font-size: 20px;
												color: black !important;
												display: block;
												background-color: mediumblue;
												border-color: mediumblue;
												right: unset !important;
												visibility: unset !important;
												position: unset !important;
												top: unset !important;
												margin-right: 5px;" id="duplicar-tela1" onclick="window.open('{{ Request::fullUrl() }}','_blank')" class="btn btn-alpha duplicar-tela duplicar-tela-mobile" title="{{ Lang::get('master.duplicar-tela-title') }}">
												<span class="glyphicon glyphicon-new-window" style="top: 0px; right: -1px; color: white"></span>
											</button>
										</li>

									</ul>

								</div>
							</div>

							<div class="form-group col-lg-2 card" id="menu-bar-sessao" style="display: flex; flex-direction: row; justify-content: center; align-items: center; border: 0px; background-color: transparent !important;">

								@if (Auth::check())

								<div style="display: flex; flex-direction: column;">

									<div id="div-user-login-click" title="Seu id: {{ Auth::user()->CODIGO }}, IP: {{ Auth::user()->IP }}" original-title="Seu id: {{ Auth::user()->CODIGO }}, IP: {{ Auth::user()->IP }}" style="
												overflow: hidden;
												text-overflow: ellipsis;
												display: -webkit-box;
												-webkit-line-clamp: 3;
												-webkit-box-orient: vertical;                                         
												-moz-line-clamp: 3;
												-moz-box-orient: vertical;  
												cursor: pointer;  
												float: right;
												color: white;
												text-align: right;
												margin: 11px 0px 0px 0px;                                   
												">

										{{ ucwords(mb_strtolower(Auth::user()->NOME ? Auth::user()->NOME : Auth::user()->USUARIO)) }}

									</div>

									<div class="fraction-stars stars-tooltip" style="--rating: 0;">

										<div class="tooltip-text">
											<span id="gc-user-score-menu1" style="font-size: 16px; font-family: 'Segoe UI'; margin-left: 5px; font-weight: 500; color: white;"></span>
										</div>

									</div>

								</div>

								<input type="hidden" name="_habilita_websocket" id="habilita-websocket" value="{{ HABILITAR_WEBSOCKET ? 1 : 0 }}">
								<input type="hidden" name="_usuario_id" id="usuario-id" value="{{ Auth::user()->CODIGO }}">
								<input type="hidden" name="_colaborador_id" id="colaborador-id" value="{{ Auth::user()->COLABORADOR_ID }}">
								<input type="hidden" name="_abrir_aniversario" id="_abrir_aniversario" value="{{fn_parametro('TBUSUARIO.ABRIR_ANIVERSARIANTES_MENU', Auth::user()->CODIGO, 0)}}">
								<input type="hidden" name="_abrir_notificacoes" id="_abrir_notificacoes" value="{{fn_parametro('TBUSUARIO.ABRIR_NOTIFICACOES_MENU', Auth::user()->CODIGO, 0)}}">
								<input type="hidden" id="usuario-descricao" value="{{ Auth::user()->NOME ? Auth::user()->NOME : Auth::user()->USUARIO }}">
								<input type="hidden" id="usuario-antigo" value="{{ Auth::user()->NOME ? Auth::user()->OLD_CODIGO : 0}}">
								<input type="hidden" id="usuario-cliente-id" value="{{ Auth::user()->CLIENTE_ID }}">
								<input type="hidden" id="usuario-vendedor-id" value="{{ getInfUsuario()->VENDEDOR_ID ? getInfUsuario()->VENDEDOR_ID : 0}}">
								<input type="hidden" id="usuario-representante-id" value="{{ getInfUsuario()->REPRESENTANTE_ID ? getInfUsuario()->REPRESENTANTE_ID : 0}}">
								<input type="hidden" id="usuario-email" value="{{Auth::user()->EMAIL}}">
								<input type="hidden" id="email-suporte-gcweb" value="{{ email_suporte }}">
								<input type="hidden" id="filtro-toggle-usuario" value="{{ fn_parametro('TBUSUARIO.FECHAR_FILTRO', Auth::user()->CODIGO ) }}">
								<input type="hidden" id="ip-suporte-gcweb" value="{{ str_pad(\Request::getClientIp(),13) }}">
								<input type="hidden" id="grupo-empresarial" value="{{ grupo_empresarial }}">
								<input type="hidden" id="path_dir_empresa" value="{{ path_dir_empresa }}">
								<input type="hidden" id="MENSAGEM_ERRO" value="{{ MENSAGEM_ERRO }}">
								<input type="hidden" id="foto_usuario_gcweb" value="{{ fn_current_user_photo() }}">
								<input type="hidden" id="snapshot_usuario_b64" value="">
								<input type="hidden" name="_lista_aniversariantes" id="_lista_aniversariantes" value="">

								<div class="user-avatar" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="vm.toggleUserArrow()" style="z-index: 99;">
									<a role="button" style="margin: 11px 11px 0px 11px; float: right; background: transparent !important; scale: 1.1;" class="" id="usuario-menu-btn">

										<div id="foto-usuario-gc-menu" style="
												background-image: url('{{ $urlhost }}/assets/images/perfil.png');
												background-repeat: no-repeat;
												background-size: cover;
												background-position: center;
												width: 50px;
												height: 50px;
												border: 1px solid white;
												border-radius: 50%;">
										</div>

										<div class="user-avatar-arrow"></div>

									</a>
								</div>

								<ul class="dropdown-menu" id="usuario-menu-dropdown" style="
										/* right: 45px !important; 
										float: right;  */
										left: auto; 
										box-shadow: 0 1px 3px mediumblue !important; 
										margin-top: 10px;">

									<li id="usuario-login">
										<a style="text-align: center; color: black !important; font-size: 15px; padding: 10px 10px;">
											{{ ucwords(mb_strtolower(Auth::user()->NOME ? Auth::user()->NOME : Auth::user()->USUARIO)) }}
										</a>
									</li>

									<li role="separator" class="divider" id="sep1"></li>

									<li style="margin-bottom: 10px;" id="usuario-alter-foto">
										<a class="btn btn-info btn-gradiente" role="button" style="margin: 0px 10px 0px 10px; color: white; background-color: mediumblue !important; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">

											<span class="glyphicon glyphicon-camera" style="margin-right: 5px;"></span>Alterar Foto

										</a>
									</li>

									<li style="margin-bottom: 10px;" id="usuario-alter-pass">
										<a class="btn btn-warning btn-gradiente" role="button" style="margin: 0px 10px 0px 10px; color: white; background-color: mediumblue; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">

											<span class="glyphicon glyphicon-lock" style="margin-right: 5px;"></span>Alterar Senha

										</a>
									</li>

									<li style="margin-bottom: 10px;" id="atualizar-menus-gc">
										<a class="btn btn-warning btn-gradiente" role="button" ng-click="vm.btnCarregarMenus()" style="margin: 0px 10px 0px 10px; color: white; background-color: mediumblue; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">

											<span class="glyphicon glyphicon-refresh" style="margin-right: 5px;"></span>Atualizar Menus

										</a>
									</li>

									<li id="test-internet-speed">
										<a class="btn btn-info btn-gradiente btn-abrir-AlertasENotificacoes" role="button" style="margin: 0px 10px 0px 10px; color: white !important; background-color: mediumblue !important; border-color: mediumblue; padding: 10px 10px; font-weight: 600;">

											<span class="glyphicon glyphicon-signal" style="margin-right: 5px;"></span>Teste de Velocidade

										</a>
									</li>

									<li id="qrcode-acesso" title="Gerar QRCode para acesso de usuário no app">
										<a class="btn btn-info btn-gradiente btn-abrir-QrCode" role="button" style="margin: 0px 10px 0px 10px; background-color: mediumblue !important; border-color: mediumblue; padding: 10px 10px; font-weight: 600; color: white !important;">

											<span class="glyphicon glyphicon-qrcode" style="margin-right: 5px;"></span>Gerar QRCode

										</a>
									</li>

									<li role="separator" class="divider" id="sep2"></li>

									<li id="usuario-logout">
										@if (Auth::user()->OLD_CODIGO < 1) <a style="background-color: mediumblue; margin: 0px 10px 0px 10px; padding: 10px 10px; border-radius: 5px;" href="{{ url('auth/logout') }}" id="usuario-logout-btn" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
											<span class="glyphicon glyphicon-log-out" style="font-size: 16px; margin-right: 0px;"></span></a>
											@else
											<!-- <button style="background-color: #FFEB3B; color: black !important; padding: 10px 10px; margin: 0px 5px 0px 5px; border-radius: 5px;" type="button" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
												<span style="color: black !important; font-size: 16px;" class="glyphicon glyphicon-log-out"></span></a>
											</button> -->
											<a style="background-color: transparent; color: white !important; float: right; font-size: 14px; top: 5px; padding: 10px 10px; margin: 0px 10px 0px 10px;" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
												<span class="glyphicon glyphicon-log-out" style="font-size: 16px; margin-right: 0px;"></span></a>
											@endif
									</li>
								</ul>

								@if (Auth::user()->OLD_CODIGO < 1) <a style="top: 5px; float: right; padding: 5px 10px;" href="{{ url('auth/logout') }}" id="logout" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
									<span class="glyphicon glyphicon-log-out" style="font-size: 16px;"></span></a>
									@else
									<!-- <button style="background-color: #FFEB3B; color: black !important; float: right;" type="button" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
											<span style="color: black !important; font-size: 16px;" class="glyphicon glyphicon-log-out"></span></a>
										</button> -->
									<a style="background-color: transparent; color: white !important; float: right; font-size: 14px; top: 5px; padding: 5px 10px; margin: 0px 10px 0px 10px;" id="voltar-User" class="btn btn-xs btn-alpha" title="Sair (Alt+S)">
										<span class="glyphicon glyphicon-log-out" style="font-size: 16px; margin-right: 0px;"></span></a>
									@endif

									@endif

							</div>

						</div>

					</form>

				</div>

			</div>

		</div>

		<div id="menu-filtro-resultado" class="scroll-light">
			<input type="hidden" name="url-base" id="url-base" value="{{ url('') }}" />{{-- usado pelo Ajax --}}
			<div id="menu-fechar" title="Fechar (Esc)"><span class="fa fa-close"></span></div>
			<div id="menu-filtro-titulo" class="workaround-menus-js">Resultado da busca...</div>

			<div id="menu-filtro-itens">

				<ul style="padding: 10px;" class="nav" id="menu_listed_items">

					<li id="list_group_@{{$index}}" class="list_group_" ng-class="{'start' : $index == 0}" ng-repeat-start="grupo in vm.menus_filtered = (vm.lista_menus_tratados | orderBy:'SUB_GRUPO_DESCRICAO')" style="background: linear-gradient(90deg, rgba(0,215,255,1) 0%, rgba(206,98,225,1) 100%) !important; 
						padding: 10px; 
						font-weight: bold; 
						color: white; 
						font-size: 18px; 
						border-radius: 6px; 
						/* position: sticky;  */
						top: 0px; 
						z-index: 999;">

						@{{ grupo.SUB_GRUPO_DESCRICAO }}

					</li>

					<li id="list_item_@{{$index}}" class="list_item_" style="border-radius: 6px;" ng-repeat="menu in grupo.MENUS track by $index">

						<a id="item_child_t1" class="item_child_" ng-keydown="vm.focusNextItem($event);" href="{{ url('') }}/_@{{ menu.URL == '' ? menu.CONTROLE : menu.URL}}" style="@{{menu.FAVORITO == 1 ? 'font-weight: bolder;' : ''}}; border-radius: 6px;" ng-if="menu.URL.indexOf('://') == -1 && menu.REL!=1" desc="@{{ menu.DESCRICAO }}" class="tipo-@{{ menu.TIPO }}">@{{ menu.CONTROLE }} - @{{ menu.DESCRICAO }}
							<span class="span-menu-grupo fa fa-star-o" ng-click="$event.preventDefault();$event.stopPropagation();vm.AdicionarFavoritos(menu,1)" ng-if="menu.FAVORITO == 0" style="width: 30px; height: 30px; margin-left: 10px; font-size: 17pt; margin-top: -12px;"></span>
							<span class="span-menu-grupo fa fa-star" ng-click="$event.preventDefault();$event.stopPropagation();vm.AdicionarFavoritos(menu,2)" ng-if="menu.FAVORITO == 1" style="width: 30px; height: 30px; margin-left: 10px; font-size: 17pt; margin-top: -12px; color: rgb(255, 152, 0) !important;"></span>
						</a>

						<a id="item_child_t2" class="item_child_" ng-keydown="vm.focusNextItem($event);" href="@{{ menu.URL }}" ng-if="menu.URL.indexOf('://') != -1 && menu.REL!=1" style="@{{menu.FAVORITO == 1 ? 'font-weight: bolder;' : ''}}; border-radius: 6px;" target="_blank" desc="@{{ menu.DESCRICAO }}" class="tipo-@{{ menu.TIPO }}">@{{ menu.CONTROLE }} - @{{ menu.DESCRICAO }}
							<span class="span-menu-grupo fa fa-star-o" ng-click="$event.preventDefault();$event.stopPropagation();vm.AdicionarFavoritos(menu,1)" ng-if="menu.FAVORITO == 0" style="width: 30px; height: 30px; margin-left: 10px; font-size: 17pt; margin-top: -12px;"></span>
							<span class="span-menu-grupo fa fa-star" ng-click="$event.preventDefault();$event.stopPropagation();vm.AdicionarFavoritos(menu,2)" ng-if="menu.FAVORITO == 1" style="width: 30px; height: 30px; margin-left: 10px; font-size: 17pt; margin-top: -12px; color: rgb(255, 152, 0) !important;"></span>
						</a>

						<a id="item_child_t3" class="item_child_" ng-keydown="vm.focusNextItem($event);" href="{{ url('') }}/_@{{ menu.CONTROLE_REL}}/@{{menu.ID}}" style="@{{menu.FAVORITO == 1 ? 'font-weight: bolder;' : ''}}; border-radius: 6px;" ng-if="menu.REL==1" desc="@{{ menu.DESCRICAO }}" class="tipo-@{{ menu.TIPO }}">@{{ menu.CONTROLE }} - @{{ menu.DESCRICAO }}
							<span class="span-menu-grupo fa fa-star-o" ng-click="$event.preventDefault();$event.stopPropagation();vm.AdicionarFavoritos(menu,1)" ng-if="menu.FAVORITO == 0" style="width: 30px; height: 30px; margin-left: 10px; font-size: 17pt; margin-top: -12px;"></span>
							<span class="span-menu-grupo fa fa-star" ng-click="$event.preventDefault();$event.stopPropagation();vm.AdicionarFavoritos(menu,2)" ng-if="menu.FAVORITO == 1" style="width: 30px; height: 30px; margin-left: 10px; font-size: 17pt; margin-top: -12px; color: rgb(255, 152, 0) !important;"></span>
						</a>

					</li>

					<li ng-if="false" ng-repeat-end=""></li>

				</ul>
			</div>

		</div>

		<div id="menu-itens" ng-init="vm.menu_grupo = ''">

			<button ng-repeat="grupo in vm.$storage.grupos | orderBy:'ORDEM' " style="background-image: url({{ $urlhost }}/assets/images/icones_menus/@{{grupo.GRUPO}}.png);" ng-mouseover="vm.setColoredModules($event, grupo.GRUPO);" ng-mouseleave="vm.unsetColoredModules($event, grupo.GRUPO);" ng-disabled="grupo.HABILITADO == 0" type="button" ng-click="vm.menu_grupo = grupo.GRUPO ; vm.filtrar_menu = ''; vm.FiltrarMenus(); vm.DropdownMenu(true); " data-id="@{{grupo.CONTROLE}}" class="btn btn-default @{{grupo.GRUPO}}">
				<span>@{{grupo.DESCRICAO}}</span>
			</button>

		</div>

		<div id="exibir-modal-foto-usuario">
			@yield('modal_foto_usuario')
			@include('modal_foto_usuario')
		</div>

		<div id="exibir-modal-alterar-senha">
			@yield('modal_alterar_senha')
			@include('modal_alterar_senha',['TIPO' => 1])
		</div>

		<div id="exibir-modal-alterar-senha-colab">
			@yield('modal_alterar_senha_colab')
			@include('modal_alterar_senha_colab',['TIPO' => 2])
		</div>
		
		<div id="exibir-modal-qrcode">
			@yield('qrcode')
			@include('qrcode',['TIPO' => 2])
		</div>

	</div>

</div>