info-library 2.10.78 → 2.10.79

package/bundles/info-library.umd.js

@@ -2036,7 +2036,9 @@
          */
         InfoAuthenticationService.prototype.logout = function () {
             var _this = this;
+            alert('logout');
             if (this.isLogged()) {
+                alert('centrocontrole/usuario/Logout');
                 this._http.post(this._plataforma.Config.webapiUrl + 'centrocontrole/usuario/Logout', null, { headers: this._dataService.getHeaderToken() })
                     .subscribe(( /**
              * @return {?}
@@ -2286,12 +2288,16 @@
          * @return {?}
          */
         InfoAuthenticationService.prototype.removeSessao = function () {
+            alert('removeSessao');
             Object.keys(localStorage).forEach(( /**
              * @param {?} key
              * @return {?}
              */function (key) {
-                if (!key.includes('Dashboard,cols'))
+                console.log('remove sessoes', key);
+                if (!key.includes('Dashboard,cols')) {
+                    alert(key);
                     delete localStorage[key];
+                }
             }));
         };
         /**
@@ -8204,6 +8210,7 @@
          */
         InfoTopbarComponent.prototype.logout = function () {
             var _this = this;
+            alert('logout');
             this._dialog.YesOrNo('DesejaRealmenteSair').subscribe(( /**
              * @param {?} r
              * @return {?}
@@ -8220,7 +8227,7 @@
     InfoTopbarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'info-topbar',
-                    template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                </dl>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-empresa\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <dl (click)=\"open('empresa')\">\r\n                    <dt>{{ 'Empresa' | translate }}</dt>\r\n                    <dd>{{ _session.Empresa }}</dd>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <sub>{{ 'Menu' | translate }}</sub>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
+                    template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                </dl>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-empresa\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <dl (click)=\"open('empresa')\">\r\n                    <dt>{{ 'Empresa' | translate }}</dt>\r\n                    <dd>{{ _session.Empresa }}</dd>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>warning</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <sub>{{ 'Menu' | translate }}</sub>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>warning</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
                     styles: [":host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{display:block;height:85px;left:0;position:fixed;right:0;top:0;transition:left .2s ease-in-out;z-index:9998}@media screen and (max-width:991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{border-right:none!important;left:-100%;margin:0!important;padding-left:25px!important;padding-top:15px!important;position:absolute;top:70px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .usuario-logado.menu-aberto{left:0}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{display:inline-block;margin-right:5px;padding-right:20px;position:relative}:host.uxc3 .usuario-logado dl dd:after{content:\"-\";height:10px;position:absolute;right:0;top:2px;width:10px}:host.uxc3 .selecao-empresa{left:-100%;margin:0!important;padding:5px 15px 6px 25px;position:absolute;top:115px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .selecao-empresa.menu-aberto{left:0}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width:991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;left:70px;margin:0;position:absolute;top:20px;transform:rotate(0deg);width:35px}@media screen and (max-width:991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{bottom:-10px;position:absolute;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;top:10px;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:first-child,:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:first-child,:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:first-child{left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{font-size:14px;font-weight:600;margin-bottom:0;position:relative;top:0;transition:color .2s ease-in-out}:host.uxc3 .selecao-empresa,:host.uxc3 .usuario-logado{cursor:pointer;padding:5px 20px 5px 0;top:-1px}:host.uxc3 .selecao-empresa dl,:host.uxc3 .usuario-logado dl{margin:0;top:5px}:host.uxc3 .selecao-empresa dl mat-icon,:host.uxc3 .usuario-logado dl mat-icon{font-size:22px;position:absolute;right:0;text-align:center;top:17px}:host.uxc3 .usuario-logado{margin:0!important;padding-left:10px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{padding-left:20px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width:544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width:991px){:host.uxc3 .nav-items{display:block;position:absolute;right:10px;top:0}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media screen and (min-width:544px){:host.uxc3 .nav-items .nav-item{position:relative}}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;top:-14px;transition:color .2s ease-in-out}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;height:100%;padding:0;position:fixed;right:0;top:0;width:420px;z-index:9999}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{cursor:pointer;font-size:28px;opacity:.8;position:absolute;right:30px;top:30px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{border-radius:0 0 4px 4px;height:calc(100% - 170px);list-style-type:none;margin:0;overflow-y:auto;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;margin-bottom:0;padding:5px 0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-size:13px;font-weight:600;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 40px!important;padding:11px;transition:background .2s ease-in-out}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .lista-empresas,:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width:991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:240px;position:fixed;right:0;top:0;z-index:9998}@media (max-width:991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{background-color:#a80707;padding:8px;position:absolute;top:0;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media (max-width:991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0deg);width:30px}@media (max-width:991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:first-child,:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:first-child,:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:first-child{left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{font-size:1.1em;left:0;top:4px}@media (max-width:991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media (min-width:544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media (min-width:544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{font-size:12px;line-height:19px;margin-top:-3px;padding-left:10px;text-align:left;top:10px;white-space:nowrap}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name label{display:block;font-size:10px;line-height:12px;margin:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media (max-width:991px){:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px rgba(0,0,0,.25);display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:hsla(0,0%,100%,.8)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid hsla(0,0%,100%,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;cursor:pointer;display:flex;padding:11px;transition:background .2s ease-in-out}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{cursor:pointer;padding-bottom:8px;padding-top:8px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}"]
                 }] }
     ];