.OsrPage-Views-DeliveryView {
    &-table {
        min-height: 60px;

        .GridTable-header {
            padding: 0;
        }

        &-column-creation-date {
            justify-content: end;

            &.cell-creationDate > div {
                margin-right: 22px;
            }
        }

        &-column-type {
            &.cell-type {
                text-transform: capitalize;
            }
        }
    }

    &-table-column-xml-url {
        justify-content: center;
        .DownloadDeliveryFileCell {
            a {
                background: var(--midnight-150) none;
                color: var(--midnight-750);
                border-radius: 16px;
                justify-content: center;
                padding: 0;
                width: 32px;
                height: 32px;
                box-shadow: unset;
                border: 0;
                display: block;
                align-content: center;
                text-align: center;

                &:hover {
                    background-color: var(--midnight-200);
                }

                .GlyphIcon {
                    color: currentColor;
                }
            }
        }
    }

    &-filters {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        flex: 1 0 0;
        margin-bottom: 10px;
    }

    &-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    &-view-toggle {
        margin-left: auto;
    }

    &-ExpandableAckMessage {
        display: grid;
        grid-template-columns: 16ch minmax(0, 1fr);
        border: 1px solid #e3e5e8;

        &-isrc,
        &-msg {
            padding: 8px 12px;
        }

        &-isrc {
            border-right: 1px solid #e3e5e8;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
    }
}

.OsrPage-Views-LegacyDeliveryView {
    &-filters {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 10px 0;
    }

    &-table {
        min-height: 60px;

        .GridTable-header {
            padding: 0;
        }

        &-column-type {
            &.cell-type {
                text-transform: capitalize;
            }
        }
    }
}