/* AUTOCOMPLETE */

.autocomplete {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

    .autocomplete input {
        font-size: 15px;
        width: 100%;
        margin: 0;
        padding: 0.4em;
    }

    .autocomplete ul {
        position: absolute;
        left: 0;
        width: 100%;
        border-left: 1px solid #888;
        border-right: 1px solid #888;
        border-bottom: 1px solid #888;
        z-index: 1;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .autocomplete li {
        font-size: 15px;
        text-align: left;
        list-style: none;
        color: #202020;
        margin: 0;
        padding: 0.4em;
        background-color: #fff;
    }

        .autocomplete li.active {
            background-color: #F5F5F5;
            margin: 0;
        }

    .autocomplete .highlight {
        font-weight: bold;
        margin: 0;
        background-color: #fff;
        color: #000000;
    }

    .autocomplete .category {
        color: #909090;
    }

    .autocomplete .icon {
        color: #CBCBCB;
        padding-right: 15px;
    }

    .autocomplete li.active .highlight {
        margin: 0;
        background-color: #F5F5F5;
    }