.mexico-details-header {
    display: inline-block;
    padding-right: 15px;
}

.mxWorkflowDetails label {
    font-weight: bold; 
}

.mxWorkflowDetails .field {
    display: flex;
    flex-direction: column;
}

.mxWorkflowDetails .mexico-details-form {
}

.mxWorkflowDetails .mexico-details-form-body {
    display: grid;
    grid-template-areas:
        'customerId customerName company'
        'dtType accountStatus .'
        'notes notes notes'
        'action save .';
    grid-template-columns: lfr lfr lfr;
    column-gap: 15px;
    row-gap: 10px;
}

.mxWorkflowDetails .field.customer-id {
    grid-area: customerId;
}

.mxWorkflowDetails .field.customer-name {
    grid-area: customerName;
}

.mxWorkflowDetails .field.company {
    grid-area: company;
}

.mxWorkflowDetails .field.dt-type {
    grid-area: dtType;
}

.mxWorkflowDetails .field.account-status {
    grid-area: accountStatus;
}

.mxWorkflowDetails .field.action {
    grid-area: action;
}

.mxWorkflowDetails .field.form-lock {
    grid-area: formLock;
}

.mxWorkflowDetails .field.notes {
    grid-area: notes;
}

.mxWorkflowDetails .field.save {
    grid-area: save;
    display: inline-block;
    padding-top: 25px;
}