.uif-input-step
  position relative
  .uif-input
    text-align center
    width 100%
    &.focus
      border-color #DBDDE2
    .input[disabled]
      background-color #F9FAFC
  .uif-i
    z-index 1
    position absolute
    top 0
    margin-left -1px
    border 1px solid $border-color
    background-color #F9FAFC
    color #D9DFE5
    cursor not-allowed
    &:first-child
      left 0
    &:last-child
      right 0
    &.available
      color #6478B0
      cursor pointer
      background-color $table-header-bg
      &:hover
        color $secondary-color
        border-color $secondary-color
        background-color #FCF3F7
      &:active
        background-color #F9E8F0
  &-small
    .uif-input
      padding-left 23px
      padding-right @padding-left
    .uif-i
      width 24px
      height @width
      line-height 22px
  &-default
    .uif-input
      padding-left 27px
      padding-right @padding-left
    .uif-i
      width 28px
      height @width
      line-height 26px
    .input
      padding-top 3px
      padding-bottom @padding-top
  &-large
   .uif-input
      padding-left 31px
      padding-right @padding-left
   .uif-i
      width 32px
      height @width
      line-height 30px