$cursorColor: #eeeeee;

.optionListContainer {
  //width: 100%;
  overflow-y: auto;
}

.optionContainer {
  height: 26px;
  padding: 4px;
  cursor: pointer;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  &:hover {
    background-color: $cursorColor;
  }
}

.optionItem {
  overflow: hidden;
  text-overflow: ellipsis;
}

.optionItemOverlay {
  white-space: normal;
  max-width: 860px;
  padding: 5px;
}

.valueUnset {
  font-style: italic;
}

.optionContainer.hasCursor {
  background-color: $cursorColor;
}

.optionContainer.highlighted {
  background-color: #b9e6fd;
}

.optionContainer.isDisabled {
  opacity: 0.6;

  &:hover {
    cursor: not-allowed;
  }
}