//todo don't repeat yourself.
.axcessglyphs {
  background-image: none;
  font-family: 'Axcess Common';

  &:before {
    color: $wk-primary-white;
    margin-left: 5px;
    padding: 10px;
  }

  //keeping this for backwards compatibility
  [class^='axcessglyphs-'], [class*=' axcessglyphs-'] {

    &::before {
      color: $wk-primary-white;
      margin-left: 5px;
      padding: 10px;
    }
  }

  &-administration::before {
    background-color: $wk-secondary-green;
    content: '\e93d';
  }

  &-accounts-receivables::before {
    background-color: $wk-primary-green;
    content: '\e93e';
  }

  &-billing-invoicing::before {
    background-color: $wk-primary-green;
    content: '\e93f';
  }

  &-tax::before {
    background-color: $wk-primary-blue;
    content: '\e940';
  }

  &-document::before {
    background-color: $wk-secondary-purple;
    content: '\e929';
  }

  &-workstream::before {
    background-color: $wk-primary-red;
    content: '\e92a';
  }

  &-staff::before {
    background-color: $wk-secondary-green;
    content: '\e92b';
  }

  &-security::before {
    background-color: $wk-secondary-green;
    content: '\e92c';
  }

  &-clients::before {
    background-color: $wk-secondary-green;
    content: '\e92d';
  }

  &-reports::before {
    background-color: $wk-secondary-green;
    content: '\e92e';
  }

  &-time-capture::before {
    background-color: $wk-primary-green;
    content: '\e92f';
  }

  &-settings::before {
    background-color: $wk-secondary-green;
    content: '\e930';
  }

  &-firm::before {
    background-color: $wk-secondary-green;
    content: '\e935';
  }
}