.grid-full-page {
    height: calc(100vh - var(--mud-appbar-height) - 17px); /* Altezza intera della viewport */
    display: flex;
    flex-direction: column;
}

.grid-full-page-container {
    flex-grow: 1;
    overflow: hidden; /* Impedisce che la griglia si estenda oltre il contenitore */
}

/*
    MudDataGrid Style agisce al livello più esterno della datagrid 
    MudDataGrid Class agisce al livello più interno della datagrid
    mud-table-container è uno degli elementi racchiusi dal livello più esterno
    Height agisce a livello di mud-table-container, uso Class="em-mud-grid-full-height" per iniettare stili in mud-table-container
*/

.mud-grid-full-height {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mud-grid-full-height .mud-table-container {
    min-height: 0px;
    flex-grow: 1 !important;
}

.mud-grid-full-height .mud-table-pagination {
    flex-shrink: 0;
}

#dropZone .drop-zone-container {
    transition: background-color 0.2s ease-in-out;
}

#dropZone.dragover .drop-zone-container {
    background-color: #ffc5c5;
    border-color: #d21919 !important;
}