.dvAautocomplete {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 20%;
    height: fit-content;
}

    .dvAautocomplete.dvInput {
        display: flex;
        width: 100% !important;
    }

.dvAautocompleteItems {
    position: relative;
    width: 100%;
}

.autocomplete {
    width: 98%;
    z-index: 1000;
    background-color: #fff;
    overflow: hidden;
    border-top: 0;
    max-height: 0;
    transform: scaleY(0);
    transform-origin: top;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: right;
    transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
    will-change: transform, opacity;
}

    .autocomplete.open {
        margin-right: 5px;
        max-height: 200px;
        transform: scaleY(1);
        visibility: visible;
        opacity: 1;
        box-shadow: 0 0 8px rgba(60, 171, 149, 0.3); /* simplified shadow */
    }

        .autocomplete.open ul {
            padding: 10px;
        }

    .autocomplete ul {
        border: 1px solid #00bd9c;
        border-radius: 0 0 5px 5px;
        margin: 0;
        border-top: none;
    }

        .autocomplete ul input[type="checkbox"] + label {
            padding: 10px 35px;
            margin-bottom: 0;
        }

            .autocomplete ul input[type="checkbox"] + label:before {
                margin: 10px 5px;
            }

.autocomplete-item {
    background-color: #fff;
    padding: 10px;
}

    .autocomplete-item:hover,
    .autocomplete-item.selected,
    .autocomplete-item.selected + label {
        background-color: #e9e9e9;
        cursor: pointer;
    }

.selectedItemsContainer {
    max-width: fit-content;
    margin: 0 10px;
}

    .selectedItemsContainer .selectedItem {
        background-color: #34495e;
        color: #fff;
        padding: 3px;
        margin: 2px;
        display: inline-block;
        border-radius: 10px;
        font-size: 0.8em;
    }

        .selectedItemsContainer .selectedItem div {
            padding: 2px;
            display: inline-block;
            cursor: pointer;
            font-size: 1em;
        }
