/* ===========================================================================
   Nova Poshta - the suggestion list on the checkout
   Author: mstkalenko / https://ocmod.net
   ---------------------------------------------------------------------------
   Deliberately quiet, and deliberately small. The module adds no field of its
   own to the checkout, and no wrapper around anybody else's: the list is a
   single element in the body, positioned under the field it belongs to.

   That is what makes it work inside a checkout drawn in a container with
   overflow:hidden, or inside a modal - d_quickcheckout is both - where a
   dropdown placed next to the field is built, filled and then clipped away
   where nobody can see it.

   The z-index clears Bootstrap's modal, which sits at 1050.
   =========================================================================== */
.np-list {
  display: none;
  position: absolute;
  z-index: 10050;
  max-height: 280px;
  margin: 2px 0 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.np-list li {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

.np-list li:last-child {
  border-bottom: 0;
}

.np-list li:hover {
  background: #f5f5f5;
}

.np-list li small {
  display: block;
  opacity: .7;
}

.np-list .np-empty {
  cursor: default;
  opacity: .7;
}

.np-list .np-empty:hover {
  background: none;
}