info-library 2.14.2-beta → 2.14.2

package/fesm2015/info-library.mjs

@@ -1343,7 +1343,6 @@ class InfoThemeService {
         this._session = _session;
     }
     setTheme(theme) {
-        // console.log('info-theme.setTheme', theme);
         if (this._plataform.Themes != null) {
             let item = this._plataform.Themes.find(t => t.name == theme);
             this._plataform.UnificarTopbar = item == null ? false : item.unificarTopbar;
@@ -1363,13 +1362,12 @@ class InfoThemeService {
         if (this._plataform.MenuMin)
             document.body.classList.add('menu-min');
         if (this._plataform.ModoPrime)
-            document.body.classList.add('modo-prime');
+            this.setModePrime(true);
         document.body.classList.add('ux' + (this._plataform.Config.ux ? this._plataform.Config.ux : 2));
         sessionStorage.setItem('at', theme);
         localStorage.setItem('at', theme);
     }
     setThemeByLoggedCompany() {
-        // console.log('info-theme.setThemeByLoggedCompany', this._session.TemaId);
         this.setTheme(this._session.TemaId > 0 ? `_${this._session.TemaId}-theme` : 'default-theme');
     }
     setMenuMin(value = null) {
@@ -1387,6 +1385,12 @@ class InfoThemeService {
         document.body.classList.remove('modo-prime');
         if (this._plataform.ModoPrime) {
             document.body.classList.add('modo-prime');
+            let themePrime = 'default-prime';
+            if (this._session.TemaId > 0)
+                themePrime = `_${this._session.TemaId}-prime`;
+            else if (localStorage.getItem('at') != null)
+                themePrime = localStorage.getItem('at').replace('-theme', '-prime');
+            document.body.classList.add(themePrime);
             if (themesClassToRemove && themesClassToRemove.length > 0) {
                 for (let themeToRemove of themesClassToRemove) {
                     _overlay.remove(themeToRemove);
@@ -1394,6 +1398,9 @@ class InfoThemeService {
                 }
             }
         }
+        else if (this._session.TemaId != null) {
+            this.setThemeByLoggedCompany();
+        }
         sessionStorage.setItem('mp', this._plataform.ModoPrime.toString());
         localStorage.setItem('mp', this._plataform.ModoPrime.toString());
     }
@@ -3838,7 +3845,7 @@ function InfoPagebarComponent_ng_template_4_Template(rf, ctx) {
 }
 const _c2$4 = function (a0) { return { "marginTop": a0 }; };
 const _c3$3 = function (a0) { return { "transparent": a0 }; };
-const _c4$1 = ["*"];
+const _c4$2 = ["*"];
 class InfoPagebarComponent {
     constructor(_router, _modal, _dataService, _translate, _platform, _renderer, _element) {
         this._router = _router;
@@ -3932,7 +3939,7 @@ class InfoPagebarComponent {
     }
 }
 /** @nocollapse */ InfoPagebarComponent.ɵfac = function InfoPagebarComponent_Factory(t) { return new (t || InfoPagebarComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-/** @nocollapse */ InfoPagebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoPagebarComponent, selectors: [["info-pagebar"]], inputs: { margintop: "margintop", icon: "icon", description: "description", backurl: "backurl", access: "access", transparent: "transparent", pagetitle: "pagetitle" }, ngContentSelectors: _c4$1, decls: 6, vars: 9, consts: [[3, "ngStyle", "ngClass"], [4, "ngIf"], ["class", "row", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["content", ""], [3, "innerHTML"], [1, "link-button"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngTemplateOutlet"], ["class", "acesso-rapido", 3, "mouseenter", "mouseleave", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], [1, "acesso-rapido", 3, "mouseenter", "mouseleave"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "routerLink"], [1, "row"], [1, "col-md-6"], ["id", "page-title", 4, "ngIf"], [3, "outerHTML"], ["type", "button", "mat-icon-button", "", "class", "shortcut-button", 3, "ngClass", "disabled", "click", 4, "ngIf"], [1, "pagebar-description", 3, "innerHTML"], [1, "col-md-6", "align-right", "buttons"], ["id", "page-title"], ["type", "button", "mat-icon-button", "", 1, "shortcut-button", 3, "ngClass", "disabled", "click"], ["inline", ""], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"]], template: function InfoPagebarComponent_Template(rf, ctx) {
+/** @nocollapse */ InfoPagebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoPagebarComponent, selectors: [["info-pagebar"]], inputs: { margintop: "margintop", icon: "icon", description: "description", backurl: "backurl", access: "access", transparent: "transparent", pagetitle: "pagetitle" }, ngContentSelectors: _c4$2, decls: 6, vars: 9, consts: [[3, "ngStyle", "ngClass"], [4, "ngIf"], ["class", "row", 4, "ngIf"], ["class", "loading-bar", 4, "ngIf"], ["content", ""], [3, "innerHTML"], [1, "link-button"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngTemplateOutlet"], ["class", "acesso-rapido", 3, "mouseenter", "mouseleave", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], [1, "acesso-rapido", 3, "mouseenter", "mouseleave"], [4, "ngFor", "ngForOf"], ["target", "_blank", 3, "routerLink"], [1, "row"], [1, "col-md-6"], ["id", "page-title", 4, "ngIf"], [3, "outerHTML"], ["type", "button", "mat-icon-button", "", "class", "shortcut-button", 3, "ngClass", "disabled", "click", 4, "ngIf"], [1, "pagebar-description", 3, "innerHTML"], [1, "col-md-6", "align-right", "buttons"], ["id", "page-title"], ["type", "button", "mat-icon-button", "", 1, "shortcut-button", 3, "ngClass", "disabled", "click"], ["inline", ""], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate"]], template: function InfoPagebarComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
@@ -3951,11 +3958,11 @@ class InfoPagebarComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.loading);
         }
-    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: [".topmenu[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0!important;top:125px!important;width:100%!important}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:240px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 240px);transition:left .2s ease-in-out,width .2s ease-in-out}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{top:3px;font-size:22px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] > small[_ngcontent-%COMP%]{font-size:70%}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .link-button[_ngcontent-%COMP%]{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   hr[_ngcontent-%COMP%]{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 543px){.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:240px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0;padding:0;font-size:1.2em;display:inline}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{padding-top:2px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]{margin-left:8px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]:hover   .shortcut-button[_ngcontent-%COMP%]{opacity:1}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .shortcut-button[_ngcontent-%COMP%]{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .shortcut-button.tem-atalho[_ngcontent-%COMP%]{opacity:1!important}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .shortcut-button[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:14px;color:#b99206;top:-2px}"] });
+    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: [".topmenu[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0!important;top:125px!important;width:100%!important}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:240px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 240px);transition:left .2s ease-in-out,width .2s ease-in-out}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{top:3px;font-size:22px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] > small[_ngcontent-%COMP%]{font-size:70%}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .link-button[_ngcontent-%COMP%]{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]   hr[_ngcontent-%COMP%]{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){.uxc3[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{position:fixed;left:240px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]{left:0}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0;padding:0;font-size:1.2em;display:inline}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{padding-top:2px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]{margin-left:8px}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]:hover   .shortcut-button[_ngcontent-%COMP%]{opacity:1}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .shortcut-button[_ngcontent-%COMP%]{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .shortcut-button.tem-atalho[_ngcontent-%COMP%]{opacity:1!important}.uxc2[_nghost-%COMP%] > div[_ngcontent-%COMP%]   .shortcut-button[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:14px;color:#b99206;top:-2px}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoPagebarComponent, [{
             type: Component,
-            args: [{ selector: 'info-pagebar', template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n    \r\n    <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n        <h2 [innerHTML]=\"pagetitle | translate\"></h2>\r\n        \r\n        <div class=\"link-button\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}</button>\r\n\r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n        <hr>\r\n    </ng-container>\r\n    \r\n    <div class=\"row\" *ngIf=\"_platform.Config.ux <= 2\" >\r\n        <div class=\"col-md-6\">\r\n            <h2>\r\n                <label id=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n                    <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon>\r\n                    {{ _platform.PaginaAtiva.Titulo | translate }}\r\n\r\n                    <ng-container *ngIf=\"pagetitle != null && pagetitle != ''\"> / </ng-container>\r\n                </label>\r\n                <label [outerHTML]=\"pagetitle | translate\"></label>\r\n            </h2>\r\n            <button *ngIf=\"podeCriarAtalho\" type=\"button\" mat-icon-button class=\"shortcut-button\" [ngClass]=\"{ 'tem-atalho': !!atalhoId }\" (click)=\"toggleAtalho()\" [disabled]=\"loading\">\r\n                <mat-icon inline>{{ atalhoId ? 'star' : 'star_border' }}</mat-icon>\r\n            </button>\r\n            \r\n            <p class=\"pagebar-description\" [innerHTML]=\"description | translate\"></p>\r\n        </div>\r\n\r\n        <div class=\"col-md-6 align-right buttons\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}\r\n            </button>\r\n            \r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n    </div>\r\n</div>\r\n<section class=\"loading-bar\" *ngIf=\"loading\">\r\n    <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n</section>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>", styles: [":host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{position:fixed;left:240px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 240px);transition:left .2s ease-in-out,width .2s ease-in-out}:host.uxc3>div h2{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}:host.uxc3>div h2 .mat-icon{top:3px;font-size:22px}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}:host.uxc3>div hr{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 543px){:host.uxc3>div{left:0}}:host.uxc2>div{position:fixed;left:240px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{margin:0;padding:0;font-size:1.2em;display:inline}:host.uxc2>div p{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{font-size:14px;color:#b99206;top:-2px}\n"] }]
+            args: [{ selector: 'info-pagebar', template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n    \r\n    <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n        <h2 [innerHTML]=\"pagetitle | translate\"></h2>\r\n        \r\n        <div class=\"link-button\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}</button>\r\n\r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n        <hr>\r\n    </ng-container>\r\n    \r\n    <div class=\"row\" *ngIf=\"_platform.Config.ux <= 2\" >\r\n        <div class=\"col-md-6\">\r\n            <h2>\r\n                <label id=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n                    <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon>\r\n                    {{ _platform.PaginaAtiva.Titulo | translate }}\r\n\r\n                    <ng-container *ngIf=\"pagetitle != null && pagetitle != ''\"> / </ng-container>\r\n                </label>\r\n                <label [outerHTML]=\"pagetitle | translate\"></label>\r\n            </h2>\r\n            <button *ngIf=\"podeCriarAtalho\" type=\"button\" mat-icon-button class=\"shortcut-button\" [ngClass]=\"{ 'tem-atalho': !!atalhoId }\" (click)=\"toggleAtalho()\" [disabled]=\"loading\">\r\n                <mat-icon inline>{{ atalhoId ? 'star' : 'star_border' }}</mat-icon>\r\n            </button>\r\n            \r\n            <p class=\"pagebar-description\" [innerHTML]=\"description | translate\"></p>\r\n        </div>\r\n\r\n        <div class=\"col-md-6 align-right buttons\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}\r\n            </button>\r\n            \r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n    </div>\r\n</div>\r\n<section class=\"loading-bar\" *ngIf=\"loading\">\r\n    <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n</section>\r\n\r\n<ng-template #content><ng-content></ng-content></ng-template>", styles: [":host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{position:fixed;left:240px;z-index:100;top:80px;background:#FFF;padding:15px 20px 10px;min-height:60px;width:calc(100% - 240px);transition:left .2s ease-in-out,width .2s ease-in-out}:host.uxc3>div h2{font-size:1.7em;font-weight:500;display:inline-block;padding-right:20px;margin:0;max-width:65%;background:inherit}:host.uxc3>div h2 .mat-icon{top:3px;font-size:22px}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{display:block;background:inherit;position:absolute;right:20px;top:18px;padding-left:20px}:host.uxc3>div hr{position:absolute;top:50%;margin:0;width:calc(100% - 40px);z-index:-1}@media only screen and (max-width: 991px){:host.uxc3>div{left:0}}:host.uxc2>div{position:fixed;left:240px;right:0;z-index:100;top:70px;background:#fff;padding:10px 20px;min-height:60px;border-bottom:solid 1px #e4e9f0;box-shadow:0 0 5px #eee}@media only screen and (max-width: 543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{margin:0;padding:0;font-size:1.2em;display:inline}:host.uxc2>div p{font-size:.9em;width:100%;padding-top:3px;margin:0}@media only screen and (max-width: 543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{width:22px;height:22px;line-height:22px;text-align:center;opacity:0;transition:opacity .2s}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{font-size:14px;color:#b99206;top:-2px}\n"] }]
         }], function () { return [{ type: i1$1.Router }, { type: i1$3.MatDialog }, { type: InfoDataService }, { type: InfoTranslateService }, { type: InfoPlatformModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { margintop: [{
                 type: Input
             }], icon: [{
@@ -4398,7 +4405,7 @@ function InfoGridComponent_table_11_th_5_Template(rf, ctx) {
         i0.ɵɵproperty("ngIf", ctx_r42.enabledcols);
     }
 }
-const _c4 = function (a0) { return { "icone-secundario": a0 }; };
+const _c4$1 = function (a0) { return { "icone-secundario": a0 }; };
 function InfoGridComponent_table_11_tr_7_td_1_ng_container_1_i_1_Template(rf, ctx) {
     if (rf & 1) {
         i0.ɵɵelementStart(0, "i", 53);
@@ -4408,7 +4415,7 @@ function InfoGridComponent_table_11_tr_7_td_1_ng_container_1_i_1_Template(rf, ct
     }
     if (rf & 2) {
         const icon_r63 = i0.ɵɵnextContext().$implicit;
-        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 3, icon_r63.Tooltip))("ngClass", i0.ɵɵpureFunction1(5, _c4, icon_r63.Principal == false));
+        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 3, icon_r63.Tooltip))("ngClass", i0.ɵɵpureFunction1(5, _c4$1, icon_r63.Principal == false));
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate(icon_r63.Icon);
     }
@@ -5748,7 +5755,7 @@ class InfoGridComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formSearch = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
         }
-    }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 17, vars: 17, consts: [["icon", "work", 3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["id", "auto-refresh", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], ["icon", "work", 3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "innerHTML"], ["color", "primary", "mode", "indeterminate"], ["id", "auto-refresh"], ["matTooltipPosition", "left", 1, "material-icons", 3, "matTooltip"], [1, "table", "table-hover", 3, "ngStyle", "ngClass"], ["style", "width: 5%;", 4, "ngIf"], ["class", "actions align-right buttons", 4, "ngIf"], [1, "grid-content"], [3, "ngClass", "class", "click", 4, "ngFor", "ngForOf"], [2, "width", "5%"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass"], [1, "actions", "align-right", "buttons"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "class", "managercols", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 1, "managercols", 3, "matTooltip", "click"], [1, "icon-out"], [3, "ngClass", "click"], ["class", "material-icons", 3, "matTooltip", "ngClass", 4, "ngIf"], [1, "material-icons", 3, "matTooltip", "ngClass"], [3, "ngSwitch", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["nowrap", "", 3, "innerHTML", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "innerHTML", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "innerHTML"], [1, "break-word", 3, "ngClass"], [1, "mostar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "innerHTML"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 3, "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "click"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) {
+    }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 17, vars: 17, consts: [["icon", "work", 3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["id", "auto-refresh", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], ["icon", "work", 3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "innerHTML"], ["color", "primary", "mode", "indeterminate"], ["id", "auto-refresh"], ["matTooltipPosition", "left", 1, "material-icons", 3, "matTooltip"], [1, "table", "table-hover", 3, "ngStyle", "ngClass"], ["style", "width: 5%;", 4, "ngIf"], ["class", "actions align-right buttons", 4, "ngIf"], [1, "grid-content"], [3, "ngClass", "class", "click", 4, "ngFor", "ngForOf"], [2, "width", "5%"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass"], [1, "actions", "align-right", "buttons"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "class", "managercols", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 1, "managercols", 3, "matTooltip", "click"], [1, "icon-out"], [3, "ngClass", "click"], ["class", "material-icons", 3, "matTooltip", "ngClass", 4, "ngIf"], [1, "material-icons", 3, "matTooltip", "ngClass"], [3, "ngSwitch", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["nowrap", "", 3, "innerHTML", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "innerHTML", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostrar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "innerHTML"], [1, "break-word", 3, "ngClass"], [1, "mostrar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "innerHTML"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 3, "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "click"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, InfoGridComponent_info_pagebar_0_Template, 6, 7, "info-pagebar", 0);
@@ -5794,11 +5801,11 @@ class InfoGridComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("messages", ctx.messages);
         }
-    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgStyle, i1$2.NgSwitch, i1$2.NgSwitchCase, i3.ɵNgNoValidate, i3.NgControlStatusGroup, i3.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$2.DecimalPipe, i1$2.DatePipe, InfoTranslatePipe], styles: ["[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%]   .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%]   .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_id[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_data[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .managercols[_ngcontent-%COMP%]{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]:hover   .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{height:40px;background:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;position:relative;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:absolute;bottom:8px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostar-mais[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostar-mais[_ngcontent-%COMP%]   .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td.td-actions[_ngcontent-%COMP%]{padding-top:7px;padding-bottom:6px;border-bottom:none;margin-top:1px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover{background:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .mostar-mais[_ngcontent-%COMP%]{background-color:#fff}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .td-actions[_ngcontent-%COMP%]{background:#fff}"] });
+    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgStyle, i1$2.NgSwitch, i1$2.NgSwitchCase, i3.ɵNgNoValidate, i3.NgControlStatusGroup, i3.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$2.DecimalPipe, i1$2.DatePipe, InfoTranslatePipe], styles: ["[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%]   .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%]   .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_id[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_data[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .managercols[_ngcontent-%COMP%]{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]:hover   .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{height:40px;background:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]   .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td.td-actions[_ngcontent-%COMP%]{padding-top:7px;padding-bottom:6px;border-bottom:none;margin-top:1px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover{background:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   .mostrar-mais[_ngcontent-%COMP%]{background-color:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .mostrar-mais[_ngcontent-%COMP%]{background-color:#fff}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .td-actions[_ngcontent-%COMP%]{background:#fff}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridComponent, [{
             type: Component,
-            args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" icon=\"work\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n    <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n        <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n    </button>\r\n\r\n    <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n        <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n            <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n            {{ b.label | translate }}\r\n        </button>\r\n    </ng-container>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons }\" [class]=\"mod.Class\" (click)=\"access(mod)\">\r\n                    <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n                        <ng-container *ngFor=\"let icon of icons\">\r\n                            <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n                        </ng-container>\r\n                    </td>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n                        <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n                        <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n                            <ng-container *ngSwitchCase=\"'label'\">\r\n                                <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n                                    <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n                                    <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n                                    <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': colunasItensExpandidos[j][i] }\" class=\"mostar-mais\" (click)=\"mostrarMais(j,i)\">\r\n                                        <mat-icon [ngClass]=\"{'icone-expandido': colunasItensExpandidos[j][i] }\">keyboard_arrow_down</mat-icon>\r\n                                    </div>\r\n                                    <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n                                </td>\r\n                                <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n                            </ng-container>\r\n\r\n                            <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n                           \r\n                            <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n                                <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n                                <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n                                <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n                            </td>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"enabledclickaccess\">\r\n                        <td class=\"td-actions clickaccess\">\r\n                            <button mat-icon-button type=\"button\" (click)=\"access(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!enabledclickaccess\">\r\n                        <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n                            <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </a>\r\n\r\n                            <ng-container *ngFor=\"let b of buttons\">\r\n                                <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n                                    <mat-icon>{{b.icon}}</mat-icon>\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n                                <mat-icon>file_download</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"detail(mod)\" *ngIf=\"enableddetail\">\r\n                                <mat-icon>list</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n                                <mat-icon>info</mat-icon>\r\n                            </button>\r\n                            \r\n                            <!-- <button mat-icon-button type=\"button\" [matTooltip]=\"'Visualizar' | translate\" (click)=\"view(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Editar' | translate\" (click)=\"edit(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit\">\r\n                                <mat-icon>edit</mat-icon>\r\n                            </button> -->\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n                                <mat-icon>delete</mat-icon>\r\n                            </button>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n                                <mat-icon>arrow_forward</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n        <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: [":host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:40px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;position:relative;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostar-mais{width:100%;display:flex;position:absolute;bottom:8px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostar-mais .mat-icon{cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{padding-top:7px;padding-bottom:6px;border-bottom:none;margin-top:1px}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}\n"] }]
+            args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" icon=\"work\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n    <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n        <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n    </button>\r\n\r\n    <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n        <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n            <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n            {{ b.label | translate }}\r\n        </button>\r\n    </ng-container>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons }\" [class]=\"mod.Class\" (click)=\"access(mod)\">\r\n                    <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n                        <ng-container *ngFor=\"let icon of icons\">\r\n                            <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n                        </ng-container>\r\n                    </td>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n                        <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n                        <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n                            <ng-container *ngSwitchCase=\"'label'\">\r\n                                <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n                                    <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n                                    <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n                                    <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': colunasItensExpandidos[j][i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j,i)\">\r\n                                        <mat-icon [ngClass]=\"{'icone-expandido': colunasItensExpandidos[j][i] }\">keyboard_arrow_down</mat-icon>\r\n                                    </div>\r\n                                    <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n                                </td>\r\n                                <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n                            </ng-container>\r\n\r\n                            <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n                           \r\n                            <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n                                <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n                                <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n                                <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n                            </td>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"enabledclickaccess\">\r\n                        <td class=\"td-actions clickaccess\">\r\n                            <button mat-icon-button type=\"button\" (click)=\"access(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!enabledclickaccess\">\r\n                        <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n                            <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </a>\r\n\r\n                            <ng-container *ngFor=\"let b of buttons\">\r\n                                <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n                                    <mat-icon>{{b.icon}}</mat-icon>\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n                                <mat-icon>file_download</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"detail(mod)\" *ngIf=\"enableddetail\">\r\n                                <mat-icon>list</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n                                <mat-icon>info</mat-icon>\r\n                            </button>\r\n                            \r\n                            <!-- <button mat-icon-button type=\"button\" [matTooltip]=\"'Visualizar' | translate\" (click)=\"view(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Editar' | translate\" (click)=\"edit(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit\">\r\n                                <mat-icon>edit</mat-icon>\r\n                            </button> -->\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n                                <mat-icon>delete</mat-icon>\r\n                            </button>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n                                <mat-icon>arrow_forward</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n        <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: [":host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:40px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{padding-top:7px;padding-bottom:6px;border-bottom:none;margin-top:1px}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}\n"] }]
         }], function () { return [{ type: InfoDialogModal }, { type: InfoPlatformModel }, { type: i1$3.MatDialog }, { type: InfoFormPropModel }, { type: InfoDataService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: InfoAuthenticationService }, { type: i0.ChangeDetectorRef }, { type: InfoTranslateService }, { type: InfoLastSearchModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { pagetitle: [{
                 type: Input
             }], prefixtitle: [{
@@ -7252,9 +7259,9 @@ class InfoChipsComponent {
 
 function InfoSidebarComponent_ng_container_0_ul_7_li_1_a_1_Template(rf, ctx) {
     if (rf & 1) {
-        const _r10 = i0.ɵɵgetCurrentView();
+        const _r9 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "a", 10);
-        i0.ɵɵlistener("click", function InfoSidebarComponent_ng_container_0_ul_7_li_1_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r10); const _r7 = i0.ɵɵreference(2); const m_r4 = i0.ɵɵnextContext().$implicit; const ctx_r8 = i0.ɵɵnextContext(3); ctx_r8.access(m_r4.Title); return i0.ɵɵresetView(_r7.hide()); });
+        i0.ɵɵlistener("click", function InfoSidebarComponent_ng_container_0_ul_7_li_1_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r9); const _r7 = i0.ɵɵreference(2); const m_r4 = i0.ɵɵnextContext().$implicit; const ctx_r8 = i0.ɵɵnextContext(3); ctx_r8.changeSidebar(); ctx_r8.access(m_r4.Title); return i0.ɵɵresetView(_r7.hide()); });
         i0.ɵɵelementStart(1, "mat-icon", 11, 12);
         i0.ɵɵpipe(3, "translate");
         i0.ɵɵtext(4);
@@ -7662,11 +7669,11 @@ class InfoSidebarComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx._platform.Config.ux <= 2);
         }
-    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: [".uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-240px;top:180px}}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%]   .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%]   .site-sidebar.opened[_ngcontent-%COMP%]   .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-sidebar.opened[_ngcontent-%COMP%]   .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]   mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%]{width:240px;overflow-y:auto}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.opened[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%]   .sidebar-overlay[_ngcontent-%COMP%]{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:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-240px}}.uxc2[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%]   .sidebar-overlay[_ngcontent-%COMP%]{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}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%]{width:240px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]   .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
+    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLinkWithHref, InfoTranslatePipe], styles: [".uxc3[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]{left:-240px;top:84px}}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{position:relative}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before{top:180px}}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%]   .site-sidebar.opened[_ngcontent-%COMP%]:before{opacity:1;visibility:visible}.uxc3[_nghost-%COMP%]   .site-sidebar.opened[_ngcontent-%COMP%]   .sub-menu-overlay[_ngcontent-%COMP%]{opacity:.5;visibility:visible}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-sidebar.opened[_ngcontent-%COMP%]   .sub-menu-overlay[_ngcontent-%COMP%]{opacity:0!important}}.uxc3[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .sub-menu-overlay[_ngcontent-%COMP%]{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]   mat-icon.min[_ngcontent-%COMP%]{transform:rotate(0)}@media (max-width: 991px){.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   #menu-min-icon[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%]{width:240px;overflow-y:auto}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{margin-top:0}}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{height:auto;top:6px;margin-right:15px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin-bottom:0;transition:opacity .2s ease-in-out}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:hover > .item-link[_ngcontent-%COMP%]{font-weight:600}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:hover:after{transform:translate(4px)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.opened[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{background:transparent;font-weight:600}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.active[_ngcontent-%COMP%]:after, .uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.opened[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{display:none}}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{margin:10px 3px}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{text-decoration:none!important;font-weight:600!important}.uxc3[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.opened[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{visibility:visible;opacity:1}.uxc3[_nghost-%COMP%]   .sidebar-overlay[_ngcontent-%COMP%]{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:-3}.uxc2[_nghost-%COMP%]{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:-240px}}.uxc2[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]{background:main-color(600);display:block;height:70px}.uxc2[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}.uxc2[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   i.logo-img[_ngcontent-%COMP%]{width:210px;height:50px;margin:auto;vertical-align:top}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]{position:relative;z-index:9999}}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]{background-size:cover;padding:8px 20px}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin:0;font-size:1.2em}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin-top:5px}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:.9em;cursor:pointer}.uxc2[_nghost-%COMP%]   .site-sidebar[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{text-decoration:underline}.uxc2[_nghost-%COMP%]   .sidebar-overlay[_ngcontent-%COMP%]{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}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%]{width:240px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:10px 0 22px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]{position:relative;margin-bottom:3px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]   .item-badge[_ngcontent-%COMP%]{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{transition:color .2s ease-in-out;width:22px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:18px;height:auto;width:25px;top:4px}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.menu-item-group[_ngcontent-%COMP%]:after{display:none}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .group-title[_ngcontent-%COMP%]{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%]{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .item-link[_ngcontent-%COMP%]{padding:5px 22px 6px 48px;font-size:.9em}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:first-child > .item-link[_ngcontent-%COMP%]:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item[_ngcontent-%COMP%]:hover:not(.disabled):after{transform:translate(4px)}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.active[_ngcontent-%COMP%]:after{transform:translate(4px)}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.disabled[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{opacity:.5;cursor:default}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]{position:relative}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .caret[_ngcontent-%COMP%]{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub.active[_ngcontent-%COMP%] > .item-link[_ngcontent-%COMP%]   .caret[_ngcontent-%COMP%]{transform:rotate(90deg)}.uxc2[_nghost-%COMP%]   nav[_ngcontent-%COMP%]   .main-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]   .menu-item.has-sub.active[_ngcontent-%COMP%] > .sub[_ngcontent-%COMP%]{max-height:1000px}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoSidebarComponent, [{
             type: Component,
-            args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n                    <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin  }\">chevron_right</mat-icon>\r\n                </a>\r\n\r\n                <ul *ngIf=\"menu\">\r\n    \r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n                        \r\n                        <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"access(m.Title);tooltip.hide();\" >\r\n                            <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n                            <label class=\"title\">{{ m.Title | translate }}</label>\r\n                        </a>\r\n    \r\n                        <ng-container *ngIf=\"m.Sub != null\">\r\n                            <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n                                <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n                                <label class=\"title\">{{ m.Title | translate }}</label>\r\n                            </a>\r\n    \r\n                            <div class=\"sub-menu\">\r\n                                <h4>{{ m.Title | translate }}</h4>\r\n    \r\n                                <ul>\r\n                                    <li *ngFor=\"let s of m.Sub\">\r\n                                        <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </ng-container>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n        <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-sidebar\">\r\n\r\n        <div class=\"logo\">\r\n            <a href=\"/\" >\r\n                <i class=\"logo-img\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"info\">\r\n            <span>{{ _session.Usuario }}</span>\r\n            <small>{{ _session.Perfil }}</small>\r\n        </div>\r\n\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <section class=\"loading-bar\" *ngIf=\"loading\">\r\n                    <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n                </section>\r\n                <ul *ngIf=\"menu\">\r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n            \r\n                        <!-- Grupos -->\r\n                        <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n            \r\n                        <!-- Itens -->\r\n                        <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                        </a>\r\n            \r\n                        <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n                        </a>\r\n            \r\n                        <!-- Item com submenu -->\r\n                        <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n                            <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                            <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n                        </a>\r\n            \r\n                        <!-- Sub Menu -->\r\n                        <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n                            <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n                                <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n                            </li>\r\n                        </ul>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>", styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-240px;top:180px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}:host.uxc3 nav .main-menu{width:240px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-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:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-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}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
+            args: [{ selector: 'info-sidebar', template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n                    <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin  }\">chevron_right</mat-icon>\r\n                </a>\r\n\r\n                <ul *ngIf=\"menu\">\r\n    \r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n                        \r\n                        <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);tooltip.hide();\" >\r\n                            <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n                            <label class=\"title\">{{ m.Title | translate }}</label>\r\n                        </a>\r\n    \r\n                        <ng-container *ngIf=\"m.Sub != null\">\r\n                            <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n                                <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n                                <label class=\"title\">{{ m.Title | translate }}</label>\r\n                            </a>\r\n    \r\n                            <div class=\"sub-menu\">\r\n                                <h4>{{ m.Title | translate }}</h4>\r\n    \r\n                                <ul>\r\n                                    <li *ngFor=\"let s of m.Sub\">\r\n                                        <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </ng-container>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n        <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-sidebar\">\r\n\r\n        <div class=\"logo\">\r\n            <a href=\"/\" >\r\n                <i class=\"logo-img\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"info\">\r\n            <span>{{ _session.Usuario }}</span>\r\n            <small>{{ _session.Perfil }}</small>\r\n        </div>\r\n\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <section class=\"loading-bar\" *ngIf=\"loading\">\r\n                    <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n                </section>\r\n                <ul *ngIf=\"menu\">\r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n            \r\n                        <!-- Grupos -->\r\n                        <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n            \r\n                        <!-- Itens -->\r\n                        <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                        </a>\r\n            \r\n                        <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n                        </a>\r\n            \r\n                        <!-- Item com submenu -->\r\n                        <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n                            <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                            <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n                        </a>\r\n            \r\n                        <!-- Sub Menu -->\r\n                        <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n                            <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n                                <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n                            </li>\r\n                        </ul>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>", styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width: 991px){:host.uxc3{left:-240px;top:84px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{position:fixed;content:\" \";visibility:hidden;left:240px;top:0;width:370px;height:100%;z-index:-1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width: 991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{display:block;padding-top:5px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc3 nav #menu-min-icon{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer;transition:right .2s ease-in-out}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;width:inherit;height:inherit;transition:transform .2s ease-in-out;transform:rotate(180deg)}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0)}@media (max-width: 991px){:host.uxc3 nav #menu-min-icon{display:none}}:host.uxc3 nav .main-menu{width:240px;overflow-y:auto}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}@media (max-width: 991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}:host.uxc3 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;left:-5px;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;top:6px;margin-right:15px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translate(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;visibility:hidden;opacity:0;position:fixed;left:240px;width:370px;padding:0 40px;top:100px;transition:.2s opacity 0s ease-in-out,0s visibility .2s ease-in-out}@media screen and (max-width: 991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{margin:0;padding:0;list-style:none}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{font-size:14px;font-weight:500;cursor:pointer;padding:5px 0;margin:0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{text-decoration:none!important;font-weight:600!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{visibility:visible;opacity:1}:host.uxc3 .sidebar-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:-3}:host.uxc2{display:block;height:100%;left:0;position:fixed;top:0;transition:left .2s ease-in-out;width:240px;z-index:997}@media only screen and (max-width: 991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{width:210px;height:50px;margin:auto;vertical-align:top}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;width:100%;min-height:60px}@media only screen and (max-width: 991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{margin:0;font-size:1.2em}:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info label{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{font-size:.9em;cursor:pointer}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-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}:host.uxc2 nav{display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{position:relative;margin-bottom:3px}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;width:25px;top:4px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:#0009;display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;overflow:hidden;margin:0;max-height:0;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{padding:5px 22px 6px 48px;font-size:.9em}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.active:after{transform:translate(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{opacity:.5;cursor:default}:host.uxc2 nav .main-menu>ul .menu-item.has-sub{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}\n"] }]
         }], function () { return [{ type: InfoDataService }, { type: InfoAuthenticationService }, { type: InfoThemeService }, { type: InfoSessionModel }, { type: InfoPlatformModel }, { type: InfoLastSearchModel }, { type: i1$1.Router }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { api: [{
                 type: Input
             }], method: [{
@@ -8008,10 +8015,7 @@ function InfoTopbarComponent_ng_container_0_Template(rf, ctx) {
         i0.ɵɵelementStart(40, "div", 24);
         i0.ɵɵlistener("click", function InfoTopbarComponent_ng_container_0_Template_div_click_40_listener() { i0.ɵɵrestoreView(_r47); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.openSidebar()); });
         i0.ɵɵelement(41, "span")(42, "span")(43, "span")(44, "span")(45, "span")(46, "span");
-        i0.ɵɵelementStart(47, "sub");
-        i0.ɵɵtext(48);
-        i0.ɵɵpipe(49, "translate");
-        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementContainerEnd();
     }
     if (rf & 2) {
@@ -8021,13 +8025,13 @@ function InfoTopbarComponent_ng_container_0_Template(rf, ctx) {
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate(ctx_r0._session.Usuario);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(24, _c0$2, ctx_r0.topMenu.empresa));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c0$2, ctx_r0.topMenu.empresa));
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 16, "Empresa"));
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 15, "Empresa"));
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate(ctx_r0._session.Empresa);
         i0.ɵɵadvance(5);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 18, "Empresas"));
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 17, "Empresas"));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngForOf", ctx_r0._session.Empresas);
         i0.ɵɵadvance(1);
@@ -8043,11 +8047,9 @@ function InfoTopbarComponent_ng_container_0_Template(rf, ctx) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx_r0.languages.length > 0);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(35, 20, "Sair"));
+        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(35, 19, "Sair"));
         i0.ɵɵadvance(6);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c1$1, ctx_r0.opened));
-        i0.ɵɵadvance(8);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(49, 22, "Menu"));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c1$1, ctx_r0.opened));
     }
 }
 function InfoTopbarComponent_ng_container_1_div_2_Template(rf, ctx) {
@@ -8556,7 +8558,7 @@ class InfoTopbarComponent {
 /** @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: _c2$1, 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, "click"], [1, "nav-item", "selecao-empresa", 3, "ngClass"], [1, "menu-lateral-direita"], [1, "fechar", 3, "click"], [1, "empresas"], [4, "ngFor", "ngForOf"], ["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, "nav-item"], ["mat-icon-button", "", 3, "matTooltip", "click"], [1, "items-overlay", 3, "click"], ["divModal", ""], [1, "navbar-button", 3, "ngClass", "click"], [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, 50, 28, "ng-container", 0);
+            i0.ɵɵtemplate(0, InfoTopbarComponent_ng_container_0_Template, 47, 25, "ng-container", 0);
             i0.ɵɵtemplate(1, InfoTopbarComponent_ng_container_1_Template, 40, 24, "ng-container", 0);
             i0.ɵɵtemplate(2, InfoTopbarComponent_section_2_Template, 2, 0, "section", 1);
             i0.ɵɵtemplate(3, InfoTopbarComponent_div_3_Template, 1, 0, "div", 2);
@@ -8570,11 +8572,11 @@ class InfoTopbarComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.loading);
         }
-    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLink, InfoTranslatePipe], styles: [".topmenu[_nghost-%COMP%]{border-bottom-width:0!important;box-shadow:none!important}.uxc3[_nghost-%COMP%]{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){.uxc3[_nghost-%COMP%]{left:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{width:100%}.uxc3[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]{position:absolute;top:17px}.uxc3[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img[_ngcontent-%COMP%]{display:none!important}.uxc3[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img-resp[_ngcontent-%COMP%]{display:block!important;height:45px!important}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);margin:0!important;border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%]   .usuario-logado.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{text-align:left!important}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{display:inline-block;font-size:14px}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{position:relative;display:inline-block;padding-right:20px;margin-right:5px}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}.uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]{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}.uxc3[_nghost-%COMP%]   .selecao-empresa.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{width:100%!important}}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]{display:block;height:60px;width:500px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img-resp[_ngcontent-%COMP%]{display:none;height:100%;width:100%}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{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){.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   sub[_ngcontent-%COMP%]{position:absolute;bottom:-10px;text-transform:uppercase}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1){left:2px;top:6px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 7px);top:6px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){left:2px;top:15px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 7px);top:15px}.uxc3[_nghost-%COMP%]   dl[_ngcontent-%COMP%]{line-height:20px;text-transform:none;transition:border .2s ease-in-out}.uxc3[_nghost-%COMP%]   dl[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-size:10px;font-weight:500;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]{top:-1px;padding:5px 20px 5px 0;cursor:pointer}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{top:5px;margin:0}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{position:absolute;font-size:22px;top:17px;right:0;text-align:center}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]{padding-left:10px;margin:0!important}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]{padding-left:20px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{width:100%}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{display:block;top:0;position:absolute;right:10px}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]{display:flex;height:100%;padding:5px;width:100%}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]   .marker[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]   .marker[_ngcontent-%COMP%]{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%]{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-ripple[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-ripple[_ngcontent-%COMP%]{display:none}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]:hover{opacity:1}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0 30px 38px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{line-height:20px;padding:5px 0;margin-bottom:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-weight:600;font-size:13px;margin-bottom:5px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{font-size:14px;font-weight:500}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{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}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%]   .lista-empresas[_ngcontent-%COMP%]{display:block}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .items-overlay[_ngcontent-%COMP%]{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){.uxc3[_nghost-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:240px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:0}}.uxc2[_nghost-%COMP%]   .sessao-clone[_ngcontent-%COMP%]{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}.uxc2[_nghost-%COMP%]   .sessao-clone[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{font-size:10px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1){left:3px;top:6px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 3px);top:6px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){left:3px;top:15px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 3px);top:15px}.uxc2[_nghost-%COMP%]   .page-title[_ngcontent-%COMP%]{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}.uxc2[_nghost-%COMP%]   .page-title[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .page-title[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .mat-icon, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .mat-icon .marker, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .badge, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .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}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .avatar, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .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}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name label, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name span, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .name{display:none}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-ripple, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-ripple{display:none}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{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){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.calendar[_ngcontent-%COMP%]{left:-34%}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.calendar[_ngcontent-%COMP%]:before{left:60%}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]:before{display:none}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .company[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .languages[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .themesa[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{cursor:pointer!important}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .themes[_ngcontent-%COMP%]{max-height:500px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .pesquisa-rapida[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-title[_ngcontent-%COMP%]{margin:0;padding:11px;text-align:center}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-title[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:#fffc}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.05)}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{background:inherit!important}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .avatar[_ngcontent-%COMP%]{border-radius:50%;height:40px;margin-right:11px;width:40px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{font-size:.85rem}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .desc[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .meta[_ngcontent-%COMP%]{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .meta[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{margin:0 0 0 11px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%]{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%]:before{display:none}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;cursor:pointer}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{margin-right:11px;min-width:15px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .items-overlay[_ngcontent-%COMP%]{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}"] });
+    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i4.MatIcon, i13.MatButton, i7.MatProgressBar, i15.MatTooltip, i1$1.RouterLink, InfoTranslatePipe], styles: [".topmenu[_nghost-%COMP%]{border-bottom-width:0!important;box-shadow:none!important}.uxc3[_nghost-%COMP%]{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){.uxc3[_nghost-%COMP%]{left:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{width:100%}.uxc3[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]{position:absolute;top:17px}.uxc3[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img[_ngcontent-%COMP%]{display:none!important}.uxc3[_nghost-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img-resp[_ngcontent-%COMP%]{display:block!important;height:45px!important}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]{position:absolute;top:70px!important;left:-100%;width:calc(100% + 6px);margin:0!important;border-right:none!important;padding-left:25px!important;padding-top:15px!important;transition:left .2s ease-in-out}.uxc3[_nghost-%COMP%]   .usuario-logado.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{text-align:left!important}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{display:inline-block;font-size:14px}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{position:relative;display:inline-block;padding-right:20px;margin-right:5px}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]:after{position:absolute;top:2px;right:0;content:\"-\";width:10px;height:10px}.uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]{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}.uxc3[_nghost-%COMP%]   .selecao-empresa.menu-aberto[_ngcontent-%COMP%]{left:0%}.uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{width:100%!important}}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]{display:block;height:60px;width:500px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img[_ngcontent-%COMP%]{display:block;height:100%;width:100%}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .logo-img-resp[_ngcontent-%COMP%]{display:none;height:100%;width:100%}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{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){.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   sub[_ngcontent-%COMP%]{position:absolute;bottom:-10px;text-transform:uppercase}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%;top:10px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2), .uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1){left:2px;top:6px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 7px);top:6px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){left:2px;top:15px}.uxc3[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 7px);top:15px}.uxc3[_nghost-%COMP%]   dl[_ngcontent-%COMP%]{line-height:20px;text-transform:none;transition:border .2s ease-in-out}.uxc3[_nghost-%COMP%]   dl[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-size:10px;font-weight:500;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{position:relative;top:0;font-size:14px;font-weight:600;margin-bottom:0;transition:color .2s ease-in-out}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]{top:-1px;padding:5px 20px 5px 0;cursor:pointer}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{top:5px;margin:0}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{position:absolute;font-size:22px;top:17px;right:0;text-align:center}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]{padding-left:10px;margin:0!important}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%]   .usuario-logado[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%]   .selecao-empresa[_ngcontent-%COMP%]{padding-left:20px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width: 544px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{width:100%}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{display:block;top:0;position:absolute;right:10px}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out;top:-14px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]{display:flex;height:100%;padding:5px;width:100%}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]   .marker[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]   .marker[_ngcontent-%COMP%]{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-wrapper[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%]{position:absolute;background:#af1b11;border-radius:8px;font-size:10px;color:#fff;padding:0 5px;line-height:16px;right:0;top:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-button[_ngcontent-%COMP%]   .mat-button-ripple[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-focus-overlay[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-button-ripple[_ngcontent-%COMP%]{display:none}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]{display:none;top:0;right:0;padding:0;position:fixed;width:420px;height:100%;z-index:9999}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%]:before{display:none}}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]{position:absolute;top:30px;right:30px;font-size:28px;cursor:pointer;opacity:.8}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > .fechar[_ngcontent-%COMP%]:hover{opacity:1}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > h4[_ngcontent-%COMP%]{font-size:24px;font-weight:500;margin:30px 0 30px 38px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;height:calc(100% - 170px);overflow-y:auto;border-radius:0 0 4px 4px;padding:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{line-height:20px;padding:5px 0;margin-bottom:0}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-weight:600;font-size:13px;margin-bottom:5px}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{font-size:14px;font-weight:500}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{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}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%]   .menu-lateral-direita[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%]   .lista-empresas[_ngcontent-%COMP%]{display:block}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible;opacity:.5}.uxc3[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .items-overlay[_ngcontent-%COMP%]{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){.uxc3[_nghost-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:240px;position:fixed;right:0;top:0;z-index:9998}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]{left:0}}.uxc2[_nghost-%COMP%]   .sessao-clone[_ngcontent-%COMP%]{position:absolute;padding:8px;top:0;background-color:#a80707;z-index:1}.uxc2[_nghost-%COMP%]   .sessao-clone[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{font-size:10px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]{flex-wrap:wrap}}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0);width:30px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]{display:block}}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:50%}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(even){left:50%}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(odd){left:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){top:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){top:10px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){top:20px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){transform:rotate(45deg)}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2), .uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){transform:rotate(-45deg)}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(1){left:3px;top:6px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){left:calc(50% - 3px);top:6px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(3){left:-50%;opacity:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(4){left:100%;opacity:0}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(5){left:3px;top:15px}.uxc2[_nghost-%COMP%]   .site-navbar[_ngcontent-%COMP%]   .navbar-button.open[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(6){left:calc(50% - 3px);top:15px}.uxc2[_nghost-%COMP%]   .page-title[_ngcontent-%COMP%]{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}.uxc2[_nghost-%COMP%]   .page-title[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{top:4px;left:0;font-size:1.1em}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .page-title[_ngcontent-%COMP%]{display:none}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{display:block;height:100%;margin:0 -5px;text-align:right}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{align-items:center;display:inline-block;text-align:left;margin:15px 3px 0 0}@media only screen and (min-width: 544px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]{position:relative}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button{position:relative;cursor:pointer;min-width:40px;padding:0;transition:color .2s ease-in-out}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .mat-icon, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .mat-icon .marker, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .badge, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .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}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .avatar, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .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}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name label, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .name label{display:block;margin:0;font-size:10px;line-height:12px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name span, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-wrapper .name, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-wrapper .name{display:none}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-button .mat-button-ripple, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-focus-overlay, .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]     .mat-icon-button .mat-button-ripple{display:none}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{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){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{left:auto;margin-left:0;right:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{left:0;margin-left:0;width:100%}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.calendar[_ngcontent-%COMP%]{left:-34%}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.calendar[_ngcontent-%COMP%]:before{left:60%}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]:before{left:100%;margin-left:-34px}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]:before{display:none}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .company[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .languages[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .themesa[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{cursor:pointer!important}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .themes[_ngcontent-%COMP%]{max-height:500px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .pesquisa-rapida[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-title[_ngcontent-%COMP%]{margin:0;padding:11px;text-align:center}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-title[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1.3}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#fff}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]   .menu-footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:#fffc}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{border-bottom:1px solid rgba(255,255,255,.05)}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{cursor:default!important;opacity:.4}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li.disabled[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{background:inherit!important}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:last-child{border-bottom:0}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{align-items:center;color:#fff;display:flex;padding:11px;transition:background .2s ease-in-out;cursor:pointer}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{background:rgba(255,255,255,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .avatar[_ngcontent-%COMP%]{border-radius:50%;height:40px;margin-right:11px;width:40px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{font-size:.85rem}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .desc[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .meta[_ngcontent-%COMP%]{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .meta[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{margin:0 0 0 11px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%]{left:auto;right:0;width:220px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%]:before{display:none}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{padding-top:8px;padding-bottom:8px;cursor:pointer}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   .dropdown-menu.mini-menu[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{margin-right:11px;min-width:15px}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%]   .dropdown-menu[_ngcontent-%COMP%]{display:block}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .nav-item.opened[_ngcontent-%COMP%] ~ .items-overlay[_ngcontent-%COMP%]{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}.uxc2[_nghost-%COMP%]   .nav-items[_ngcontent-%COMP%]   .items-overlay[_ngcontent-%COMP%]{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}"] });
 (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\">\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 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            <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>", styles: [":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);margin:0!important;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;margin:0!important}: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}@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{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:240px;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\">\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 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: [":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);margin:0!important;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;margin:0!important}: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:240px;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: [{
@@ -8782,6 +8784,7 @@ class InfoTopMenuComponent {
 })();
 
 const _c0 = ["topbar"];
+const _c1 = ["sidebar"];
 function InfoMainComponent_info_topmenu_4_Template(rf, ctx) {
     if (rf & 1) {
         const _r5 = i0.ɵɵgetCurrentView();
@@ -8796,9 +8799,9 @@ function InfoMainComponent_info_topmenu_4_Template(rf, ctx) {
 }
 function InfoMainComponent_info_sidebar_5_Template(rf, ctx) {
     if (rf & 1) {
-        const _r7 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "info-sidebar", 12);
-        i0.ɵɵlistener("onchangestate", function InfoMainComponent_info_sidebar_5_Template_info_sidebar_onchangestate_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onChangeSideBarState()); });
+        const _r8 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "info-sidebar", 12, 13);
+        i0.ɵɵlistener("onchangestate", function InfoMainComponent_info_sidebar_5_Template_info_sidebar_onchangestate_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onChangeSideBarState()); });
         i0.ɵɵelementEnd();
     }
     if (rf & 2) {
@@ -8808,7 +8811,7 @@ function InfoMainComponent_info_sidebar_5_Template(rf, ctx) {
 }
 function InfoMainComponent_div_13_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 13);
+        i0.ɵɵelementStart(0, "div", 14);
         i0.ɵɵtext(1);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementEnd();
@@ -8819,9 +8822,9 @@ function InfoMainComponent_div_13_Template(rf, ctx) {
         i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(2, 2, "Versao"), " ", ctx_r3.version, "");
     }
 }
-const _c1 = [[["", "infoia", ""]], [["", "main", ""]]];
-const _c2 = function (a0) { return { "open-sidebar": a0 }; };
-const _c3 = ["[infoia]", "[main]"];
+const _c2 = [[["", "infoia", ""]], [["", "main", ""]]];
+const _c3 = function (a0) { return { "open-sidebar": a0 }; };
+const _c4 = ["[infoia]", "[main]"];
 class InfoMainComponent {
     constructor(_platform, _session, _router, _dataAccessService, _themeService, _renderer, _element, _utilities) {
         this._platform = _platform;
@@ -8888,6 +8891,12 @@ class InfoMainComponent {
     onChangeSideBarState() {
         this.topbar.openSidebar();
     }
+    onClick(targetElement) {
+        if (this.opened &&
+            !this.sidebar._element.nativeElement.contains(targetElement) &&
+            !this.topbar._element.nativeElement.contains(targetElement))
+            this.onChangeSideBarState();
+    }
     getLoggedUser() {
         var cSession = this._utilities.getLocalStorage(this._platform.SessionKey);
         if (cSession != null)
@@ -8933,20 +8942,26 @@ class InfoMainComponent {
 /** @nocollapse */ InfoMainComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoMainComponent, selectors: [["info-main"]], viewQuery: function InfoMainComponent_Query(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
+            i0.ɵɵviewQuery(_c1, 5);
         }
         if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topbar = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sidebar = _t.first);
         }
-    }, inputs: { opened: "opened", version: "version", messages: "messages", enabledia: "enabledia", themes: "themes", languages: "languages", profileurl: "profileurl", loginurl: "loginurl", menuapi: "menuapi", menumethod: "menumethod", activemenubyurl: "activemenubyurl", loggeduserapi: "loggeduserapi", loggedusermethod: "loggedusermethod", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", setthemeonchangecompany: "setthemeonchangecompany", shortcutapi: "shortcutapi" }, outputs: { ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c3, decls: 15, vars: 23, consts: [[1, "site-container", 3, "ngClass"], [3, "themes", "languages", "profileurl", "notificationapi", "notificationgetmethod", "notificationpostmethod", "notificationverifymethod", "notificationverifyenabled", "fastsearchform", "fastsearchformwidth", "fastsearchtitle", "setthemeonchangecompany", "enabledia", "onchangestate", "ongetnotification", "onverifynotification"], ["topbar", ""], [3, "api", "method", "onchangestate", 4, "ngIf"], [3, "api", "method", "activemenubyurl", "onchangestate", 4, "ngIf"], [1, "main-content"], [1, "main-content-wrap"], [1, "footer", "row"], [1, "copyright", "col-md-9"], ["class", "version col-md-3", 4, "ngIf"], [3, "messages"], [3, "api", "method", "onchangestate"], [3, "api", "method", "activemenubyurl", "onchangestate"], [1, "version", "col-md-3"]], template: function InfoMainComponent_Template(rf, ctx) {
+    }, hostBindings: function InfoMainComponent_HostBindings(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵprojectionDef(_c1);
+            i0.ɵɵlistener("click", function InfoMainComponent_click_HostBindingHandler($event) { return ctx.onClick($event.target); }, false, i0.ɵɵresolveDocument);
+        }
+    }, inputs: { opened: "opened", version: "version", messages: "messages", enabledia: "enabledia", themes: "themes", languages: "languages", profileurl: "profileurl", loginurl: "loginurl", menuapi: "menuapi", menumethod: "menumethod", activemenubyurl: "activemenubyurl", loggeduserapi: "loggeduserapi", loggedusermethod: "loggedusermethod", notificationapi: "notificationapi", notificationgetmethod: "notificationgetmethod", notificationpostmethod: "notificationpostmethod", notificationverifymethod: "notificationverifymethod", notificationverifyenabled: "notificationverifyenabled", fastsearchform: "fastsearchform", fastsearchformwidth: "fastsearchformwidth", fastsearchtitle: "fastsearchtitle", setthemeonchangecompany: "setthemeonchangecompany", shortcutapi: "shortcutapi" }, outputs: { ongetnotification: "ongetnotification", onverifynotification: "onverifynotification" }, ngContentSelectors: _c4, decls: 15, vars: 23, consts: [[1, "site-container", 3, "ngClass"], [3, "themes", "languages", "profileurl", "notificationapi", "notificationgetmethod", "notificationpostmethod", "notificationverifymethod", "notificationverifyenabled", "fastsearchform", "fastsearchformwidth", "fastsearchtitle", "setthemeonchangecompany", "enabledia", "onchangestate", "ongetnotification", "onverifynotification"], ["topbar", ""], [3, "api", "method", "onchangestate", 4, "ngIf"], [3, "api", "method", "activemenubyurl", "onchangestate", 4, "ngIf"], [1, "main-content"], [1, "main-content-wrap"], [1, "footer", "row"], [1, "copyright", "col-9"], ["class", "version col-3", 4, "ngIf"], [3, "messages"], [3, "api", "method", "onchangestate"], [3, "api", "method", "activemenubyurl", "onchangestate"], ["sidebar", ""], [1, "version", "col-3"]], template: function InfoMainComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵprojectionDef(_c2);
             i0.ɵɵelementStart(0, "div", 0)(1, "info-topbar", 1, 2);
             i0.ɵɵlistener("onchangestate", function InfoMainComponent_Template_info_topbar_onchangestate_1_listener() { return ctx.onChangeTopBarState(); })("ongetnotification", function InfoMainComponent_Template_info_topbar_ongetnotification_1_listener($event) { return ctx.onGetNotificationsTopBar($event); })("onverifynotification", function InfoMainComponent_Template_info_topbar_onverifynotification_1_listener($event) { return ctx.onVerifyNotificationsTopBar($event); });
             i0.ɵɵprojection(3);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(4, InfoMainComponent_info_topmenu_4_Template, 1, 2, "info-topmenu", 3);
-            i0.ɵɵtemplate(5, InfoMainComponent_info_sidebar_5_Template, 1, 3, "info-sidebar", 4);
+            i0.ɵɵtemplate(5, InfoMainComponent_info_sidebar_5_Template, 2, 3, "info-sidebar", 4);
             i0.ɵɵelementStart(6, "main", 5)(7, "div", 6);
             i0.ɵɵprojection(8, 1);
             i0.ɵɵelementEnd();
@@ -8960,7 +8975,7 @@ class InfoMainComponent {
             i0.ɵɵelementEnd()();
         }
         if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c2, ctx.opened));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c3, ctx.opened));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("themes", ctx.themes)("languages", ctx.languages)("profileurl", ctx.profileurl)("notificationapi", ctx.notificationapi)("notificationgetmethod", ctx.notificationgetmethod)("notificationpostmethod", ctx.notificationpostmethod)("notificationverifymethod", ctx.notificationverifymethod)("notificationverifyenabled", ctx.notificationverifyenabled)("fastsearchform", ctx.fastsearchform)("fastsearchformwidth", ctx.fastsearchformwidth)("fastsearchtitle", ctx.fastsearchtitle)("setthemeonchangecompany", ctx.setthemeonchangecompany)("enabledia", ctx.enabledia);
             i0.ɵɵadvance(3);
@@ -8974,11 +8989,11 @@ class InfoMainComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("messages", ctx.messages);
         }
-    }, dependencies: [i1$2.NgClass, i1$2.NgIf, InfoAlertComponent, InfoSidebarComponent, InfoTopbarComponent, InfoTopMenuComponent, InfoTranslatePipe], styles: [".topmenu[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding:180px 0 0!important}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding:140px 0 0 240px;transition:padding .2s ease-in-out}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]   .bg[_ngcontent-%COMP%]{background:#FFF}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-left:0}}@media screen and (max-width: 543px){.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-top:70px}}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{background:#fafafa}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-topbar[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]{left:0}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]   .sidebar-overlay[_ngcontent-%COMP%]{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before, .uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{display:block!important}}.uxc2[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-left:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-top:123px}}.uxc2[_nghost-%COMP%]   info-topbar[_ngcontent-%COMP%]{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   info-topbar[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-topbar[_ngcontent-%COMP%]{left:240px}.uxc2[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]{left:0}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]     .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]{font-size:.7rem}}.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .copyright[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{padding:10px 22px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .copyright[_ngcontent-%COMP%]{padding-right:0}}.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{text-align:right;color:#000}"] });
+    }, dependencies: [i1$2.NgClass, i1$2.NgIf, InfoAlertComponent, InfoSidebarComponent, InfoTopbarComponent, InfoTopMenuComponent, InfoTranslatePipe], styles: [".topmenu[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding:180px 0 0!important}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding:140px 0 0 240px;transition:padding .2s ease-in-out}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]   .bg[_ngcontent-%COMP%]{background:#FFF}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-left:0;padding-top:70px}}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{background:#fafafa}.uxc3[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{text-align:right}.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-topbar[_ngcontent-%COMP%]{left:0}.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]{left:0}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]   .sidebar-overlay[_ngcontent-%COMP%]{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){.uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]   .site-sidebar[_ngcontent-%COMP%]:before, .uxc3[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]   .sub-menu[_ngcontent-%COMP%]{display:block!important}}.uxc2[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-left:0}}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .main-content[_ngcontent-%COMP%]{padding-top:123px}}.uxc2[_nghost-%COMP%]   info-topbar[_ngcontent-%COMP%]{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   info-topbar[_ngcontent-%COMP%]{width:100%}}.uxc2[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-topbar[_ngcontent-%COMP%]{left:240px}.uxc2[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]{left:0}@media only screen and (max-width: 991px){.uxc2[_nghost-%COMP%]   .open-sidebar[_ngcontent-%COMP%]   info-sidebar[_ngcontent-%COMP%]     .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]{font-size:.7rem}}.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .copyright[_ngcontent-%COMP%], .uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{padding:10px 22px}@media only screen and (max-width: 543px){.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .copyright[_ngcontent-%COMP%]{padding-right:0}}.uxc2[_nghost-%COMP%]   .footer[_ngcontent-%COMP%]   .version[_ngcontent-%COMP%]{text-align:right;color:#000}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoMainComponent, [{
             type: Component,
-            args: [{ selector: 'info-main', template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n    \r\n    <info-topbar #topbar\r\n        [themes]=\"themes\" \r\n        [languages]=\"languages\" \r\n        [profileurl]=\"profileurl\"\r\n        [notificationapi]=\"notificationapi\" \r\n        [notificationgetmethod]=\"notificationgetmethod\" \r\n        [notificationpostmethod]=\"notificationpostmethod\"\r\n        [notificationverifymethod]=\"notificationverifymethod\"\r\n        [notificationverifyenabled]=\"notificationverifyenabled\"\r\n        [fastsearchform]=\"fastsearchform\"\r\n        [fastsearchformwidth]=\"fastsearchformwidth\"\r\n        [fastsearchtitle]=\"fastsearchtitle\"\r\n        [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n        (onchangestate)=\"onChangeTopBarState()\"\r\n        (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n        (onverifynotification)=\"onVerifyNotificationsTopBar($event)\"\r\n        [enabledia]=\"enabledia\">\r\n        <ng-content select=\"[infoia]\"></ng-content>\r\n    </info-topbar>\r\n        \r\n    <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-topmenu>\r\n\r\n    <info-sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        [activemenubyurl]=\"activemenubyurl\"\r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-sidebar>\r\n\r\n    <main class=\"main-content\">\r\n        <div class=\"main-content-wrap\">\r\n            <ng-content select=\"[main]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"footer row\">\r\n            <div class=\"copyright col-md-9\">{{ 'Copyright' | translate}}</div>\r\n            <div class=\"version col-md-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n        </div>\r\n        \r\n        <info-alert [messages]=\"messages\"></info-alert>\r\n    </main>\r\n</div>", styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#FFF}@media screen and (max-width: 991px){:host.uxc3 .main-content{padding-left:0}}@media screen and (max-width: 543px){:host.uxc3 .main-content{padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-topbar{left:0}:host.uxc3 .open-sidebar info-sidebar{left:0}@media screen and (max-width: 991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){:host.uxc2 .main-content{padding-left:0}}@media only screen and (max-width: 543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media only screen and (max-width: 991px){:host.uxc2 .open-sidebar info-sidebar ::ng-deep .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}:host.uxc2 .footer{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media only screen and (max-width: 543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{text-align:right;color:#000}\n"] }]
+            args: [{ selector: 'info-main', template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n    \r\n    <info-topbar #topbar\r\n        [themes]=\"themes\" \r\n        [languages]=\"languages\" \r\n        [profileurl]=\"profileurl\"\r\n        [notificationapi]=\"notificationapi\" \r\n        [notificationgetmethod]=\"notificationgetmethod\" \r\n        [notificationpostmethod]=\"notificationpostmethod\"\r\n        [notificationverifymethod]=\"notificationverifymethod\"\r\n        [notificationverifyenabled]=\"notificationverifyenabled\"\r\n        [fastsearchform]=\"fastsearchform\"\r\n        [fastsearchformwidth]=\"fastsearchformwidth\"\r\n        [fastsearchtitle]=\"fastsearchtitle\"\r\n        [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n        (onchangestate)=\"onChangeTopBarState()\"\r\n        (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n        (onverifynotification)=\"onVerifyNotificationsTopBar($event)\"\r\n        [enabledia]=\"enabledia\">\r\n        <ng-content select=\"[infoia]\"></ng-content>\r\n    </info-topbar>\r\n        \r\n    <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-topmenu>\r\n\r\n    <info-sidebar #sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        [activemenubyurl]=\"activemenubyurl\"\r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-sidebar>\r\n\r\n    <main class=\"main-content\">\r\n        <div class=\"main-content-wrap\">\r\n            <ng-content select=\"[main]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"footer row\">\r\n            <div class=\"copyright col-9\">{{ 'Copyright' | translate}}</div>\r\n            <div class=\"version col-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n        </div>\r\n        \r\n        <info-alert [messages]=\"messages\"></info-alert>\r\n    </main>\r\n</div>", styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#FFF}@media screen and (max-width: 991px){:host.uxc3 .main-content{padding-left:0;padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-topbar{left:0}:host.uxc3 .open-sidebar info-sidebar{left:0}@media screen and (max-width: 991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}@media screen and (max-width: 991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media only screen and (max-width: 991px){:host.uxc2 .main-content{padding-left:0}}@media only screen and (max-width: 543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media only screen and (max-width: 991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media only screen and (max-width: 991px){:host.uxc2 .open-sidebar info-sidebar ::ng-deep .sidebar-overlay{opacity:1;transition:.2s opacity 0s ease-in-out,0s visibility 0s ease-in-out;visibility:visible}}:host.uxc2 .footer{position:sticky;bottom:0;z-index:9997;align-items:center;background:rgba(0,0,0,.1);display:flex;font-size:.8rem;height:3.1428572rem;justify-content:space-between;width:100%}@media only screen and (max-width: 543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media only screen and (max-width: 543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{text-align:right;color:#000}\n"] }]
         }], function () { return [{ type: InfoPlatformModel }, { type: InfoSessionModel }, { type: i1$1.Router }, { type: InfoDataService }, { type: InfoThemeService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Utilities }]; }, { opened: [{
                 type: Input
             }], version: [{
@@ -9032,6 +9047,12 @@ class InfoMainComponent {
             }], topbar: [{
                 type: ViewChild,
                 args: ['topbar']
+            }], sidebar: [{
+                type: ViewChild,
+                args: ['sidebar']
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
             }] });
 })();