/* This is an edge case, you should not use Ids to overwrite styles but 
   RadzenDropDownDataGrid has a bug where it was impossible to use 
   virtual loading, loaddata overwrite and indicate loading at the same time.
   so i decided just to hide the pagination part*/
#popup-FixedSizeDropDownDataGridWithoutCallback .rz-data-grid > .rz-pager {
    display: none;
}

/*  In radzen the only way to apply styling to a generated popup is to set the id 
    of the component that will create the popup and that component will generate 
    a div with id = popup-<ur id> so you need to copy paste alot of the same css lines
    to apply the same styling if you have multiple dropdowns on the same page.

    This file should contain all such bullshittery
*/
#popup-FixedSizeDropDownDataGridWithoutCallback,
#popup-WorkProjectFilterSearchDropDownDataGrid,
#popup-WorkHourEmployeeFilterSearchDropDownDataGrid {
    min-width: 370px !important;
    width: 370px !important;
    margin-left: -1em;
}

    #popup-FixedSizeDropDownDataGridWithoutCallback .rz-data-grid-data,
    #popup-WorkProjectFilterSearchDropDownDataGrid .rz-data-grid-data,
    #popup-WorkHourEmployeeFilterSearchDropDownDataGrid {
        height: 300px;
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

#popup-FixedSizeDropDownDataGrid {
    min-width: 370px !important;
    width: 370px !important;
    margin-left: -1em;
}

    #popup-FixedSizeDropDownDataGrid .rz-data-grid-data {
        height: 300px;
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }