/*
  De selectors in dit bestand moeten zo specifiek zijn omdat ze anders worden aangesproken door de select2min.css
*/

span.select2-dropdown {
  z-index: 900;
}

/* Opgevoerde multi-select items */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 0;
  padding: 0.3em;
}

li.select2-selection__choice {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Highlight en selectie kleur */
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: #bfc8d1;
  color: #5a6269;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #dbe1e7;
}

/* Verwijderkruisje */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  transition: color 0.2s ease;
  padding: 0.2em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #E95B54;
}

/* P1010 Front page */
  /* Meer resultaten tonen, oorspronkelijk 200px */
  .page-1010 .select2-container--default .select2-results>.select2-results__options {
    max-height: 280px;
  }

  /* Zoekveld border */
  .page-1010 .select2-container--default span.select2-selection--multiple,
  .page-1010 .select2-container--default span.select2-selection--single {
    border: 1px solid #dfdfdf;  /* #aaa; */
    border-radius: 6px;
  }

  .page-1010 .select2-container--default.select2-container--open.select2-container--below span.select2-selection--single,
  .page-1010 .select2-container--default.select2-container--open.select2-container--below span.select2-selection--multiple {
    border-bottom: 0;
  }

  /* Zoekveld en resultaten breed maken */
  .page-1010 .select2-selection--multiple .select2-search--inline .select2-search__field,
  .page-1010 ul.select2-selection__rendered,
  .page-1010 li.select2-search.select2-search--inline,
  .page-1010 li.select2-selection__choice {
    width: 100% !important;
  }

  .page-1010 #P1010_SEARCH_CONTAINER,
  .page-1010 #P1010_SEARCH_CONTAINER ul,
  .page-1010 #P1010_SEARCH_CONTAINER li {
    font-size: 14pt;
  }

  .page-1010 #P1010_SEARCH_CONTAINER .select2-results__option,
  .page-1010 #P1010_SEARCH_CONTAINER .select2-results__message,
  .page-1010 #P1010_SEARCH_CONTAINER .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 10px;
  }

  .page-1010 #P1010_SEARCH_CONTAINER .select2-container .select2-selection--multiple .select2-selection__rendered {
    font-size: 20pt;
  }