.ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport {
    background-color: transparent !important;
}

.ag-grid-scrolling-rows {
    background-color: transparent;
}

.ag-theme-balham-dark .ag-root-wrapper {
    background-color: var(--dark-main-background);
}

.ag-theme-balham .ag-row-odd {
    background-color: var(--gray-1);
}

.ag-theme-balham-dark .ag-row-odd {
    background-color: #353535;
}

.ag-theme-balham-dark .ag-row-even {
    background-color: transparent;
}

.ag-theme-balham .ag-header {
    background-color: var(--background-2);
}

.ag-theme-balham-dark .ag-header {
    border-color: var(--dark-border-1);
}

.ag-theme-balham .ag-header-cell-label {
    color: var(--textcolor-1);
}

.ag-theme-balham-dark .ag-header-cell-label {
    color: var(--dark-textcolor-1);
}

.ag-theme-balham .ag-row-selected {
    background-color: var(--row-select) !important;
}

.ag-theme-balham-dark .ag-row-selected {
    background: var(--dark-row-select) !important;
}

.ag-theme-balham-dark .ag-row {
    color: var(--dark-textcolor-1);
}

.ag-theme-balham-dark .ag-cell, .ag-theme-balham .ag-cell {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.ag-theme-balham .ag-root-wrapper {
    border-color: var(--border-1);
}

.ag-theme-balham-dark .ag-root-wrapper {
    border-color: var(--dark-border-1);
}

.ag-theme-balham-dark .ag-header-cell, .ag-theme-balham-dark .ag-header-group-cell, .ag-theme-balham .ag-header-cell,
.ag-theme-balham .ag-header-group-cell {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/* TNG: ag-grid font-sizes auf rem normieren. */
/*
     ag-grid  tng
    -------------------------
     12px     1rem
     16px     1.33333333rem
     26px     2.16666667rem
     28px     2.33333333rem
     20px     1.66666667rem
     32px     2.66666667rem
*/
.ag-theme-balham-dark {
    font-size: var(--font-size-13px);
}

    .ag-theme-balham-dark .ag-header {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham-dark .ag-dnd-ghost {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham-dark .ag-tool-panel-wrapper .ag-filter-panel {
        font-size: var(--font-size-13px);
    }

        .ag-theme-balham-dark .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component.ag-has-filter > .ag-group-component-title-bar .ag-group-component-title:after {
            font-size: var(--font-size-17px);
        }


        .ag-theme-balham-dark .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-body .ag-filter-air {
            font-size: var(--font-size-13px);
        }

    .ag-theme-balham-dark .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham-dark .ag-status-bar {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham-dark .ag-group-component .ag-group-component-title-bar {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham-dark .ag-panel .ag-title-bar {
        font-size: var(--font-size-13px);
    }

        .ag-theme-balham-dark .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button .ag-icon {
            font-size: var(--font-size-20px);
        }

    .ag-theme-balham-dark .ag-icon {
        font-size: var(--font-size-17px);
    }

    .ag-theme-balham-dark .ag-header-cell-resize {
        cursor: col-resize;
    }

        .ag-theme-balham-dark .ag-header-cell-resize:after {
            background-color: var(--dark-border-1);
        }

    .ag-theme-balham-dark .ag-header-row .ag-grid-scrolling-cells {
        background-color: var(--ag-data-background-color);
        border-color: var(--dark-border-1);
    }

    .ag-theme-balham-dark :where(.ag-header-row):after {
        background-color: var(--ag-data-background-color);
        border-color: var(--dark-border-1);
    }

.ag-theme-balham-dark :where(.ag-row:not(.ag-header-row,.ag-full-width-row)):after {
    background-color: var(--dark-main-background);
}

.ag-theme-balham {
    font-size: var(--font-size-13px);
}

    .ag-theme-balham .ag-header {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham.ag-dnd-ghost {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel {
        font-size: var(--font-size-13px);
    }

        .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component.ag-has-filter > .ag-group-component-title-bar .ag-group-component-title:after {
            font-size: var(--font-size-17px);
        }


        .ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-group-component-container .ag-group-item .ag-filter-toolpanel-body .ag-filter-air {
            font-size: var(--font-size-13px);
        }

    .ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham .ag-status-bar {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham .ag-group-component .ag-group-component-title-bar {
        font-size: var(--font-size-13px);
    }

    .ag-theme-balham .ag-panel .ag-title-bar {
        font-size: var(--font-size-13px);
    }

        .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button .ag-icon {
            font-size: var(--font-size-20px);
        }

    .ag-theme-balham .ag-icon {
        font-size: var(--font-size-17px);
        /*font-size: 1.33333333rem;*/
    }

    .ag-theme-balham .ag-header-cell-resize {
        cursor: col-resize;
    }

        .ag-theme-balham .ag-header-cell-resize:after {
            background-color: var(--border-1);
        }

    .ag-theme-balham :where(.ag-row:not(.ag-header-row,.ag-full-width-row)):after {
        background-color: var(--main-background);
    }

.ag-icon-filter {
    display: none;
}

.ag-header-cell:hover .ag-icon-filter {
    display: block;
}

.ag-filter-icon-show {
    display: block;
}

.ag-cell-renderer-cell {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ag-header-cell:after {
    border: none;
}

.ag-header-cell-filtered {
    font-weight: 950;
}

.ag-row {
    font-size: 1rem;
}