.business-logo
  width: 30%
  position: absolute
  left: 35%
  top: 15%
  z-index: 999
  text-align: center

  img
    max-width: 280px

.login
  +position(fixed, 0 0 0 0)
  display: table-cell
  background: url('../img/#{$resourceRoutePre}background.jpg') center center
  text-align: center

.login-aligner
  height: 100%
  display: -moz-inline-box
  display: inline-block
  vertical-align: middle
  position: relative

.login-panel
  width: 300px
  margin: 0 auto
  text-align: left
  display: -moz-inline-box
  display: inline-block
  vertical-align: middle

  .logo
    text-align: center

  .logo img
    display: none
    width: 100px
    height: 100px

  h2
    margin: 0
    color: $medium-gray

  .help-block
    display: none

  input
    display: block
    width: 100%
    height: grid-row(1)
    margin: 8px 0
    border-radius: 4px

    &.form-input
      text-indent: 10px
      background-color: rgba($white, .9)
      border: $lighter-gray solid 1px
      +transition(box-shadow .5s)

      &:focus
        outline: 0
        box-shadow: rgba($brand-primary, .75) 0px 0px 10px 0px

    &.form-submit
      height: grid-row(1.5)
      background-color: $brand-primary
      border: none
      color: white
      font-size: $font-size-large
      font-weight: $font-weight-bold
      +transition(background-color .5s)

      &:hover
        background-color: lighten($brand-primary, 5)

.alert
  display: none
  padding: 7px 12px
  border: 1px solid transparent
  border-radius: 4px
  margin: 8px 0

  &.alert-danger
    color: $brand-danger
    background-color: rgba(lighten($brand-danger, 39%),.75)
    border-color: lighten($brand-danger, 34%)

  &.alert-warning
    color: $brand-warning
    background-color: rgba(lighten($brand-warning, 39%),.75)
    border-color: lighten($brand-warning, 34%)

  &.has-error
    display: block