$side-spacing: 0px
header.top-menu
  height: 90px
.main-section
  +panel($bg:rgba(200,200,200,0.9))
  padding: 0
  padding-bottom: 72px
  margin: 0
  min-height: 100%
@media #{$xlarge-up}
  header.top-menu
    position: fixed
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75)
    z-index: 4022
    width: 100%
  .main-section
    @media #{$xlarge-up}
      padding-top: 130px
  .main-section-header
    position: fixed
    top: 90px
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75)
    z-index: 4030
    background-color: rgba(200,200,200, 0.5)
h2.main-section-header
  font-size: 1.4em
  padding: 4px
.supplier-is-closed
  +alert($bg: $secondary-color)
  .close
    +alert-close
  .supplier-open-shop
    +button($padding: $button-tny)
    margin: 0
    margin-left: 20px
  form
    margin: 0
    display: inline-block
.location_picker_search
  float: left
.text-alert
  color: $alert-color
.text-warning
  color: $warning-color
input.dimension
  width: 52px
span.dimension
  font-style: italic
  padding-left: 2px
.location_picker_map
  width: 600px
  height: 500px
  border: 1px solid black
  padding: 2px
  display: inline-block
  float: left
  clear: left
  img
    max-width: none
  label
    width: auto
    display:inline
.handle
  cursor: move
  font-size: 0.8em
  color: #777
form
  &.form-inline
    display: inline-block
    padding: 4px
.clear
  clear: both
body
  background-image: $wood !important
  background-repeat: repeat
  height: 100%
.ember-application, .application-view
  height: 100%
  padding: 0
  margin: 0

.hide, .hidden
  display: none

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