.input-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}
.input-dropdown .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 2px;
    padding: 0;
    background: #fff;
    z-index: 10;
    overflow-y: scroll;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.input-dropdown .dropdown ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.input-dropdown .dropdown li {
    list-style-type: none;
    cursor: pointer;
    padding: 5px 8px;
    font-size: 0.9pc;
}
.input-dropdown .dropdown li:hover {
    background: #f1f1f1;
}
.input-dropdown input:focus + .dropdown {
    display: block;
}