.referrals-body img.size1{
  max-width: calc(var(--referall-icon-size, 32px)*0.8) !important;
  min-width: calc(var(--referall-icon-size, 32px)*0.8) !important;
}
.referrals-body img.size2{
  max-width: var(--referall-icon-size, 32px) !important;
  min-width: var(--referall-icon-size, 32px) !important;
}
.referrals-body img.size3{
  max-width: calc(var(--referall-icon-size, 32px)*1.2) !important;
  min-width: calc(var(--referall-icon-size, 32px)*1.2) !important;
}

.referrals-body img {
  max-width: 160px !important;
  border: 1px grey;
}
.referrals-body .referral-description.size1{
  font-size: 80%;
}
.referrals-body .referral-description.size2{
  font-size: 85%;
}
.referrals-body .referral-description.size3{
  font-size: 90%;
}
.referrals-body a{
  background: none !important;
  padding: 0;
  margin: 0;
}
.referrals-body .favorite-referral{
  background-color:  rgb(133, 44, 40, 0.05);
  border-radius: 1px;
}


.context-menu-open {
  display: none;
  position: fixed;
  font-size: 12px;
  z-index: 99999;
  top: 0;
  left: 0;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.54);
  background-color: white;
  border-radius: 4px;
  padding: 4px;
}
.context-menu-open ul {
  padding: 0;
  margin: 0;
}
.context-menu-open ul li {
  cursor: pointer;
  list-style: none;
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid #BFE2FF;
}
.context-menu-open ul li:last-child {
  border-bottom: 1px solid transparent;
}
.context-menu-open ul li:hover {
  background-color: #BFE2FF;
}