/* These css styles we found here https://www.utopiafiber.com/ inside the head of the DOM with a inline style code and were modified to fit our needs */

.ac-container {  /* originally pac-container */
    background-color: #fff;
    position: absolute !important;
    z-index: 2000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    /* font-family: Arial, sans-serif; */
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.ac-item { /* originally pac-item */
    /* cursor: default; */
    cursor: pointer;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #515151;
}

.ac-item:not(.no-hover):hover { /* originally pac-item:hover */
    background-color: #fafafa
}

.ac-item.no-hover {
    cursor: default;
}

.ac-item-query { /* originally pac-item-query */
    font-size: 13px;
    /* padding-right: 3px; */
    color: #000;
}

.ac-matched { /* originally pac-matched */
    font-weight: 700;
}