div.jon-ac {
    background: white;
    border : 1px solid #efefef;
    display: none;
    height: 200px;
    width: 100%; 
    overflow:auto;
    padding : 2px;
    margin: 0;
    margin-top: -10px;
    box-shadow: 0 0 6px 1px rgb(62 28 131 / 10%);
}

.jon-ac h3 {
    line-height: 21.8px;
    text-align: left;
    padding-left: 10px;
}

.jon-ac ul {
    padding-top: 10px;
    text-align: left;
    margin-left: 0;
}

div.jon-ac li:before {
    content: none;
}

.jon-ac li {
    padding: 2px 20px;
    border-bottom: solid 1px #eee;
    cursor:pointer;
    font-size: 14px;
}

.jon-ac li:hover {
    background-color : #337ab7;
    color:white;
}

.jon-ac li a {
    width : 100%;
    font-size: 14px;
}
.jon-ac li:hover, .jon-ac li:hover > a { color :white ; }