/**
 * A jQuery plugin autocomplete
 * @author Gozoro <gozoro@yandex.ru>
 *
 */

 .multiselect-dropdownlist{
	position:absolute;
	display: none;
	border: 1px solid black;
	background: white;
	color:black;
	overflow-y: auto;
	max-height:300px;
	z-index:4000;
}

.autocompleter-item{
	cursor: pointer;
	color: black;
	padding: 4px;
}

.autocompleter-item.selected{
	background-color: #398ee7;
	color: white;
}

/* overide to make it alway on top of cards and cotroll */
/* Ensure autocomplete list pops above any cards */
/* Ensure each card is its own stacking context */
    .card.card-style { 
      position: relative !important; 
      z-index: auto !important;
    }

    /* Ensure autocomplete list pops above any cards */
    .multiselect-dropdownlist {
      max-height: 60vh !important;
      z-index: 9999 !important; /* above headers/footers/cards */
    }

    /* Temporarily lift the card containing the focused autocomplete input */
    .card.lift-on-autocomplete {
      z-index: 9998 !important;
      /* Remove stacking context from card to allow child dropdown to overlay siblings */
      -webkit-transform: none !important;
      transform: none !important;
      overflow: visible !important;
    }