info-library 2.14.51 → 2.14.52

package/fesm2015/info-library.mjs

@@ -8181,11 +8181,11 @@ function InfoTopbarComponent_ng_container_0_div_21_Template(rf, ctx) {
         i0.ɵɵproperty("ngForOf", ctx_r6._session.Unidades);
     }
 }
-function InfoTopbarComponent_ng_container_0_div_27_Template(rf, ctx) {
+function InfoTopbarComponent_ng_container_0_div_22_Template(rf, ctx) {
     if (rf & 1) {
         const _r32 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 26)(1, "button", 16);
-        i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_27_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r31.open("infoia")); });
+        i0.ɵɵelementStart(0, "div", 26)(1, "button", 17);
+        i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_22_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r31.open("infoia")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "label");
         i0.ɵɵtext(4);
@@ -8195,7 +8195,7 @@ function InfoTopbarComponent_ng_container_0_div_27_Template(rf, ctx) {
         i0.ɵɵtext(7, "diversity_2");
         i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(8, "div", 27)(9, "mat-icon", 11);
-        i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_27_Template_mat_icon_click_9_listener() { i0.ɵɵrestoreView(_r32); const ctx_r33 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r33.close()); });
+        i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_22_Template_mat_icon_click_9_listener() { i0.ɵɵrestoreView(_r32); const ctx_r33 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r33.close()); });
         i0.ɵɵtext(10, "close");
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(11, "h4");
@@ -8220,7 +8220,7 @@ function InfoTopbarComponent_ng_container_0_div_27_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_0_div_28_Template(rf, ctx) {
     if (rf & 1) {
         const _r35 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 15)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 16)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_28_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.openFastSearch()); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8296,7 +8296,7 @@ function InfoTopbarComponent_ng_container_0_div_29_ng_container_14_Template(rf,
 function InfoTopbarComponent_ng_container_0_div_29_Template(rf, ctx) {
     if (rf & 1) {
         const _r44 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 28)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 28)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_29_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(2); ctx_r43.setNotificationStatus(true, false, false); return i0.ɵɵresetView(ctx_r43.open("notificacao")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8350,7 +8350,7 @@ function InfoTopbarComponent_ng_container_0_div_30_li_12_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_0_div_30_Template(rf, ctx) {
     if (rf & 1) {
         const _r51 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 34)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 34)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_30_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r51); const ctx_r50 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r50.open("tema")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8382,7 +8382,7 @@ function InfoTopbarComponent_ng_container_0_div_30_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_0_div_31_Template(rf, ctx) {
     if (rf & 1) {
         const _r54 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 15)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 16)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_31_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r53.toggleMode()); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8413,7 +8413,7 @@ function InfoTopbarComponent_ng_container_0_div_32_li_12_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_0_div_32_Template(rf, ctx) {
     if (rf & 1) {
         const _r60 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 36)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 36)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_div_32_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r60); const ctx_r59 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r59.open("idioma")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8472,19 +8472,19 @@ function InfoTopbarComponent_ng_container_0_Template(rf, ctx) {
         i0.ɵɵelementEnd()()();
         i0.ɵɵtemplate(20, InfoTopbarComponent_ng_container_0_div_20_Template, 15, 11, "div", 14);
         i0.ɵɵtemplate(21, InfoTopbarComponent_ng_container_0_div_21_Template, 15, 11, "div", 14);
-        i0.ɵɵelementStart(22, "div", 15)(23, "button", 16);
-        i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r63); const ctx_r65 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r65.navigate(ctx_r65.profileurl)); });
-        i0.ɵɵpipe(24, "translate");
-        i0.ɵɵelementStart(25, "mat-icon");
-        i0.ɵɵtext(26, "person");
+        i0.ɵɵtemplate(22, InfoTopbarComponent_ng_container_0_div_22_Template, 16, 12, "div", 15);
+        i0.ɵɵelementStart(23, "div", 16)(24, "button", 17);
+        i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r63); const ctx_r65 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r65.navigate(ctx_r65.profileurl)); });
+        i0.ɵɵpipe(25, "translate");
+        i0.ɵɵelementStart(26, "mat-icon");
+        i0.ɵɵtext(27, "person");
         i0.ɵɵelementEnd()()();
-        i0.ɵɵtemplate(27, InfoTopbarComponent_ng_container_0_div_27_Template, 16, 12, "div", 17);
         i0.ɵɵtemplate(28, InfoTopbarComponent_ng_container_0_div_28_Template, 5, 3, "div", 18);
         i0.ɵɵtemplate(29, InfoTopbarComponent_ng_container_0_div_29_Template, 15, 12, "div", 19);
         i0.ɵɵtemplate(30, InfoTopbarComponent_ng_container_0_div_30_Template, 13, 10, "div", 20);
         i0.ɵɵtemplate(31, InfoTopbarComponent_ng_container_0_div_31_Template, 5, 3, "div", 18);
         i0.ɵɵtemplate(32, InfoTopbarComponent_ng_container_0_div_32_Template, 13, 10, "div", 21);
-        i0.ɵɵelementStart(33, "div", 15)(34, "button", 16);
+        i0.ɵɵelementStart(33, "div", 16)(34, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r63); const ctx_r66 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r66.logout()); });
         i0.ɵɵpipe(35, "translate");
         i0.ɵɵelementStart(36, "mat-icon");
@@ -8516,11 +8516,11 @@ function InfoTopbarComponent_ng_container_0_Template(rf, ctx) {
         i0.ɵɵproperty("ngIf", ctx_r0._session.Empresas.length > 1);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx_r0._session.Unidade && (ctx_r0._session.Unidades || i0.ɵɵpureFunction0(26, _c1$2)).length > 1);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r0.enabledia);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(24, 20, "MeuPerfil"));
+        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(25, 20, "MeuPerfil"));
         i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx_r0.enabledia);
-        i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx_r0.fastsearchform);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx_r0.notificationapi);
@@ -8646,7 +8646,7 @@ function InfoTopbarComponent_ng_container_1_div_28_ng_container_12_Template(rf,
 function InfoTopbarComponent_ng_container_1_div_28_Template(rf, ctx) {
     if (rf & 1) {
         const _r89 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 28)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 28)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_1_div_28_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r89); const ctx_r88 = i0.ɵɵnextContext(2); ctx_r88.setNotificationStatus(true, false, false); return i0.ɵɵresetView(ctx_r88.open("notificacao")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8696,7 +8696,7 @@ function InfoTopbarComponent_ng_container_1_div_29_li_10_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_1_div_29_Template(rf, ctx) {
     if (rf & 1) {
         const _r95 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 28)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 28)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_1_div_29_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r95); const ctx_r94 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r94.open("idioma")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8739,7 +8739,7 @@ function InfoTopbarComponent_ng_container_1_div_30_li_10_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_1_div_30_Template(rf, ctx) {
     if (rf & 1) {
         const _r101 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 28)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 28)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_1_div_30_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r101); const ctx_r100 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r100.open("tema")); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8767,7 +8767,7 @@ function InfoTopbarComponent_ng_container_1_div_30_Template(rf, ctx) {
 function InfoTopbarComponent_ng_container_1_div_31_Template(rf, ctx) {
     if (rf & 1) {
         const _r103 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 15)(1, "button", 16);
+        i0.ɵɵelementStart(0, "div", 16)(1, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_1_div_31_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r103); const ctx_r102 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r102.openFastSearch()); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
@@ -8782,7 +8782,7 @@ function InfoTopbarComponent_ng_container_1_div_31_Template(rf, ctx) {
 }
 function InfoTopbarComponent_ng_container_1_div_32_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 15)(1, "button", 52);
+        i0.ɵɵelementStart(0, "div", 16)(1, "button", 52);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "mat-icon");
         i0.ɵɵtext(4, "person");
@@ -8829,7 +8829,7 @@ function InfoTopbarComponent_ng_container_1_Template(rf, ctx) {
         i0.ɵɵtemplate(30, InfoTopbarComponent_ng_container_1_div_30_Template, 11, 10, "div", 19);
         i0.ɵɵtemplate(31, InfoTopbarComponent_ng_container_1_div_31_Template, 5, 3, "div", 18);
         i0.ɵɵtemplate(32, InfoTopbarComponent_ng_container_1_div_32_Template, 5, 4, "div", 18);
-        i0.ɵɵelementStart(33, "div", 15)(34, "button", 16);
+        i0.ɵɵelementStart(33, "div", 16)(34, "button", 17);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_1_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r105); const ctx_r107 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r107.logout()); });
         i0.ɵɵpipe(35, "translate");
         i0.ɵɵelementStart(36, "mat-icon");
@@ -9105,7 +9105,7 @@ class InfoTopbarComponent {
     }
 }
 /** @nocollapse */ InfoTopbarComponent.ɵfac = function InfoTopbarComponent_Factory(t) { return new (t || InfoTopbarComponent)(i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoThemeService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoSessionModel), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(Utilities)); };
-/** @nocollapse */ InfoTopbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopbarComponent, selectors: [["info-topbar"]], inputs: { opened: "opened", languages: "languages", themes: "themes", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", profileurl: "profileurl", setthemeonchangecompany: "setthemeonchangecompany", enabledia: "enabledia" }, outputs: { onchangestate: "onchangestate", ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3$2, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["class", "block", 4, "ngIf"], [1, "site-navbar"], [1, "logo"], [1, "logo-img"], [1, "logo-img-resp"], [1, "nav-items"], [1, "nav-item", "usuario-logado", 3, "ngClass"], [3, "click"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["class", "nav-item selecao-empresa", 3, "ngClass", 4, "ngIf"], [1, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], ["class", "nav-item selecao-infoia", 3, "ngClass", 4, "ngIf"], ["class", "nav-item", 4, "ngIf"], ["class", "nav-item", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-tema", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-idioma", 3, "ngClass", 4, "ngIf"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "nav-item", "selecao-infoia", 3, "ngClass"], [1, "menu-lateral-direita", "infoia"], [1, "nav-item", 3, "ngClass"], ["class", "badge", 4, "ngIf"], [1, "badge"], [2, "cursor", "default"], [1, "content"], [3, "innerHtml"], [1, "nav-item", "selecao-tema", 3, "ngClass"], [1, "temas"], [1, "nav-item", "selecao-idioma", 3, "ngClass"], [1, "idiomas"], ["class", "sessao-clone text-lightgray", 4, "ngIf"], ["id", "page-title", "class", "page-title", 4, "ngIf"], [1, "nav-item", "user-profile", 3, "ngClass"], ["mat-button", "", 3, "click"], [1, "name"], [1, "dropdown-menu"], [1, "menu-title"], [1, "company"], [1, "sessao-clone", "text-lightgray"], ["id", "page-title", 1, "page-title"], [1, "desc", 3, "innerHtml"], [1, "date"], [1, "languages"], [1, "themes"], ["mat-icon-button", "", 3, "matTooltip", "routerLink"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "block"]], template: function InfoTopbarComponent_Template(rf, ctx) {
+/** @nocollapse */ InfoTopbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoTopbarComponent, selectors: [["info-topbar"]], inputs: { opened: "opened", languages: "languages", themes: "themes", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", profileurl: "profileurl", setthemeonchangecompany: "setthemeonchangecompany", enabledia: "enabledia" }, outputs: { onchangestate: "onchangestate", ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3$2, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["class", "block", 4, "ngIf"], [1, "site-navbar"], [1, "logo"], [1, "logo-img"], [1, "logo-img-resp"], [1, "nav-items"], [1, "nav-item", "usuario-logado", 3, "ngClass"], [3, "click"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["class", "nav-item selecao-empresa", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-infoia", 3, "ngClass", 4, "ngIf"], [1, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], ["class", "nav-item", 4, "ngIf"], ["class", "nav-item", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-tema", 3, "ngClass", 4, "ngIf"], ["class", "nav-item selecao-idioma", 3, "ngClass", 4, "ngIf"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "nav-item", "selecao-infoia", 3, "ngClass"], [1, "menu-lateral-direita", "infoia"], [1, "nav-item", 3, "ngClass"], ["class", "badge", 4, "ngIf"], [1, "badge"], [2, "cursor", "default"], [1, "content"], [3, "innerHtml"], [1, "nav-item", "selecao-tema", 3, "ngClass"], [1, "temas"], [1, "nav-item", "selecao-idioma", 3, "ngClass"], [1, "idiomas"], ["class", "sessao-clone text-lightgray", 4, "ngIf"], ["id", "page-title", "class", "page-title", 4, "ngIf"], [1, "nav-item", "user-profile", 3, "ngClass"], ["mat-button", "", 3, "click"], [1, "name"], [1, "dropdown-menu"], [1, "menu-title"], [1, "company"], [1, "sessao-clone", "text-lightgray"], ["id", "page-title", 1, "page-title"], [1, "desc", 3, "innerHtml"], [1, "date"], [1, "languages"], [1, "themes"], ["mat-icon-button", "", 3, "matTooltip", "routerLink"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"], [1, "block"]], template: function InfoTopbarComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, InfoTopbarComponent_ng_container_0_Template, 47, 29, "ng-container", 0);
@@ -9126,7 +9126,7 @@ class InfoTopbarComponent {
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoTopbarComponent, [{
             type: 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\" [class.separador]=\"_session.Empresas.length > 1 || _session.Unidades\" [ngClass]=\"{ 'opened' : topMenu.cliente }\">\r\n                <dl (click)=\"(_session.Clientes || []).length > 1 ? open('cliente') : null\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</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>{{ 'Clientes' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let client of _session.Clientes\" >\r\n                            <a (click)=\"setClient(client); divModal.click();\">{{ client.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Empresas.length > 1\" [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 selecao-empresa\" *ngIf=\"_session.Unidade && (_session.Unidades || []).length > 1\" [ngClass]=\"{ 'opened' : topMenu.unidade }\">\r\n                <dl (click)=\"open('unidade')\">\r\n                    <dt>{{ 'Unidade' | translate }}</dt>\r\n                    <dd>{{ _session.Unidade }}</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>{{ 'Unidades' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let unity of _session.Unidades\" >\r\n                            <a (click)=\"setUnity(unity); divModal.click();\">{{ unity.Nome }}</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 (click)=\"navigate(profileurl)\" [matTooltip]=\"'MeuPerfil' | translate\">\r\n                    <mat-icon>person</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n                <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n                    <label>{{ 'InfoIA' | translate }}</label>\r\n                    <mat-icon>diversity_2</mat-icon>\r\n                </button>\r\n                \r\n                <div class=\"menu-lateral-direita infoia\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'InfoIA' | translate }}</h4>\r\n                    <div>\r\n                        <ng-content></ng-content>\r\n                    </div>\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        </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>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;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{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}: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{position:relative;display:inline-block;padding-right:20px;margin-right:5px}:host.uxc3 .usuario-logado dl dd:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}:host.uxc3 .selecao-empresa{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}: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;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{position:absolute;bottom:-10px;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(1),: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:nth-child(1),: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:nth-child(1){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{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}:host.uxc3 .usuario-logado,:host.uxc3 .selecao-empresa{top:-1px;padding:5px 20px 5px 0;cursor:pointer}:host.uxc3 .usuario-logado dl,:host.uxc3 .selecao-empresa dl{top:5px;margin:0}:host.uxc3 .usuario-logado dl mat-icon,:host.uxc3 .selecao-empresa dl mat-icon{position:absolute;font-size:22px;top:17px;right:0;text-align:center}:host.uxc3 .usuario-logado{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;top:0;position:absolute;right:10px}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}: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{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;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;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;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{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}: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{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;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;padding:5px 0;margin-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-weight:600;font-size:13px;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{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita,:host.uxc3 .nav-items .nav-item.opened .lista-empresas{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;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:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{position:absolute;padding:8px;top:0;background-color:#a80707;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 only screen and (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(0);width:30px}@media only screen and (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(0);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(1),: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:nth-child(1),: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:nth-child(1){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{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item ::ng-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 ::ng-deep .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item ::ng-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 ::ng-deep .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media only screen and (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 only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media only screen and (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 rgba(255,255,255,.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:#fffc}: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 rgba(255,255,255,.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;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:rgba(255,255,255,.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 only screen and (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{padding-top:8px;padding-bottom:8px;cursor:pointer}: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:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}\n"] }]
+            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\" [class.separador]=\"_session.Empresas.length > 1 || _session.Unidades\" [ngClass]=\"{ 'opened' : topMenu.cliente }\">\r\n                <dl (click)=\"(_session.Clientes || []).length > 1 ? open('cliente') : null\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</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>{{ 'Clientes' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let client of _session.Clientes\" >\r\n                            <a (click)=\"setClient(client); divModal.click();\">{{ client.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item selecao-empresa\" *ngIf=\"_session.Empresas.length > 1\" [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 selecao-empresa\" *ngIf=\"_session.Unidade && (_session.Unidades || []).length > 1\" [ngClass]=\"{ 'opened' : topMenu.unidade }\">\r\n                <dl (click)=\"open('unidade')\">\r\n                    <dt>{{ 'Unidade' | translate }}</dt>\r\n                    <dd>{{ _session.Unidade }}</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>{{ 'Unidades' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let unity of _session.Unidades\" >\r\n                            <a (click)=\"setUnity(unity); divModal.click();\">{{ unity.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n                <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n                    <label>{{ 'InfoIA' | translate }}</label>\r\n                    <mat-icon>diversity_2</mat-icon>\r\n                </button>\r\n                \r\n                <div class=\"menu-lateral-direita infoia\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'InfoIA' | translate }}</h4>\r\n                    <div>\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"navigate(profileurl)\" [matTooltip]=\"'MeuPerfil' | translate\">\r\n                    <mat-icon>person</mat-icon>\r\n                </button>\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        </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>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{transition:left .2s ease-in-out;display:block;height:85px;left:0;position:fixed;right:0;top:0;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{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}: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{position:relative;display:inline-block;padding-right:20px;margin-right:5px}:host.uxc3 .usuario-logado dl dd:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}:host.uxc3 .selecao-empresa{position:absolute;top:115px!important;left:-100%;width:calc(100% + 6px);margin:0!important;padding:5px 15px 6px 25px;transition:left .2s ease-in-out}: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;margin:0;position:absolute;transform:rotate(0);width:35px;top:20px;left:70px}@media screen and (max-width: 991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{position:absolute;bottom:-10px;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(1),: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:nth-child(1),: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:nth-child(1){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{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}:host.uxc3 .usuario-logado,:host.uxc3 .selecao-empresa{top:-1px;padding:5px 20px 5px 0;cursor:pointer}:host.uxc3 .usuario-logado dl,:host.uxc3 .selecao-empresa dl{top:5px;margin:0}:host.uxc3 .usuario-logado dl mat-icon,:host.uxc3 .selecao-empresa dl mat-icon{position:absolute;font-size:22px;top:17px;right:0;text-align:center}:host.uxc3 .usuario-logado{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;top:0;position:absolute;right:10px}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}: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{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;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;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;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{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}: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{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;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;padding:5px 0;margin-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-weight:600;font-size:13px;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{font-size:14px;font-weight:500;padding:10px 40px!important;align-items:center;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita,:host.uxc3 .nav-items .nav-item.opened .lista-empresas{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;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:120px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{position:absolute;padding:8px;top:0;background-color:#a80707;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 only screen and (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(0);width:30px}@media only screen and (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(0);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(even){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(1),: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:nth-child(1),: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:nth-child(1){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{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item ::ng-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 ::ng-deep .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item ::ng-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 ::ng-deep .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .badge{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{top:10px;padding-left:10px;white-space:nowrap;line-height:19px;text-align:left;font-size:12px;margin-top:-3px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item ::ng-deep .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px #00000040;display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media only screen and (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 only screen and (max-width: 991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media only screen and (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 rgba(255,255,255,.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:#fffc}: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 rgba(255,255,255,.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;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:rgba(255,255,255,.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 only screen and (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{padding-top:8px;padding-bottom:8px;cursor:pointer}: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:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:9998}\n"] }]
         }], function () { return [{ type: InfoTranslateService }, { type: InfoAuthenticationService }, { type: InfoDataService }, { type: InfoThemeService }, { type: i1$1.Router }, { type: InfoDialogModal }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: i1$3.MatDialog }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Utilities }]; }, { opened: [{
                 type: Input
             }], languages: [{