bgColor = #E6E6E6
inputBgColor = white
iptFocusBorderColor = #369DCD

topBarBtnColor = #B3B3B3
topBarBtnBgColor = #B3B3B3
topBarBtnBgActiveColor = #3A3A3A

infoBtnColor = bgColor
infoBtnBgColor = #B3B3B3
infoBtnActiveBgColor = #3A3A3A

.ArticleTopBar
  absolute top right
  left 200px
  height 60px
  background-color bgColor
  &>.left
    float left
    &>.search
      position relative
      float left
      height 33px
      margin-top 13.5px
      margin-left 15px
      width 350px
      padding 5px 15px
      transition 0.1s
      font-size 16px
      border 1px solid transparent
      input
        absolute top left
        width 350px
        border-radius 16.5px
        background-color inputBgColor
        border 1px solid transparent
        padding-left 35px
        outline none
        font-size 14px
        height 33px
        line-height 33px
        z-index 0
        &:focus
          border-color iptFocusBorderColor
      i.fa.fa-search
        position absolute
        display block
        top 0
        left 10px
        line-height 33px
        z-index 1
        pointer-events none
      .searchClearBtn
        position absolute
        top 6px
        right 10px
        width 20px
        height 20px
        border-radius 10px
        border none
        background-color transparent
        color topBarBtnColor
        transition 0.1s
        line-height 20px
        text-align center
        padding 0
        &:hover
          color white
          background-color topBarBtnBgColor
    &>.refreshBtn
      float left
      width 33px
      height 33px
      margin-top 13.5px
      margin-left 15px
      border none
      color refreshBtColor
      background transparent
      font-size 18px
      line-height 18px
      transition 0.1s
      &:hover
        color refreshBtnActiveColor
  &>.right
    float right
    &>button
      display block
      position absolute
      right 74px
      top 20px
      width 20px
      height 20px
      font-size 14px
      line-height 14px
      background-color infoBtnBgColor
      color bgColor
      border-radius 11px
      border none
      transition 0.1s
      &:hover
        background-color infoBtnActiveBgColor

    &>.logo
      display block
      position absolute
      top 8px
      right 15px
      opacity 0.7
      &:hover
        opacity 1.0