/*===============================================================================*/
/*================================ HEADER FILTER ================================*/
/*===============================================================================*/

.modalReportingFilterHeader
{
    padding: 15px;
    margin-bottom: 10px;

    border: 1px solid var(--border-light);
    border-radius: var(--border-radius);
    
    background-color: var(--background-lightgrey);
}

.modalReportingFilterHeader > .form-group:last-of-type
{
    margin: 0;
}

/*===============================================================================*/
/*================================= GRID CONTENT ================================*/
/*===============================================================================*/

.modalReportingGrid
{
    position: relative;

    display: flex;
    flex-direction: column;

    list-style-type: none;

    overflow: auto;
}

.modalReportingGrid > .reportingListRow
{
    width: 100%;

    display: flex;

    border: 1px solid var(--border-light);
    border-top: none;
}

.modalReportingGrid > .reportingListRow:nth-child(odd)
{
    background-color: var(--background-lightgrey);
}

.modalReportingGrid > .reportingListRow > span
{
    padding: 10px;
    
    border-right: 1px solid var(--border-light);
}

.modalReportingGrid > .reportingListRow.header
{
    position: sticky;
    top: 0;

    border: none;

    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    color: var(--text-clear);
    background-color: var(--main-color-light);
}

.modalReportingGrid > .reportingListRow.header > span
{
    font-weight: bold;
    text-align: center;
}