.ReportSelector-columnsFlex {
    display: flex;
}

.ReportSelector-leftColumn {
    padding: 20px 15px;
    height: inherit;
    overflow-y: auto;
}

.ReportSelector-rightColumn {
    border-left: 1px solid #d4d4d4;
    overflow-y: auto;
}

@media (width >= 720px) {
    .ReportSelector-leftColumn {
        width: 80%;
    }

    .ReportSelector-rightColumn {
        min-width: 300px;
        width: 20%;
    }

    .ReportSelector-columnsFlex {
        height: calc(100vh - 72px);
    }
}

.ReportSelector-rightColumnUpper {
    padding: 13px 10px 31px;
    border-bottom: 1px solid #d4d4d4;
}

.ReportSelector-rightColumnLower {
    overflow: hidden;
    height: 100%;
}

.ReportSelector-rightColumn-divider {
    display: block;
}

.ReportSelector-rightColumn-empty {
    padding: 10px;
    height: inherit;
}

.ReportSelector-rightColumn-populated {
    height: inherit;
    display: flex;
    flex-direction: column;
}