#omsplitorderpayment-pay.loading,
#omsplitorderpayment-invite.loading{
    pointer-events: none;
    opacity:.8;
}
#omsplitorderpayment-pay .form-error,
#omsplitorderpayment-invite .form-error{
    color:#c0392b;
    font-size: .8em;
    margin:4px 0;
}
#invite-list .single-invite{
    margin:12px 0;
    display:flex;
    align-items: center;
}
#invite-list .single-invite .input-field:nth-child(1){
    flex-grow: 1;
}
#invite-list .single-invite .input-field:nth-child(2){
    width:250px;
}
#omsplitorderpayment-pay .input-field,
#invite-list .single-invite .input-field{
    display:flex;
    flex-direction: column;
    padding:4px 8px;
}
#omsplitorderpayment-pay .input-field label,
#invite-list .single-invite .input-field label{
    font-weight: bold;
    font-size: .8em;
}
#invite-list .single-invite .remove-invite{
    color:#c0392b;
    cursor:pointer
}
#add-invite{
    margin:12px 8px;
    font-size: .8em;
}
#send-invite{
    margin:12px 8px;
    width:100%;
}

#omsplitorderpayment-invitation{
    width:100%;
    padding:32px 16px;
}
#omsplitorderpayment-invitation .omsplitorderpayment-error{
    width:100%;
    padding:16px;
    background-color: #c0392b;
    color:white;
    text-align:center;
    font-size: 1.3em;
    border-radius:16px;
}
#omsplitorderpayment-cancel button{
    font-size:.8em;
    margin-left:8px;
    padding:6px 12px;
}
.multiplepayments-notice{
    font-style: italic;
    font-weight: .85em;
    margin:0 0;
}
#omsplitorderpayment-pay{
    display:flex;
    align-items: flex-end;
    flex-wrap:wrap;
}
#omsplitorderpayment-pay .form-error{
    width:100%;
}
#omsplitorderpayment-pay .input-field input{
    width:150px;
}
.omsplitorderpayment-invitation-notice{
    width:100%;
    margin:1em 0;
    padding:12px;
    border:none;
    border-left:5px solid #3498db;
}