/* Sumário para auxílio de pesquisa

Ordem:
1 - Variáveis do Sistema
2 - Padrão de Texto do Sistema
3 - Acessibilidade
4 - Componentes
5 - Classes Padrão
6 - Classes de Cores para Textos e Paineis
7 - -FontAwesome-
8 - Ícones
9 - Contornos
10 - Impressão
11 - Fundos
12 - Outros

*/







/* ######################################################################################################################## */
/* ############################################ Variáveis do Sistema ###################################################### */
/* ######################################################################################################################## */

/*
    Cores padrão

    H_TO-DO: Padronização as cores de acordo com paleta oficial (importante!)
*/

:root {
    --fontePadrao: "Arial";
    --fonteSecundaria: "Myriad Pro";
    --fonteZoom: 0em;
    --fonteUpper: none;
    --tamanhoFontePadrao: calc(14px + var(--fonteZoom));
    --huePrincipal: 200deg;
    --satPrincipal: 1;
    --briPrincipal: 1;

    --hueSecundario: 30deg;
    --satSecundario: 1;
    --briSecundario: 1;

    /*--debugTD: outset;*/
    /*--debugTABLE: dashed;*/
    /*--debugTDTABLE: dotted;*/
    /*--debugIMG: solid;*/

    /* Para implementar acessibilidade: setar de "none" para "block" */
    --displayAcessibilidade: none;

    /* NÃO MEXER: Exibe mensagem de navegador incompatível */
    --displayNavegador: none;



    --vermelhoMuryAviso: #cc2a2a;
    --vermelhoMury: #f7baba;
    --vermelhoMuryEscuro: #f0adad;
    --vermelhoMuryTexto: #CB1A1A;
    --vermelhoMuryTextoHover: #ff6565;

    --laranjaMuryAviso: #FFA957;
    --laranjaMury: #FFDAC2;
    --laranjaMuryEscuro: #fbcfb1;
    --laranjaMuryTexto: #FE7E03;
    --laranjaMuryTextoHover: #ff9f42;

    --marromMury: #cac4b3;
    --marromMuryEscuro: #bdb7a5;
    --marromMuryTexto: #7B6937;
    --marromMuryTextoHover: #AB8F44;

    --amareloMuryAviso: #f1c957;
    --amareloMury: #FFF1BD;
    --amareloMuryEscuro: #fce99c;
    --amareloMuryTexto: #dca706;
    --amareloMuryTextoHover: #f3b803;

    --verdeMuryAviso: #82d078;
    --verdeMury: #d7e6d5;
    --verdeMuryEscuro: #cae0c7;
    --verdeMuryTexto: #2A971B;
    --verdeMuryTextoHover: #60ce51;

    --aquaMury: #b2e4e4;
    --aquaMuryEscuro: #a2dada;
    --aquaMuryTexto: #53c5c5;
    --aquaMuryTextoHover: #70dede;
    --aquaMuryManual: #2d9898;

    --azulMuryAviso: #86cdf9;
    --azulMury: #d9edf7;
    --azulMuryEscuro: #c5dbe7;
    --azulMuryTexto: #5E91C7;
    --azulMuryTextoHover: #84c0ff;

    --brancoMuryTexto: #FFFFFF;
    --brancoMuryTextoHover: #F5F5F5;

    --cinzaMury: #cbcdd0;
    --cinzaMuryEscuro: #c2c4c7;
    --cinzaMuryTexto: #96989A;
    --cinzaMuryTextoHover: #9CA4AC;

    --pretoMuryTexto: #000000;
    --pretoMuryTextoHover: #444444;
    --azulCorMury: #27526d;


    --azulMurySelecao: #B0E1FF;
    --azulMurySelecaoEscuro: #99D0F1;

    --bordaPadraoClara: #dadada;
    --bordaPadrao: #9b9b9b;
    --bordaPadraoPainelAlerta: none;
    --textoCampoDesabilitado: #4d4d4d;
    --textoPadrao: #3a3a3a;
    --textoPadraoHover: #666666;
    --corCampoDesabilitado: #B2B2B2 !important;
    --fundoCampoReadOnly: url('/resources/img/diagonals-white.png');
    --fundoCampoDesabilitado: url('/resources/img/diagonals-grey.png');
    --fundoCampoBloqueado: url('/resources/img/diagonals-black.png');
    --placeholder: rgba(57, 96, 121, 0.52);
    --placeholderDesabilitado: rgba(111, 118, 123, 0.78);

    /*
        AVISO IMPORTANTE
        Controle de matiz por variável temporariamente movido para testes.xhtml.
        Motivo: Microsoft Edge existe, infelizmente
    */
    --cabecalhoPrincipal: hsla(200, 50%, 22%, 1);
    --cabecalhoTeste: #a03b3b;
    --linkPadrao: hsla(200, 78%, 25%, 1);
    --linkPadraoUnderline: hsla(200, 78%, 25%, 0.35);
    --cabecalhoPadrao: hsla(200, 59%, 27%, 1);
    --cabecalhoPadraoHover: hsla(200, 73%, 35%, 1);
    --uiPadrao: hsla(200, 65%, 91%, 1);
    --uiPadraoHover: hsla(200, 56%, 82%, 1);
    --uiPadraoDown: hsla(200, 40%, 65%, 1);
    --uiPadraoEscuro: hsla(200, 54%, 72%, 1);
    --uiPadraoBorder: hsla(200, 56%, 79%, 1);
    --bordaHover: hsla(200, 59%, 51%, 1);
    --bordaHoverInvisivel: hsla(200, 59%, 51%, 0);

    --bordaFocus: hsla(30, 99%, 50%, 1);
    --bordaFocusInvisivel: hsla(30, 99%, 50%, 0);
    --uiSelecao: hsla(30, 100%, 83%, 1);
    --uiSelecaoTexto: hsla(30, 23%, 24%, 1);
    --uiSelecaoTextoMenu: hsla(30, 99%, 70%, 1);
    --uiSecundario: hsla(30, 100%, 90%, 1);

    --dataTableHover: hsla(200, 10%, 90%, 1);
    --dataTableFocus: hsla(30, 100%, 90%, 1);

    --animacaoPiscando: animacao_piscando;

    /*
        Para Microsoft Edge, transparência só funciona utilizando o método rgba.
        Por exemplo, em vez de utilizar #0000 ou #00000000, utilizar rgba(0, 0, 0, 0).

        #0e4b715c -> rgba(14, 75, 113, 0.36)

        Isso só é necessário em cores com transparência. Cores opacas funcionam normalmente.

        Adendo: Edge não gosta do "hsl". Todos precisam ser "hsla"...

        Para facilitar a conversão, utilizar o editor de cores do Inspetor de Elementos do Chrome.
    */
    --textoInvisivel: rgba(0, 0, 0, 0);
}

/* ######################################################################################################################## */
/* ############################################ Variáveis do Sistema ###################################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Padrão de Texto do Sistema ################################################ */
/* ######################################################################################################################## */


/*
    FORMATO PADRÃO DE TEXTO
*/

/* LIGHTER */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 100;
    src: url("/resources/fonts/MyriadPro-Cond.otf") format("opentype");
}
/* LIGHTER ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 100;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-CondIt.otf") format("opentype");
}
/* LIGHTER */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 200;
    src: url("/resources/fonts/MyriadPro-Cond.otf") format("opentype");
}
/* LIGHTER ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 200;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-CondIt.otf") format("opentype");
}
/* LIGHTER */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 300;
    src: url("/resources/fonts/MyriadPro-Cond.otf") format("opentype");
}
/* LIGHTER ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 300;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-CondIt.otf") format("opentype");
}
/* REGULAR */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 400;
    src: url("/resources/fonts/MyriadPro-Regular.otf") format("opentype");
}
/* REGULAR ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 400;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-It.otf") format("opentype");
}
/* BOLDER */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 500;
    src: url("/resources/fonts/MyriadPro-Semibold.otf") format("opentype");
}
/* BOLDER ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 500;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-SemiboldIt.otf") format("opentype");
}
/* BOLDER */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 600;
    src: url("/resources/fonts/MyriadPro-Semibold.otf") format("opentype");
}
/* BOLDER ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 600;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-SemiboldIt.otf") format("opentype");
}
/* BOLD */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 700;
    src: url("/resources/fonts/MyriadPro-Bold.otf") format("opentype");
}
/* BOLD ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 700;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-BoldIt.otf") format("opentype");
}
/* BOLD */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 800;
    src: url("/resources/fonts/MyriadPro-Bold.otf") format("opentype");
}
/* BOLD ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 800;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-BoldIt.otf") format("opentype");
}
/* BOLD */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 900;
    src: url("/resources/fonts/MyriadPro-Bold.otf") format("opentype");
}
/* BOLD ITALIC */
@font-face {
    font-family: "Myriad Pro";
    font-weight: 900;
    font-style: italic;
    src: url("/resources/fonts/MyriadPro-BoldIt.otf") format("opentype");
}

/* ######################################################################################################################## */
/* ############################################ Padrão de Texto do Sistema ################################################ */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Acessibilidade ############################################################ */
/* ######################################################################################################################## */

.acessibilidade {
    position: absolute;
    padding-top: 12px;
    right: 30px;
    display: var(--displayAcessibilidade) !important;
}

table.acessibilidadePerfil {
    border: 1px solid var(--bordaPadraoClara);
    border-radius: 4px;
    margin-top: 1em;
}
/*teste */
table.acessibilidadePerfil a {
    padding: 0px !important;
    margin-top: 0.5em;
}

table.acessibilidadePerfil a > span {
    margin-left: .5em !important;
    margin-right: -.5em !important;
}

table.acessibilidadePerfil a > span > i {
    color: var(--brancoMuryTexto) !important;
}

.layout-wrapper .layout-topbar .layout-topbar-usermenu li table.acessibilidadePerfil a:hover {
    background-color: var(--bordaFocus) !important;
}

.layout-topbar-usermenu-header {
    height: auto !important;
}

.layout-wrapper .layout-topbar .layout-topbar-usermenu.layout-topbar-usermenu-active {
    min-width: 250px;
    width: auto;
}

a.btnAltoContrastePerfil > span > i:before {
    color: var(--colorAltoContrastePerfil);
    text-shadow: var(--textShadowAltoContrastePerfil)
}

a.btnCapitalizacaoPerfil > span > i:before {
    color: var(--colorCapitalizacaoPerfil);
    text-shadow: var(--textShadowCapitalizacaoPerfil)
}

.layout-wrapper .layout-topbar .layout-topbar-usermenu .layout-topbar-usermenu-header .layout-topbar-usermenu-info .layout-topbar-usermenu-role {
    font-size: 0.85em;
}

.acessibilidade, .acessibilidade a.ui-commandlink.ui-widget {
    font-size: 16px !important;
    line-height: 16px !important;
    text-decoration: none !important;
}
.displayNavegador {
    display: var(--displayNavegador) !important;
}

@keyframes animacao_piscando_acessibilidade {
    0% {
        opacity: 100%;
    }

    75% {
        opacity: 50%;
    }
}

a.btnAltoContraste > span > i:before {
    /*text-shadow: 0 0 10px #fb0;*/
    color: var(--colorAltoContraste);
    text-shadow: var(--textShadowAltoContraste)
}

a.btnCapitalizacao > span > i:before {
    /*text-shadow: 0 0 10px #fb0;*/
    color: var(--colorCapitalizacao);
    text-shadow: var(--textShadowCapitalizacao)
}

/* Botões acessibilidade */

.acessibilidade a:hover > span > .fa-xs {
    color: #c5cdff;
    font-size: 1.1em;
    margin-left: -0.1em;
}

.acessibilidade a:hover > span > *:not(.fa-xs) {
    color: #c5cdff;
    font-size: 1.4em;
}

.acessibilidade a:not(.btnAltoContraste):hover > span > *:not(.fa-xs) {
    margin-left: 1.2em;
}

.acessibilidade a.btnAltoContraste:hover > span > i {
    margin-left: 0.9em;
}

.beta-acessibilidade {
    font-size: 10px !important;
    /* NÃO aplicar fonteZoom */
}

/* ######################################################################################################################## */
/* ############################################ Acessibilidade ############################################################ */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Componentes ############################################################### */
/* ######################################################################################################################## */


/*######################## Widget ######################## */

body .ui-widget:not(.ui-commandlink):not(.ui-link),
body .ui-widget .ui-widget:not(.ui-commandlink):not(.ui-link){
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper); /* VOLTAR E TESTAR */
}

body .ui-widget, body .ui-widget .ui-widget{
    font-size: var(--tamanhoFontePadrao);
}

body .ui-widget .legendaClasse{
    font-family: monospace !important;
    background-color: #E7E7E7;
    padding: 3px;
    font-weight: bold
}

body .ui-widget:not(.ui-commandlink):not(.ui-link) .legendaClasse {
    font-family: monospace !important;
    background-color: #E7E7E7;
    padding: 3px;
    font-weight: bold
}

body .ui-widget .ui-commandlink:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

body .ui-widget .ui-widget .ui-commandlink:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

body .ui-widget .ui-commandlink:hover:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

body .ui-widget .ui-widget .ui-commandlink:hover:not(.ui-state-disabled).semUnderline {
    text-decoration: none !important;
}

body .ui-widget .ui-commandlink:not(.ui-state-disabled){
    color: var(--linkPadrao);
    text-decoration: underline dotted !important;
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
}

body .ui-widget .ui-widget .ui-commandlink:not(.ui-state-disabled) {
    color: var(--linkPadrao);
    text-decoration: underline dotted !important;
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
}

body .ui-widget .ui-commandlink:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]){
    text-decoration-color: var(--linkPadraoUnderline) !important;
}
body .ui-widget .ui-widget .ui-commandlink:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]) {
    text-decoration-color: var(--linkPadraoUnderline) !important;
}

body .ui-widget .ui-commandlink:hover:not(.ui-state-disabled){
    text-decoration: underline solid !important;
}
body .ui-widget .ui-widget .ui-commandlink:hover:not(.ui-state-disabled) {
    text-decoration: underline solid !important;
}

body .ui-widget .ui-commandlink:hover:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]){
    text-decoration-color: var(--linkPadrao) !important;
}
body .ui-widget .ui-widget .ui-commandlink:hover:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]) {
    text-decoration-color: var(--linkPadrao) !important;
}

body .ui-widget.headerVermelho .ui-widget-header,
body .ui-widget.headerLaranja .ui-widget-header,
body .ui-widget.headerMarrom .ui-widget-header,
body .ui-widget.headerAmarelo .ui-widget-header,
body .ui-widget.headerVerde .ui-widget-header,
body .ui-widget.headerAqua .ui-widget-header,
body .ui-widget.headerAzul .ui-widget-header,
body .ui-widget.headerCinza .ui-widget-header,
body .ui-widget.headerBranco .ui-widget-header,
body .ui-widget.headerPreto .ui-widget-header {
    border: 1px solid #00000025;
    color: var(--textoMuryPadrao);
}

body .ui-widget.headerVermelho .ui-widget-header {
    background-color: var(--vermelhoMury);
}
body .ui-widget.headerLaranja .ui-widget-header {
    background-color: var(--laranjaMury);
}
body .ui-widget.headerMarrom .ui-widget-header {
    background-color: var(--marromMury);
}
body .ui-widget.headerAmarelo .ui-widget-header {
    background-color: var(--amareloMury);
}
body .ui-widget.headerVerde .ui-widget-header {
    background-color: var(--verdeMury);
}
body .ui-widget.headerAqua .ui-widget-header {
    background-color: var(--aquaMury);
}
body .ui-widget.headerAzul .ui-widget-header {
    background-color: var(--azulMury);
}
body .ui-widget.headerCinza .ui-widget-header {
    background-color: var(--cinzaMury);
}
body .ui-widget.headerBranco .ui-widget-header {
    background-color: var(--brancoMury);
}
body .ui-widget.headerPreto .ui-widget-header {
    background-color: var(--pretoMury);
}

/*######################## Widget ######################## */

/*######################## CommandLink / Link ######################## */

span.ui-commandlink.ui-state-disabled,
span.ui-link.ui-state-disabled{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

.ui-commandlink:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

.ui-link:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

.ui-commandlink:hover:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

.ui-link:hover:not(.ui-state-disabled).semUnderline{
    text-decoration: none !important;
}

.ui-commandlink:not(.ui-state-disabled){
    color: var(--linkPadrao);
    text-decoration: underline dotted !important;
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
}

.ui-link:not(.ui-state-disabled){
    color: #466478  !important;
    text-decoration: underline dotted !important;
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
}

.ui-commandlink:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]){
    text-decoration-color: var(--linkPadraoUnderline) !important;
}
.ui-link:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]){
    text-decoration-color: var(--linkPadraoUnderline) !important;
}

.ui-commandlink:hover:not(.ui-state-disabled){
    text-decoration: underline solid !important;
}
.ui-link:hover:not(.ui-state-disabled){
    text-decoration: underline solid !important;
}

.ui-commandlink:hover:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]){
    text-decoration-color: var(--linkPadrao) !important;
}
.ui-link:hover:not(.ui-state-disabled):not([style*=";color:"]):not([style~="color:"]){
    text-decoration-color: var(--linkPadrao) !important;
}

.ui-commandlink:hover > *:not(table, img) {
    color: var(--linkPadrao) !important;
    filter: saturate(0.9) brightness(1.6) contrast(0.6);
}
.ui-commandlink:not(.brilhoAlternativo) > table:hover,
.ui-commandlink:not(.brilhoAlternativo) > img:hover{
    color: var(--linkPadrao) !important;
    filter: saturate(0.6) brightness(1.1) contrast(1);
}
.ui-link:not(.brilhoAlternativo) > img:hover {
    color: var(--linkPadrao) !important;
    filter: saturate(0.6) brightness(1.1) contrast(1);
}

.ui-commandlink.brilhoAlternativo > table:hover,
.ui-commandlink.brilhoAlternativo > img:hover{
    filter: saturate(1) brightness(1.2) contrast(1);
    box-shadow: 0 0 6px 3px var(--uiSelecao);
}
.ui-link.brilhoAlternativo > img:hover {
    filter: saturate(1) brightness(1.2) contrast(1);
    box-shadow: 0 0 6px 3px var(--uiSelecao);
}

.ui-commandlink.ui-state-disabled:not(.ui-state-error, img) {
    filter: brightness(1.5) contrast(0.7) saturate(0.2);
}

.ui-commandlink.ui-state-disabled img {
    filter: brightness(0.5) contrast(1.2) saturate(0.2);
}


.linkUnderline.ui-state-disabled > span {
    color: #97a9b3 !important;
}

.linkUnderline > span {
    color: var(--linkPadrao) !important;
}

.linkUnderline:hover > span {
    color: #121b92 !important;
    text-decoration: underline;
}

.ui-link.linkExterno:after{
    content: "\f08e";
    font-family:"Font Awesome 6 Pro" !important;
    font-weight: 900;
    font-size: calc(0.75em + var(--fonteZoom));
    vertical-align: super;
    margin-left: calc(0.25em + var(--fonteZoom));
}
.ui-commandlink.linkExterno:after{
    content: "\f08e";
    font-family:"Font Awesome 6 Pro" !important;
    font-weight: 900;
    font-size: calc(0.75em + var(--fonteZoom));
    vertical-align: super;
    margin-left: calc(0.25em + var(--fonteZoom));
}

/*######################## CommandLink / Link ######################## */

/*######################## Input's' ######################## */

body .ui-inputfield{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

body .ui-inputfield {
    font-size: var(--tamanhoFontePadrao);
}

.ui-inputfield.ui-state-hover:not(.ui-state-error):not(.ui-selectcheckboxmenu-multiple-container){
    border: 1px solid var(--bordaHover) !important;
    box-shadow: 0 0 5px -3px var(--bordaHover);
    /*border: 1px solid blue !important;*/
}
.ui-inputfield.ui-state-focus:not(.ui-state-error) {
    border: 1px solid var(--bordaFocus) !important;
}
.ui-inputtext.ui-state-disabled:not(.ui-state-error),
.ui-inputmask.ui-state-disabled:not(.ui-state-error),
.ui-inputfield.ui-state-disabled:not(.ui-state-error),
.ui-state-disabled > .ui-editor {
    background: var(--fundoCampoDesabilitado);
    color: var(--textoCampoDesabilitado);
}

.ui-inputfield.ui-state-disabled {
    color: var(--textoCampoDesabilitado) !important;
}

.ui-inputfield.ui-state-disabled:not(.ui-state-error)::placeholder {
    color: var(--placeholderDesabilitado) !important;
}

.ui-inputtext{
    border: 1px solid var(--bordaPadrao) !important;
}

.ui-inputmask{
    border: 1px solid var(--bordaPadrao) !important;
}

.ui-password{
    border: 1px solid var(--bordaPadrao) !important;
}

.ui-inputtextarea{
    border: 1px solid var(--bordaPadrao) !important;
}

/*######################## Input's' ######################## */

/*######################## PanelGrid ######################## */

body .ui-panelgrid .ui-panelgrid-cell{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

/*Padding dos grids*/
body .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.2em 0.5em;
}

body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border-color: var(--uiPadraoBorder);
    background-color: var(--uiPadrao);
    color: var(--linkPadrao);
}

/* Borda padrão */
body .ui-panelgrid .ui-panelgrid-cell{
    border-color: var(--bordaPadraoClara) !important;
}

/*######################## PanelGrid ######################## */

/*######################## SelectOneMenu ######################## */

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

body .ui-selectonemenu-panel {
    border: 1px solid var(--bordaFocus);
    max-width: 80%;
    overflow-x: auto;
    /* box-shadow: 0px 0px 6px 2px var(--bordaFocus); */
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container{
    background-color: var(--amareloMury);
}
body .ui-selectonemenu-panel{
    background-color: var(--amareloMury);
    max-width: 80%;
    overflow-x: auto;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
    background-color: var(--amareloMury);
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
    background-color: var(--amareloMuryEscuro);
}

.ui-selectonemenu, .ui-selectcheckboxmenu {
    border: 1px solid var(--bordaPadrao) !important;
}
body .ui-selectonemenu, body .ui-selectcheckboxmenu {
    vertical-align: bottom;
}
.ui-selectonemenu.ui-state-hover:not(.ui-state-error){
    border: 1px solid var(--bordaHover) !important;
    box-shadow: 0 0 5px -3px var(--bordaHover);
    /*border: 1px solid purple !important;*/
}

.ui-selectonemenu.ui-state-focus:not(.ui-state-error){
    border: 1px solid var(--bordaFocus) !important;
}
.ui-selectonemenu.ui-state-disabled:not(.ui-state-error){
    background: var(--fundoCampoDesabilitado);
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label:not(.ui-state-error){
    background-color: rgba(1, 1, 1, 0);
    color: var(--textoCampoDesabilitado);
}
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger:not(.ui-state-error){
    background-color: rgba(1, 1, 1, 0) !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100%;
}
.ui-selectonemenu .ui-selectonemenu-label {
    width: calc(100% + var(--fonteZoom) * 2) !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background-color: var(--uiSelecao);
    color: var(--uiSelecaoTexto);
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    color: var(--textoCampoDesabilitado);
}

/* Item desabilitado em combo */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-disabled {
    background: var(--fundoCampoDesabilitado);
    color: var(--textoCampoDesabilitado);
    background-size: auto 100%;
}

/*######################## SelectOneMenu ######################## */

/*######################## SelectCheckBoxMenu ######################## */

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

.ui-selectcheckboxmenu-label:empty:before,
.ui-selectcheckboxmenu-multiple-container:empty:before {
    content: '\00a0' !important; /* Equivalente ao   */
}

.ui-selectcheckboxmenu-multiple-container:empty:before {
    /*padding: 0.429em;*/
    display: block;
}

.ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    margin: 0.15em !important;
}

.ui-selectcheckboxmenu-multiple-container {
    padding: 0.166em !important;
}

.ui-selectcheckboxmenu-multiple-container:empty {
    padding: 0.429em !important;
}

body .ui-selectcheckboxmenu-panel{
    border: 1px solid var(--bordaFocus);
    /* box-shadow: 0px 0px 6px 2px var(--bordaFocus); */
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    border-bottom: 1px solid var(--bordaPadrao);
}

body .ui-selectcheckboxmenu-panel{
    background-color: var(--amareloMury);
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header{
    background-color: var(--amareloMury);
}

.ui-selectcheckboxmenu.ui-state-hover:not(.ui-state-error) {
    border: 1px solid var(--bordaHover) !important;
    box-shadow: 0 0 5px -3px var(--bordaHover);
    /*border: 1px solid purple !important;*/
}

.ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    border: 1px solid var(--bordaFocus) !important;
}

.ui-selectcheckboxmenu.ui-state-disabled:not(.ui-state-error) {
    background: var(--fundoCampoDesabilitado);
}

.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label-container:not(.ui-state-error) {
    background-color: rgba(1, 1, 1, 0);
    color: var(--textoCampoDesabilitado);
}
.ui-selectcheckboxmenu-label-container{
    min-height: 30px;
}

.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger:not(.ui-state-error) {
    background-color: rgba(1, 1, 1, 0);
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{
    color: var(--textoCampoDesabilitado);
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    background: var(--uiSecundario);
    color: var(--uiSelecaoTexto);
    border-color: var(--uiSelecao);
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-state-disabled .ui-selectcheckboxmenu-token {
    background: var(--corCampoDesabilitado);
    color: var(--textoCampoDesabilitado);
    border-color: var(--bordaPadrao);
}

/*######################## SelectCheckBoxMenu ######################## */

/*######################## CheckBox ######################## */

.ui-chkbox-box{
    border: 1px solid var(--bordaPadrao) !important;
}
.ui-chkbox-box.ui-state-hover:not(.ui-state-error) {
    border: 1px solid var(--bordaHover) !important;
    box-shadow: 0 0 5px -3px var(--bordaHover);
    /*border: 1px solid blue !important;*/
}
.ui-chkbox-box.ui-state-focus:not(.ui-state-error) {
    border: 1px solid var(--bordaFocus) !important;
}
.ui-chkbox-box.ui-state-disabled:not(.ui-state-error) {
    /*background-image: var(--fundoCampoDesabilitado);*/
    background-color: var(--corCampoDesabilitado) !important;
    border: 1px solid var(--bordaPadrao) !important;
    color: var(--textoCampoDesabilitado) !important;
}
body .ui-chkbox, body .ui-chkbox .ui-chkbox-box {
    width: calc(20px + var(--fonteZoom) * 0.5);
    height: calc(20px + var(--fonteZoom) * 0.5);
}
.fundoAzulSelecao .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: var(--uiPadraoBorder) !important;
    background-color: var(--uiPadrao) !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: var(--uiPadraoDown);
    border-color: var(--uiPadraoDown);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background-color: var(--uiPadraoHover);
}

/*######################## CheckBox ######################## */

/*######################## SelectBooleanCheckBox ######################## */

.ui-selectbooleancheckbox {
    margin: 4px !important;
    margin-left: 0px !important;
}

/*######################## SelectBooleanCheckBox ######################## */

/*######################## DataTable ######################## */

/*######################## Fundo de Tabela ######################## */
.fundoVermelho,
.fundoVermelho > .ui-panel-content,
tr.fundoVermelho.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoVermelho.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoVermelho.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--vermelhoMury) !important;
}
tr.ui-datatable-even.fundoVermelho,
tr.fundoVermelho + tr.ui-datatable-summaryrow,
tr.fundoVermelho + tr.ui-expanded-row-content,
tr.fundoVermelho + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--vermelhoMuryEscuro) !important;
}
.fundoLaranja,
.fundoLaranja > .ui-panel-content,
tr.fundoLaranja.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoLaranja.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoLaranja.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--laranjaMury) !important;
}
tr.ui-datatable-even.fundoLaranja,
tr.fundoLaranja + tr.ui-datatable-summaryrow,
tr.fundoLaranja + tr.ui-expanded-row-content,
tr.fundoLaranja + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--laranjaMuryEscuro) !important;
}
.fundoMarrom,
.fundoMarrom > .ui-panel-content,
tr.fundoMarrom.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoMarrom.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoMarrom.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--marromMury) !important;
}
tr.ui-datatable-even.fundoMarrom,
tr.fundoMarrom + tr.ui-datatable-summaryrow,
tr.fundoMarrom + tr.ui-expanded-row-content,
tr.fundoMarrom + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--marromMuryEscuro) !important;
}
.fundoAmarelo,
.fundoAmarelo > .ui-panel-content,
tr.fundoAmarelo.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoAmarelo.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoAmarelo.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--amareloMury) !important;
}
tr.ui-datatable-even.fundoAmarelo,
tr.fundoAmarelo + tr.ui-datatable-summaryrow,
tr.fundoAmarelo + tr.ui-expanded-row-content,
tr.fundoAmarelo + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--amareloMuryEscuro) !important;
}
.fundoVerde,
.fundoVerde > .ui-panel-content,
tr.fundoVerde.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoVerde.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoVerde.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--verdeMury) !important;
}
tr.ui-datatable-even.fundoVerde,
tr.fundoVerde + tr.ui-datatable-summaryrow,
tr.fundoVerde + tr.ui-expanded-row-content,
tr.fundoVerde + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--verdeMuryEscuro) !important;
}
.fundoAqua,
.fundoAqua > .ui-panel-content,
tr.fundoAqua.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoAqua.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoAqua.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--aquaMury) !important;
}
tr.ui-datatable-even.fundoAqua,
tr.fundoAqua + tr.ui-datatable-summaryrow,
tr.fundoAqua + tr.ui-expanded-row-content,
tr.fundoAqua + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--aquaMuryEscuro) !important;
}
.fundoAzul,
.fundoAzul > .ui-panel-content,
tr.fundoAzul.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoAzul.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoAzul.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--azulMury) !important;
}
tr.ui-datatable-even.fundoAzul,
tr.fundoAzul + tr.ui-datatable-summaryrow,
tr.fundoAzul + tr.ui-expanded-row-content,
tr.fundoAzul + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--azulMuryEscuro) !important;
}
.fundoBranco,
.fundoBranco > .ui-panel-content,
tr.fundoBranco.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoBranco.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoBranco.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--brancoMury) !important;
}
tr.ui-datatable-even.fundoBranco,
tr.fundoBranco + tr.ui-datatable-summaryrow,
tr.fundoBranco + tr.ui-expanded-row-content,
tr.fundoBranco + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--brancoMuryEscuro) !important;
}
.fundoCinza,
.fundoCinza > .ui-panel-content,
tr.fundoCinza.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoCinza.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoCinza.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--cinzaMury) !important;
}
tr.ui-datatable-even.fundoCinza,
tr.fundoCinza + tr.ui-datatable-summaryrow,
tr.fundoCinza + tr.ui-expanded-row-content,
tr.fundoCinza + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--cinzaMuryEscuro) !important;
}
.fundoPreto,
.fundoPreto > .ui-panel-content,
tr.fundoPreto.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoPreto.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoPreto.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--pretoMury) !important;
}
tr.ui-datatable-even.fundoPreto,
tr.fundoPreto + tr.ui-datatable-summaryrow,
tr.fundoPreto + tr.ui-expanded-row-content,
tr.fundoPreto + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--pretoMuryEscuro) !important;
}

.fundoAzulSelecao,
.fundoAzulSelecao > .ui-panel-content,
tr.fundoAzulSelecao.ui-datatable-even + tr.ui-datatable-summaryrow,
tr.fundoAzulSelecao.ui-datatable-even + tr.ui-expanded-row-content,
tr.fundoAzulSelecao.ui-datatable-even + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--azulMurySelecao) !important;
}

tr.ui-datatable-even.fundoAzulSelecao,
tr.fundoAzulSelecao + tr.ui-datatable-summaryrow,
tr.fundoAzulSelecao + tr.ui-expanded-row-content,
tr.fundoAzulSelecao + tr.ui-expanded-row-content + tr.ui-datatable-summaryrow {
    background-color: var(--azulMurySelecaoEscuro) !important;
}
/*######################## Fundo de Tabela ######################## */

/*Fonte do texto e cor da fonte*/
body .ui-datatable .ui-datatable-data > tr,
body .ui-datatable tfoot td,
body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

/*Cores dataTable*/

/* Cabecalho de tabela - COR DO CABEÇALHO */
.ui-datatable thead th,
.ui-datatable thead th label {
    background-color: var(--cabecalhoPadrao) !important;
    color: var(--uiPadrao) !important;
    border: solid 1px var(--bordaPadraoClara) !important;
}

/*rodapé*/
.ui-datatable tfoot td {
    background-color: lightgray !important;
    border: solid 1px var(--brancoMuryTexto) !important;
}

/*Seleção de linha*/
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    color: var(--laranjaSelecaoTexto);
    box-shadow: inset 0 0 8px 4px var(--bordaFocus);
    background-color: var(--dataTableFocus);
}

/* Cor do texto da coluna selecionada */
.ui-datatable thead th.ui-state-active {
    color: orange !important;
}

/* Cor do dataTable quando passa o mouse em cima. */
body .ui-datatable .ui-datatable-data > tr.ui-state-hover {
    background-color: var(--dataTableHover);
}

.ui-datatable thead th.ui-state-hover,
.ui-datatable thead th.ui-state-hover label {
    background-color: var(--cabecalhoPadraoHover) !important;
}

body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer {
    background-color: var(--uiPadrao);
    color: var(--cabecalhoPadrao);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight:not(.fundoAzulSelecao) > td > a {
    color: var(--laranjaSelecaoTexto);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight.fundoAzulSelecao > td > a {
    color: var(--linkPadrao);
}


/* Borda padrão */
body .ui-datatable .ui-datatable-data>tr>td{
    border-color: var(--bordaPadraoClara) !important;
    padding: 1rem 1rem;
    border: 1px solid rgb(225 35 35 / 8%);
    border-width: 1px solid;
}

/*Borda padrão*/
body .ui-datatable .ui-datatable-header{
    border-color: var(--bordaPadraoClara) !important;
}

/*Borda padrão*/
body .ui-datatable .ui-datatable-footer{
    border-color: var(--bordaPadraoClara) !important;
}


/* DataTable layout fixo */
.dataTableFixo >  div.ui-widget-header.ui-datatable-scrollable-header > div > table, div.ui-datatable-scrollable-body > table, div.ui-widget-header.ui-datatable-scrollable-footer > div > table{
    table-layout: fixed !important;
}
/* DataTable layout auto */
.ui-datatable table {
    table-layout: auto !important;
}

/*.ui-datatable .ui-sticky {
    top: 120px !important;
}*/

.ui-datatable-frozenlayout-left td {
    min-height: 40px !important;
    height: 40px !important;
}

.ui-datatable-frozenlayout-right td {
    min-height: 40px !important;
    height: 40px !important;
}

/* Padding das tabelas */

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
    padding: 0.0em 0.5em !important;
}

/*body .ui-datatable thead:not(.ui-datatable-scrollable-theadclone) th,
body .ui-datatable tfoot td {
    padding: 0.0em 0.5em !important;
}*/

/* body .ui-datatable thead th{
  padding: 0.0em 0.5em !important;
}*/

/* body .ui-datatable .ui-datatable-data > tr > td{
 padding: 0.2em 0.5em !important;
}*/


/*.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
    padding: 0.0em !important;
}
.ui-datatable thead:not(.ui-datatable-scrollable-theadclone) th, body .ui-datatable tfoot td{
    padding: 0.0em !important;
}

/*    ALINHA TOPO DATATABLE*/

.alinhaTopo > tbody > tr > td,
.alinhaTopo > div > table > tbody > tr > td,
td.alinhaTopo,
.alinhaTopo > tr > td {
    vertical-align: top;
}

.alinhaFundo > tbody > tr > td,
.alinhaFundo > div > table > tbody > tr > td,
td.alinhaFundo,
.alinhaFundo > tr > td {
    vertical-align: bottom;
}



body .ui-datatable thead th:not(.nowrap),
body .ui-datatable tfoot td:not(.nowrap) {
    white-space: normal !important;
}

td.nowrap {
    white-space: nowrap !important;
}




/*.ui-datatable-tablewrapper{
    overflow: inherit !important;
}*/

/*.ui-datatable-hor-scroll .ui-datatable-tablewrapper,.scrolling-div .ui-datatable-tablewrapper{
    overflow: auto !important;
    width: 95vw !important;
    height: 50vw !important;
    padding-bottom: 5px !important;
}*/

/*.ui-datatable-tablewrapper {
    overflow: auto !important;
    max-height: 75vw !important;
    min-height: 100% !important;
    max-height: 50vw !important;
}*/
/* .ui-datatable ui-widget ui-datatable-scrollable ui-datatable-frozencolumn {
    width: 95vw !important;
    min-height: 100% !important;
    max-height: 50vw !important;
}*/

/*table[style*="height:0px"] > tbody > tr > td,
table[style*="height: 0px"] > tbody > tr > td {
    height: 100%;
}

table[style*="width:0px"] > tbody > tr > td,
table[style*="width: 0px"] > tbody > tr > td {
    width: auto;
}*/

/*######################## DataTable ######################## */

/*######################## DataGrid ######################## */

body .ui-datagrid .ui-datagrid-content{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

/* Borda padrão */
body .ui-datagrid .ui-datagrid-content{
    border-color: var(--bordaPadraoClara) !important;
}

/*
    DATA GRID
*/

.tabelaAzul td {
    border-spacing: 0px !important;
    border-collapse: collapse !important;
    border: solid 1px var(--bordaPadraoClara) !important;
}

.tabelaAzul thead th, .tabelaAzul tfoot td {
    border: 1px solid #B9D8EB !important;
    background-color: #DDECF5 !important;
    color: #2F5D7A !important;
    /*padding: 0.857em 1em;*/
    font-weight: 700 !important;
}

/*######################## DataGrid ######################## */

/*######################## DashBoard / Home / Menu / Favoritos ######################## */



.cardDashSpe {
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato";
    border: 1px solid #B4B5BA;
    background-color: var(--cabecalhoPadrao) !important;
    color: #F3F6F8 !important;
    padding: 0.857em 1em;
    font-size: calc(16px + var(--fonteZoom));
    font-weight: bold;
    border: none;
}

.card {
    background: #2d9898;
    padding: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    border-color: var(--bordaPadraoClara) !important;
}



.painelSticky:not(.ui-sticky) {
    width: 100% !important;
}

.ui-menuitem-link.linkExterno > span:after {
    content: "\f360";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: calc(0.75em + var(--fonteZoom));
    vertical-align: super;
    margin-left: calc(0.25em + var(--fonteZoom));
}

.layout-wrapper .layout-topbar .layout-menu-button i {
    margin-left: 10px;
    margin-right: 10px;
}

.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu > li.active-menuitem > a {
    background-color: var(--uiSelecao);
}

.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu > li.active-menuitem > a .layout-menuitem-icon, .layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu > li.active-menuitem > a .layout-submenu-toggler {
    color: #4c3f30; /*var(--bordafocus)*/
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu > li.active-menuitem > a .layout-menuitem-text {
    color: #4c3f30; /*var(--bordafocus)*/
}


@media only screen and (max-width: 780px) {
    .layout-home {
        width: 100% !important;
    }
}
.layout-home {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: .5em;
    margin-bottom: 20px;
}
.layout-menu {
    overflow-y: scroll;
    max-height: calc(100vh - 140px);
    scrollbar-width: thin;
    scrollbar-color: rgba(112, 112, 112, 1) rgba(0, 0, 0, 0);
}
/* "..." de continuação do menu */
.layout-menu-container .nano {
    position: relative;
}
.layout-menu-before, .layout-menu-after {
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0px;
    background-color: rgba(136, 136, 136, 0.87);
    text-align: center;
    color: white;
}
.layout-menu-before:hover, .layout-menu-after:hover {
    color: white;
}
.layout-menu-before {
    top: 14px;
}
.layout-menu-after {
    bottom: 126px;
}
/* Barra de rolagem do menu da home */
.layout-menu::-webkit-scrollbar {
    width: 10px;
}
.layout-menu::-webkit-scrollbar-thumb {
    background: #707070;
    border-radius: 5px;
}

.carousel-home {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: .5em;
    padding-bottom: 0;
}
.layout-dialog {
    width: 700px;
    float: left;
    box-sizing: border-box;
    padding: .5em;
}

/* "[style]" é utilizado aqui para diferenciar os submenus dos itens */
/* "li li" para diferenciar os primeiros itens dos subitens */
.layout-wrapper .layout-menu-container .layout-menu li li:not([style]) a .layout-menuitem-icon {
    top: -0.3em;
    position: relative;
    font-size: calc(1.5em + var(--fonteZoom));
}

.layout-wrapper .layout-menu-container .layout-menu li a .layout-menuitem-text {
    margin-left: 0px !important;
    font-weight: normal !important;
    padding-left: 4px !important;
    top: -30%;
    position: relative;
}

.layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul {
    min-width: 400px !important;
}

/*.active-menuitem > ul > li:not(.active-menuitem) {*/
.layout-wrapper .layout-menu-container .layout-menu li ul li a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 27px;
    /*margin-top: -1px !important;*/
}

/*.active-menuitem > ul > li:not(.active-menuitem) ~ .active-menuitem > a:before,*/
.active-menuitem > ul > li:last-child > a:before {
    content: url("/resources/img/branch_rnd_end.png");
    height: 27px;
}

/*.active-menuitem > ul > li:not(.active-menuitem) > a:before {*/
.active-menuitem > ul > li > a:before {
    content: url("/resources/img/branch_rnd.png");
    height: 27px;
    filter: hue-rotate(var(--hueSecundario));
}

.layout-menu li ul {
    background-color: rgba(255, 255, 255, 0.03);
}

.layout-wrapper .layout-topbar .layout-menu-button {
    /*margin-left: 0px;*/
}

.layout-wrapper .layout-menu-container .layout-menu li ul li a {
    padding-left: 16px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li a {
    padding-left: 32px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li a {
    padding-left: 48px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li li a {
    padding-left: 64px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li li li a {
    padding-left: 80px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li li li li a {
    padding-left: 96px;
}

.layout-wrapper .layout-menu-container .layout-menu li a .layout-submenu-toggler {
    right: 8px;
}

.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li.active-menuitem > a,
.layout-wrapper.layout-menu-dark .layout-menu-container
.layout-menu li.active-menuitem > a .layout-submenu-toggler {
    color: var(--uiSelecaoTextoMenu) !important;
    /*color: var(--bordaFocus) !important;*/
}

.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu > li.active-menuitem > a .layout-submenu-toggler {
    color: var(--bordaFocus) !important;
}

/*Modificacoes de cores dos widgets do dashboard*/
.layout-dashboard .overview-box.overview-box-default {
    background-color: #4f5965;
    min-height: 60px;
}
.layout-dashboard .overview-box.overview-box-default a {
    color: #fff;
    font-weight: bold;
}

/*Badge numeros dashboard interno*/
.badge-box-interno {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: calc(20px + var(--fonteZoom));
    background-color: #fff;
    color: #4f5965;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 10px;
    margin-top: -33px;
}
.layout-dashboard .overview-box {
    padding: 0px;
    text-align: left;
}
.texto-box-interno {
    font-size: calc(20px + var(--fonteZoom));
    font-weight: bold;
    margin-top: 15px;
    margin-left: 10px;
}

ul.ui-menu-child {
    white-space: nowrap;
    width: 250px !important;
}

.ui-growl {
    top: 5px !important;
}

.ocultaDesktop {
    display: none !important;
}


@media screen and (max-width: 897px) {
    .layout-wrapper.layout-mobile-active .layout-menu-container {
        width: calc(400px + calc(10 * var(--fonteZoom))) !important;
        left: 0px !important;
        top: auto !important;
    }

    .layout-menu {
        max-height: calc(100vh - 256px) !important;
    }
    .ocultaMobile {
        display: none !important;
    }
    .ocultaDesktop:not(table) {
        display: block !important;
    }
    table.ocultaDesktop {
        display: table !important;
    }
}
.layout-wrapper.layout-overlay .layout-menu-container {
    width: calc(400px + calc(12 * var(--fonteZoom))) !important;
    left: -540px;
    /*left: -50px;*/
    top: auto !important;
}

/* Fundo escuro ao abrir menu */
.layout-overlay-active form#form:after {
    content: ' ';
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
}

/* Tira imagem de aparelhos com resolução menor do que informado */
@media only screen and (max-width: 640px) {
    .fundoPrincipal{
        background-color: #2F333C !important;
        background-image: none !important;
    }

    .fundoPrincipalInterno{
        background-color: #2F333C !important;
        background-image: none !important;
    }

    #selo {
        display: none;
    }

    .naoMostrar{
        display: none !important;
    }
}

/* ÍCONE MENU NOVO */
.layout-menu > li > a.menuNovo:after,
.layout-menu > li.menuNovo > a:after {
    position: absolute;
}

/* DESTAQUE MENU NOVO */
a.menuNovo > span,
li.menuNovo > a > span,
tr.menuNovo > td > table > tbody > tr > td:first-of-type > a,
tr.menuNovo.menuPai > td > table > tbody > tr > td > label {
    /*text-shadow: 0px 0px 2px var(--laranjaMuryTexto);*/
}

/* ÍCONE DICA */
.layout-menu > li > a.menuDica:after,
.layout-menu > li.menuDica > a:after {
    position: absolute;
}

/* DESTAQUE DICA */

tr.menuDica > td > table > tbody > tr > td:first-of-type > a:after,
a.menuDica:after {
    content: "\f059" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--azulMury);
    margin-left: 7px;
    position: absolute;
    margin-top: 5px;
}

tr.menuDica.menuPesquisaItem1 > td > table > tbody > tr > td:first-of-type > a:after,
tr.menuDica.menuPesquisaItem2 > td > table > tbody > tr > td:first-of-type > a:after {
    position: relative;
    margin-top: 0px;
}

tr.menuDica > td > table > tbody > tr > td:first-of-type > a:after{
    color: var(--azulMuryTexto);
}

.layout-menu a.menuNovo > span:after,
.layout-menu li.menuNovo > a:after,
tr.menuNovo > td > table > tbody > tr > td:first-of-type > a:after,
tr.menuNovo.menuPai > td > table > tbody > tr > td > label > span::after {
    /*Substituir classe menuNovo antiga*/
    content: "NOVO";
    font-size: calc(10px + var(--fonteZoom));
    background-color: var(--laranjaMuryTexto);
    color: white;
    vertical-align: super;
    margin-left: 7px;
    font-family: Lato;
    top: calc(30% - 5px);
    padding: 0px 4px;
    border-radius: 9px;
}
a.menuPesquisar {
    background-color: #cccccc !important;
    width: calc(100% - 32px);
    margin-left: 16px !important;
    margin-bottom: 6px;
    border-radius: 4px;
    border: 2px solid #999999;
}

a.menuPesquisar .layout-menuitem-icon,
a.menuPesquisar .layout-menuitem-text {
    color: #595959 !important;
}

.menuPesquisaItem1:not(.identacao0) > td > table > tbody > tr > td:first-child > a:before,
.menuPesquisaItem1:not(.identacao0) td > table > tbody > tr > td > label:before{
    content: url("/resources/img/branch_rnd_end_pesq.png"); /* ↳ */
    vertical-align: middle;
    margin-right: 5px;
    filter: hue-rotate(var(--huePrincipal));
}

.menuPesquisaItem2:not(.identacao0) td > table > tbody > tr > td > label:before,
.menuPesquisaItem2:not(.identacao0) > td > table > tbody > tr > td:first-child > a:before{
    content: url("/resources/img/branch_rnd_pesq.png"); /* ↦ */
    vertical-align: middle;
    margin-right: 5px;
    filter: hue-rotate(var(--huePrincipal));
}

body .ui-datatable .ui-datatable-data > tr.menuPesquisaItem1 > td,
body .ui-datatable .ui-datatable-data > tr.menuPesquisaItem2 > td {
    padding: 0px !important;
}

tr.menuPesquisaItem1 > td > table > tbody > tr > td,
tr.menuPesquisaItem2 > td > table > tbody > tr > td{
    padding: 0px !important;
    line-height: 0px !important;
    height: 34px;
}

tr.menuPesquisaItem1 > td > table > tbody > tr > td > a,
tr.menuPesquisaItem2 > td > table > tbody > tr > td > a,
tr.menuPesquisaItem1 > td > table > tbody > tr > td > label,
tr.menuPesquisaItem2 > td > table > tbody > tr > td > label {
    display: inline-flex;
    align-items: center;
}

tr.menuPesquisaItem1.menuNovo > td > table > tbody > tr > td > a:after,
tr.menuPesquisaItem2.menuNovo > td > table > tbody > tr > td > a:after,
tr.menuPesquisaItem1.menuNovo > td > table > tbody > tr > td > label:after,
tr.menuPesquisaItem2.menuNovo > td > table > tbody > tr > td > label:after {
    height: calc(8px + var(--fonteZoom));
    padding-top: 8px !important;
}

.menuPai{
    background-color: var(--uiPadraoEscuro) !important;
    border-color: var(--bordaPadrao) !important;
    font-weight: bold;

}

.menuFilho{
    border-color: var(--bordaPadrao) !important;
}

.menuPesquisa > .ui-datatable-tablewrapper{
    overflow: visible;
}

.barraFavoritos .ui-menu {
    background-color: var(--azulMuryTexto);
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem {
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
}

body .barraFavoritos > tbody > tr > td > .ui-menu .ui-menu-list .ui-menuitem {
    padding-right: 8px;
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.maisFavoritos {
    position: absolute;
    top: 0px !important;
    right: 0px !important;
}
body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.subMenu {
    white-space: nowrap;
}
/*body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem:not(.maisFavoritos):not(.fixarFavoritos):not(.subMenu) {
    border-right: 2px ridge var(--azulMuryTexto) !important;
}*/

.dlgMaisFavoritos > .ui-overlaypanel-content > .ui-menubar > ul.ui-menu-list {
    display: grid;
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem a {
    border-radius: 1em;
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active a.ui-state-hover {
    background: none !important;
    border-radius: 20px;

}
body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active a.ui-state-hover:hover {
    background-color: #c6c6c6 !important;
    border-radius: 20px;

}
body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active a.ui-state-hover:hover span {
    color: black !important;
}

body .barraFavoritos .ui-menu.ui-menubar ul.ui-menu-list {
    background: none !important;
}

.barraFavoritos ul > li {
    margin: 3px !important;
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem:not(.ui-menuitem-active){
    background-color: var(--uiPadrao);
}

.barraFavoritos ul > li > a {
    font-size: calc(16px + var(--fonteZoom)) !important;
    font-weight: bold !important;
}

.barraFavoritos:not(.fixo) > tbody > tr > td > .ui-menu {
    height: 42px;
    padding-right: 38px;
}

.barraFavoritos.fixo .maisFavoritos {
    display: none !important;
}

body .ui-menu .ui-menu-list .ui-menuitem.fixarFavoritos .ui-menuitem-link {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 2px;
    background: var(--amareloMuryEscuro) !important;
    border-radius: 0px;
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.fixarFavoritos {
    margin: 0px !important;
    padding-right: 0px;
}

body .ui-menu .ui-menu-list .ui-menuitem.fixarFavoritos.fixo .ui-menuitem-link {
    padding: 8px;
    margin-right: 0px;
    width: 2em;
    border-radius: 50%;
    margin-top: 4px;
}

body .barraFavoritos .ui-menu .ui-menu-list .ui-menuitem.fixarFavoritos.fixo {
    float: right;
    padding-right: 8px;
}

.barraFavoritos:not(.fixo) > tbody > tr > td > .ui-menu .ui-menu-list .ui-menuitem.fixarFavoritos.fixo {
    display: none;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
    border-radius: 20px;
}

body .ui-menu.ui-menubar {
    padding: 0.0rem;
    background: #dbdbdb;
    border-radius: 4px;
}

.ui-carousel-content {
    background-color: white;
}


body .ui-menu .ui-menu-list .ui-widget-header h3 {
    font-size: calc(14px + var(--fonteZoom)) !important;
}

body .ui-menu .ui-menu-list .ui-widget-header {
    background-color: var(--uiPadrao);
    border-color: var(--uiPadraoBorder);
}

body .ui-menu .ui-menu-list .ui-widget-header h3,
body .ui-panel .ui-panel-titlebar {
    color: var(--linkPadrao);
}

/* Borda padrão */
body .ui-menu{
    border-color: var(--bordaPadraoClara) !important;
}

/*######################## DashBoard / Home / Menu / Favoritos ######################## */

/*######################## FieldSet ######################## */

body .ui-fieldset .ui-fieldset-legend,
body .ui-fieldset .ui-fieldset-legend.ui-state-hover,
body .ui-fieldset .ui-fieldset-legend.ui-state-focus{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
    background: var(--cabecalhoPadrao);
    color: #ffffff;
}

/*
    ÍCONE DE ITEM OBRIGATÓRIO
*/
:not(fieldset).obrigatorio:after,
fieldset.obrigatorio > legend:after {
    content: "*";
    font-size: calc(1.35em + var(--fonteZoom)); /*1.35em = 135%*/
    margin-left: 2px;
    margin-right: 4px;
    color: var(--vermelhoMuryTexto);
}

/* Negrito legenda fieldset */
.ui-fieldset.legendaNegrito > .ui-fieldset-legend {
    font-weight: bold;
}

/*
    TOGGLE FIELDSET
*/

.ui-fieldset .ui-fieldset-toggler.ui-icon-plusthick:before {
    /*content: "\f078" !important;  Caractere de seta - .fa-chevron-down  */
    /*font-size: calc(20px + var(--fonteZoom)) !important;*/
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    /*font-family: "Font Awesome 5 Free", "FontAwesome" !important;*/
    /*font-family: "FontAwesome" !important;*/
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

.ui-fieldset .ui-fieldset-toggler.ui-icon-minusthick:before {
    /*content: "\f077" !important;  Caractere de seta - .fa-chevron-up */
    /*font-size: calc(20px + var(--fonteZoom)) !important;*/
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    /*font-family: "Font Awesome 5 Free", "FontAwesome" !important;*/
    /*font-family: "FontAwesome" !important;*/
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

body .ui-fieldset.ui-fieldset-toggleable > legend.ui-fieldset-legend {
    border-color: var(--uiPadraoBorder) !important;
    box-shadow: inset 0 0 1px var(--uiPadraoBorder);
    color: var(--linkPadrao);
}

body .ui-fieldset.ui-fieldset-toggleable > legend.ui-fieldset-legend > .ui-fieldset-toggler {
    text-shadow: 0 0 5px var(--uiPadraoBorder);
}

/* Borda padrão */
body .ui-fieldset .ui-fieldset-legend{
    border-color: var(--bordaPadraoClara) !important;
}
/* Borda padrão */
body .ui-fieldset{
    border-color: var(--bordaPadraoClara) !important;
}

/*######################## FieldSet ######################## */

/*######################## Panel ######################## */

body .ui-panel .ui-panel-content{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

/*
    TOGGLE PANEL
*/

.ui-panel-titlebar-icon .ui-icon-plusthick:before {
    /*content: "\f078" !important;  Caractere de seta - .fa-chevron-down  */
    /*font-size: calc(20px + var(--fonteZoom)) !important;*/
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    /*font-family: "Font Awesome 5 Free", "FontAwesome" !important;*/
    /*font-family: "FontAwesome" !important;*/
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

.ui-panel-titlebar-icon .ui-icon-minusthick:before {
    /*content: "\f077" !important;  Caractere de seta - .fa-chevron-up  */
    /*font-size: calc(20px + var(--fonteZoom)) !important;*/
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    /*font-family: "Font Awesome 5 Free", "FontAwesome" !important;*/
    /*font-family: "FontAwesome" !important;*/
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

/*Reduz tamanho de linha dos paineis*/
body .ui-panel .ui-panel-content {
    line-height: 1.2;
}

/*Reduz tamanho de linha da barra de titulo*/
body .ui-panel .ui-panel-titlebar {
    padding: 0.3em 1em;
}

body .ui-panel[style*="background"] > .ui-panel-titlebar {
    border: 1px solid #00000025;
}

body .ui-panel .ui-panel-titlebar {
    background-color: var(--uiPadrao);
    border-color: var(--uiPadraoBorder);
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    float: left;
    margin: 0px 1em 0px 0px;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon.ui-state-hover,
body .ui-panel.toggleableHeader .ui-panel-titlebar:hover .ui-panel-titlebar-icon {
    color: var(--linkPadrao);
}

body .ui-panel.toggleableHeader > .ui-panel-titlebar:hover {
    cursor: pointer;
    background-color: var(--uiPadraoHover);
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    color: var(--textoCampoDesabilitado);
}

/* Borda padrão */
body .ui-panel .ui-panel-content{
    border-color: var(--bordaPadraoClara) !important;
}

/* Borda padrão */
body .ui-fieldset .ui-fieldset-legend.ui-state-hover{
    border-color: var(--bordaPadraoClara) !important;
}
/* Borda padrão */
body .ui-fieldset .ui-fieldset-legend.ui-state-focus{
    border-color: var(--bordaPadraoClara) !important;
}

/*######################## Panel ######################## */

/*######################## DataList ######################## */

body .ui-datalist .ui-datalist-content{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

.dataListClean > .ui-datalist-content {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.dataListClean dl {
    margin-block-start: 0;
    margin-block-end: 0;
}

dl.ui-datalist-data {
    margin: 0px;
}

/*######################## DataList ######################## */

/*######################## Dialog ######################## */

body .ui-dialog .ui-dialog-content{
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

.ui-dialog .ui-dialog-titlebar {
    background-color: #f6f7f9 !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: calc(21px + var(--fonteZoom));
}

.scrollDialog .ui-dialog-content.ui-widget-content {
    padding: 0px 0px;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover {
    color: var(--uiPadraoDown);
}

/*Badge numeros dialog externo*/
.badge-box {
    height: 30px;
    width: 30px;
    line-height: 30px;

    background-color: #708895;
    color: #DEE8ED;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
}

/*######################## Dialog ######################## */

/*######################## Accordion ######################## */

body .ui-accordion .ui-accordion-header {
    color: var(--textoPadrao);
    font-family: var(--fontePadrao), var(--fonteSecundaria), "Lato", sans-serif !important;
    text-transform: var(--fonteUpper);
}

body .ui-accordion .ui-accordion-header   {
    background: white !important;
    transition: none !important;
}

body .ui-accordion .ui-accordion-header.ui-state-active{
    background-color: var(--uiSecundario) !important;
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    color: var(--uiSelecaoTexto) !important;
}

body .ui-accordion .ui-accordion-header.ui-state-hover, body .ui-accordion .ui-accordion-header.ui-tabs-outline {
    color: var(--textoPadraoHover) !important;
}

/* Borda padrão */
body .ui-accordion .ui-accordion-header {
    border-color: var(--bordaPadraoClara) !important;
}

/*######################## Accordion ######################## */

/*######################## DatePicker / Calendar ######################## */

/*Ajustando configuracao de largura do calendar*/
body .ui-datepicker {
    width: 350px !important;
}

.ui-calendar input{
    border: 1px solid var(--bordaPadrao) !important;
}

.ui-datepicker-unselectable {
    /* Data fora do limite */
    color: #bbb;
}
.ui-datepicker td:not(.ui-datepicker-unselectable) {
    /* Data dentro do limite */
    font-weight: bold;
}
.ui-datepicker-current-day:not(.ui-datepicker-today) a.ui-state-active {
    /* Data selecionada */
    outline: 2px solid var(--bordaFocus);
}
.ui-datepicker-today:not(.ui-datepicker-current-day) a.ui-state-default {
    /* Data de hoje */
    border: 1px solid var(--linkPadrao) !important;
    background-color: #ffffff !important;
}
a.ui-state-default.ui-state-highlight.ui-state-active {
    /* Data de hoje selecionada */
    outline: 2px solid var(--bordaFocus);
    background-color: var(--uiPadrao) !important;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    color: var(--linkPadrao);
}
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: var(--uiPadraoDown);
    border-color: var(--uiPadraoBorder);
}

/*######################## DatePicker / Calendar ######################## */

/*######################## RadioButton ######################## */

.ui-radiobutton {
    margin: 4px !important;
    margin-left: 0px !important;
}
.ui-radiobutton-box{
    border: 1px solid var(--bordaPadrao) !important;
}
.ui-radiobutton-box.ui-state-hover:not(.ui-state-error) {
    border: 1px solid var(--bordaHover) !important;
    box-shadow: 0 0 5px -3px var(--bordaHover);
    /*border: 1px solid blue !important;*/
}
.ui-radiobutton-box.ui-state-focus:not(.ui-state-error) {
    border: 1px solid var(--bordaFocus) !important;
}
.ui-radiobutton-box.ui-state-disabled:not(.ui-state-error) {
    background-color: var(--corCampoDesabilitado) !important;
}
.ui-radiobutton-box.ui-state-disabled:not(.ui-state-error) {
    background-color: var(--corCampoDesabilitado) !important;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-disabled:not(.ui-state-error) .ui-icon-bullet {
    background-color: var(--textoCampoDesabilitado);
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: var(--uiPadraoDown);
    background-color: var(--uiPadraoDown);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background-color: var(--uiPadraoHover);
}

/*######################## RadioButton ######################## */

/*######################## Command Button ######################## */

.ui-button.ui-state-disabled {
    /*filter: saturate(.8) brightness(.8);*/
    background-image: var(--fundoCampoDesabilitado);
    color: var(--textoCampoDesabilitado);
    border: 1px solid var(--bordaPadrao);
}
.ui-button.ui-state-disabled > span,
label.ui-state-disabled {
    color: var(--textoCampoDesabilitado);
}

body .ui-button[style*="background"],
body .ui-button.fundoVermelho,
body .ui-button.fundoLaranja,
body .ui-button.fundoMarrom,
body .ui-button.fundoAmarelo,
body .ui-button.fundoVerde,
body .ui-button.fundoAqua,
body .ui-button.fundoAzul,
body .ui-button.fundoCinza,
body .ui-button.fundoBranco,
body .ui-button.fundoPreto{
    border: 1px solid #00000025;
}

body .ui-button.ui-state-focus {
    border-color: var(--uiPadraoBorder);
}

.ui-button.novo:after {
    display: block;
    position: absolute;
    bottom: calc(100% - .5em);
    left: calc(100% - 1.5em);
    font-weight: bold;
    background-color: #ff9a00;
    color: white;
    padding: 2px 4px;
    font-size: calc(10px + var(--fonteZoom));
    border-radius: 1em;
    vertical-align: middle;
    white-space: nowrap;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.429em 1em 0.429em 2.5em;
}

body .ui-button {
    background-color: var(--uiPadrao);
    border-color: var(--uiPadraoBorder);
}

body .ui-button.ui-state-hover {
    background-color: var(--uiPadraoHover);
    border-color: var(--uiPadraoBorder);
}

body .ui-button.ui-state-down,
body .ui-button.ui-state-active {
    background-color: var(--uiPadraoDown);
    border-color: var(--uiPadraoBorder);
}

.botaoAppAzul {
    background-image: radial-gradient(100% 100% at 100% 0, #1c4154 0, #2e6886 100%)!important;
    border: 0!important;
    border-radius: 7px!important;
    box-shadow: rgb(0 0 0 / 40%) 0 2px 3px, rgb(0 0 0 / 30%) 0 7px 13px -3px, #1c4154 0 -3px 0 inset!important;
    box-sizing: border-box!important;
    color: #fff!important;
    height: 35px!important;
    padding-left: 16px!important;
    padding-right: 16px!important;
    font-size: 13px!important;
    width: 92%!important;
    font-weight: bold!important;
}
.botaoAppVermelho {
    background-image: radial-gradient(100% 100% at 100% 0, #b64c4c 0, #a03b3b 100%)!important;
    border: 0!important;
    border-radius: 7px!important;
    box-shadow: rgb(0 0 0 / 40%) 0 2px 3px, rgb(0 0 0 / 30%) 0 7px 13px -3px, #6e2d2d 0 -3px 0 inset!important;
    box-sizing: border-box!important;
    color: #fff!important;
    height: 35px!important;
    padding-left: 16px!important;
    padding-right: 16px!important;
    font-size: 13px!important;
    width: 92%!important;
    font-weight: bold!important;
}
.botaoAppDesativado {
    opacity: 50%!important;
    background-image: radial-gradient(100% 100% at 100% 0, #1c4154 0, #2e6886 100%)!important;
    border: 0!important;
    border-radius: 7px!important;
    box-shadow: rgb(0 0 0 / 40%) 0 2px 3px, rgb(0 0 0 / 30%) 0 7px 13px -3px, #1c4154 0 -3px 0 inset!important;
    box-sizing: border-box!important;
    color: #fff!important;
    height: 35px!important;
    padding-left: 16px!important;
    padding-right: 16px!important;
    font-size: 13px!important;
    width: 92%!important;
    font-weight: bold!important;
}

/*######################## Command Button ######################## */

/*######################## SelectBooleanButtton ######################## */

/* Substituição de estilo de SelectBooleanButton por InputSwitch */
body .ui-button.ui-button-icon-only.ui-selectbooleanbutton {
    display: inline-block;
    width: 32px !important;
    height: 12px !important;
    border: 1px solid #dadada;
    ;
    border-radius: 8px;
    background-color: #f4f4f4;
    margin-top: .5em;
}

body .ui-button.ui-button-icon-only.ui-selectbooleanbutton.ui-state-active,
body .ui-button.ui-button-icon-only.ui-selectbooleanbutton.ui-state-active.ui-state-focus {
    background-color: #DDECF5;
    border-color: #B9D8EB;
}

body .ui-button.ui-button-icon-only.ui-selectbooleanbutton:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #666666;
    border: none;
    display: block;
    margin-top: -5px;
}

body .ui-button.ui-button-icon-only.ui-selectbooleanbutton.ui-state-active:before {
    background-color: #82ADC9;
    margin-left: 12px;
}

body .ui-button.ui-button-icon-only.ui-selectbooleanbutton > .ui-button-text {
    display: none;
}

/*######################## SelectBooleanButtton ######################## */

/*######################## FileUpload ######################## */

.ui-fileupload .ui-state-disabled {
    display: block !important;
}
.ui-fileupload-buttonbar {
    display: flex !important;
}
body .ui-fileupload .ui-fileupload-buttonbar {
    border-color: var(--uiPadraoBorder);
    background-color: var(--uiPadrao);
    color: var(--linkPadrao);
}

/* Borda padrão */
body .ui-fileupload .ui-fileupload-content{
    border-color: var(--bordaPadraoClara) !important;
}

/*######################## FileUpload ######################## */

/*######################## TextEditor ######################## */

/*
    TEXT EDITOR
*/

.ql-container.ql-disabled {
    background: var(--fundoCampoReadOnly) !important;
}

.ui-editor-toolbar, .ql-container {
    background: white !important;
    color: black;
}

.ql-picker-item {
    padding-left: 4px;
    padding-right: 4px;
}

.ql-picker-label[data-value=small]::before, .ql-picker-item[data-value=small]::before {
    content: 'Pequeno' !important;
}

.ql-picker-label[data-value=large]::before, .ql-picker-item[data-value=large]::before {
    content: 'Grande' !important;
}

.ql-picker-label[data-value=huge]::before, .ql-picker-item[data-value=huge]::before {
    content: 'Enorme' !important;
}

.ql-tooltip[data-mode=video]::before {
    content: 'Inserir vídeo: ' !important;
}

.ql-tooltip.ql-editing a.ql-action::after {
    content: 'Salvar' !important;
}

.ql-picker-item:hover {
    background-color: var(--laranjaSelecao);
}

.ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--bordaHover) !important;
}

.ql-picker-options {
    padding: 0px !important;
}

/* Modernização do editor original */
.editorModerno .ui-editor-button {
    background: none;
    text-align: center;
    width: 24px;
    padding: 4px 0px 0px 0px;
}

.editorModerno .ui-editor-button:hover,
.editorModerno.ui-editor-popup.ui-editor-list > div:hover {
    background: var(--uiPadrao) !important;
    border-radius: 2px;
    cursor: pointer;
}

.editorModerno .ui-editor-button[disabled]:hover {
    cursor: default;
}

.editorModerno.ui-editor-popup.ui-editor-color > div:hover {
    outline: 2px solid var(--uiPadraoDown);
    cursor: pointer;
}

.editorModerno .ui-editor-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}

.editorModerno .ui-editor-button[title="Fonte"]:after,
.editorModerno .ui-editor-button[title="Tamanho da Fonte"]:after,
.editorModerno .ui-editor-button[title="Estilo"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 0.8em;
}

.editorModerno .ui-editor-button[title="Fonte"]:after,
.editorModerno .ui-editor-button[title="Tamanho da Fonte"]:after,
.editorModerno .ui-editor-button[title="Estilo"]:after {
    content: "\f0dd";
}

.editorModerno .ui-editor-button[title="Cor da Fonte"]:after,
.editorModerno .ui-editor-button[title="Cor de Destaque"]:after,
.editorModerno .ui-editor-button[title="Remover Formatação"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 0.7em;
    margin-left: -4px;
    vertical-align: bottom;
    text-shadow: -1px -1px white;
}

.editorModerno .ui-editor-button[title="Cor da Fonte"]:hover:after,
.editorModerno .ui-editor-button[title="Cor de Destaque"]:hover:after,
.editorModerno .ui-editor-button[title="Remover Formatação"]:hover:after {
    text-shadow: -1px -1px var(--uiPadrao);
}

.editorModerno .ui-editor-button[title="Cor da Fonte"]:after {
    content: "\f53f";
    color: darkred;
}
.editorModerno .ui-editor-button[title="Cor de Destaque"]:after {
    content: "\f591";
    color: darkgoldenrod;
}
.editorModerno .ui-editor-button[title="Remover Formatação"]:after {
    content: "\f00d";
    color: crimson;
}

.editorModerno .ui-editor {
    padding-bottom: 4px;
}

.editorModerno .ui-editor-toolbar {
    border-bottom: 1px solid var(--bordaPadraoClara);
    padding-bottom: 3px;
}

.editorModerno .ui-editor-divider {
    height: 24px;
    margin: 3px 0px 1px 0px;
    background: var(--bordaPadrao);
}

.editorModerno.ui-editor-table {
    width: 161px;
    padding: 1px 0 0 1px;
}

.editorModerno .tableSizePicker {
    width: 16px;
    height: 16px;
    border: 1px solid white;
    float: left;
    background-color: #DDD;
    cursor: pointer;
}

.editorModerno .tableSizePicker.hover {
    border: 1px solid var(--bordaFocus);
    background-color: var(--uiSelecao);
}

.editorModerno .ui-editor-button[title="Negrito"]:before {
    content: "\f032"
}
.editorModerno .ui-editor-button[title="Itálico"]:before {
    content: "\f033"
}
.editorModerno .ui-editor-button[title="Sublinhado"]:before {
    content: "\f0cd"
}
.editorModerno .ui-editor-button[title="Tachado"]:before {
    content: "\f0cc"
}
.editorModerno .ui-editor-button[title="Subescrito"]:before {
    content: "\f12c"
}
.editorModerno .ui-editor-button[title="Superescrito"]:before {
    content: "\f12b"
}
.editorModerno .ui-editor-button[title="Fonte"]:before {
    content: "\f031"
}
.editorModerno .ui-editor-button[title="Tamanho da Fonte"]:before {
    content: "\f034"
}
.editorModerno .ui-editor-button[title="Estilo"]:before {
    content: "\f1dc"
}
.editorModerno .ui-editor-button[title="Cor da Fonte"]:before {
    content: "\f031"
}
.editorModerno .ui-editor-button[title="Cor de Destaque"]:before {
    content: "\f031"
}
.editorModerno .ui-editor-button[title="Remover Formatação"]:before {
    content: "\f031"
}
.editorModerno .ui-editor-button[title="Lista de Itens"]:before {
    content: "\f03a"
}
.editorModerno .ui-editor-button[title="Lista Ordenada"]:before {
    content: "\f0cb"
}
.editorModerno .ui-editor-button[title="Remover Identação"]:before {
    content: "\f03b"
}
.editorModerno .ui-editor-button[title="Adicionar Identação"]:before {
    content: "\f03c"
}
.editorModerno .ui-editor-button[title="Alinhar a Esquerda"]:before {
    content: "\f036"
}
.editorModerno .ui-editor-button[title="Centralizar"]:before {
    content: "\f037"
}
.editorModerno .ui-editor-button[title="Alinhar a Direita"]:before {
    content: "\f038"
}
.editorModerno .ui-editor-button[title="Justificar"]:before {
    content: "\f039"
}
.editorModerno .ui-editor-button[title="Desfazer"]:before {
    content: "\f0e2"
}
.editorModerno .ui-editor-button[title="Refazer"]:before {
    content: "\f01e"
}
.editorModerno .ui-editor-button[title="Inserir Tabela"]:before {
    content: "\f0ce"
}
.editorModerno .ui-editor-button[title="Inserir Linha Horizontal"]:before {
    content: "\f547"
}
.editorModerno .ui-editor-button[title="Inserir Imagem"]:before {
    content: "\f03e"
}
.editorModerno .ui-editor-button[title="Inserir Link"]:before {
    content: "\f0c1"
}
.editorModerno .ui-editor-button[title="Remover Link"]:before {
    content: "\f127"
}
.editorModerno .ui-editor-button[title="Inserir Quebra de Página"]:before {
    content: "\f7a4"
}
.editorModerno .ui-editor-button[title="Recortar"]:before {
    content: "\f0c4"
}
.editorModerno .ui-editor-button[title="Copiar"]:before {
    content: "\f0c5"
}
.editorModerno .ui-editor-button[title="Colar"]:before {
    content: "\f0ea"
}
.editorModerno .ui-editor-button[title="Colar Como Texto"]:before {
    content: "\f15c"
}
.editorModerno .ui-editor-button[title="Imprimir"]:before {
    content: "\f02f"
}
.editorModerno .ui-editor-button[title="Exibir Código Fonte"]:before {
    content: "\f121"
}
.editorModerno .ui-editor-button[title="Exibir Texto Rico"]:before {
    content: "\f1c9"
}

/*######################## TextEditor ######################## */

/*######################## CascadeSelect ###################### */
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-hover {
    background-color: var(--amareloMuryEscuro);
}
/*Estilização do painel*/
body .ui-cascadeselect-panel{
    background: var(--amareloMury) !important;
    border: 1px black !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px -3px var(--bordaHover) !important;
}

/*Espaçamento do painel*/
body .ui-cascadeselect-panel .ui-cascadeselect-items{
    padding: 0.5rem !important;
}

/*ícone padrão que aparece no painel*/
.ui-cascadeselect-items{
    /*list-style-type: disclosure-closed !important;*/
}

.ui-cascadeselect{
    border: 1px solid var(--bordaPadrao) !important;
}

.ui-cascadeselect-label{
    border: 0 !important;
}

/*Espaçamento entre os itens do painel*/
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content{
    padding: 0.5rem 1rem !important;
}

.ui-cascadeselect-item{
    cursor: pointer !important;
    font-weight: normal !important;
    white-space: nowrap !important;
}

.ui-cascadeselect-item-content{
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    position: relative !important;
}

/*borda padrão*/
body .ui-cascadeselect{
    border-color: var(--bordaPadrao) !important;
}

.ui-cascadeselect-trigger{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border: 0 none !important;
    cursor: pointer !important;
    width: 28px !important;
    padding: 0 !important;
    background: #f4f4f4 !important;
}

.ui-cascadeselect-item-active{
    background-color: var(--uiSelecao) !important;
    color: var(--uiSelecaoTexto) !important;
}


/*######################## CascadeSelect ###################### */

/* ######################################################################################################################## */
/* ############################################ Componentes ############################################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Classes Padrões ########################################################### */
/* ######################################################################################################################## */

.formulario > tbody > tr > td,
td.formulario {
    border: none !important;
    padding: 4px !important;
    background: none !important;
}

.formulario > tbody > tr > td:not(.alinhaTopo):not(.alinhaFundo) {
    vertical-align: middle !important;
}

.dica {
    outline-style: dotted;
    outline-width: 1px;
    outline-color: #CCC;
}

/* Linha divisória */
hr {
    border-style: solid;
    border-color: var(--cabecalhoPadrao);
    margin: 1em 0px;
}

td.vr, table.vr > tbody > tr > td, table.vr > tr > td {
    height: 0px;
}

vr {
    display: table;
    height: 100%;
    width: 2px;
    background-color: var(--cabecalhoPadrao);
    margin: 0px 1em;
}

.coluna0   {
    width: 0%;
}
.coluna5   {
    width: 5%;
}
.coluna10  {
    width: 10%;
}
.coluna15  {
    width: 15%;
}
.coluna20  {
    width: 20%;
}
.coluna25  {
    width: 25%;
}
.coluna30  {
    width: 30%;
}
.coluna35  {
    width: 35%;
}
.coluna40  {
    width: 40%;
}
.coluna45  {
    width: 45%;
}
.coluna50  {
    width: 50%;
}
.coluna55  {
    width: 55%;
}
.coluna60  {
    width: 60%;
}
.coluna65  {
    width: 65%;
}
.coluna70  {
    width: 70%;
}
.coluna75  {
    width: 75%;
}
.coluna80  {
    width: 80%;
}
.coluna85  {
    width: 85%;
}
.coluna90  {
    width: 90%;
}
.coluna95  {
    width: 95%;
}
.coluna100 {
    width: 100%;
}

.identacao0 > td > table > tbody > tr > td > a,
.identacao0 > td > table > tbody > tr > td > label {
    margin-left: 10px;
}
.identacao1 > td > table > tbody > tr > td > a,
.identacao1 > td > table > tbody > tr > td > label{
    margin-left: 20px;
}
.identacao2 > td > table > tbody > tr > td > a,
.identacao2 > td > table > tbody > tr > td > label{
    margin-left: 40px;
}
.identacao3 > td > table > tbody > tr > td > a,
.identacao3 > td > table > tbody > tr > td > label{
    margin-left: 60px;
}
.identacao4 > td > table > tbody > tr > td > a,
.identacao4 > td > table > tbody > tr > td > label{
    margin-left: 80px;
}
.identacao5 > td > table > tbody > tr > td > a,
.identacao5 > td > table > tbody > tr > td > label{
    margin-left: 100px;
}
.identacao6 > td > table > tbody > tr > td > a,
.identacao6 > td > table > tbody > tr > td > label{
    margin-left: 120px;
}
.identacao7 > td > table > tbody > tr > td > a,
.identacao7 > td > table > tbody > tr > td > label{
    margin-left: 140px;
}
.identacao8 > td > table > tbody > tr > td > a,
.identacao8 > td > table > tbody > tr > td > label{
    margin-left: 160px;
}

.legendaClasse{
    font-family: monospace !important;
    background-color: #E7E7E7;
    padding: 3px;
    font-weight: bold
}

.semUnderline{
    text-decoration: none !important;
}

.naoExibir, .nao-exibir, .naoExibe, .nao-exibe,
.oculta, .oculto, .ocultar {
    display: none !important;
}

.linhaGridErro{
    color: red !important;
}
.linhaRegistroDuplicado{
    background-color: #dca706 !important;
}

.atencao {
    background-color: red;
    color: white;
}
.atencao:after {
    content: "Atenção!";
}

.novo {
    background-color: #ff9a00;
    color: white;
}
.novo:after {
    content: "Novo";
}
.piscando,
.estatico {
    white-space: nowrap;
    color: white;
    padding: 2px 4px;
    font-size: calc(10px + var(--fonteZoom));
    border-radius: 1em;
    vertical-align: middle;
    font-weight: bold;
}

.piscando {
    animation-name: var(--animacaoPiscando);
    animation-duration: 1.5s;
    animation-timing-function: steps(1);
    animation-iteration-count: infinite;
}

/*
    WATERMARK
*/
::placeholder {
    color: var(--placeholder) !important;
}

/* Selo de 40 anos Mury */
.selo  {
    position: absolute;
    background-image: url(resources/img/selo.png);
    height: 100px;
    width: 100px;
    float: right;
    left: 85%;
    top: 80%;
    overflow: hidden;
}

.all-copy {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
}

.ocultaCheckboxHeader > .ui-selectcheckboxmenu-header{
    display: none !important;
}

.semHeader table thead tr {
    display: none;
}

.page-break  {
    page-break-before: always;
    page-break-after: always;
}

.avisoAtualizacao {
    text-decoration-line: underline !important;
    text-decoration-color: var(--amareloMury) !important;
    text-decoration-style: dotted !important;
}

/*Div na tela de login */
@media screen and (max-width: 40em) {
    .login-body .login-panel {
        top: 30% !important;
    }
}

/* Painel da tela de login */
.login-body .login-panel {
    border-top: 4px solid #feedbc;
    padding: 0 70px 20px 70px;
    height: 370px;
    width: 560px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -175px;
    background-color: rgba(0, 0, 0, 0.13);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 20px;
}

/* Acesso restrito na tela de login */
.login-body .login-panel h1 {
    display: inline-block;
    font-size: 16px;
    background-color: #feedbc;
    margin: 0 0 16px 0;
    color: #666666;
    padding: 4px 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.login-body .login-panel h3 {
    color: #c8c8c8;
    margin: 0 0 0 0;
    font-size: 16px;
    margin: 20px 0 0 0;
}

/* espaçamento entre as linhas login */
.login-body .login-panel label {
    display: block;
    color: #c8c8c8;
    margin: 20px 0 7px 0;
}

.login-body .login-panel input {
    background: transparent;
    border: 1px solid #dadada;
    color: #dadada;
    font-size: 14px;
    padding: 0.429em;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
}

/* hover dos inputs login */
.login-body .login-panel input:hover, .login-body .login-panel input:focus {
    outline: 0 none;
    border-color: #FE7E03;
}

/* botao de entrar no login */
.login-body .login-panel button {
    margin: 20px 0 0 0;
    display: block;
    width: 120px;
}

@media screen and (max-width: 40em) {
    .login-body .login-topbar {
        padding: 15px 70px 15px 70px;
    }
    .login-body .login-panel {
        left: 0;
        top: 25%;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    .login-body .login-panel input {
        width: 100%;
    }
}


/* ######################################################################################################################## */
/* ############################################ Classes Padrões ########################################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Classes de Cores para Textos, Paineis e Botões ############################ */
/* ######################################################################################################################## */

.textoVermelho {
    color: var(--vermelhoMuryTexto) !important;
}
.textoLaranja {
    color: var(--laranjaMuryTexto) !important;
}
.textoMarrom {
    color: var(--marromMuryTexto) !important;
}
.textoAmarelo {
    color: var(--amareloMuryTexto) !important;
}
.textoAzulcorDaMury {
    color: var(--azulCorMury) !important;
}
.textoVerde {
    color: var(--verdeMuryTexto) !important;
}
.textoAqua {
    color: var(--aquaMuryTexto) !important;
}
.textoAzul {
    color: var(--azulMuryTexto) !important;
}
.textoCinza {
    color: var(--cinzaMuryTexto) !important;
}
.textoPreto {
    color: var(--pretoMuryTexto) !important;
}
.textoBranco {
    color: var(--brancoMuryTexto) !important;
}

.textoInvisivel {
    color: var(--textoInvisivel) !important;
}

.textoAvisoVermelho {
    color: var(--vermelhoMuryTexto) !important;
    font-weight: 600;
}

.painelAlertaCustomizado {
    width: 100%;
    display: flex !important;
    padding: 12px;
    border: var(--bordaPadraoPainelAlerta);
}

.painelAlertaCustomizado {
    background-color: antiquewhite;
    color: brown;
}
.painelAlertaCustomizado td {
    white-space: normal;
    font-family: var(--fontePadrao), var(--fonteSecundaria);
    font-weight: normal;
}

.painelAlertaCustomizado:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    margin-left: 8px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    margin-top: auto;
    margin-bottom: auto;
}

.painelAlertaVermelho {
    width: 100%;
    display: flex !important;
    padding: 12px;
    border: var(--bordaPadraoPainelAlerta);
}

.painelAlertaVermelho {
    background-color: var(--vermelhoMuryAviso);
}
.painelAlertaVermelho,
.painelAlertaVermelho td,
.painelAlertaVermelho > tbody > tr > td > label,
.painelAlertaVermelho > tbody > tr > td > label.ui-outputlabel.ui-widget {
    color: white !important;
}
.painelAlertaVermelho td {
    white-space: normal;
}
.painelAlertaVermelho:before {
    content: "\f057" !important; /* Bolinha com um x no meio  */
    font-weight: bold;
}

.painelAlertaVermelho:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro";
    margin-left: 8px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    margin-top: auto;
    margin-bottom: auto;
}

.painelAlertaLaranja {
    width: 100%;
    display: flex !important;
    padding: 12px;
    border: var(--bordaPadraoPainelAlerta);
}

.painelAlertaLaranja:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    margin-left: 8px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    margin-top: auto;
    margin-bottom: auto;
}

.painelAlertaLaranja {
    background-color: var(--laranjaMuryAviso);
    color: black;
}
.painelAlertaLaranja td {
    white-space: normal;
}
.painelAlertaLaranja:before {
    content: "\f071" !important; /* Caractere de aviso - .fa-regular fa-triangle-exclamation  */
}

.painelAlertaAmarelo {
    width: 100%;
    display: flex !important;
    padding: 12px;
    border: var(--bordaPadraoPainelAlerta);
}

.painelAlertaAmarelo {
    background-color: var(--amareloMuryAviso);
    color: black;
}
.painelAlertaAmarelo td {
    white-space: normal;
}
.painelAlertaAmarelo:before {
    content: "\f071" !important; /* Triangulo com exclamação dentro */
}

.painelAlertaAmarelo:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro";
    margin-left: 8px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    margin-top: auto;
    margin-bottom: auto;
}

.painelAlertaVerde {
    width: 100%;
    display: flex !important;
    padding: 12px;
    border: var(--bordaPadraoPainelAlerta);
}

.painelAlertaVerde {
    background-color: var(--verdeMuryAviso);
    color: black;
}
.painelAlertaVerde td {
    white-space: normal;
}
.painelAlertaVerde:before {
    content: "\f00c" !important; /* Caractere de sucesso - */
}

.painelAlertaVerde:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro";
    margin-left: 8px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    margin-top: auto;
    margin-bottom: auto;
}

.painelAlertaAzul {
    width: 100%;
    display: flex !important;
    padding: 12px;
    border: var(--bordaPadraoPainelAlerta);
}

.painelAlertaAzul {
    background-color: var(--azulMuryAviso);
    color: black;
}
.painelAlertaAzul td {
    white-space: normal;
}
.painelAlertaAzul:before {
    content: "\f059" !important; /* Caractere de informação - */
}

.painelAlertaAzul:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro";
    margin-left: 8px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    margin-top: auto;
    margin-bottom: auto;
}

/* ######################################################################################################################## */
/* ############################################ Classes de Cores para Textos e Paineis #################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ -FontAwesome- ############################################################### */
/* ######################################################################################################################## */

/* Ícone alternativo */
.fa-old:before {
    font-family: "FontAwesome" !important;
}

.fa-spacer-right-xl {
    margin-right: 1.5em !important;
}
.fa-spacer-left-xl {
    margin-left: 1.5em !important;
}
.fa-spacer-top-xl {
    margin-top: 1.5em !important;
}
.fa-spacer-bottom-xl {
    margin-bottom: 1.5em !important;
}

.fa-spacer-right-lg {
    margin-right: 1.25em !important;
}
.fa-spacer-left-lg {
    margin-left: 1.25em !important;
}
.fa-spacer-top-lg {
    margin-top: 1.25em !important;
}
.fa-spacer-bottom-lg {
    margin-bottom: 1.25em !important;
}

.fa-spacer-right {
    margin-right: 1em !important;
}
.fa-spacer-left {
    margin-left: 1em !important;
}
.fa-spacer-top {
    margin-top: 1em !important;
}
.fa-spacer-bottom {
    margin-bottom: 1em !important;
}

.fa-spacer-right-sm {
    margin-right: 0.75em !important;
}
.fa-spacer-left-sm {
    margin-left: 0.75em !important;
}
.fa-spacer-top-sm {
    margin-top: 0.75em !important;
}
.fa-spacer-bottom-sm {
    margin-bottom: 0.75em !important;
}

.fa-spacer-right-xs {
    margin-right: 0.5em !important;
}
.fa-spacer-left-xs {
    margin-left: 0.5em !important;
}
.fa-spacer-top-xs {
    margin-top: 0.5em !important;
}
.fa-spacer-bottom-xs {
    margin-bottom: 0.5em !important;
}

.fa-xs, .fa.fa-xs,
.fa-sm, .fa.fa-sm,
.fa-lg, .fa.fa-lg,
.fa-xl, .fa.fa-xl {
    line-height: 1em;
}

.fa-xs:before {
    font-size: calc(.75em + var(--fonteZoom)) !important
}

.fa-sm:before {
    font-size: calc(.875em + var(--fonteZoom)) !important
}

.fa-lg:before {
    font-size: calc(1.3333em + var(--fonteZoom)) !important
}

.fa-xl:before {
    font-size: calc(2em + var(--fonteZoom)) !important
}

/* Rotações arbitrárias - incrementos de 15 */
.fa-rotate-15{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 1 / 6) ")";
    transform:rotate( 15deg);
}
.fa-rotate-30{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 2 / 6) ")";
    transform:rotate( 30deg);
}
.fa-rotate-45{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 3 / 6) ")";
    transform:rotate( 45deg);
}
.fa-rotate-60{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 4 / 6) ")";
    transform:rotate( 60deg);
}
.fa-rotate-75{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 5 / 6) ")";
    transform:rotate( 75deg);
}
.fa-rotate-105{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 7 / 6) ")";
    transform:rotate(105deg);
}
.fa-rotate-120{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 8 / 6) ")";
    transform:rotate(120deg);
}
.fa-rotate-135{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc( 9 / 6) ")";
    transform:rotate(135deg);
}
.fa-rotate-150{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(10 / 6) ")";
    transform:rotate(150deg);
}
.fa-rotate-165{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(11 / 6) ")";
    transform:rotate(165deg);
}
.fa-rotate-195{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(13 / 6) ")";
    transform:rotate(195deg);
}
.fa-rotate-210{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(14 / 6) ")";
    transform:rotate(210deg);
}
.fa-rotate-225{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(15 / 6) ")";
    transform:rotate(225deg);
}
.fa-rotate-240{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(16 / 6) ")";
    transform:rotate(240deg);
}
.fa-rotate-255{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(17 / 6) ")";
    transform:rotate(255deg);
}
.fa-rotate-285{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(19 / 6) ")";
    transform:rotate(285deg);
}
.fa-rotate-300{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(20 / 6) ")";
    transform:rotate(300deg);
}
.fa-rotate-315{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(21 / 6) ")";
    transform:rotate(315deg);
}
.fa-rotate-330{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(22 / 6) ")";
    transform:rotate(330deg);
}
.fa-rotate-345{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=" calc(23 / 6) ")";
    transform:rotate(345deg);
}
.fa-spin-reverse{
    animation:fa-spin-reverse 2s infinite linear
}
.fa-pulse-reverse{
    animation:fa-spin-reverse 1s infinite steps(8)
}
@keyframes fa-spin-reverse{
    0% {
        transform:rotate(0deg)
    }
    to{
        transform:rotate(-1turn)
    }
}

/* ######################################################################################################################## */
/* ############################################ -FontAwesome- ############################################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Ícones ############################################################### */
/* ######################################################################################################################## */

/*
    ÍCONES DE CARACTERES
*/
.ch{
    font-family: var(--fontePadrao), var(--fonteSecundaria);
    font-weight: bold;
}
.ch-a:before, .ch-a-upper:before{
    content:"A";
}
.ch-a-lower:before{
    content:"a";
}
.ch-b:before, .ch-b-upper:before{
    content:"B";
}
.ch-b-lower:before{
    content:"b";
}
.ch-c:before, .ch-c-upper:before{
    content:"C";
}
.ch-c-lower:before{
    content:"c";
}
.ch-d:before, .ch-d-upper:before{
    content:"D";
}
.ch-d-lower:before{
    content:"d";
}
.ch-e:before, .ch-e-upper:before{
    content:"E";
}
.ch-e-lower:before{
    content:"e";
}
.ch-f:before, .ch-f-upper:before{
    content:"F";
}
.ch-f-lower:before{
    content:"f";
}
.ch-g:before, .ch-g-upper:before{
    content:"G";
}
.ch-g-lower:before{
    content:"g";
}
.ch-h:before, .ch-h-upper:before{
    content:"H";
}
.ch-h-lower:before{
    content:"h";
}
.ch-i:before, .ch-i-upper:before{
    content:"I";
}
.ch-i-lower:before{
    content:"i";
}
.ch-j:before, .ch-j-upper:before{
    content:"J";
}
.ch-j-lower:before{
    content:"j";
}
.ch-k:before, .ch-k-upper:before{
    content:"K";
}
.ch-k-lower:before{
    content:"k";
}
.ch-l:before, .ch-l-upper:before{
    content:"L";
}
.ch-l-lower:before{
    content:"l";
}
.ch-m:before, .ch-m-upper:before{
    content:"M";
}
.ch-m-lower:before{
    content:"m";
}
.ch-n:before, .ch-n-upper:before{
    content:"N";
}
.ch-n-lower:before{
    content:"n";
}
.ch-o:before, .ch-o-upper:before{
    content:"O";
}
.ch-o-lower:before{
    content:"o";
}
.ch-p:before, .ch-p-upper:before{
    content:"P";
}
.ch-p-lower:before{
    content:"p";
}
.ch-q:before, .ch-q-upper:before{
    content:"Q";
}
.ch-q-lower:before{
    content:"q";
}
.ch-r:before, .ch-r-upper:before{
    content:"R";
}
.ch-r-lower:before{
    content:"r";
}
.ch-s:before, .ch-s-upper:before{
    content:"S";
}
.ch-s-lower:before{
    content:"s";
}
.ch-t:before, .ch-t-upper:before{
    content:"T";
}
.ch-t-lower:before{
    content:"t";
}
.ch-u:before, .ch-u-upper:before{
    content:"U";
}
.ch-u-lower:before{
    content:"u";
}
.ch-v:before, .ch-v-upper:before{
    content:"V";
}
.ch-v-lower:before{
    content:"v";
}
.ch-w:before, .ch-w-upper:before{
    content:"W";
}
.ch-w-lower:before{
    content:"w";
}
.ch-x:before, .ch-x-upper:before{
    content:"X";
}
.ch-x-lower:before{
    content:"x";
}
.ch-y:before, .ch-y-upper:before{
    content:"Y";
}
.ch-y-lower:before{
    content:"y";
}
.ch-z:before, .ch-z-upper:before{
    content:"Z";
}
.ch-z-lower:before{
    content:"z";
}

.ch-zero:before{
    content:"0";
}
.ch-one:before, .ch-um:before{
    content:"1";
}
.ch-two:before, .ch-dois:before{
    content:"2";
}
.ch-three:before, .ch-tres:before{
    content:"3";
}
.ch-four:before, .ch-quatro:before{
    content:"4";
}
.ch-five:before, .ch-cinco:before{
    content:"5";
}
.ch-six:before, .ch-seis:before{
    content:"6";
}
.ch-seven:before, .ch-sete:before{
    content:"7";
}
.ch-eight:before, .ch-oito:before{
    content:"8";
}
.ch-nine:before, .ch-nove:before{
    content:"9";
}

.ch-question:before, .ch-question-mark:before, .ch-interrogacao:before{
    content:"?";
}
.ch-exclamation:before, .ch-exclamation-mark:before, .ch-exclamacao:before{
    content:"!";
}
.ch-dash:before, .ch-hyphen:before, .ch-minus:before, .ch-traco:before, .ch-hifen:before, .ch-menos:before{
    content:"-";
}
.ch-plus:before, .ch-mais:before{
    content:"+";
}
.ch-period:before, .ch-dot, .ch-ponto:before{
    content:".";
}
.ch-star:before, .ch-asterisk, .ch-asterisco:before{
    content:"*";
}
/* H_TO-DO: mais caracteres */

.ch-regex:before{
    content:".*";
}
.ch-regex {
    font-family: 'Myriad Pro';
    margin-top: -0.6em !important;
    text-shadow: 0px 0px currentColor;
}

/*
    ÍCONES
*/

span[rendered=false],
hr[rendered=false],
vr[rendered=false],
div[rendered=false] {
    display: none !important;
}

.iconeCustomizado{
    display: inline-block;
    /*font-weight: 900;*/
}
.iconeInformacao{
    display: inline-block;
    font-weight: 900;
}

.fa fa-hourglass-start{
    display: inline-block;
    font-weight: 900;
}
.iconeAvisoAmarelo{
    display: inline-block;
    font-weight: 900;
}
.iconeAvisoVermelho{
    display: inline-block;
    font-weight: 900;
}
.iconeAvisoAzul{
    display: inline-block;
    font-weight: 900;
}
.iconeErro{
    display: inline-block;
    font-weight: 900;
}
.iconeDica{
    display: inline-block;
    font-weight: 900;
}
.iconeObservacao{
    display: inline-block;
    font-weight: 900;
}
.iconeTagVermelho{
    display: inline-block;
    font-weight: 900;
}
.iconeTagVermelha{
    display: inline-block;
    font-weight: 900;
}
.iconeTagLaranja{
    display: inline-block;
    font-weight: 900;
}
.iconeTagMarrom{
    display: inline-block;
    font-weight: 900;
}
.iconeTagAmarelo{
    display: inline-block;
    font-weight: 900;
}
.iconeTagAmarela{
    display: inline-block;
    font-weight: 900;
}
.iconeTagVerde{
    display: inline-block;
    font-weight: 900;
}
.iconeTagAqua{
    display: inline-block;
    font-weight: 900;
}
.iconeTagAzul{
    display: inline-block;
    font-weight: 900;
}
.iconeTagBranco{
    display: inline-block;
    font-weight: 900;
}
.iconeTagBranca{
    display: inline-block;
    font-weight: 900;
}
.iconeTagCinza{
    display: inline-block;
    font-weight: 900;
}
.iconeTagPreto{
    display: inline-block;
    font-weight: 900;
}
.iconeTagPreta{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckVermelho{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckLaranja{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckMarrom{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckAmarelo{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckVerde{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckAqua{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckAzul{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckBranco{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckCinza{
    display: inline-block;
    font-weight: 900;
}
.iconeCheckPreto{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckVermelho{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckLaranja{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckMarrom{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckAmarelo{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckVerde{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckAqua{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckAzul{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckBranco{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckCinza{
    display: inline-block;
    font-weight: 900;
}
.iconeDoubleCheckPreto{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaVermelho{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaVermelha{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaLaranja{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaMarrom{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaAmarelo{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaAmarela{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaVerde{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaAqua{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaAzul{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaBranco{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaBranca{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaCinza{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaPreto{
    display: inline-block;
    font-weight: 900;
}
.iconeBolinhaPreta{
    display: inline-block;
    font-weight: 900;
}

.iconeCustomizado:not(.fa-old):before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
}
.iconeInformacao:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro" !important;
}

.fa fa-hourglass-start:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: 'primeicons';
}
.iconeAvisoAmarelo:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro" !important;
}
.iconeAvisoVermelho:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro" !important;
}
.iconeAvisoAzul:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeErro:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDica:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeObservacao:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagVermelho:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagVermelha:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagLaranja:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagMarrom:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagAmarelo:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagAmarela:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagVerde:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagAqua:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagAzul:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagBranco:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagBranca:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagCinza:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagPreto:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeTagPreta:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckVermelho:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckLaranja:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckMarrom:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckAmarelo:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckVerde:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckAqua:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckAzul:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckBranco:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeCheckCinza:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro" !important;
}
.iconeCheckPreto:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckVermelho:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckLaranja:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckMarrom:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckAmarelo:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckVerde:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckAqua:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckAzul:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family:"Font Awesome 6 Pro" !important;
}
.iconeDoubleCheckBranco:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckCinza:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeDoubleCheckPreto:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaVermelho:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaVermelha:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaLaranja:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaMarrom:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaAmarelo:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaAmarela:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaVerde:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaAqua:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaAzul:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaBranco:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaBranca:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaCinza:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaPreto:before{
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}
.iconeBolinhaPreta:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
}

.iconeCustomizado.fa-old:before {
    font-size: calc(20px + var(--fonteZoom)) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    font-weight: bold;
    line-height: 1 !important;
}

.iconeCustomizado:hover:before {
    filter: saturate(0.5) brightness(1.3) contrast(0.9) !important;
}

.iconePdf {
    top: 40% !important;
}

.fa fa-hourglass-start:before {
    content: "\e940"; /* Caractere de relogio - .fa-info-circle  */
}

.iconeInformacao:before {
    content: "\f05a"; /* Caractere de informação - .fa-info-circle  */
    color: var(--azulMuryTexto);
}

.iconeInformacao:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeAvisoAmarelo:before {
    content: "\f071"; /* Caractere de aviso - .fa-regular fa-triangle-exclamation  */
    color: var(--amareloMuryTexto);
}

.iconeAvisoAmarelo:hover:before {
    color: var(--amareloMuryTextoHover);
}

.iconeAvisoVermelho:before {
    content: "\f06a"; /* Caractere de aviso - .fa-exclamation-circle  */
    color: var(--vermelhoMuryTexto);
}

.iconeAvisoVermelho:hover:before {
    color: var(--vermelhoMuryTextoHover);
}

.iconeAvisoAzul:before {
    content: "\f071"; /* Caractere de aviso - .fa-exclamation-circle  */
    color: var(--azulMuryTexto);
}

.iconeAvisoAzul:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeErro:before {
    content: "\f057"; /* Caractere de erro - .fa-times-circle  */
    color: var(--vermelhoMuryTexto);
}

.iconeErro:hover:before {
    color: var(--vermelhoMuryTextoHover);
}

.iconeDica:before {
    content: "\f059"; /* Caractere de dica - .fa-question-circle  */
    color: var(--azulMuryTexto);
    padding-left: 4px;
}

.iconeDica:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeObservacao:before {
    content: "\f0e6"; /* Caractere de comentário - .fa-comments-o  */
    color: var(--marromMuryTexto);
}

.iconeObservacao:hover:before {
    color: var(--marromMuryTextoHover);
}

.iconeTagVermelho{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagVermelha{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagLaranja{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagMarrom{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagAmarelo{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagAmarela{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagVerde{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagAqua{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagAzul{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagBranco{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagBranca{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagCinza{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagPreto{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}
.iconeTagPreta {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}

.iconeTagVermelho:before,
.iconeTagVermelha:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--vermelhoMuryTexto);
}

.iconeTagVermelho:hover:before,
.iconeTagVermelha:hover:before {
    color: var(--vermelhoMuryTextoHover);
}

.iconeTagLaranja:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--laranjaMuryTexto);
}

.iconeTagLaranja:hover:before {
    color: var(--laranjaMuryTextoHover);
}

.iconeTagMarrom:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--marromMuryTexto);
}

.iconeTagMarrom:hover:before {
    color: var(--marromMuryTextoHover);
}

.iconeTagAmarelo:before,
.iconeTagAmarela:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--amareloMuryTexto);
}

.iconeTagAmarelo:hover:before,
.iconeTagAmarela:hover:before {
    color: var(--amareloMuryTextoHover);
}

.iconeTagVerde:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--verdeMuryTexto);
}

.iconeTagVerde:hover:before {
    color: var(--verdeMuryTextoHover);
}

.iconeTagAqua:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--aquaMuryTexto);
}

.iconeTagAqua:hover:before {
    color: var(--aquaMuryTextoHover);
}

.iconeTagAzul:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--azulMuryTexto);
}

.iconeTagAzul:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeTagBranco:before,
.iconeTagBranca:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--brancoMuryTexto);
}

.iconeTagBranco:hover:before,
.iconeTagBranca:hover:before {
    color: var(--brancoMuryTextoHover);
}

.iconeTagCinza:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--cinzaMuryTexto);
}

.iconeTagCinza:hover:before {
    color: var(--cinzaMuryTextoHover);
}

.iconeTagPreto:before,
.iconeTagPreta:before {
    content: "\f02b"; /* Caractere de tag - .fa-tag fa-flip-horizontal  */
    color: var(--pretoMuryTexto);
}

.iconeTagPreto:hover:before,
.iconeTagPreta:hover:before {
    color: var(--pretoMuryTextoHover);
}

.iconeCheckVermelho:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--vermelhoMuryTexto);
}

.iconeCheckVermelho:hover:before {
    color: var(--vermelhoMuryTextoHover);
}

.iconeCheckLaranja:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--laranjaMuryTexto);
}

.iconeCheckLaranja:hover:before {
    color: var(--laranjaMuryTextoHover);
}

.iconeCheckMarrom:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--marromMuryTexto);
}

.iconeCheckMarrom:hover:before {
    color: var(--marromMuryTextoHover);
}

.iconeCheckAmarelo:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--amareloMuryTexto);
}

.iconeCheckAmarelo:hover:before {
    color: var(--amareloMuryTextoHover);
}

.iconeCheckVerde:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--verdeMuryTexto);
}

.iconeCheckVerde:hover:before {
    color: var(--verdeMuryTextoHover);
}

.iconeCheckAqua:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--aquaMuryTexto);
}

.iconeCheckAqua:hover:before {
    color: var(--aquaMuryTextoHover);
}

.iconeCheckAzul:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--azulMuryTexto);
}

.iconeCheckAzul:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeCheckBranco:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--brancoMuryTexto);
}

.iconeCheckBranco:hover:before {
    color: var(--brancoMuryTextoHover);
}

.iconeCheckCinza:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--cinzaMuryTexto);
}

.iconeCheckCinza:hover:before {
    color: var(--cinzaMuryTextoHover);
}

.iconeCheckPreto:before {
    content: "\f00c"; /* Caractere de tag - .fa-regular fa-check fa-flip-horizontal  */
    color: var(--pretoMuryTexto);
}

.iconeCheckPreto:hover:before {
    color: var(--pretoMuryTextoHover);
}

.iconeDoubleCheckVermelho:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--vermelhoMuryTexto);
}

.iconeDoubleCheckVermelho:hover:before {
    color: var(--vermelhoMuryTextoHover);
}

.iconeDoubleCheckLaranja:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--laranjaMuryTexto);
}

.iconeDoubleCheckLaranja:hover:before {
    color: var(--laranjaMuryTextoHover);
}

.iconeDoubleCheckMarrom:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--marromMuryTexto);
}

.iconeDoubleCheckMarrom:hover:before {
    color: var(--marromMuryTextoHover);
}

.iconeDoubleCheckAmarelo:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--amareloMuryTexto);
}

.iconeDoubleCheckAmarelo:hover:before {
    color: var(--amareloMuryTextoHover);
}

.iconeDoubleCheckVerde:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--verdeMuryTexto);
}

.iconeDoubleCheckVerde:hover:before {
    color: var(--verdeMuryTextoHover);
}

.iconeDoubleCheckAqua:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--aquaMuryTexto);
}

.iconeDoubleCheckAqua:hover:before {
    color: var(--aquaMuryTextoHover);
}

.iconeDoubleCheckAzul:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--azulMuryTexto);
}

.iconeDoubleCheckAzul:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeDoubleCheckBranco:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--brancoMuryTexto);
}

.iconeDoubleCheckBranco:hover:before {
    color: var(--brancoMuryTextoHover);
}

.iconeDoubleCheckCinza:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--cinzaMuryTexto);
}

.iconeDoubleCheckCinza:hover:before {
    color: var(--cinzaMuryTextoHover);
}

.iconeDoubleCheckPreto:before {
    content: "\f560"; /* Caractere de tag - .fa-double-check fa-flip-horizontal  */
    color: var(--pretoMuryTexto);
}

.iconeDoubleCheckPreto:hover:before {
    color: var(--pretoMuryTextoHover);
}

.iconeBolinhaVermelho:before,
.iconeBolinhaVermelha:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--vermelhoMuryTexto);
}

.iconeBolinhaVermelho:hover:before,
.iconeBolinhaVermelha:hover:before {
    color: var(--vermelhoMuryTextoHover);
}

.iconeBolinhaLaranja:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--laranjaMuryTexto);
}

.iconeBolinhaLaranja:hover:before {
    color: var(--laranjaMuryTextoHover);
}

.iconeBolinhaMarrom:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--marromMuryTexto);
}

.iconeBolinhaMarrom:hover:before {
    color: var(--marromMuryTextoHover);
}

.iconeBolinhaAmarelo:before,
.iconeBolinhaAmarela:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--amareloMuryTexto);
}

.iconeBolinhaAmarelo:hover:before,
.iconeBolinhaAmarela:hover:before {
    color: var(--amareloMuryTextoHover);
}

.iconeBolinhaVerde:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--verdeMuryTexto);
}

.iconeBolinhaVerde:hover:before {
    color: var(--verdeMuryTextoHover);
}

.iconeBolinhaAqua:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--aquaMuryTexto);
}

.iconeBolinhaAqua:hover:before {
    color: var(--aquaMuryTextoHover);
}

.iconeBolinhaAzul:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--azulMuryTexto);
}

.iconeBolinhaAzul:hover:before {
    color: var(--azulMuryTextoHover);
}

.iconeBolinhaBranco:before,
.iconeBolinhaBranca:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--brancoMuryTexto);
}

.iconeBolinhaBranco:hover:before,
.iconeBolinhaBranca:hover:before {
    color: var(--brancoMuryTextoHover);
}

.iconeBolinhaCinza:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--cinzaMuryTexto);
}

.iconeBolinhaCinza:hover:before {
    color: var(--cinzaMuryTextoHover);
}

.iconeBolinhaPreto:before,
.iconeBolinhaPreta:before {
    content: "\f111"; /* Caractere de círculo - .fa-circle  */
    color: var(--pretoMuryTexto);
}

.iconeBolinhaPreto:hover:before,
.iconeBolinhaPreta:hover:before {
    color: var(--pretoMuryTextoHover);
}

.icoNovo{
    background: url(/resources/img/gif/novo.gif) no-repeat;
    background-position: 2px 2px;
    height: 15px;
    width: 30px;
}

.iconColumn {
    width: 26px;
    text-align: center;
}

.novidadesIcone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    text-shadow: 0 0 5px black;
    opacity: 0.5
}

.novidadesIconeDiv:hover {
    filter: brightness(1.1) contrast(0.9);
}

.novidadesIconeDiv:hover > .novidadesIcone {
    opacity: 1;
    color: var(--uiPadraoBorder);
    text-shadow: 0 0 8px var(--linkPadrao);
    zoom: 1.25;
}

.iconeAvisoAtualizacao:after {
    content: '\f071'; /* Caractere de aviso - .fa-regular fa-triangle-exclamation  */
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    vertical-align: super;
    margin-left: .5em;
    color: var(--amareloMury);
}

/* ######################################################################################################################## */
/* ############################################ Ícones #################################################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Contornos ################################################################# */
/* ######################################################################################################################## */

.contornoVermelho {
    text-shadow: 0.7px 0.7px var(--vermelhoMuryTexto),
        1px 0px var(--vermelhoMuryTexto),
        0.7px -0.7px var(--vermelhoMuryTexto),
        0px -1px var(--vermelhoMuryTexto),
        -0.7px -0.7px var(--vermelhoMuryTexto),
        -1px 0px var(--vermelhoMuryTexto),
        -0.7px 0.7px var(--vermelhoMuryTexto),
        0px 1px var(--vermelhoMuryTexto)
}

.contornoLaranja {
    text-shadow: 0.7px 0.7px var(--laranjaMuryTexto),
        1px 0px var(--laranjaMuryTexto),
        0.7px -0.7px var(--laranjaMuryTexto),
        0px -1px var(--laranjaMuryTexto),
        -0.7px -0.7px var(--laranjaMuryTexto),
        -1px 0px var(--laranjaMuryTexto),
        -0.7px 0.7px var(--laranjaMuryTexto),
        0px 1px var(--laranjaMuryTexto)
}

.contornoMarrom {
    text-shadow: 0.7px 0.7px var(--marromMuryTexto),
        1px 0px var(--marromMuryTexto),
        0.7px -0.7px var(--marromMuryTexto),
        0px -1px var(--marromMuryTexto),
        -0.7px -0.7px var(--marromMuryTexto),
        -1px 0px var(--marromMuryTexto),
        -0.7px 0.7px var(--marromMuryTexto),
        0px 1px var(--marromMuryTexto)
}

.contornoAmarelo {
    text-shadow: 0.7px 0.7px var(--amareloMuryTexto),
        1px 0px var(--amareloMuryTexto),
        0.7px -0.7px var(--amareloMuryTexto),
        0px -1px var(--amareloMuryTexto),
        -0.7px -0.7px var(--amareloMuryTexto),
        -1px 0px var(--amareloMuryTexto),
        -0.7px 0.7px var(--amareloMuryTexto),
        0px 1px var(--amareloMuryTexto)
}

.contornoVerde {
    text-shadow: 0.7px 0.7px var(--verdeMuryTexto),
        1px 0px var(--verdeMuryTexto),
        0.7px -0.7px var(--verdeMuryTexto),
        0px -1px var(--verdeMuryTexto),
        -0.7px -0.7px var(--verdeMuryTexto),
        -1px 0px var(--verdeMuryTexto),
        -0.7px 0.7px var(--verdeMuryTexto),
        0px 1px var(--verdeMuryTexto)
}

.contornoAqua {
    text-shadow: 0.7px 0.7px var(--aquaMuryTexto),
        1px 0px var(--aquaMuryTexto),
        0.7px -0.7px var(--aquaMuryTexto),
        0px -1px var(--aquaMuryTexto),
        -0.7px -0.7px var(--aquaMuryTexto),
        -1px 0px var(--aquaMuryTexto),
        -0.7px 0.7px var(--aquaMuryTexto),
        0px 1px var(--aquaMuryTexto)
}

.contornoAzul {
    text-shadow: 0.7px 0.7px var(--azulMuryTexto),
        1px 0px var(--azulMuryTexto),
        0.7px -0.7px var(--azulMuryTexto),
        0px -1px var(--azulMuryTexto),
        -0.7px -0.7px var(--azulMuryTexto),
        -1px 0px var(--azulMuryTexto),
        -0.7px 0.7px var(--azulMuryTexto),
        0px 1px var(--azulMuryTexto)
}

.contornoBranco {
    text-shadow: 0.7px 0.7px var(--brancoMuryTexto),
        1px 0px var(--brancoMuryTexto),
        0.7px -0.7px var(--brancoMuryTexto),
        0px -1px var(--brancoMuryTexto),
        -0.7px -0.7px var(--brancoMuryTexto),
        -1px 0px var(--brancoMuryTexto),
        -0.7px 0.7px var(--brancoMuryTexto),
        0px 1px var(--brancoMuryTexto)
}

.contornoCinza {
    text-shadow: 0.7px 0.7px var(--cinzaMuryTexto),
        1px 0px var(--cinzaMuryTexto),
        0.7px -0.7px var(--cinzaMuryTexto),
        0px -1px var(--cinzaMuryTexto),
        -0.7px -0.7px var(--cinzaMuryTexto),
        -1px 0px var(--cinzaMuryTexto),
        -0.7px 0.7px var(--cinzaMuryTexto),
        0px 1px var(--cinzaMuryTexto)
}

.contornoPreto {
    text-shadow: 0.7px 0.7px var(--pretoMuryTexto),
        1px 0px var(--pretoMuryTexto),
        0.7px -0.7px var(--pretoMuryTexto),
        0px -1px var(--pretoMuryTexto),
        -0.7px -0.7px var(--pretoMuryTexto),
        -1px 0px var(--pretoMuryTexto),
        -0.7px 0.7px var(--pretoMuryTexto),
        0px 1px var(--pretoMuryTexto)
}

/* ######################################################################################################################## */
/* ############################################ Contornos ################################################################# */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Impressão ################################################################# */
/* ######################################################################################################################## */

/*
    Não imprime topo e menu
*/
@media print {
    .layout-topbar, .layout-menu-container,
    .nao-imprime, .naoImprime, .nao-imprimir, .naoImprimir {
        display: none !important;
    }

    .somenteImprime, .somente-imprime, .somenteImprimir, .somente-imprimir,
    .soImprime, .so-imprime, .soImprimir, .so-imprimir {
        display: block !important;
    }

    body {
        background-color: white !important;
    }

    .layout-wrapper .layout-main {
        padding-top: 0px !important;
    }

    /* Usado no Cadastro de Memorandos */
    div#form\:editor_editor {
        height: auto !important;
        border: none;
    }
    div#form\:editor_editor > .ql-editor {
        overflow-y: visible;
    }
}

.somenteImprime, .somente-imprime, .somenteImprimir, .somente-imprimir,
.soImprime, .so-imprime, .soImprimir, .so-imprimir {
    display: none;
}

/* ######################################################################################################################## */
/* ############################################ Impressão ################################################################# */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Fundos #################################################################### */
/* ######################################################################################################################## */

/*
    Fundos
*/
.fundoLogin {
    background: #2F333C;
}

.fundoPrincipal {
    /*background-image: url();
    background-repeat: no-repeat;
    background-size: cover;*/
    width: 100%;
}

.fundoPrincipalInterno {
    /*background-image: url(images/interno/fundo_interno_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
    width: 100%;
}

/* ######################################################################################################################## */
/* ############################################ Fundos #################################################################### */
/* ######################################################################################################################## */

/* ######################################################################################################################## */
/* ############################################ Outros #################################################################### */
/* ######################################################################################################################## */


body{
    font-size: var(--tamanhoFontePadrao);
}

body .ui-state-disabled {
    opacity: 1;
}

body .ql-snow.ql-toolbar button:hover, body .ql-snow .ql-toolbar button:hover,
body .ql-snow.ql-toolbar button:focus, body .ql-snow .ql-toolbar button:focus, body .ql-snow.ql-toolbar button.ql-active,
body .ql-snow .ql-toolbar button.ql-active, body .ql-snow.ql-toolbar .ql-picker-label:hover,
body .ql-snow .ql-toolbar .ql-picker-label:hover, body .ql-snow.ql-toolbar .ql-picker-label.ql-active,
body .ql-snow .ql-toolbar .ql-picker-label.ql-active, body .ql-snow.ql-toolbar .ql-picker-item:hover,
body .ql-snow .ql-toolbar .ql-picker-item:hover, body .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
body .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: var(--bordaHover);
}

body .ql-snow.ql-toolbar button:hover .ql-stroke, body .ql-snow .ql-toolbar button:hover .ql-stroke,
body .ql-snow.ql-toolbar button:focus .ql-stroke, body .ql-snow .ql-toolbar button:focus .ql-stroke,
body .ql-snow.ql-toolbar button.ql-active .ql-stroke, body .ql-snow .ql-toolbar button.ql-active .ql-stroke,
body .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, body .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
body .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, body .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, body .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
body .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, body .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body .ql-snow.ql-toolbar button:hover .ql-stroke-miter, body .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
body .ql-snow.ql-toolbar button:focus .ql-stroke-miter, body .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
body .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, body .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
body .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, body .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, body .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, body .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
body .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: var(--bordaHover);
}

body .ql-snow.ql-toolbar button:hover .ql-fill, body .ql-snow .ql-toolbar button:hover .ql-fill,
body .ql-snow.ql-toolbar button:focus .ql-fill, body .ql-snow .ql-toolbar button:focus .ql-fill,
body .ql-snow.ql-toolbar button.ql-active .ql-fill, body .ql-snow .ql-toolbar button.ql-active .ql-fill,
body .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, body .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
body .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, body .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
body .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, body .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
body .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, body .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
body .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, body .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
body .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, body .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
body .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, body .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
body .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, body .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
body .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, body .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
body .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, body .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
body .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, body .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: var(--bordaHover);
}

td {
    outline: 1px var(--debugTD) #a22d2d;
    outline-offset: -1px;
}

td > * {
    outline: 1px var(--debugTDTABLE) #17bd17;
    outline-offset: -1px;
}

tbody, div, table {
    outline: 1px var(--debugTDTABLE) #2929d4;
    outline-offset: -1px;
}

td > table, td > div {
    outline: 1px var(--debugTABLE) #ab2cab;
    outline-offset: -1px;
}

img, span.fa, span.ui-icon, svg {
    outline: 2px var(--debugIMG) #36b2c5;
    outline-offset: -1px;
}

/*Paginador da tabela*/
.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: var(--uiPadraoEscuro) !important;
    color: var(--textoPadrao) !important;
}

span[style*="text-align: right"] > input,
span[style*="text-align:right"] > input {
    text-align: right
}

.ui-icon-bullet.ui-state-disabled:not(.ui-state-error) {
    background-color: var(--textoCampoDesabilitado) !important;
}

.painelIcone > tbody > tr > td > .painelIconeLabel {
    overflow: hidden !important;
    display: flex;
    width: 0px;
    white-space: nowrap !important;
}

.painelIcone:hover > tbody > tr > td > .painelIconeLabel {
    animation-name: painelIconeAnim;
    animation-delay: 0.25s;
    animation-duration: 0.25s;
    animation-fill-mode: forwards;
}

.ui-blockui {
    background: var(--fundoCampoBloqueado);
    opacity: 0.5;
}

@keyframes painelIconeAnim {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

*[style*="var(--tagEstatico)"] {
    white-space: nowrap;
    color: var(--textoPadrao) !important;
    background-color: var(--aquaMury) !important;
    font-size: 1em;
    border: 1px solid var(--aquaMuryTexto) !important;
    padding: 2px 4px;
    border-radius: 1em;
}

@keyframes animacao_piscando {
    0% {
        visibility: visible;
    }

    75% {
        visibility: hidden;
    }
}

.legendaPanel {
    display: table;
    height: 100%;
    position: relative;
    top: -14px;
}
.legendaPanel > div * {
    cursor: pointer;
}
.legendaPanel > div {
    display: inline-flex;
    border: 1px solid var(--uiPadraoBorder);
    border-radius: 4px;
    padding: 4px 8px;
    position: relative;
    top: 22px;
    margin-left: 16px;
    width: auto;
    z-index: 200;
    background-color: var(--uiPadrao);
}
.legendaPanel > div label {
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 36px;
    margin-left: -32px;
    margin-right: -8px;
}
.legendaPanel > fieldset {
    position: relative;
    top: 0;
    height: calc(100% - 38px);
    padding-top: 38px;
    vertical-align: top;
    border-radius: 4px;
}
.legendaPanel > fieldset > .ui-blockui {
    border-radius: 2px;
    z-index: 100 !important;
}
.legendaPanel > fieldset > .ui-blockui.ui-helper-hidden:not([style]) {
    /*    display: block;
        background: none;
        border: 1px solid var(--bordaFocus);*/
}
.legendaPanel > fieldset > .ui-fieldset-content {
    height: 100%;
}

body .ui-tooltip .ui-tooltip-text {
    background-color: var(--uiSecundario);
    color: var(--uiSelecaoTexto);
}

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: var(--uiSecundario);
}
body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: var(--uiSecundario);
}
body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: var(--uiSecundario);
}
body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: var(--uiSecundario);
}

body .ui-slider .ui-slider-handle.ui-state-hover {
    border-color: var(--uiPadraoDown);
}

body .ui-slider .ui-slider-handle.ui-state-focus {
    border-color: var(--uiPadraoDown);
    background-color: var(--uiPadraoDown);
}

.ui-state-disabled {
    pointer-events: all !important;
}

/* Borda padrão */
.ql-container.ql-snow{
    border-color: var(--bordaPadraoClara) !important;
}
/* Borda padrão */
.ql-toolbar.ql-snow{
    border-color: var(--bordaPadraoClara) !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
    color: #856f58 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
    background-color: #FEDEBC !important;
    border: 1px solid #dadada;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color:  var(--bordaPadraoClara) !important;
}

.ui-growl .ui-growl-item-container.ui-growl-info {
    background: #93decc !important;
    border: 1px solid #0bdecc !important;
    color: #01579B !important;
    border-width: 0 0 0 8px !important;
}

body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2.357rem;
    padding: 0 6px;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 none;
    cursor: pointer;
    width: 28px;
    height: 100%;
    position: absolute;
    padding: 0;
    background: white !important;
}

.ui-datatable .ui-datatable-data > tr.ui-datatable-even {
    background-color: #F1EEEE;
}

.flash.ui-inputtext,
.flash.ui-selectonemenu,
.flash.ui-selectcheckboxmenu,
.flash.ui-inputmask,
.flash.ui-inputnumber > .ui-inputfield,
.flash.ui-inputtextarea,
.flash.ui-button,
.flash.ui-selectbooleancheckbox > .ui-chkbox-box,
.flash.ui-selectoneradio .ui-radiobutton-box,
.flash.ui-calendar > .ui-inputfield,
.flash.ui-password {
    animation-name: flashBox;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

@keyframes flashBox {
    from {
        box-shadow: 0 0 4px 2px var(--bordaFocus);
    }

    to {
        box-shadow: 0 0 4px 2px var(--bordaFocusInvisivel);
    }
}

label.flash,
span.flash {
    animation-name: flashText;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.overview-box {
    margin: 4px 0;
}
.layout-dashboard .overview-box {
    padding: 7px;
    border-radius: 15px;
    background: #ffffff;
}

.layout-wrapper .layout-topbar .layout-menu-button {
    margin-left: 0px;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button {
    width: 1rem;
    height: 1rem;
    border-radius: 25px;
}
.deadline {

    color: #e90303f0!important;
}

/* HOME APP MOBILE*/
body .ui-card .ui-card-content {
    padding: 0rem 0;
}

body .ui-card .ui-card-body {
    padding: 0rem;
}

body .ui-card {
    box-shadow: none;
}

@keyframes flashText {
    from {
        text-shadow: 0px 0px 4px var(--bordaFocus),
            0px 0px 4px var(--bordaFocus);
    }

    to {
        text-shadow: 0px 0px 4px var(--bordaFocusInvisivel),
            0px 0px 4px var(--bordaFocusInvisivel);
    }
}




/* ######################################################################################################################## */
/* ############################################ Fundos #################################################################### */
/* ######################################################################################################################## */