.e-grid {
    border: none !important;
    font-family: var(--body-font), sans-serif !important;

    .e-focused {
        box-shadow: none !important;
    }

    .e-headercelldiv {
        overflow: visible !important;
    }

    --color-sf-content-text-color: var(--etuity-color-neutralforeground-rest);
    --color-sf-content-text-color-hover: var(--etuity-color-neutralforeground-rest);
    --color-sf-content-bg-color-alt1: var(--etuity-color-neutralfill-rest);
    --color-sf-primary: var(--etuity-color-accentfill-rest);
    --color-sf-primary-border-color: var(--etuity-color-accentfill-rest);
    --color-sf-primary-border-color-hover: var(--etuity-color-accentfill-hover);
    --color-sf-primary-text-color: var(--etuity-color-foregroundonaccent-rest);
}

.e-columnheader {
    height: 3rem;
}


.e-gridheader {
    border: none !important;
    border-bottom: var(--etuity-color-neutralstrokestrong-rest) solid 1px !important;

    .e-table {
        margin-bottom: 0;
    }

    .e-headercontent {
        border: none !important;
    }
}

.e-grid .e-gridfooter {
    background-color: var(--etuity-color-accentfill-rest) !important;

    .e-table .e-summaryrow .e-summarycell {
        background-color: var(--etuity-color-accentfill-rest) !important;
        font-family: var(--body-font), sans-serif !important;
        font-weight: 400;
        color: var(--etuity-color-foregroundonaccent-rest) !important;
        padding: 12px 8px;
        border: none;
    }

    .e-summarycontent {
        border: none !important;

        .e-table {
            margin: 0 !important;
        }
    }
}

.e-grid .e-rowcell {
    border: none !important;
    border-bottom: var(--etuity-color-neutralstroke-rest) solid 1px !important;
    padding: 8px !important;
}

.e-grid .e-row {
    background-color: var(--etuity-color-neutralfill-rest);
    
    &.e-altrow {
        background-color: var(--etuity-color-neutrallayer2) !important;
    }

    &:not(:hover) .e-rowcell.e-selectionbackground {
        background-color: var(--etuity-color-neutrallayer3) !important;
    }

    &[aria-rowindex]:nth-child(odd) {

        &:not(:hover) .e-rowcell.e-selectionbackground {
            background-color: var(--etuity-color-neutrallayer4) !important;
        }
    }
}

.e-grid .e-row:hover .e-rowcell {
    background-color: var(--etuity-color-neutrallayer3) !important;
}

.e-leftfreeze {
    background-color: inherit !important;
    border: unset !important;
}


.e-grid .e-headercell {
    border: none !important;
}

.e-grid .e-rowcell[data-firstColumn="true"], .e-grid .e-headercell[data-firstColumn="true"] {
    border-left: 1px solid var(--etuity-color-neutralforeground-rest) !important;
}

.e-grid .e-gridheader tr:first-child th:not(.e-freezeleftborder,.e-freezerightborder) {
    border-top: 0 none;
    border-bottom: 0 none;
}

.e-grid .e-gridheader .e-stackedheadercelldiv {
    padding: 0 !important;
}

.e-grid .material-symbols-outlined {
    vertical-align: bottom;
}

.e-grid .e-gridcontent .e-content table {
    margin-bottom: 0 !important;
}

.e-grid .e-table {
    border-spacing: 0 !important; /* Removes some strange gaps in background color of rows */
}