title: p:confirmDialog how to change the image and text color
body: <p>I need to display a confirmation dialog using prime faces. But I need to have a custom icon( yellow triangle ) along with red text. By using the following I am getting a blue triangle with black text and I am not sure how to use my icon as well as style the dialog text.</p>
  
  <pre><code>    &lt;p:column id="billing_address_unassign"
      headerText="#{billingAccount_msgs['addresses.table.column.unassign']}"
      styleClass="col10"&gt;
      &lt;p:commandButton immediate="true" id="address_unassign"
          styleClass="cart-button-class" icon="delete"
          title="#{billingAccount_msgs['unassign.address.tooltip.text']}"
          oncomplete="unassignBillingAddressConfirmationDialog.show()"&gt;
          &lt;f:setPropertyActionListener value="#{billingAddress}"
              target="#{billingAddressBean.selectedBillingAddress}" /&gt;
      &lt;/p:commandButton&gt;
  &lt;/p:column&gt;
    &lt;/p:dataTable&gt;
  
    &lt;p:confirmDialog appendToBody="true"
  id="unassignBillingAddressConfirmationDialog"
  styleClass="confirm-dialog"
  message="#{billingAccount_msgs['unassignBillingAddress.confirmation']}"
  header="#   
      {billingAccount_msgs['unassignBillingAddress.confirmation.dialog.header']}"
     severity="alert" widgetVar="unassignBillingAddressConfirmationDialog"&gt;
  </code></pre>