.autocomplete {
    position: relative;
}

    .autocomplete .options {
        position: absolute;
        left: 1rem;
        right: 1rem;
        background: white;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        border-radius: 0.5rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.15);
    }

    .autocomplete .option {
        display: block;
        padding: 0.25rem 0.5rem;
    }

        .autocomplete .option .option-text {
            margin:0;
        }
        .autocomplete .option .sub {
            background-color: #EEE;
            border-radius: 16px;
            font-size: 0.66em;
            padding: 0.25rem 0.5rem;
            margin: 0;
            vertical-align: middle;
        }

        .autocomplete .option:hover .sub,
        .autocomplete .option.focused .sub {
            background-color: #068980;
        }

        .autocomplete .option:hover,
        .autocomplete .option.focused {
            background: #00C2B5;
            color: #fff;
            cursor: pointer;
        }

        .autocomplete .option.more-results {
            background-color: lightgrey;
            font-size: 0.8rem;
        }

        .autocomplete .option.disabled,
        .autocomplete .option.disabled:hover {
            background-color: lightgrey;
            cursor: default;
            color: #006179;
        }