.suggestions-box {
    border: 1px solid #ccc;
    background: white;
    position: absolute;
    max-height: 150px;
    overflow-y: auto;
    z-index: 1000;
    width: 200px;
}

.suggestion-item {
    padding: 5px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #eee;
}

.box {
    width: 250px;
    height: 18px;
    border: 1px solid #999;
    font-size: 10px;
    color: #1c87c9;
    background-color: #eee;
    border-radius: 5px;
    box-shadow: 4px 4px #ccc;
}

::placeholder {
    color: #994d00;
    opacity: 1; /* Firefox */
    font-size: 10px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #994d00;
    font-size: 14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #994d00;
    font-size: 14px;
}