.password-form
  background-color: $lighterGray
  max-width: 500px
  margin: 60px auto

  p
    +flex(flex-start, center)
    position: relative
    height: 40px
    line-height: 1.2
    font-weight: bold()
    color: white
    background-color: $blue
    padding: 0 50px 0 40px
    margin: 0

    .icon
      position: absolute
      right: 0
      top: 0
      width: 40px
      height: 40px
      background-color: $lockBlue
      +flex(center, center)

      &:after
        content: ''
        +sprite(-140px -365px, 22px, 24px)

  .main-form
    padding: 25px 40px

    label
      display: block
      width: 100%
      color: $fontBlack
      font-size: 0.7rem
      line-height: 1.2
      font-weight: bold()

    input
      margin-top: 10px
      height: 45px
      width: 100%
      margin-left: 0
      background-color: white
      color: $darkBlue
      padding: 0 20px
      font-size: 1rem
      border: 1.5px transparent solid

      &.alert
        +placeholder
          color: $red

      &:focus
        box-shadow: none
        border: 1.5px transparent solid
        border-radius: 0
        outline: none

      &[type=submit]
        display: none

    .submit-button
      background-color: $yellow
      width: 220px
      height: 50px
      margin: 25px 0 0
      +flex(center, center)
      border-radius: 25px
      cursor: pointer

      color: white
      font-size: 0.9rem
      font-weight: bold()
      text-decoration: none
      transition: background 0.3s

      &:after
        content: ''
        +arrowWhite
        display: inline-block
        margin-left: 15px
        margin-right: -10px
        +translate3d(0,0,0)
        transition: transform 0.3s

      &:hover
        background-color: $darkYellow
        &:after
          +translate3d(5px, 0, 0)