.iconWrapper {
  width: 2rem;
  height: 2rem;
  border-color: var(--color-1-500) !important;
  padding: 2px;
}

.isDisabled {
  cursor: auto;
}

.tooltip {
  margin-left: -3px;
}

.dropdown {
  width: 21rem;
  top: 120% !important;
}

.arrow {
  right: 0.3rem !important;
}

.darkArrow::after {
  border-bottom-color: var(--light-gray) !important;
}

.dropdownItem:not(.isDisabled):hover {
  background-color: var(--color-black-5);
}

.dropdownItem + .dropdownItem {
  border-top: 1px solid var(--border-md);
}

.title {
  font-size: 0.9rem;
  background-color: var(--light-gray);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.emptyListMsg {
  font-size: 0.9rem;
}

.growWidth {
  min-width: 1%;
}

.buttonsWrapper {
  max-height: 380px;
}

.imageWrapper {
  min-width: 28px;
  width: 28px;
  height: 28px;
  border-color: var(--color-1-10) !important;
  box-shadow: 0px 0px 1px 0px var(--color-1-20);
  padding: 0.15rem;
}

.image {
  max-width: calc(100% - 4px);
  max-height: calc(100% - 4px);
}

@media only screen and (max-width: 767.98px) {
  .dropdown {
    width: 18rem;
    right: -5rem;
  }

  .arrow {
    right: 6.25rem !important;
  }
}
