article.order {
    padding: 10pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    border-bottom: 1pt dotted #dbd6d6;
}

article.statusCancelled *,
article.statusDelivered * {
    color: #dbd6d6;
}


section.orders article.order:first-of-type {
    border-top: 1pt dotted #dbd6d6;
}

article.order p.paymentStatus,
article.order ul.items {
    min-width: 100pt;
    list-style-type: none;
}

article.order ul.contactDetails {
    min-width: 150pt;
    list-style-type: none;
}

article.order div.gift p,
article.order div.delivery p,
article.order ul.items li ,
article.order ul.contactDetails li {
    font-size: 10pt;
}

article.order div.gift,
article.order div.delivery
{
    margin-top: 10pt;
    min-width: 150pt;
    flex-grow: 1;
}

article.order p.giftMessage {
    border-left: 1pt solid #dbd6d6;
    margin-left: 5pt;
    padding-left: 5pt;
}

article.order h3 {
    display: inline-block;
    min-width: 200pt;
    flex-grow: 1;
}

article.order div.summary,
article.order div.detail {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

article.order div.actions {
    padding: 5pt;
    text-align: right;
    flex-grow: 1;
    min-width: 40pt;
}

article.statusDelivered .actions * {
    color: #383b40;
}