.dropdown {
    position: relative;


    &.disabled {
        color: map_get($default-colors-transparency, secondary);
        cursor: default;

        .btn {
            color: map_get($default-colors-transparency, secondary);
            cursor: default;
        }
    }

    ul {
        display: none;
        background: map_get($default-colors, primary);
        position: absolute;
        top: 0;
        left: 0;
        width: 320px;
        //max-height: 50vh;
        padding-left: 0;
        padding-right: 0;
        z-index: 200;


        @media (max-width: $screen-sm) {
            top: 0;
            min-width: 150px;
        }

        li {
            white-space: nowrap;
            padding-left: 24px;
            padding-right: 48px;
            cursor: pointer;

            > a {
                display: block;
                width: 100%;
            }

            &.link-item {
                padding: 0;

                > a {
                    color: $base-text-color !important;
                    display: block;
                    padding-left: 24px;
                    padding-right: 48px;
                }
            }


            &:hover {
                background-color: map_get($default-colors-transparency, quinary);
                border-radius: 2px;
            }

            &.dropdown:after {
                font-family: mobfish-core-iconset;
                content: '\e92f';
                position: absolute;
                //top: 0;
                right: 24px;
            }

            &.disabled {
                color: rgba(0, 0, 0, 0.54);
                cursor: default;
                &:hover {
                    background-color: transparent;
                }
            }

            ul {
                top: 0;
                left: 100%;
                z-index: 300;
                width: 310px;

                ul {
                    z-index: 400;
                    min-width: 300px;

                    @media (max-width: $screen-sm) {
                        width: 150px;
                    }

                    ul {
                        min-width: 290px;
                        z-index: 500;
                    }
                }
            }
        }
    }
}