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

main.main-section
  +panel($bg:rgba(200,200,200,0.8))
  // height: 100%
  padding: 0
  margin: 0
  .main-section-content
    min-height: calc(100% - #{$top-menu-height})
span.icon
  @extend .fa
  @extend .fa-lg
  &.needs-help
    @extend .fa-bell
  &.needs-payment
    @extend .fa-money
  &.scan-qr
    @extend .fa-qrcode
#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

.hide
  display: none !important