@import font-awesome
span.icon
  @extend .fa
  @extend .fa-lg
  &.needs-help
    @extend .fa-bell
  &.needs-payment
    @extend .fa-money
.fa-stack
  .revoke
    color: #b94a48

.button-icon
  display: inline-block
  width: 2em
  height: 2em
  line-height: 2em
  vertical-align: middle
  background-repeat: no-repeat
  background-position: center center
.mark-order-active .button-icon
  background-image: image-url('icons/order-check.png')
.mark-order-delivered .button-icon
  background-image: image-url('icons/order-doublecheck.png')

.fa-shifted-stack
  position: relative
  display: inline-block
  width: 2.5em
  height: 2em
  line-height: 2em
  vertical-align: middle
  .fa
    position: absolute
    width: 100%
    left: 20%
    &:first-child
      left: -10%