.dropdown-container
  position: relative
  display: inline-block
  .button.dropdown-trigger
    padding-top: 4px
    padding-bottom: 4px
    margin-bottom: 0
    cursor: pointer
    .dropdown-trigger-icon
      @extend .fa
      @extend .fa-lg
      @extend .fa-caret-left
      margin-right: 6px
    
  .dropdown-list-container
    display: none
    text-align: left
    background-color: white
    position: absolute
    right: 0
    margin: 0
    min-width: 160px
    z-index: 542
    margin-top: 7px
    border-radius: 4px

    &:after
      border: solid transparent
      content: " "
      height: 0
      width: 0
      position: absolute
      pointer-events: none
      border-width: 6px
      border-bottom-color: white
      bottom: 100%
      right: 30px
  &.active
    .dropdown-list-container
      display: block
    .button.dropdown-trigger
      .dropdown-trigger-icon
        @extend .fa-caret-down
