.overlay-component-menu {
  min-width: 280px;
  transition: opacity 0.15s;
  padding: 10px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border: 1px solid black;
  background-color: whitesmoke;
  z-index: 99999;
  /* box-shadow: 0px 0px 5px 1px rgb(97, 97, 97); */
}

.react-contextmenu-item {
  padding-bottom: 10px;
}
.react-contextmenu-item:last-child {
  padding-bottom: 0px;
}

.attr-row svg {
  margin-left: 2px;
  cursor: pointer;
}
.attr-row {
  position: relative;
  display: grid;
  grid-template-columns: 15% 85%;
  font-size: 1em;
}
.attr-row div:first-child {
  font-weight: bold;
}
.attr-row.redi {
  grid-template-columns: 50% 50%;
}
.attr-row.redi .tool-tip-wrap {
  margin-left: 0px;
}

.attr-row .tool-tip {
  display: none;
  position: absolute;
  font-size: 0.8rem;
  padding: 4px 8px;
  top: -24px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  /* left: 0px; */
}
.attr-row .tool-tip.show {
  display: block;
  animation: show-up 0.3s;
}