/** Table utilizada nas telas de popups. */
@layer GOVBREstilosMasterPage {
    #LAYOUTMAINTABLE_MPAGE {
        --margem-cabecalho: 30px;
        --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: var(--margem-rodape);
    }

    .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 .TableHeaderSupPopup,
    #LAYOUTMAINTABLE_MPAGE.govbr-masterpage-iframe .TableHeaderInfPopup,
    #LAYOUTMAINTABLE_MPAGE.govbr-masterpage-iframe .TableFooterPopup {
        display: none;
    }

    .TableHeaderPopup,
    .TableFooterPopup {
        position: fixed;
        display: block;
        z-index: 99999;
    }

    .TableHeaderPopup {
        top: 0;
        left: 0;
        padding: 0;
        padding-left: 15px !important;
        height: var(--margem-cabecalho);
        background: #ffffff;
    }

    #TABLEHEADERPOPUP_MPAGE {
        height: 100%;
    }

    .TableHeaderSupPopup {
        font-family: var(--fonts_primary-font);
        font-size: 20px;
        font-weight: 400;
        color: var(--colors_basecolorforecolor);
        cursor: pointer;
    }

    .TableHeaderInfPopup {
        display: flex;
        align-items: center;
        padding: 0 15px 0 20px;
        font-size: var(--fontsizes_s);
        font-weight: 600;
        margin-left: 15px;
        margin-right: -15px;
        background: linear-gradient(90deg, #ffffff66, var(--colors_basecolor) 10px);
        color: #ffffff;
        transform: skew(-30deg, 0);
    }

    .TableHeaderInfPopup > * {
        transform: skew(30deg, 0);
    }

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

    .TableFooterPopup {
        bottom: 0;
        margin-left: 15px !important;
        height: var(--margem-rodape);
        background-color: var(--colors_basecolor);
        color: #ffffff;
    }

    .FooterText {
        line-height: initial;
        color: white;
    }

    .FooterText.FooterTextLink {
        text-decoration: underline;
        margin: 0 0.5rem;
    }

    .FooterText.FooterTextLink > a {
        color: #ffffff;
    }

    .MasterHeaderCellModulo {
        top: var(--margem-cabecalho);
    }

    .AttributeImageFlagHeader {
        display: block;
        border-style: none;
        border-radius: 2px;
        max-height: 28px;
        max-width: 28px;
        height: 100%;
        width: 100%;
        margin-right: 10px;
        object-fit: contain;
    }

    #LOGOFOOTERICO_MPAGE {
        max-height: 30px;
        max-width: 30px;
        margin-right: 15px;
    }

    #FOOTERIMG_MPAGE {
        max-height: var(--margem-rodape);
        margin-right: -15px;
    }

    .MainContainerWithFooter {
        background-color: var(--colors_grayclear);
    }

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

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

    .MasterHeaderCellModulo {
        z-index: 1011;
        box-shadow: 5px 0 10px #0000007f;
        height: var(--spacing_tamanhomenumodulo);
        background-color: #00517b;
    }

    .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;
        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;
    }

    .govbr-rodape-nome-usuario,
    .govbr-rodape-tag-usuario {
        display: flex;
        align-items: center;
        height: 100%;
        color: var(--colors_baseforecolor);
        padding: 0 4px;
        user-select: none;
    }

    .TableFooterPopup .govbr-rodape-tag-usuario {
        background: var(--colors_basecolor10);
        color: var(--colors_actionborder_and_focuscolor);
        height: calc(100% - 10px);
        margin: 5px 4px;
        border-radius: 8px;
        padding: 0 8px;
        font-weight: bold;
    }

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

    /** Table utilizada nas telas da plataforma */
    .TableMainModulo {
        width: 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;
    }

    .TableFooterPopup {
        margin-left: var(--padding-padrao-tabelas) !important;
        padding-left: 1.5rem;
    }

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