.cd-dropdown {
    position: relative;
    width: 90px;
    display: block;
}

    .cd-dropdown > span {
        height: 100%;
        display: block;
        position: relative;
        cursor: pointer;
    }

        .cd-dropdown > span:after {
          content: '\25BC';
    position: absolute;
    left: 0px;
    top: 0;
    width: 25px;
    text-align: center;
    font-size: 9px;
    line-height: 1;
    bottom: 0;
    margin: auto;
    height: 10px;
        }
.cd-active.cd-dropdown ul li a span{height: auto!important}

    .cd-dropdown.cd-active > span:after {
        content: '\25B2';
    }

    .cd-dropdown ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
    }

        .cd-dropdown ul li {
            display: block;
        }

            .cd-dropdown ul li a span {
                display: block;
                cursor: pointer;
                background-color: #f3f3f3 !important;
                border: 1px solid #dedede;
            }

                .cd-dropdown ul li a span:hover {
                    background-color: #089aa5 !important;
                    color: #ffffff;
                }

            .cd-dropdown > span,
            .cd-dropdown ul li a span {
                -webkit-backface-visibility: hidden;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .cd-dropdown > span span[class^="icon-"],
                .cd-dropdown > span span[class*=" icon-"] {
                }