.mobile-page
  >h1
    color: $blue
    +bold
    font-size: 16px
    line-height: 19px
    padding: 20px 16px
    background-color: $mobileGray
    margin: 0
  >.messages
    background-color: $mobileGray

    div
      padding: 20px 16px
      +flex(space-between, center)

      .icon
        width: 15px
        height: 15px
        display: block
        margin-right: 20px
      .data
        font-size: 14px
        line-height: 18px
        width: calc(100% - 40px)
        +semibold

      &.message
        background-color: #D2E9F5
        color: #73A0BD
        .icon
          +icon-sprite-mobile(-30px -70px, 16px, 16px)
      &.error
        background-color: #F1DEDE
        color: #B47879
        .icon
          +icon-sprite-mobile(-10px -70px, 16px, 16px)
      &.success
        background-color: #C5F2DA
        color: #66A985
        .icon
          +icon-sprite-mobile(-70px -90px, 16px, 16px)
      &.ajax.hide
        display: none


  .return-button
    border-top: 2px solid $mobileBorderColor
    border-bottom: 2px solid $mobileBorderColor
    &.white
      background-color: white

    a
      +regular
      font-size: 15px
      line-height: 18px
      text-decoration: none
      color: $mobileBlack
      padding: 15px 20px
      +flex(flex-start, center)
      &:before
        content: '‹'
        +semibold
        color: $mobileBlack
        font-size: 28px
        line-height: 10px
        position: relative
        top: -3px
        +flex(center,center)
        margin-right: 20px
    &.blue-link
      a
        +semibold
        color: $blue
        &:before
          color: $blue
  .text-block
    padding: 25px 16px
    background-color: $mobileGray
    &.white
      background-color: white
    &.small-padding-side
      padding: 25px 8px
    &.no-padding-side
      padding: 25px 0px
    h2, h1
      +bold
      color: $blue
      font-size: 14px
      line-height: 17px
      &:first-child
        margin-top: 0
    h1
      font-size: 16px
      line-height: 19px
    p
      +regular
      font-size: 14px
      line-height: 17px
      color: $mobileBlack
      strong
        +semibold

      a
        color: $blue
        text-decoration: none
        +regular
      &:last-of-type
        margin-bottom: 0
    ul, ol
      list-style: circle
      padding-left: 20px
      margin: 20px 0
      li
        +regular
        font-size: 14px
        line-height: 17px
        color: $mobileBlack
        strong
          +semibold

        a
          color: $blue
          text-decoration: none
          +regular
    ol
      list-style: decimal
    figure
      margin: 20px 0
      img
        width: 100%

    .divider
      height: 40px
      width: 100%
      display: block

    .btn-holder
      background-color: $blue
      border-radius: 8px
      height: 40px
      width: 90%
      max-width: 250px
      margin: 20px auto
      a
        +flex(center, center)
        height: 100%
        text-decoration: none
        +regular
        font-size: 15px
        line-height: 15px
        color: white
        position: relative

        &:before
          content: '›'
          +semibold
          color: white
          font-size: 28px
          line-height: 40px
          position: absolute
          right: 25px
          top: 0px

        span
          color: white
          text-decoration: none
          +regular
          font-size: 15px
          line-height: 15px