.autocomplete-list {
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 31px;
    z-index: 999;
    background-color: white;
    border: 1px solid #dbdbdb;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}


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


.autocomplete-list li:hover {
    color: #00d1b2;
    background-color: whitesmoke;
}

.spinner {
  margin: 50px;
  height: 280px;
  width: 280px;
  animation: rotate 1s infinite linear;
  border: 8px solid #00d1b2;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    
    border-bottom: 5px solid white;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    
    border-top: 5px solid white;
}

.column.content-pane {
    overflow-x: auto;
}

.product-type-select {
    width: 15em;
}