.uif-paging
  display inline-block
  &-item
    margin-left 2px
    margin-right @margin-left
    float left
    cursor pointer
    width 32px
    height 32px
    font-size 12px
    line-height 30px
    text-align center
    border-radius 2px
    border 1px solid transparent
    transition border-color .2s ease,background-color .2s ease,color .2s ease
    uif-btn-set(#8A9BA8, #FFFFFF, #DBDDE2)
    &:hover
      uif-btn-set($primary-color, #FFFFFF, $primary-color)
    &.active
      uif-btn-set(#FFFFFF, $primary-color, $primary-color)
    .uif-i
      font-size 20px
    &.disabled:hover
      cursor not-allowed
      uif-btn-set(#8A9BA8, #FFFFFF, #DBDDE2)

  &-text
    float left
    color #8A9BA8
    font-size 12px
    line-height 20px
    padding 6px 10px
    &.left
      padding-left 4px
    &.right
      padding-right 4px

  .uif-input
    margin-top 2px
    float left
    width 40px
    .input
      text-align center
      padding 3px 0
      height 26px
      min-height @height

  .uif-btn
    margin-top 2px
    padding 3px 11px
    height 28px