/* generic style for jqueryui autocomplete */
ul.ui-autocomplete, ul.ui-menu {
  position: absolute;
  z-index: 12;
  background: #eee;
  width: inherit;
  text-align: left;

  box-sizing: border-box;
  box-shadow: 0 0 10px #888;
  border-radius: 3px;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;

  /*end of include verbose */

  border-top: 1px solid #bfbfbf; /*$grey*/
  margin-top: -1px;
  display: none; 
  list-style: none !important;  
}


.ui-menu li, .ui-menu li.ui-menu-item {
    cursor: pointer;   
    border-top: 1px solid #bfbfbf; /*border-top: 1px solid $grey;*/
    font-family: sourcesanspro-regular;
    color: #000; /*$black: */
    border-radius: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:12px 10px 12px 10px; /*not same as _forms.css q-autocomplete li */
}

.ui-menu li a , .ui-menu li.ui-menu-item a {

    text-decoration:none;
    font-weight: normal;
}


.ui-menu li:before, .ui-menu li.ui-menu-item::before{
    display:none;
 }
.ui-autocomplete.ui-menu-item:hover,.ui-widget-content.ui-menu-item:hover{
    background-color:#d9d9d9;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
     background-color:#d9d9d9;
}


/* from .q-autocomplete li i in file forms.scss. Todo copy class-value when writing sass.  
.ui-menu-item li i.i-jquiac { */
 i.i-jquiac { 
		display:block;
        float:right;
		font-size: 10; /*emize(12);*/
		color: #555555;/*$dark_grey;*/
		line-height: 1em;
		font-style: normal;
    }
/* jfr _forms.scss li.ac-selected */
.ui-menu li.ui-menu-item:hover
{
    background-color: #d9d9d9; /*$light_grey_4: */
}

input.jquiac-input[type=text]:focus {
		border-color: #555555; /*/$dark_grey; */
}

.jquiac-input:not(.jquiac-showing){
    border-radius: 4px;
}

.jquiac-input.jquiac-showing {
    border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;
}


