.uif-calendar
  width 197px
  &-header
    height 40px
    text-align center
    .uif-i
      margin 0 4px
  &-title
    display inline-block
    color #142133
    font-weight bold
    font-size 12px
    line-height 20px
    padding 10px
  &-week
  &-item
    float left
    font-size 12px
    margin 2px
    width 24px
    height @width
    line-height @height
    text-align center
  &-week
    color #A1ABB3
  &-day
    color #c1c1c1
    transition-duration 0.2s
    transition-timing-function ease
    transition-property background-color, color
    &.month
      color #323232
    &.disabled
      cursor default
      color #c1c1c1
    &.available
      cursor pointer
      &:hover
        color $primary-color
        background-color #EDEDED
    &.active
    &.active:hover
      color #FFF
      background-color $primary-color
