.@{prefix}-select {
        cursor: pointer;
        font-family: sans-serif;
        padding: 0 4px;
        height: 36px;

        border: 1px solid #EAEAEA;
        display: block;
        letter-spacing: 1px;
        line-height: 36px;
        position: relative;

        &:after {
            position: absolute;
            width: 20px;
            height: 20px;
            content: "▾";
            display: inline-block;
            right: 0;
            top: 0;
            font-size: 22px;
            color: #E65100;
            transform: scale(1.3, 1);
        }
    }

    .@{prefix}-select.active {
        outline: none;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(100,100,100, 0.38);
        -moz-box-shadow:    0px 0px 12px 0px rgba(100,100,100, 0.38);
        box-shadow:         0px 0px 12px 0px rgba(100,100,100, 0.38);

        &:after {
            content: "▴";
        }
    }

    ul.@{prefix}-menu {
        letter-spacing: 1px;
        line-height: 36px;
        font-family: sans-serif;
        display: none;
        max-height: 110px;
        overflow-y: auto;
        margin: 0;
        border: 1px solid #EAEAEA;
        margin: -2px -5px;
        background-color: #FFFFFF;
        position: relative;
        list-style-type: none;
        padding: 0;
        z-index: 9000;
        li {
            margin:0;
            padding: 0 4px;
        }
    }

    ul.@{prefix}-menu.top {
        bottom: 144px;
    }

    ul.@{prefix}-menu.active {
        display: block;

    }
    ul.@{prefix}-menu.active  li {

    }

    ul.@{prefix}-menu.active   li:hover {
        cursor: pointer;
        background: #FAFAFA;
    }
