/*
    By default the data view container has no margin, so the infoboxes above touch it. 
*/
.deliveryDetail .stockDetails .dataViewContainer {
    margin-top: 1rem;
}

/*
    Make sure which ever infobox (or data view container!) is top of the stock detail side is flush with the top. 
*/
.deliveryDetail .stockDetails :first-of-type {
    margin-top: 0;
}

/* 
    Keeps the two header columns in line with each other.
*/
.deliveryDetail .card-header {
    display: flex;
    justify-content: space-between;
}

/*
    We're using the data view container for the modal / export experience. So hide the command bar as it is not required for small lists.
*/
.deliveryDetail .stockDetails .dataViewContainer > div.commandBar {
    display: none;
}

/*
    We're hiding the panel bar so remove the margin which we have in place to offset the content (grid) from the command bar as it's no longer required! 
    Need to use important as we're overriding some bootstrap classes.
*/
.deliveryDetail .stockDetails .dataViewContainer > .RadMultiPage {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}