info-library 2.10.52 → 2.10.53

package/bundles/info-library.umd.js

@@ -530,6 +530,7 @@
             this.UnificarTopbar = true;
             this.MenuMin = false;
             this.ModoPrime = false;
+            this.PaginaLimpa = false;
             this.Menu = [];
             this.ShortcutApi = null;
         }
@@ -563,6 +564,8 @@
         /** @type {?} */
         InfoPlatformModel.prototype.ModoPrime;
         /** @type {?} */
+        InfoPlatformModel.prototype.PaginaLimpa;
+        /** @type {?} */
         InfoPlatformModel.prototype.Menu;
         /** @type {?} */
         InfoPlatformModel.prototype.ShortcutApi;
@@ -890,7 +893,7 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
 
-    /******************************************************************************
+    /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -914,8 +917,6 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -1052,11 +1053,7 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -1105,13 +1102,11 @@
         }
         return ar;
     }
-    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
-    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -1120,17 +1115,7 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
+    ;
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -1195,26 +1180,18 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    function __classPrivateFieldGet(receiver, privateMap) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to get private field on non-instance");
+        }
+        return privateMap.get(receiver);
     }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
+    function __classPrivateFieldSet(receiver, privateMap, value) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to set private field on non-instance");
+        }
+        privateMap.set(receiver, value);
+        return value;
     }
 
     /**
@@ -4217,6 +4194,8 @@
                     _this.colunasWidth.push(width);
                     _this.colunasTranslate.push(translate);
                 }));
+                if (this.colunasItens.length == 1 && this.colunasWidth.length == 1)
+                    this.colunasWidth[0] = '100%';
             }
         };
         /**
@@ -7180,7 +7159,7 @@
         { type: i0.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%;min-height:60px;width:100%}@media screen and (max-width:991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{content:\" \";height:100%;left:240px;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:370px;z-index:-1}@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{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding-top:5px}:host.uxc3 nav #menu-min-icon{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:right .2s ease-in-out;width:20px}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;height:inherit;transform:rotate(180deg);transition:transform .2s ease-in-out;width:inherit}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0deg)}:host.uxc3 nav .main-menu{overflow-y:auto;width:240px}: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{margin-bottom:3px;position:relative}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";left:-5px;position:absolute;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;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;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;margin-right:15px;top:6px}: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:translateX(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:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;left:240px;opacity:0;padding:0 40px;position:fixed;top:100px;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:370px}@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{list-style:none;margin:0;padding:0}: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{cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:5px 0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{font-weight:600!important;text-decoration:none!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{opacity:1;visibility:visible}:host.uxc3 .sidebar-overlay{opacity:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:-3}:host.uxc2,:host.uxc3 .sidebar-overlay{height:100%;left:0;position:fixed;top:0}:host.uxc2{display:block;transition:left .2s ease-in-out;width:240px;z-index:997}@media (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{height:50px;margin:auto;vertical-align:top;width:210px}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media (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{font-size:1.2em;margin:0}:host.uxc2 .site-sidebar .info label,:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{cursor:pointer;font-size:.9em}: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:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}: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{margin-bottom:3px;position:relative}: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;top:4px;width:25px}: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:rgba(0,0,0,.6);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;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{font-size:.9em;padding:5px 22px 6px 48px}: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.active:after,:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translateX(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc2 nav .main-menu>ul .menu-item.has-sub,: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}"]
+                    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%;min-height:60px;width:100%}@media screen and (max-width:991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{content:\" \";height:100%;left:240px;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:370px;z-index:-1}@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{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding-top:5px}:host.uxc3 nav #menu-min-icon{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:right .2s ease-in-out;width:20px}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;height:inherit;transform:rotate(180deg);transition:transform .2s ease-in-out;width:inherit}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0deg)}:host.uxc3 nav .main-menu{overflow-y:auto;width:240px}: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{margin-bottom:3px;position:relative}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";left:-5px;position:absolute;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;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;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;margin-right:15px;top:6px}: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:translateX(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:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;left:240px;opacity:0;padding:0 40px;position:fixed;top:100px;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:370px}@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{list-style:none;margin:0;padding:0}: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{cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:5px 0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{font-weight:600!important;text-decoration:none!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{opacity:1;visibility:visible}:host.uxc3 .sidebar-overlay{opacity:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:-3}:host.uxc2,:host.uxc3 .sidebar-overlay{height:100%;left:0;position:fixed;top:0}:host.uxc2{display:block;transition:left .2s ease-in-out;width:240px;z-index:997}@media (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{height:50px;margin:auto;vertical-align:top;width:210px}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media (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{font-size:1.2em;margin:0}:host.uxc2 .site-sidebar .info label,:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{cursor:pointer;font-size:.9em}: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:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}: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{margin-bottom:3px;position:relative}: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;top:4px;width:25px}: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:rgba(0,0,0,.6);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;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{font-size:.9em;padding:5px 22px 6px 48px}: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.active:after,:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translateX(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc2 nav .main-menu>ul .menu-item.has-sub,: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}"]
                 }] }
     ];
     /** @nocollapse */
@@ -7542,8 +7521,8 @@
     InfoTopbarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'info-topbar',
-                    template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                    <mat-icon class=\"icon-out\">verified</mat-icon>\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                    <mat-icon class=\"icon-out\">shield</mat-icon>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <sub>{{ 'Menu' | translate }}</sub>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
-                    styles: [":host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{display:block;height:80px;left:0;position:fixed;right:0;top:0;transition:left .2s ease-in-out;z-index:9998}@media screen and (max-width:991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{border-right:none!important;left:-100%;margin:0!important;padding-left:25px!important;padding-top:15px!important;position:absolute;top:70px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .usuario-logado.menu-aberto{left:0}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{display:inline-block;margin-right:5px;padding-right:20px;position:relative}:host.uxc3 .usuario-logado dl dd:after{content:\"-\";height:10px;position:absolute;right:0;top:2px;width:10px}:host.uxc3 .selecao-empresa{left:-100%;margin:0!important;padding:5px 15px 6px 25px;position:absolute;top:115px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .selecao-empresa.menu-aberto{left:0}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width:991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;left:70px;margin:0;position:absolute;top:20px;transform:rotate(0deg);width:35px}@media screen and (max-width:991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{bottom:-10px;position:absolute;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;top:10px;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:first-child,:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:first-child,:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:first-child{left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{font-size:14px;font-weight:600;margin-bottom:0;position:relative;top:0;transition:color .2s ease-in-out}:host.uxc3 .selecao-empresa,:host.uxc3 .usuario-logado{cursor:pointer;padding:5px 20px 5px 0;top:-1px}:host.uxc3 .selecao-empresa dl,:host.uxc3 .usuario-logado dl{margin:0;top:5px}:host.uxc3 .selecao-empresa dl mat-icon,:host.uxc3 .usuario-logado dl mat-icon{font-size:22px;position:absolute;right:0;text-align:center;top:17px}:host.uxc3 .usuario-logado{margin:0!important;padding-left:40px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{margin-right:40px!important;padding-left:20px;padding-right:40px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width:544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width:991px){:host.uxc3 .nav-items{display:block;position:absolute;right:10px;top:0}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media screen and (min-width:544px){:host.uxc3 .nav-items .nav-item{position:relative}}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;transition:color .2s ease-in-out}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;height:100%;padding:0;position:fixed;right:0;top:0;width:420px;z-index:9999}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{cursor:pointer;font-size:28px;opacity:.8;position:absolute;right:30px;top:30px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{border-radius:0 0 4px 4px;height:calc(100% - 170px);list-style-type:none;margin:0;overflow-y:auto;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;margin-bottom:0;padding:5px 0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-size:13px;font-weight:600;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 40px!important;padding:11px;transition:background .2s ease-in-out}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .lista-empresas,:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width:991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:240px;position:fixed;right:0;top:0;z-index:9998}@media (max-width:991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{background-color:#a80707;padding:8px;position:absolute;top:0;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media (max-width:991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0deg);width:30px}@media (max-width:991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:first-child,:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:first-child,:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:first-child{left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{font-size:1.1em;left:0;top:4px}@media (max-width:991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media (min-width:544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media (min-width:544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{font-size:12px;line-height:19px;margin-top:-3px;padding-left:10px;text-align:left;top:10px;white-space:nowrap}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name label{display:block;font-size:10px;line-height:12px;margin:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media (max-width:991px){:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px rgba(0,0,0,.25);display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:hsla(0,0%,100%,.8)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid hsla(0,0%,100%,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;cursor:pointer;display:flex;padding:11px;transition:background .2s ease-in-out}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{cursor:pointer;padding-bottom:8px;padding-top:8px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}"]
+                    template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                </dl>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-empresa\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <dl (click)=\"open('empresa')\">\r\n                    <dt>{{ 'Empresa' | translate }}</dt>\r\n                    <dd>{{ _session.Empresa }}</dd>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <sub>{{ 'Menu' | translate }}</sub>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
+                    styles: [":host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{display:block;height:85px;left:0;position:fixed;right:0;top:0;transition:left .2s ease-in-out;z-index:9998}@media screen and (max-width:991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{border-right:none!important;left:-100%;margin:0!important;padding-left:25px!important;padding-top:15px!important;position:absolute;top:70px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .usuario-logado.menu-aberto{left:0}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{display:inline-block;margin-right:5px;padding-right:20px;position:relative}:host.uxc3 .usuario-logado dl dd:after{content:\"-\";height:10px;position:absolute;right:0;top:2px;width:10px}:host.uxc3 .selecao-empresa{left:-100%;margin:0!important;padding:5px 15px 6px 25px;position:absolute;top:115px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .selecao-empresa.menu-aberto{left:0}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width:991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;left:70px;margin:0;position:absolute;top:20px;transform:rotate(0deg);width:35px}@media screen and (max-width:991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{bottom:-10px;position:absolute;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;top:10px;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:first-child,:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:first-child,:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:first-child{left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{font-size:14px;font-weight:600;margin-bottom:0;position:relative;top:0;transition:color .2s ease-in-out}:host.uxc3 .selecao-empresa,:host.uxc3 .usuario-logado{cursor:pointer;padding:5px 20px 5px 0;top:-1px}:host.uxc3 .selecao-empresa dl,:host.uxc3 .usuario-logado dl{margin:0;top:5px}:host.uxc3 .selecao-empresa dl mat-icon,:host.uxc3 .usuario-logado dl mat-icon{font-size:22px;position:absolute;right:0;text-align:center;top:17px}:host.uxc3 .usuario-logado{margin:0!important;padding-left:10px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{padding-left:20px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width:544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width:991px){:host.uxc3 .nav-items{display:block;position:absolute;right:10px;top:0}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media screen and (min-width:544px){:host.uxc3 .nav-items .nav-item{position:relative}}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;top:-14px;transition:color .2s ease-in-out}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;height:100%;padding:0;position:fixed;right:0;top:0;width:420px;z-index:9999}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{cursor:pointer;font-size:28px;opacity:.8;position:absolute;right:30px;top:30px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{border-radius:0 0 4px 4px;height:calc(100% - 170px);list-style-type:none;margin:0;overflow-y:auto;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;margin-bottom:0;padding:5px 0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-size:13px;font-weight:600;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 40px!important;padding:11px;transition:background .2s ease-in-out}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .lista-empresas,:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc3 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}@media screen and (max-width:991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:240px;position:fixed;right:0;top:0;z-index:9998}@media (max-width:991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{background-color:#a80707;padding:8px;position:absolute;top:0;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media (max-width:991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0deg);width:30px}@media (max-width:991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:first-child,:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:first-child,:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:first-child{left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{font-size:1.1em;left:0;top:4px}@media (max-width:991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media (min-width:544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media (min-width:544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{font-size:12px;line-height:19px;margin-top:-3px;padding-left:10px;text-align:left;top:10px;white-space:nowrap}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name label{display:block;font-size:10px;line-height:12px;margin:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media (max-width:991px){:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px rgba(0,0,0,.25);display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:hsla(0,0%,100%,.8)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid hsla(0,0%,100%,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;cursor:pointer;display:flex;padding:11px;transition:background .2s ease-in-out}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{cursor:pointer;padding-bottom:8px;padding-top:8px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc2 .nav-items .items-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}"]
                 }] }
     ];
     /** @nocollapse */
@@ -8141,6 +8120,23 @@
                     }), 0);
             }));
         }
+        Object.defineProperty(InfoPagebarComponent.prototype, "pagetitle", {
+            /**
+             * @return {?}
+             */
+            get: function () {
+                return this._pageTitle;
+            },
+            /**
+             * @param {?} value
+             * @return {?}
+             */
+            set: function (value) {
+                this._pageTitle = value.replace(/\(/g, '<small>(').replace(/\)/g, ')</small>');
+            },
+            enumerable: false,
+            configurable: true
+        });
         /**
          * @return {?}
          */
@@ -8240,8 +8236,8 @@
     InfoPagebarComponent.decorators = [
         { type: i0.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>{{ 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                {{ pagetitle | translate }}\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{background:#fff;left:240px;min-height:60px;padding:15px 20px 10px;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 240px);z-index:100}:host.uxc3>div h2{background:inherit;display:inline-block;font-family:Cinzel;font-size:2em;font-weight:500;margin:0;padding-right:20px;width:auto}:host.uxc3>div .link-button{background:inherit;display:block;padding-left:20px;position:absolute;right:20px;top:18px}:host.uxc3>div hr{margin:0;position:absolute;top:50%;width:calc(100% - 40px);z-index:-1}@media (max-width:543px){:host.uxc3>div{left:0}}:host.uxc2>div{background:#fff;border-bottom:1px solid #e4e9f0;box-shadow:0 0 5px #eee;left:240px;min-height:60px;padding:10px 20px;position:fixed;right:0;top:70px;z-index:100}@media (max-width:543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{display:inline;font-size:1.2em;margin:0;padding:0}:host.uxc2>div p{font-size:.9em;margin:0;padding-top:3px;width:100%}@media (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{height:22px;line-height:22px;opacity:0;text-align:center;transition:opacity .2s;width:22px}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{color:#b99206;font-size:14px;top:-2px}"]
+                    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{background:#fff;left:240px;min-height:60px;padding:15px 20px 10px;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 240px);z-index:100}:host.uxc3>div h2{background:inherit;display:inline-block;font-family:Cinzel;font-size:2em;font-weight:500;margin:0;padding-right:20px;width:auto}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{background:inherit;display:block;padding-left:20px;position:absolute;right:20px;top:18px}:host.uxc3>div hr{margin:0;position:absolute;top:50%;width:calc(100% - 40px);z-index:-1}@media (max-width:543px){:host.uxc3>div{left:0}}:host.uxc2>div{background:#fff;border-bottom:1px solid #e4e9f0;box-shadow:0 0 5px #eee;left:240px;min-height:60px;padding:10px 20px;position:fixed;right:0;top:70px;z-index:100}@media (max-width:543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{display:inline;font-size:1.2em;margin:0;padding:0}:host.uxc2>div p{font-size:.9em;margin:0;padding-top:3px;width:100%}@media (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{height:22px;line-height:22px;opacity:0;text-align:center;transition:opacity .2s;width:22px}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{color:#b99206;font-size:14px;top:-2px}"]
                 }] }
     ];
     /** @nocollapse */
@@ -8257,11 +8253,11 @@
     InfoPagebarComponent.propDecorators = {
         margintop: [{ type: i0.Input }],
         icon: [{ type: i0.Input }],
-        pagetitle: [{ type: i0.Input }],
         description: [{ type: i0.Input }],
         backurl: [{ type: i0.Input }],
         access: [{ type: i0.Input }],
-        transparent: [{ type: i0.Input }]
+        transparent: [{ type: i0.Input }],
+        pagetitle: [{ type: i0.Input, args: ['pagetitle',] }]
     };
     if (false) {
         /** @type {?} */
@@ -8269,8 +8265,6 @@
         /** @type {?} */
         InfoPagebarComponent.prototype.icon;
         /** @type {?} */
-        InfoPagebarComponent.prototype.pagetitle;
-        /** @type {?} */
         InfoPagebarComponent.prototype.description;
         /** @type {?} */
         InfoPagebarComponent.prototype.backurl;
@@ -8278,6 +8272,11 @@
         InfoPagebarComponent.prototype.access;
         /** @type {?} */
         InfoPagebarComponent.prototype.transparent;
+        /**
+         * @type {?}
+         * @private
+         */
+        InfoPagebarComponent.prototype._pageTitle;
         /** @type {?} */
         InfoPagebarComponent.prototype.loading;
         /** @type {?} */