/** Table utilizada nas telas de popups. */
@layer GOVBREstilosMasterPage {
    #LAYOUTMAINTABLE_MPAGE {
        --margem-cabecalho: 40px;
        --margem-rodape: 35px;
        --margem-superior: calc(var(--spacing_tamanhomenumodulo) + var(--margem-cabecalho) + var(--spacing_tamanhocabecalhorecurso));
        /* Representa a área útil - interna - do sistema, -11px pq o genexus bota uns padding e bordas. */
        --area-util: calc(100vh - var(--margem-superior) - var(--margem-rodape) - 11px);

        padding-top: var(--margem-superior);
        padding-bottom: 0;
    }

    .govbr-gx-popup #LAYOUTMAINTABLE_MPAGE,
    #LAYOUTMAINTABLE_MPAGE.govbr-masterpage-iframe {
        --margem-cabecalho: 0px;
        --margem-rodape: 0px;
    }

    .govbr-gx-popup #LAYOUTMAINTABLE_MPAGE {
        --margem-superior: 0px;
    }

    #LAYOUTMAINTABLE_MPAGE.govbr-masterpage-iframe .govbr-master-page-header-entidade-popup-cell,
    #LAYOUTMAINTABLE_MPAGE.govbr-masterpage-iframe .govbr-master-page-header-modulo-popup-cell,
    #LAYOUTMAINTABLE_MPAGE.govbr-masterpage-iframe .govbr-rodape-govbr-cell {
        display: none;
    }

    .govbr-master-page-content-cell {
        overflow: auto;
        flex: 1 0 0;
        padding: 0 var(--padding-padrao-tabelas);
    }

    .govbr-master-page-header-popup-cell {
        position: fixed;
        display: block;
        z-index: 99999;
        top: 0;
        left: 0;
        right: 0;
        padding: 0;

        padding-left: 1.5rem !important;
        height: var(--margem-cabecalho);
        background: var(--colors_fundo-branco);
    }

    .govbr-master-page-header-popup {
        height: 100%;
        font-size: 1.8rem;
    }

    .govbr-master-page-header-entidade-popup-cell {
        font-family: var(--fonts_primary-font);
        color: var(--colors_basecolorforecolor);
        cursor: pointer;
    }

    .govbr-master-page-header-entidade-popup {
        height: 100%;
        line-height: 1;
    }

    .govbr-master-page-header-modulo-popup-cell {
        display: flex;
        align-items: center;
        padding: 0 2rem;
        margin-left: 2rem;
        margin-right: -2rem;
        background: var(--colors_basecolor);
        color: var(--colors_fundo-branco);
        transform: skew(-45deg, 0);
        line-height: 1;
    }

    .govbr-master-page-header-modulo-popup-cell > * {
        transform: skew(45deg, 0);
    }

    .govbr-master-page-header-modulo-popup {
        width: 100%;
    }

    .govbr-master-page-logo-cidade360-popup {
        height: 3.5rem;
        margin: 0 1rem;
    }

    .govbr-menu-superior {
        height: 35px;
    }

    .govbr-master-page-header-entidade-brasao-popup {
        display: block;
        border-style: none;
        max-height: 3.5rem;
        max-width: 3.5rem;
        height: 100%;
        width: 100%;
        margin-right: 1rem;
        object-fit: contain;
    }

    .MasterHeaderCellModulo {
        top: var(--margem-cabecalho);
        z-index: 1011;
        box-shadow: 5px 0 10px #0000007f;
        height: var(--spacing_tamanhomenumodulo);
        background-color: var(--colors_base-2-080);
    }

    .IconReturn {
        font-size: 16px;
        line-height: 30px;
    }

    .HorizontalMenuCell {
        height: 36px;
        margin-left: var(--padding-padrao-tabelas-negativo);
    }

    .CellTitleMasterFixed_HorizontalMenu {
        top: calc(var(--spacing_tamanhomenumodulo) + var(--margem-cabecalho));
        border-bottom: var(--borders_xs) solid var(--colors_gray05);
        box-shadow: 1px 0 5px #00000019;
        left: 0;
        right: 0;
        margin-bottom: 0;
        position: fixed;
        z-index: 5;
        background-color: var(--colors_databackgroundcolor);
        margin-left: 0;
        height: var(--spacing_tamanhocabecalhorecurso);
        padding: 1px 10px;
    }

    .TextBlockTitleHead {
        font-family: var(--fonts_primary-font);
        font-size: var(--fontsizes_m);
        font-weight: 400;
        color: var(--colors_basecolorforecolor);
        line-height: 30px;
        white-space: nowrap;
    }

    .TableMainModulo .govbr-rodape-govbr-cell {
        margin-right: -0.5rem;
    }

    .govbr-rodape-govbr {
        background: var(--colors_base-1);
        height: 3.5rem;
        align-items: center;
        padding: 0 0 0 1rem;
        position: relative;
        font-size: 1.2rem;
        line-height: 1;
        overflow: hidden;
        color: var(--colors_base-2);
    }

    .govbr-rodape-govbr .TextBlock,
    .govbr-rodape-govbr a {
        color: var(--colors_base-2-010);
        font-size: 1.2rem;
    }

    .govbr-rodape-govbr a {
        text-decoration: underline;
        padding: 0 2px;
    }

    .govbr-logo-login {
        width: 11rem;
        margin-top: -0.2rem;
        margin-left: -1.7rem;
        margin-right: -1.5rem;
    }

    .govbr-rodape-textos-container-cell {
        flex: 1 0 16rem;
    }

    .govbr-rodape-atencao-ambiente-cell {
        flex: 1 0 14rem;
        text-align: end;
    }

    .govbr-rodape-atencao-ambiente {
        display: block;
        color: var(--colors_base-2-010);
        font-weight: bold;
        padding: 0 1rem;
        letter-spacing: -1px;
        text-transform: uppercase;
        font-size: 1.4rem;
    }

    .govbr-rodape-acoes-cell,
    .govbr-rodape-acoes {
        margin-left: 3rem;
        height: 100%;
    }

    .govbr-rodape-acoes {
        background: var(--colors_base-2-80);
    }

    .govbr-table-info-usuario {
        position: relative;
        height: 100%;
        margin-right: 3.2rem;
        font-weight: bold;
        font-size: 1.4rem;
    }

    .govbr-table-info-usuario::before {
        content: '';
        position: absolute;
        left: -2rem;
        top: 0;
        right: -2rem;
        bottom: 0;
        background: var(--colors_base-2);
        transform: skew(-45deg);
    }

    .govbr-table-info-usuario > * {
        z-index: 1;
    }

    .govbr-rodape-nome-usuario,
    .govbr-rodape-tag-usuario,
    .govbr-rodape-tag-usuario-tipo {
        display: flex;
        align-items: center;
        height: 100%;
        color: var(--colors_base-2);
        padding: 0 4px;
        user-select: none;
        font-weight: bold;
        font-size: 1.4rem;
    }

    .govbr-table-info-usuario .govbr-rodape-nome-usuario {
        color: var(--colors_baseforecolor);
    }

    .govbr-rodape-tag-usuario,
    .govbr-rodape-tag-usuario-tipo {
        background: var(--colors_fundo-branco);
        height: 2.5rem;
        margin: 0 0.5rem;
        border-radius: 0.7rem;
        padding: 0 0.7rem;
        font-weight: bold;
    }

    .govbr-table-info-usuario .govbr-rodape-tag-usuario,
    .govbr-table-info-usuario .govbr-rodape-tag-usuario-tipo {
        height: calc(100% - 10px);
        margin: 0.5rem;
    }

    .govbr-botao-action-rodape {
        font-weight: bold;
        font-size: 1.4rem;
        height: 3.5rem;
    }

    .govbr-botao-action-rodape > .TextBlock,
    .govbr-botao-action-rodape > .TextBlock > a {
        height: 100%;
        display: block;
    }

    .govbr-botao-action-rodape .TextBlock > a {
        font-size: 2rem;
        text-decoration: none;
        padding: 0;
    }

    .govbr-botao-action-rodape-botao {
        background: none;
        border: none;
        color: var(--colors_baseforecolor);
        padding: 0 10px;
        height: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
        border-radius: 0;
    }

    .govbr-botao-action-rodape-botao:hover,
    .govbr-botao-action-rodape-botao:focus-visible {
        background: var(--colors_actionborder_and_focuscolor);
        color: var(--colors_basecolor10);
        text-decoration: underline;
    }

    .TableMain {
        padding: 0 var(--padding-padrao-tabelas);
    }

    #gx-column-targets {
        display: block;
        width: 100%;
        height: 100vh;
    }

    /** Table utilizada nas telas da plataforma */
    .TableMainModulo {
        width: 100%;
        height: 100%;
        padding-top: 0;
    }

    .page-contentMenuHorizontal {
        padding: 0 var(--padding-padrao-tabelas);
    }

    #TABLETITLE_MPAGE {
        display: flex !important;
    }

    #TABLEHEADERCONTENT_MPAGE {
        padding: 0 10px;
    }

    #RETORNAR_MPAGE {
        display: flex !important;
        height: 30px;
        width: 30px;
        justify-content: center;
        padding: 0;
        margin-left: -5px;
    }

    #RETORNAR_MPAGE:hover {
        background: #00000011;
    }

    .MasterTopIconsCell {
        padding: 0;
    }

    .MasterTopIconsCell .AttributeColorIconHead,
    .MasterTopIconsCell .AttributeColorIconHeadAdded,
    .MasterTopIconsCell .TextBlock {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 30px;
        height: 30px;
        font-size: 15px;
        margin-left: 3px;
    }

    .MasterTopIconsCell .AttributeColorIconHead:not(.gx-disabled):hover,
    .MasterTopIconsCell .AttributeColorIconHeadAdded:not(.gx-disabled):hover,
    .MasterTopIconsCell .TextBlock:not(.gx-disabled):hover {
        background: #00000011;
    }

    .govbr-btn-exibir-todas-msgs-ctnr {
        padding: 0 !important;
    }

    @media (max-width: 960px) {
        .govbr-rodape-govbr {
            padding-right: 0;
        }

        .govbr-logo-login {
            width: 10rem;
            margin-left: -1.5rem;
        }

        .govbr-btn-exibir-todas-msgs-ctnr {
            display: none;
        }
    }

    @media (max-width: 860px) {
        .govbr-rodape-textos-container-cell {
            flex: 1 0 auto;
        }

        .govbr-rodape-atencao-ambiente-cell {
            display: none;
        }

        .govbr-rodape-acoes-cell {
            flex-grow: 1;
            margin-left: -1rem;
        }

        .govbr-table-info-usuario,
        .govbr-rodape-acoes {
            margin-left: 0;
        }

        .govbr-table-info-usuario {
            padding-left: 1rem;
        }
    }

    @media (max-width: 600px) {
        .govbr-rodape-logo-cell,
        .govbr-rodape-textos-container-cell {
            display: none;
        }
    }
}