.dropdown-menu
    > li > label
        display: block
        margin-bottom: 0px
        padding: 3px 20px
        font-weight: normal
        color: #333
        line-height: 1.42857143
        clear: both
        cursor: pointer
        white-space: nowrap
        &:hover,
        &:focus
            text-decoration: none
            color: #262626
            background-color: #F5F5F5
    > li > input:checked ~ label,
    > li > input:checked ~ label:hover,
    > li > input:checked ~ label:focus,
    > .active > label,
    > .active > label:hover,
    > .active > label:focus
        color: #FFF
        text-decoration: none
        outline: 0
        background-color: #428BCA
    > li > input[disabled] ~ label,
    > li > input[disabled] ~ label:hover,
    > li > input[disabled] ~ label:focus,
    > .disabled > label,
    > .disabled > label:hover,
    > .disabled > label:focus
        color: #999
    > li > input[disabled] ~ label:hover,
    > li > input[disabled] ~ label:focus,
    > .disabled > label:hover,
    > .disabled > label:focus
        text-decoration: none
        background-color: transparent
        background-image: none
        cursor: not-allowed
    > li
        > input[type="radio"],
        > input[type="checkbox"]
            display: none
            position: absolute
            top: -9999em
            left: -9999em
        > label:focus,
        > input:focus ~ label
            outline: thin dotted
            outline: 5px auto -webkit-focus-ring-color
            outline-offset: -2px
    &.pull-right
        right: 0px
        left: auto
    &.pull-top
        bottom: 100%
        top: auto
        margin: 0px 0px 2px
        box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175)
    &.pull-center
        right: 50%
        left: auto
    &.pull-middle
        right: 100%
        margin: 0px 2px 0px 0px
        box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.2)
        left: auto
        &.pull-right
            right: auto
            left: 100%
            margin: 0px 0px 0px 2px
            box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.2)
        &.pull-center
            right: 50%
            margin: 0px
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2)
    &.bullet
        margin-top: 8px
        &:before
            width: 0px
            height: 0px
            content: ''
            display: inline-block
            position: absolute
            border-color: transparent
            border-style: solid
            -webkit-transform: rotate(360deg)
            border-width: 0px 7px 7px
            border-bottom-color: #CCC
            border-bottom-color: rgba(0, 0, 0, 0.15)
            top: -7px
            left: 9px
        &:after
            width: 0px
            height: 0px
            content: ''
            display: inline-block
            position: absolute
            border-color: transparent
            border-style: solid
            -webkit-transform: rotate(360deg)
            border-width: 0px 6px 6px
            border-bottom-color: #FFF
            top: -6px
            left: 10px
        &.pull-right
            &:before
                left: auto
                right: 9px
            &:after
                left: auto
                right: 10px
        &.pull-top
            margin-top: 0px
            margin-bottom: 8px
            &:before
                top: auto
                bottom: -7px
                border-bottom-width: 0px
                border-top-width: 7px
                border-top-color: #CCC
                border-top-color: rgba(0, 0, 0, 0.15)
            &:after
                top: auto
                bottom: -6px
                border-bottom: none
                border-top-width: 6px
                border-top-color: #FFF
        &.pull-center
            &:before
                left: auto
                right: 50%
                margin-right: -7px
            &:after
                left: auto
                right: 50%
                margin-right: -6px
        &.pull-middle
            margin-right: 8px
            &:before
                top: 50%
                left: 100%
                right: auto
                margin-top: -7px
                border-right-width: 0px
                border-bottom-color: transparent
                border-top-width: 7px
                border-left-color: #CCC
                border-left-color: rgba(0, 0, 0, 0.15)
            &:after
                top: 50%
                left: 100%
                right: auto
                margin-top: -6px
                border-right-width: 0px
                border-bottom-color: transparent
                border-top-width: 6px
                border-left-color: #FFF
            &.pull-right
                margin-right: 0
                margin-left: 8px
                &:before
                    left: -7px
                    border-left-width: 0px
                    border-right-width: 7px
                    border-right-color: #CCC
                    border-right-color: rgba(0, 0, 0, 0.15)
                &:after
                    left: -6px
                    border-left-width: 0px
                    border-right-width: 6px
                    border-right-color: #FFF
            &.pull-center
                margin-left: 0px
                margin-right: 0px
                &:before
                    border: none
                    display: none
                &:after
                    border: none
                    display: none

.dropdown-submenu
    position: relative
    > .dropdown-menu
        top: 0px
        left: 100%
        margin-top: -6px
        margin-left: -1px
        border-top-left-radius: 0px
    > a:before
        display: block
        float: right
        width: 0px
        height: 0px
        content: ""
        margin-top: 6px
        margin-right: -8px
        border-width: 4px 0 4px 4px
        border-style: solid
        border-left-style: dashed
        border-top-color: transparent
        border-bottom-color: transparent

@media (max-width: 767px)
    .navbar-nav
        .dropdown-submenu
            > a
                padding-left: 40px
                &:before
                    margin-top: 8px
                    border-color: inherit
                    border-style: solid
                    border-width: 4px 4px 0px
                    border-left-color: transparent
                    border-right-color: transparent
        > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li
            > a,
            > label
                padding-left: 35px
            > .dropdown-menu > li
                > a,
                > label
                    padding-left: 45px
                > .dropdown-menu > li
                    > a,
                    > label
                        padding-left: 55px
                    > .dropdown-menu > li
                        > a,
                        > label
                            padding-left: 65px
                        > .dropdown-menu > li
                            > a,
                            > label
                                padding-left: 75px
    .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open
        > a,
        > a:hover,
        > a:focus
            background-color: #E7E7E7
            color: #555

@media (max-width: 767px)
    .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before
        border-top-color: #555
    .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open
        > a,
        > a:hover,
        > a:focus
            background-color: #080808
            color: #FFF

@media (max-width: 767px)
    .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before
        border-top-color: #FFF
