/** Table utilizada nas telas de popups. */
@layer GOVBREstilosTransactions {
    /** Deve ser utilizada para indicar que uma transaction ou um filho desta deve ocupar a altura máxima disponível na tela. */
    .govbr-elemento-altura-maxima {
        height: var(--area-util);
    }

    /**
     * Deve ser utilizada dentro de uma table tipo "Flex" para indicar que a coluna não deve encolher caso não haja espaço para o conteúdo.
     * Necessária para suprir a ausência da configuração "Flex Shrink" nos filhos de uma tabela "Flex".
     */
    .govbr-flex-no-shrink {
        flex-shrink: 0;
    }

    .govbr-elemento-altura-maxima[data-gx-flex] > div {
        min-height: 0;
    }

    .govbr-elemento-altura-maxima[data-gx-flex] > div > .gx_usercontrol {
        height: 100%;
        overflow: auto;
    }

    .govbr-transaction-base {
        padding: var(--padding-padrao-tabelas) var(--padding-padrao-tabelas) 0 var(--padding-padrao-tabelas);
    }

    .govbr-transaction-acoes {
        margin-top: var(--padding-padrao-tabelas);
    }

    .panel-body,
    .tab-content {
        padding: var(--padding-padrao-containers);
    }

    .nav-tabs > li:not(.active) > a {
        border: 1px solid var(--colors_gray05);
        background: var(--colors_gray03);
    }

    .nav-tabs > li:not(.active) > a:hover,
    .nav-tabs > li:not(.active) > a:focus-visible {
        background: color-mix(in oklab, var(--colors_gray01) 90%, var(--colors_basecolor));
        border-color: color-mix(in oklab, var(--colors_gray05), var(--colors_basecolor));
    }

    .nav-tabs > li.active > a {
        font-weight: 600;
        text-decoration: none;
        cursor: initial;
    }

    .TableMerged {
        margin-bottom: 0;
    }

    .AttributeRealWidth,
    .ReadonlyAttributeRealWidth {
        min-width: 200px;
        text-overflow: ellipsis;
    }
    .AttributeRealWidthDate {
        min-width: 200px;
        text-overflow: ellipsis;
        text-align: start !important;
    }
    .AttributeRealWidthDateTime:not(input) {
        border: none !important;
    }
    .DscTop > DIV > .gx-label {
        margin-bottom: 0;
    }
    .DscTop .Attribute,
    .DscTop .AttributeRealWidth,
    .DscTop .AttributeDate,
    .DscTop .AttributeRealWidthDate,
    .DscTop .AttributeDateTime,
    .DscTop .AttributeRealWidthDateTime,
    .DscTop .AttributeCheckBox,
    .DscTop .AttributeRealWidthCheckBox {
        min-width: 200px;
        text-overflow: ellipsis;
        margin: 0;
    }

    .DscTop > DIV > .gx-label {
        padding-left: 15px;
    }

    .input-group .input-group-btn > .btn {
        height: 3.2rem;
        width: 3.2rem;
        vertical-align: top;
        line-height: 0;
        margin-left: -3.3rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        background: var(--colors_gray02);
        border-radius: 0 0.4rem 0.4rem 0;
        border-left: 1px solid var(--colors_gray05);
    }

    .DscTop .input-group-btn {
        padding: 0;
    }

    .input-group .input-group-btn > .btn:hover {
        background: var(--colors_basecolor10);
    }

    .form-control {
        box-shadow: none;
    }

    .DscTop .TableMerged TD {
        vertical-align: top;
    }

    .GX_Image_AttHelpIcon_Class,
    .GX_Image_prompt_Class {
        display: inline-block;
        object-fit: none;
        height: 3.4rem;
        width: 3.4rem;
        margin-left: -0.5rem;
        border: 1px solid var(--colors_gray06);
        background: var(--colors_gray02);
        border-radius: 0 0.4rem 0.4rem 0;
        padding: 0;
    }

    .GX_Image_prompt_Class:hover {
        background-color: var(--colors_basecolor10);
    }

    .GX_Image_AttHelpIcon_Class {
        background: var(--colors_databackgroundcolor);
        padding-right: 1rem;
        width: 4rem;
        cursor: help;
    }
}
