.DropdownMenu
  display inline-block
  position relative
  min-width 185px
  max-width 250px
  &-button, &-list li
    box-sizing border-box
    font-size 1em
    padding-left 15px
    overflow-x hidden
    text-overflow ellipsis
    white-space nowrap
  &-button
    color inherit
    padding-right 40px
    width 100%
    &:after
      icon()
      font-size 1.25em
      display inline-block
      content '\e808'
      color inherit
      position absolute
      right 15px
    &:hover
      cursor pointer
  &.is-open
    .DropdownMenu-button:after
      transform rotate(180deg)
    .DropdownMenu-list
      display block
  &-list
    boxShadow()
    position absolute
    top 100%
    right 0
    margin 0
    padding 0
    width 100%
    display none
    line-height 2em
    // Default dark background for non-widget dropdowns
    background $bz-grey--darker
    // 100 index to cover calendar scrollbar
    z-index 100
    overflow-y auto
    border-color inherit
    li
      list-style none
      border-top-width 1px
      border-top-style solid
      border-color inherit
      color inherit
      padding-right 15px
      &:last-child
        border-bottom none
      &:hover
        color $bz-white
        background-color $bz-blue
        cursor pointer

.dropdown-menu
  width 200px

  min-width 150px
  position relative
  display inline-block
  font-size 14px
  &__button, &__list li
    box-sizing border-box
    font-size 1em
    line-height 21px
    padding 6px 1em
    height 33px
  &__button
    background transparent
    color inherit
    border 1px solid $bz-grey--light
    display block
    &:after
      icon()
      display inline-block
      content '\e808'
      color $bz-grey
      position absolute
      right 10px
    &:hover
      cursor pointer
  &--active
    .dropdown-menu__button:after
      transform rotate(180deg)
    .dropdown-menu__list
      display block
  &__list
    position absolute
    top 100%
    right 0
    margin 0
    padding 0
    width 100%
    display none
    z-index 9999
    max-height 6000px
    border-bottom 1px solid $bz-grey--light
    overflow-y scroll
    li
      list-style none
      background-color transparent
      color $bz-black
      border 1px solid $bz-grey--light
      border-top none
      &:last-child
        border-bottom none
      &:hover
        color $bz-white
        background-color $bz-blue
        cursor pointer

.dropdown-checkbox
  display inline-block
  text-align center
  position relative
  font-size 0.7em
  margin-left 10px
  background $bz-grey--light
  width 105px
  cursor pointer
  box-sizing border-box
  &__wide
    width 175px
  &__toggler
    background 0
    cursor pointer
    padding 4px 0
    width 100%
    border 0
    outline 0
    &:after
      font-family "bzpro-icons"
      font-weight normal
      speak none
      font-variant normal
      text-transform none
      vertical-align middle
      margin-left 2px
      content '\E808'
  &__menu
    display none
    position absolute
    text-align left
    right 0
    top 100%
    min-height 80px
    background $bz-white
    overflow scroll
    boxShadow()
    z-index 4
    width 160px
    list-style none
    li, label
      cursor pointer
    li
      box-sizing border-box
      min-width 160px
      padding 10px
      float left
      &.active
        label:before
          icon()
          line-height 1.5em
          text-align center
          font-size .75em
          content '\e809'
      &:hover
        background $bz-grey--light
        simpleTransition(background)
        label:before
          border-color $bz-grey--dark
          simpleTransition(border-color)
    label
      font-size 1.25em
      &:before
        width 15px
        height 15px
        border 1px solid $bz-grey--light
        margin-right 5px
        content ''
        vertical-align middle
        display inline-block
  &__selectall
    font-size 1.25em
    padding 10px 0
    border-bottom 1px solid $bz-grey--light
    cursor pointer
    text-align center
  &--double &__menu
    width 450px
    li
      width 50%
  &--open
    background $bz-blue
    .dropdown-checkbox
      &__toggler
        color $bz-white
      &__menu
        display block

  &--open &__menu
    display block