﻿.autocomplete-chip-pick-reference {
    text-align: left;
    position: relative;
}

.autocomplete-chip-pick-reference .chips {
    display: flex;
}

.autocomplete-chip-pick-reference .chips.input-field {
    margin: 0px;
    height: 25px;
}

.autocomplete-chip-pick-reference .chips.input-field input {
    flex-grow: 1;
    width: 0px !important;
}

.autocomplete-chip-pick-reference .chips input:disabled {
    display: none;
}

.autocomplete-chip-pick-reference .chip.invalid {
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-color: red;
}

.autocomplete-chip-pick-reference .chip.invalid:not(:active, :focus) {
    color: red;
}

.autocomplete-chip-pick-reference .chip:active,
.autocomplete-chip-pick-reference .chip:focus {
    background-color: grey;
}

.autocomplete-chip-pick-reference .icon-on-input-field {
    right: 0px;
    z-index: 1;
    line-height: 1.5;
    margin-left: 0px;
    position: absolute;
}

.autocomplete-chip-pick-reference .chip {
    margin-top: 5px;
    flex-shrink: 1;
    max-width: calc(100% - 30px);
}

.autocomplete-chip-pick-reference .chips.valid {
    border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50;
}

.autocomplete-chip-pick-reference .chips.invalid {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

.info-article-column .autocomplete-chip-pick-reference {
    max-width: 180px;
}