/*
 * ContactesSite - Choices (reemplazo de Chosen)
 * Estilos equivalentes a los que se usaban en configuration.jsp con Chosen.
 */
.Contacts-portlet {
  /* Choices */
  /* Oculta texto interno que Choices pueda inyectar dentro del botón */
  /* Regla adicional para evitar interferencia de cadmin */
}
.Contacts-portlet select.js-choices {
  width: 100% !important;
}
.Contacts-portlet .choices__inner {
  background-color: #fff;
  width: var(--choices-width, 100%) !important;
  border: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd) !important;
  border-radius: var(--choices-border-radius, 2.5px) !important;
  padding: var(--choices-inner-padding, 7.5px 7.5px 3.75px) !important;
}
.Contacts-portlet .choices__list--multiple .choices__item,
.Contacts-portlet .choices__list--multiple .choices__item.is-highlighted {
  font-size: inherit;
  background: #eee !important;
  border-color: #eee !important;
  color: #333333;
  padding: var(--choices-multiple-item-padding, 4px 10px) !important;
}
.Contacts-portlet .choices__list--multiple {
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
}
.Contacts-portlet .choices__list.choices__list--dropdown.is-active {
  width: var(--choices-width, 100%) !important;
  border-left: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd) !important;
  border-right: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd) !important;
  border-bottom: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd) !important;
  padding: 10px !important;
}
.Contacts-portlet .choices__input {
  background-color: #fff !important;
  caret-color: transparent !important;
  margin-left: 5px !important;
}
.Contacts-portlet .choices__button {
  background: url("/o/contacts-diba/images/chosen-sprite.png") -42px 1px no-repeat !important;
  width: 12px !important;
  height: 12px !important;
  border: none !important;
  margin-left: 7px !important;
  opacity: 1 !important;
  line-height: 0 !important;
  color: transparent !important;
}
.Contacts-portlet .choices__input:focus,
.Contacts-portlet .choices__button:focus-visible {
  outline: 0 !important;
}
.Contacts-portlet .choices__button * {
  display: none !important;
}
.Contacts-portlet .choices__list--multiple input {
  display: inline !important;
  width: auto !important;
  margin-bottom: 0 !important;
}