/* _content/Quodix.Blazor.Shared/Components/QuodixTooltip.razor.rz.scp.css */
.tooltip-wrapper[b-uai7t2n3v3] {
  position: relative;
  display: inline-block;
}

.tooltip-wrapper.top .tooltip-content[b-uai7t2n3v3] {
  bottom: 100%;
  left: 50%;
  margin-bottom:5px;
  transform: translateX(-50%);
}

.tooltip-wrapper.bottom .tooltip-content[b-uai7t2n3v3] {
  top: 100%;
  left: 50%;
  margin-top:5px;
  transform: translateX(-50%);
}

.tooltip-wrapper.left .tooltip-content[b-uai7t2n3v3] {
  top: 50%;
  right: 100%;
  margin-right: 5px;
  transform: translateY(-50%);
}

.tooltip-wrapper.right .tooltip-content[b-uai7t2n3v3] {
  top: 50%;
  left: 100%;
  margin-left: 5px;
  transform: translateY(-50%);
}

.tooltip-content[b-uai7t2n3v3] {
  visibility: hidden !important;
  position: absolute;
  background-color: #333;
  color:#fff;
  padding: 5px;
  border-radius: 5px;
  z-index: 9999;
  width:230px;
  word-wrap: break-word;
  max-width: 80vw;
  font-size: small;
}

  .tooltip-content[b-uai7t2n3v3]::after {
      position: absolute;
      border-width: 5px;
      border-style: solid;
  }

.tooltip-wrapper:hover .tooltip-content[b-uai7t2n3v3] {
  visibility: visible !important;
}