title: Angular Material 2 : How to overwrite Dialog max-width to 100vw?
body: <p>I am trying to create 100% width Dialog. But As the original settings, it is restricted to 80vw. </p>
  
  <pre class="lang-css prettyprint-override"><code>.mat-dialog-container{
    max-width:80vw;
  }
  </code></pre>
  
  <p>I have tried following ways to overwrite this value. <strong>But they weren't successful.</strong> </p>
  
  <pre class="lang-css prettyprint-override"><code>.mat-dialog-container {
    max-width: none;
    width: 100vw;
    height: 100vh;
  }
  </code></pre>
  
  <p>And </p>
  
  <pre class="lang-css prettyprint-override"><code>.mat-dialog-container {
      max-width: none !important;
  }
  </code></pre>
  
  <p>Someone please advise me how to overwrite 80vw to 100vw. Thank you.</p>