title: Change border color on angular-archwizard steps
body: <p>I'm using angular-archwizard to create circle steps to navigate. When I click on different steps I can view the right circle step border colored(in my case orange) until I click on the last step. When I click on the last step also the other steps change border color and become green.
  I inspected the elements and I saw that it's applied a css on this</p>
  
  <pre><code>aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.done 
  .step-indicator 
  </code></pre>
  
  <p>and the 'li.done' it's applied on every steps(with the green border-color).</p>
  
  <p>I would to know if there is a way to do for dont't apply the last 'li.done' when I click on the last step. Or if there another way to work right.</p>
  
  <pre><code>&lt;aw-wizard  *ngIf="items.length &gt; 0" navBarLayout="large-empty" 
    style="padding-bottom: 0.5rem" style="width: 100%" 
       navigationMode="free"&gt;
    &lt;div *ngFor="let item of items; let i=index"&gt;
      &lt;aw-wizard-step [stepId]="i" [navigationSymbol]="{  symbol: 
         '&amp;#xf298;', fontFamily: 'FontAwesome'}"
        stepTitle="{{item.statoContattoDescrizione}}" 
      (stepEnter)="passToStep($event,i)"&gt;
      &lt;/aw-wizard-step&gt; ...
  &lt;/aw-wizard&gt;
  </code></pre>