/* Базовые стили */
.p-multiselect {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Контейнер для выбранных элементов */
.p-multiselect-label-container {
    overflow: hidden;
    flex-wrap: wrap;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

/* Отдельный выбранный элемент (чип) */
.p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

/* Текст выбранного элемента */
.p-multiselect-token-label {
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    white-space: nowrap;
}

/* Кнопка удаления выбранного элемента */
.p-multiselect-token-icon {
    cursor: pointer;
}

/* Поле ввода для фильтрации */
.p-multiselect-filter-container {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    border: 1px solid #a7a8aa;
    border-radius: 6px;
}

.p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;

}



/* Список опций */
.p-multiselect-panel {
    position: absolute;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.p-multiselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #c0c1c3;
}

.p-multiselect-items {
    padding: 0.5rem 0;
}

.p-multiselect-item {
    cursor: pointer;
    padding: 0.5rem 1rem;
    transition: background-color .2s;
    border: 0 none;
}

/* Стили при наведении и фокусе */
.p-multiselect-item:hover {
    background-color: #e9ecef;
}

.p-multiselect-item:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #8dcdfe;
}

/* Стили для опции с чекбоксом */
.p-multiselect-item-checkboxmultiselect {
    margin-right: 0.5rem;
}