title: position primefaces dialog at the center of the screen
body: <p>There are quite a few dialogs in different pages, and to position them at the center of the screen, I wanted to apply one css. This however didn't work. </p>
  
  <pre><code>   .ui-dialog{
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -50px;
      margin-left: -100px;
    }
  </code></pre>
  
  <p>On adding .ui-dialog-content, ui-dialog-titlebar to the css, some parts of the dialog showed in the top left corner, some at the center, and some overlapped. How do I make the dialog box pop up at the center of the screen.
  Thanks</p>