#cityInput{
     width: 100%;

}

#suggestions {
    display: none;
    position: absolute;
    z-index: 88;
    width: 100%;
    list-style-type: none;
    background-color: #fff;
    border-radius: 16px;
    border-top: none;
    max-height: 300px;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 5px;
    padding: 0 0px;
     border: 1px solid #ddd;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.08);

    &::-webkit-scrollbar { width: 0.5em; height: 0.1em; background: #fff; position: relative}

    &::-webkit-scrollbar-thumb {
       background-color: #ddd;
       border-radius: 20px;
        right: 10%;

       &:hover {
        /*background: rgba(255,255,255,.2);*/
       }
    } 

}
#suggestions div {
    padding: 0.75rem .55rem;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
     width: 100%;
     z-index: 99999
}

#suggestions div:hover {
    background-color: #f0f0f0;
    border-radius: 10px;
}