.quartermaster-sightings-quantity-proper-measure {
    padding-left: 3%;
}

/* Makes plain-text children of row align with form elements. */
.quartermaster-products-packagetype-formrow {
    align-items: center;
}

/* Causes the final "each" to not get squeezed by the
   col-1 it's in.  */
.quartermaster-products-packagetype-finaleach
{
    max-width: none;
}

/* Onionskin display for when request for data is outstanding in the
   Sightings page. This may become generic or maybe not. */
.remote-data-wrapper {
  position: relative;
}

.remote-data-wrapper .remote-data-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

.remote-data-wrapper.loading .remote-data-overlay {
  display: block;
}

.remote-data-wrapper.loading .remote-data-content {
  opacity: 0.2;
}

.remote-data-wrapper .remote-data-loading-onionskin {
  background-color: #eee;
  width: 100%;
  height: 100%;
  position: absolute;
}

.remote-data-wrapper .remote-data-loading-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
}

/* Completions */
ul.completions {
  position: absolute;
  background-color: white;
  min-width: 50%;
  padding: 0;
  z-index: 1000;
}

ul.completions li {
  list-style: none;
  cursor: pointer;
}

ul.completions li:hover {
  background-color: #eee;
}

.sighting-form .selected {
  display: block;
  width: 100%;
}