.view-dropdown
    display: inline-block
    position: relative

    &-rel
        position: relative

.view-dropdown-item
    margin: 0
    line-height: normal
    padding: 7px 16px
    clear: both
    color: $text-color
    font-size: $font-size-small !important
    white-space: nowrap
    list-style: none
    cursor: pointer
    transition: background $transition-time $ease-in-out
    &:hover
        background: $background-color-select-hover
    &-focus
        background: $background-color-select-hover
    &-disabled
        color: $btn-disable-color
        cursor: $cursor-disabled
        &:hover
            color: $btn-hover-color
            background-color: #fff
            cursor: $cursor-disabled
    &-selected ,&-selected:hover
        color: #fff
        background: $selected-color
    &-selected&-focus 
        background: shade($selected-color, 10%)
    &-divided
        margin-top: 5px;
        border-top: 1px solid $border-color-split
        &:before
            content: ''
            height: 5px
            display: block
            margin: 0 -16px
            background-color: #fff
            position: relative
            top: -7px

.view-dropdown-dropdown-hide
    display: none

.view-dropdown-drop
    transition: .3s ease;