.dropdown {
    position: relative;
    display: block;
    margin: auto;
}

    .dropdown .dropdown-input {
        cursor: pointer;
    }

        .dropdown .dropdown-input:hover {
            background: #f8f8fa;
        }

    .dropdown .dropdown-content {
        position: absolute;
        background-color: #fff;
        max-height: 158px;
        border: 1px solid #ccc;
        box-shadow: 0px -8px 34px 0px rgba(0,0,0,0.05);
        overflow: hidden auto;
        z-index: 9;
        width: 100%;
    }

        .dropdown .dropdown-content .dropdown-item {
            color: black;
            font-size: .7em;
            line-height: 1em;
            padding: 8px;
            text-decoration: none;
            display: block;
            cursor: pointer;
        }

            .dropdown .dropdown-content .dropdown-item:hover {
                background-color: #2083d6;
                color: white;
            }

    .dropdown .dropdown:hover .dropdowncontent {
        display: block;
    }
    .dropdown .input-text-clear {
        color: #ccc;
        position: absolute;
        right: 2%;
        top: 25%;
    }
        .dropdown .input-text-clear:hover {
            color: #000;
        }