/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */


/* Component containers
----------------------------------*/
.ui-autocomplete {
  width: 460px !important;  /* NOSONAR */
  /* set some max-height for not too long autocomplete */
  max-height: 22rem; /* 5 lines 4.4 rem each */
  overflow-y: hidden;
  overflow-x: hidden;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.37), -2px 2px 3px rgba(0, 0, 0, 0.37);
  border-top: 1px #112e51 solid;
}

.ui-widget-content {
  background: #fff;
}

.ui-widget-content .ui-menu-item {  /* NOSONAR */
  /* override jquery-ui default picture */
  list-style-image: none;
  /* appearance same as search bar, see uswds.css */
  padding: .8em .7em;
  margin: 0;
  line-height: 1.7rem;
  height: 4.4rem;
  width: 460px !important;  /* NOSONAR */
  /* no text wrap, ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Interaction states
----------------------------------*/
.ui-widget-content .ui-state-focus {
  border: none; /* override jquery-ui default */
  background: #e1f3f8;  /* light-blue */
}

@media screen and (max-width: 800px) {
  .ui-autocomplete {
    max-height: 16.5rem; /* 5 lines 3.3 rem each */
    width: 100% !important;  /* NOSONAR */
  }

  .ui-widget-content .ui-menu-item {
    width: 100% !important;  /* NOSONAR */
    height: 3.3rem;
    font-size: 1.7rem;
    line-height: 2.3rem;
    padding: .3em .7em 0;
    box-sizing: border-box;
  }
}