﻿.blazored-typeahead {
    border: 1px solid var(--br-form-item);
}

    .blazored-typeahead:focus-within {
        border-color: var(--br-form-item-focus) !important;
        box-shadow: var(--bsh-form-item) !important;
    }

.blazored-typeahead__input:focus {
    border-color: var(--br-form-item-focus) !important;
}

.blazored-typeahead__input {
    background-color: var(--b-form-item);
    color: var(--c-form-item);
    border-radius: 5px 0 0 5px;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
}

.blazored-typeahead__input-icon:focus {
    box-shadow: none;
}

.blazored-typeahead__results {
    background-color: var(--b-form-item);
    color: var(--c-form-item);
    border-color: var(--br-form-item) !important;
    border-radius: 0 0 5px 5px;
}

.blazored-typeahead__result {
    border: 0;
}

    .blazored-typeahead__result:hover {
        background-color: #0d6efd;
        color: var(--c-form-item);
        border: none;
    }

.typeahead__item-icon {
    height: 20px;
    width: 20px;
    margin-right: .35rem;
}

.blazored-typeahead__selected-item {
    background-color: var(--b-typeahead-selected);
}

.blazored-typeahead__input-mask-wrapper {
    background-color: var(--b-form-item);
    color: var(--c-form-item);
    border-radius: 5px 0 0px 5px;
}

.blazored-typeahead__input-mask {
    padding: 0.375rem 0.75rem;
}

.blazored-typeahead__input-icon {
    background-color: var(--b-form-item);
    color: var(--c-form-item);
    padding: 0;
    justify-content: center;
    align-items: center;
}

.blazored-typeahead__clear {
    padding: 0;
    justify-content: center;
    align-items: center;
}
