@layer GOVBREstilosDataGrid {
    #HTML_BOTTOMAUXILIARCONTROLS {
        height: 0;
        overflow: hidden;
    }

    .govbr-data-grid-acoes,
    .govbr-data-grid-filtros {
        padding: 0.5rem 0.5rem 0 0.5rem;
    }

    .gx-grid {
        --cor-borda-grid: var(--colors_gray06);
    }

    .gx-grid .WorkWithOdd:hover {
        background: var(--colors_basecolor10);
    }

    .gx-grid .WWActionGroupColumn {
        background: var(--colors_databackgroundcolor) !important;
        margin-left: 10px;
    }

    .gx-grid .FGRowLine > *,
    .gx-grid .FGHeaderRowV > * > div {
        background: var(--cor-borda-grid) !important;
        opacity: 1 !important;
    }

    .gx-grid .WorkWithOdd {
        border-color: var(--cor-borda-grid);
    }

    .gx-grid .WorkWith > THEAD > TR {
        border-bottom: 1px solid var(--cor-borda-grid);
    }

    .gx-grid .SectionGrid > .Table {
        border-radius: 0;
        border: 1px solid var(--cor-borda-grid);
    }

    .gx-grid .WorkWithTitle {
        min-width: 30px;
        padding: 0;
        font-weight: bold;
        color: var(--colors_gray08);
    }

    .gx-grid tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td:not(.WWActionGroupColumn):has(input[type='checkbox']),
    .gx-grid .WorkWithTitle:has(input[type='checkbox']) {
        padding: 0 !important;
        text-align: center !important;
        width: 30px !important;
        line-height: 28px !important;
        text-indent: 0 !important;
        min-width: initial !important;
        background: var(--colors_databackgroundcolor) !important;
    }

    .gx-grid tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td:not(.WWActionGroupColumn):has(input[type='checkbox']) label,
    .gx-grid .WorkWithTitle:has(input[type='checkbox']) label {
        margin: 0 !important;
        padding: 0 !important;
        line-height: inherit !important;
    }

    .gx-grid tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td:not(.WWActionGroupColumn) input[type='checkbox'],
    .gx-grid .WorkWithTitle input[type='checkbox'] {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        appearance: none !important;
        line-height: inherit !important;
    }

    .gx-grid tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td:not(.WWActionGroupColumn):has(input[type='checkbox']) + .WWActionGroupColumn,
    .gx-grid .WorkWithTitle:has(input[type='checkbox']) + .WWActionGroupColumn {
        left: 36px !important;
        width: 30px;
        padding: 0;
        margin: 0;
        min-width: initial !important;
    }

    .gx-grid .FGHeaderRowV > *:first-child {
        left: 5px !important;
        width: 40px !important;
    }

    .gx-grid:has(.WorkWithTitle input[type='checkbox']) .FGHeaderRowV > *:first-child {
        width: 30px !important;
    }

    .gx-grid:has(.WorkWithTitle input[type='checkbox']) .FGHeaderRowV > *:nth-child(2) {
        left: 30px !important;
        width: 45px !important;
    }

    .gx-grid .WWColumn.WorkWithTitle > span,
    .gx-grid .WWColumn.WorkWithTitle,
    .gx-grid .WWColumn.WorkWithTitle .ColumnSettingsContainer,
    .gx-grid .form-control-static {
        text-indent: 0;
        padding: 0;
    }

    .gx-grid .WWColumn.WorkWithTitle,
    .gx-grid .form-control-static {
        padding: 0 0.4rem;
    }

    .gx-grid .WorkWithOdd,
    .gx-grid .WorkWith > THEAD > TR {
        height: 30px;
        border-width: 1px;
    }

    .gx-grid .PaginationBar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover,
    .FilterOptions UL LI:hover,
    .FilterOptions UL LI.current,
    .ConvertToDDO .dropdown-menu.open A:hover {
        background-color: var(--colors_basecolor10);
    }

    .WorkWith .gx-row-selected .WWActionGroupColumn .ConvertToDDO > button {
        border-color: var(--colors_basecolorforecolor);
    }

    .WorkWith .gx-row-selected .WWActionGroupColumn .dropdown-toggle.btn-default > div > div > i {
        color: var(--colors_basecolorforecolor);
    }

    .WorkWith > tfoot .gx_newrow {
        font-weight: 600;
        font-size: 11px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 19px;
        margin-top: 3px;
        border-top: 1px solid #00000022;
        color: var(--colors_base-2-060);
        text-decoration: none !important;
        background: #00000006;
    }

    .WorkWith > tfoot .gx_newrow > * {
        text-align: center;
        width: 100%;
    }

    .WorkWith > tfoot .gx_newrow:hover {
        background: #00000011;
    }

    .WorkWith > tfoot .WorkWithFooter {
        padding: 0;
    }

    .WorkWith > tfoot .gx_newrow > *::before {
        content: '+ ';
    }

    .WorkWith .gx-remove-row {
        width: 24px;
        padding: 0 !important;
    }

    .WorkWith .gx-remove-row > a {
        display: flex !important;
    }

    .WorkWith .gx-remove-row > a > img {
        height: 14px;
        width: 13px;
        margin: 11px 4px 11px 5px;
        border-radius: 4px;
        object-fit: contain;
    }

    .WorkWith .gx-remove-row > a:hover {
        background: #00000009;
    }

    .GX_Image_ActionRemoveDynamicFilter_Class,
    .GX_Image_ActionNewDynamicFilter_Class {
        padding: 0.75rem;
        border-radius: var(--radius_l);
        margin: 0 0.25rem;
    }

    .GX_Image_ActionRemoveDynamicFilter_Class:hover,
    .GX_Image_ActionRemoveDynamicFilter_Class:focus-visible,
    .GX_Image_ActionNewDynamicFilter_Class:hover,
    .GX_Image_ActionNewDynamicFilter_Class:focus-visible {
        background: var(--colors_gray05);
    }

    /** Tratamentos para grid com auto-ajusta numero linhas ao tamanho */
    .govbr-grid-auto-ajusta.gx-grid.gx-standard-grid {
        --altura-grid: auto;
    }

    .Table:not(.PaginationBarEmptyGrid) > .row > * > .govbr-grid-auto-ajusta.gx-grid.gx-standard-grid {
        min-height: var(--altura-grid) !important;
    }

    .PaginationBarEmptyGrid .govbr-grid-auto-ajusta.gx-standard-grid .FGHeaderRowV > * > div {
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden;
    }

    .govbr-grid-auto-ajusta .gx-row-selected .WWActionGroupColumn {
        background-color: var(--colors_basecolor30) !important;
    }

    .govbr-grid-auto-ajusta.gx-standard-grid .FGHeaderRowV > * > div {
        min-height: var(--altura-grid) !important;
        opacity: 0.4;
    }

    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV),
    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td:not(.WWActionGroupColumn) {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 30px !important;
        padding-top: 0 !important;
        max-width: 100vw;
    }
    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td > p,
    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td > p > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td > .ColumnGrid200chCheckBox,
    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV) > td > label {
        margin-bottom: 0;
    }
    .govbr-grid-auto-ajusta .WWActionGroupColumn {
        max-height: 30px;
        min-width: 40px !important;
        width: 40px !important;
        padding: 3px 0 !important;
    }
    .govbr-grid-auto-ajusta tr:not(.FGRowLine, .FGHeaderRowH, .FGHeaderRowV):last-child {
        box-shadow: 0 1px 0 var(--colors_gray05);
    }

    .WWIconActionColumn {
        padding: 0;
        width: 30px;
    }

    .WWIconActionColumn .form-control-static {
        padding: 0;
        height: 100%;
        width: 30px;
    }

    .WWIconActionColumn .Attribute {
        display: block;
        margin: 0;
        padding: 0;
        height: 100% !important;
        width: 100% !important;
    }

    .WWIconActionColumn .Attribute:hover {
        background: var(--colors_basecolor30);
    }

    .WWIconActionColumn .Attribute a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

    .gx-grid .AttributeCheckBox {
        margin: 0;
    }

    .ColumnGridFix {
        white-space: nowrap;
    }

    /* https://dev.azure.com/govbr/govbr/_workitems/edit/212500
       Enviado pelo pessoal do WWP. */
    .RowDeleted span.ReadonlyExtendedCombo {
        text-decoration: line-through;
    }
}