/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-typeahead {
    border-radius: 0.4rem;
    border: 0.1rem solid var(--primary-e-normal);
    background: url('/assets/skins/lahuen/base/images/icon_select.svg') no-repeat right 1rem center/1rem;
    position: relative;
    height: 2.3rem;
    padding: 0 2.5rem 0 1rem;
    display: flex;
    align-items: center;
    font: 400 1.2rem / normal 'Open Sans', sans-serif;
}

.c-typeahead:focus-within {
    border-color: #ff8533;
    transition: border-color 0.3s ease;
}

.c-typeahead-selector {
    font: 1.2rem / normal 'Open Sans', sans-serif;
    color: #333;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    position: absolute;
    background-color: #fff;
    width: 100%;
    max-height: 11rem;
    overflow: auto;
}

.c-typeahead-selector__item {
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.c-typeahead-selector__item:hover {
    background-color: #e6e6eb;
    transition: background-color 0.3s ease;
}

.c-typeahead__viewer {
    color: var(--gray-a);
    font: 400 1.2rem/1.5rem 'Open Sans', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c-typeahead__action-clear {
    -webkit-mask: url('data:image/svg+xml,<svg fill="%23fff" viewBox="2.52 2.52 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M77.126,63.411L53.715,39.998l23.408-23.409c3.788-3.788,3.791-9.925,0.003-13.712 c-3.786-3.787-9.926-3.788-13.714,0L40.001,26.288L16.589,2.875c-3.787-3.787-9.927-3.788-13.714,0 c-3.787,3.787-3.786,9.927,0.001,13.714l23.412,23.413L2.877,63.411c-3.787,3.788-3.788,9.929-0.001,13.715 c3.789,3.789,9.926,3.784,13.713-0.002L40,53.713l23.412,23.412c3.787,3.788,7.927,3.786,13.713,0 C80.912,73.338,80.914,67.197,77.126,63.411z"/></svg>') center/.8rem no-repeat;
    background-color: #bbbcc9;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    height: 1.2rem;
    width: 1.2rem;
    cursor: pointer;
}

.c-typeahead__action-clear.c-action--tertiary .c-action__label.c-label {
    display: none;
}

.c-label.c-typeahead__placeholder {
    color: var(--gray-a);
}

.c-typeahead .c-typeahead__search {
    position: absolute;
    top: 2.4rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 15%);
    z-index: 10;
}

.c-typeahead__search .c-textfield {
    margin: 1rem;
    width: -webkit-fill-available;
}

/*disabled section*/
.c-form-section__value.c-edit-table__editable--typeahead.c-typeahead.c-typeahead--disabled {
  background-color: var(--primary-f-normal);
}