title: How to override material CSS styles?
body: <p>I use Angular Material 2. </p>
  
  <p>There is one CSS style in material CSS:</p>
  
  <pre><code>.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #fff;
  }
  </code></pre>
  
  <p>I tried to override it in custom CSS file like:</p>
  
  <pre><code>.mat-radio-button.mat-accent .mat-radio-inner-circle {   background-color: red !important; }
  </code></pre>
  
  <p>Also I tried this:</p>
  
  <pre><code>/deep/ .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: red !important;
  }
  </code></pre>
  
  <p>It does not work, how to do this right and in which place?</p>