@require '{ohif:design}/app'

.dropdown
  cursor: default
  outline: none

  &>ul.dropdown-menu
    display: block
    z-index: 1000
    transform(scale(0))
    transition(transform 0.3s ease)

    &.dropdown-menu-left, &.origin-top-left
      transform-origin(0% 0%)

    &.dropdown-menu-right, &.origin-top-right
      transform-origin(100% 0%)

    li.divider
      margin: 4px 0

    li a
      outline: none
      padding: 8px 20px

      i
        font-size: 14px
        margin-right: 4px

      svg
        display: inline-block
        max-width: 18px
        max-height: 18px
        vertical-align: middle

  &.open>ul.dropdown-menu
    transform(scale(1))


.dropdown-submenu

  &:hover

    &>.dropdown-menu
      display: block

    &>a:after
      border-left-color: #000000

  &>a:after
    display: block
    float: right
    content: ' '
    width: 0
    height: 0
    border-color: transparent
    border-style: solid
    border-width: 5px 0 5px 5px
    border-left-color: #666666
    margin-top: 5px
    margin-right: -10px
