html, body
  overflow-x: hidden
  margin: 0
  padding: 0
body
  @media #{$small-only}
    font-size: 13px
#ember-app-container
  background-image: image-url('theme1/wall-bg.jpg')
  background-repeat: repeat

main.main-section
  +panel($bg:rgba(200,200,200,0.8))
  height: 100%
  padding: 0
  margin: 0
span.icon
  @extend .fa
  @extend .fa-lg
  &.needs-help
    @extend .fa-bell
  &.needs-payment
    @extend .fa-money
#notice
  a
    color: white
li
  span.currency
    float: right

span.loading
  @extend .fa
  @extend .fa-spinner
  @extend .fa-spin
  &.medium
    @extend .fa-lg
  &.large
    @extend .fa-2x

.supplier-name + .table-number
  padding-left: 0.3em