.clearfix
  &::after
    clear: both
    content: ''
    display: table

label
  display: inline-block
  margin-bottom: 3px
  margin-right: 3px
  box-sizing: border-box
  max-width: 100%

.wpal
  border-bottom: 1px solid white
  padding: 13px 0 10px 0
  @extend .clearfix

  &-wrapper
    background: #f8f8f8
    padding: 0 8px
    margin-bottom: 160px

  &-form
    position: relative

  &-term
    border: 1px solid #ccc
    height: 33px
    font-size: 15px
    padding-left: 5px
    width: 300px
    max-width: 100%
    box-sizing: border-box

    &:focus
      border-color: #44A3CC
      outline: none

  &-submit
    position: absolute
    right: 0
    bottom: 5px

  &-code
    margin-top: 12px
    margin-bottom: 12px
    display: none

    &-label
      font-weight: bold
      margin-bottom: 6px

    &-result
      width: 100%

  &-result
    margin-top: 7px
    max-height: 260px
    overflow-y: scroll
    font-size: 13px

  &-loader
    display: none
    text-align: center

    path
    rect
      fill: #ff6500

  &-icon
    float: left
    width: 40px
    height: 40px
    margin-right: 10px
    margin-bottom: 3px

    img
      max-width: 100%

    .wpal-software &
      border-radius: 20%
      overflow: hidden

  &-title
    font-weight: bold
    color: #333

  &-btn
    &.button
      margin-right: 3px

@media screen and (max-width: 480px)
  .wpal-term
    width: 100%
    margin-bottom: 5px