@import compass
$side-spacing: 5px
$qbrown: #8B5A2B


html
  background-image: image-url('textures/wood5.jpg')
body
  padding-left: $side-spacing
  padding-right: $side-spacing
  background-image: image-url('textures/wood5.jpg')
  .home-panel
    margin-left: 20px
    margin-right: 20px
    margin-top: 40px
    +box-shadow(#000 10px 10px 16px)
    background-color: rgba(240, 240, 240, 0.6)
    +border-radius(10px)
    .home-header
      text-align: center
      //background-color: #eee
      //+border-top-radius(10px)
      //+opacity(0.7)
      min-height: 100px
    .home-center
      padding: 10px
      text-align: center
      background-color: black
    .home-footer
      //background-color: #eee
      //+border-bottom-radius(10px)
      //+opacity(0.7)
      min-height: 100px
      .home-footer-content
        margin-top: 22px
        margin-left: auto
        margin-right: auto
        background-color: green
        width: 262px
        a
          display: block
          border: 2px solid black
          +border-radius(4px)
          +box-shadow(#000 4px 4px 8px)
          width: 34px
          height: 34px
          float: left
          margin-right: 15px
          background-color: $qbrown
          text-align: center
          line-height: 34px
  //padding-top: 50px
  .navbar-fixed-top
    margin-left: -$side-spacing
    margin-right: -$side-spacing
    margin-bottom: 3px
  .page-header
    margin-top: 4px
    margin-bottom: 6px
    padding-bottom: 0
  .order-product-count
    width: 30px
    text-align: right
    margin-bottom: 0
  .order-count-cell
    white-space: nowrap
  .page-header
    .table-number
      float: right