info-library 2.10.86 → 2.10.87

package/bundles/info-library.umd.js

@@ -7766,7 +7766,7 @@
         { type: i0.Component, args: [{
                     selector: 'info-main',
                     template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n    \r\n    <info-topbar #topbar\r\n        [themes]=\"themes\" \r\n        [languages]=\"languages\" \r\n        [profileurl]=\"profileurl\"\r\n        [notificationapi]=\"notificationapi\" \r\n        [notificationgetmethod]=\"notificationgetmethod\" \r\n        [notificationpostmethod]=\"notificationpostmethod\"\r\n        [notificationverifymethod]=\"notificationverifymethod\"\r\n        [notificationverifyenabled]=\"notificationverifyenabled\"\r\n        [fastsearchform]=\"fastsearchform\"\r\n        [fastsearchformwidth]=\"fastsearchformwidth\"\r\n        [fastsearchtitle]=\"fastsearchtitle\"\r\n        [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n        (onchangestate)=\"onChangeTopBarState()\"\r\n        (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n        (onverifynotification)=\"onVerifyNotificationsTopBar($event)\"\r\n        [enabledia]=\"enabledia\">\r\n        <ng-content select=\"[infoia]\"></ng-content>\r\n    </info-topbar>\r\n        \r\n    <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-topmenu>\r\n\r\n    <info-sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        [activemenubyurl]=\"activemenubyurl\"\r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-sidebar>\r\n\r\n    <main class=\"main-content\">\r\n        <div class=\"main-content-wrap\">\r\n            <ng-content select=\"[main]\"></ng-content>\r\n        </div>\r\n\r\n        <div class=\"footer row\">\r\n            <div class=\"copyright col-md-9\">{{ 'Copyright' | translate}}</div>\r\n            <div class=\"version col-md-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n        </div>\r\n        \r\n        <info-alert [messages]=\"messages\"></info-alert>\r\n    </main>\r\n</div>",
-                    styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#fff}@media screen and (max-width:991px){:host.uxc3 .main-content{padding-left:0}}@media screen and (max-width:543px){:host.uxc3 .main-content{padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-sidebar,:host.uxc3 .open-sidebar info-topbar{left:0}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media (max-width:991px){:host.uxc2 .main-content{padding-left:0}}@media (max-width:543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media (max-width:991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media (max-width:991px){:host.uxc2 .open-sidebar info-sidebar /deep/ .sidebar-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}:host.uxc2 .footer{align-items:center;background:rgba(0,0,0,.1);bottom:0;display:flex;font-size:.8rem;height:3.14286rem;justify-content:space-between;position:sticky;width:100%;z-index:9997}@media (max-width:543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media (max-width:543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{color:#000;text-align:right}"]
+                    styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#fff}@media screen and (max-width:991px){:host.uxc3 .main-content{padding-left:0;padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-sidebar,:host.uxc3 .open-sidebar info-topbar{left:0}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media (max-width:991px){:host.uxc2 .main-content{padding-left:0}}@media (max-width:543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media (max-width:991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media (max-width:991px){:host.uxc2 .open-sidebar info-sidebar /deep/ .sidebar-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}:host.uxc2 .footer{align-items:center;background:rgba(0,0,0,.1);bottom:0;display:flex;font-size:.8rem;height:3.14286rem;justify-content:space-between;position:sticky;width:100%;z-index:9997}@media (max-width:543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media (max-width:543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{color:#000;text-align:right}"]
                 }] }
     ];
     /** @nocollapse */
@@ -8424,7 +8424,7 @@
         { type: i0.Component, args: [{
                     selector: 'info-topbar',
                     template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                </dl>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-empresa\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <dl (click)=\"open('empresa')\">\r\n                    <dt>{{ 'Empresa' | translate }}</dt>\r\n                    <dd>{{ _session.Empresa }}</dd>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n                <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n                    <label>{{ 'InfoIA' | translate }}</label>\r\n                    <mat-icon>diversity_2</mat-icon>\r\n                </button>\r\n                \r\n                <div class=\"menu-lateral-direita infoia\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'InfoIA' | translate }}</h4>\r\n                    <div>\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
-                    styles: [":host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{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;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 (max-width:600px){:host.uxc3 .nav-items .nav-item{position:relative;top:-50px}}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item{position:relative;top:-30px}}: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}"]
+                    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}: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 */
@@ -9172,7 +9172,7 @@
         { 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 [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;max-width:65%;padding-right:20px}: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}"]
+                    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;max-width:65%;padding-right:20px}: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:991px){: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 */