/* Nile Panel — order pages of Perfect Panel themes: the New order search results list (order.js). */
#new-order-search .np-order-search {
  position: absolute; top: 100%; left: 0; right: 0; z-index: 1050;
  max-height: 320px; overflow-y: auto; margin-top: 4px; width: 100%;
  /* order.js sets the theme's own opaque background; these make it read as a list over the form. */
  border: 1px solid rgba(127, 127, 127, .35); border-radius: 8px; box-shadow: 0 10px 28px rgba(0, 0, 0, .35); padding: 4px 0;
}
#new-order-search .np-order-search > li > a { padding: 8px 12px; color: inherit; }
#new-order-search .np-order-search > li > a:hover, #new-order-search .np-order-search > li > a:focus { background: rgba(127, 127, 127, .18); text-decoration: none; }
#new-order-search .np-order-search > li > a { white-space: normal; display: block; }
#new-order-search .np-order-search .select2-selection__id { margin-inline-end: 6px; }
#new-order-search .np-order-search .select2-selection__rate { opacity: .7; white-space: nowrap; }
.select2-selection__rate { opacity: .75; }
/* select2's search box (other lists that keep it) takes the theme's colours instead of a white bar on dark themes. */
.select2-container .select2-search--dropdown .select2-search__field { background: transparent; color: inherit; border-color: rgba(127, 127, 127, .35); }
/* Themes made for Perfect Panel's own select2 shift the open list sideways in right-to-left pages
   (.rtl .select2-container--open .select2-dropdown { transform: translate(100%) }). The standard select2 used here
   already places the list under its field, so that shift pushed it beside the field, over the menu and cut off. */
body .select2-container.select2-container--open .select2-dropdown { transform: none; }