.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: default;
}




.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: default;
  overflow: visible; /* allow tooltip to escape parent bounds */
}

.tooltip-content {
  visibility: hidden;
  opacity: 0;
  width: max-content;
  max-width: 320px;
  background-color: #2e3a59;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
  position: absolute;
  bottom: calc(100% + 6px); /* show above the trigger by default */
  left: 50%;
  transform: translateX(-50%);
  white-space: normal;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  transition: opacity 0.12s ease-in-out, transform 0.12s ease-in-out;
  z-index: 3000; /* sit above other UI elements */
  pointer-events: auto;
}

.tooltip-table-content {
  max-width: none;
  width: auto;
  background: #2e3a59;
  border-radius: 4px;
  padding: 0.7rem 0.5rem;
}

.tooltip-table {
  min-width: 600px;
  white-space: nowrap;
  background: #2e3a59;
  color: #fff;
  border-collapse: separate;
  border-spacing: 0;
}
.tooltip-table th {
  background: #2e3a59;
  color: #fff;
  font-weight: 600;
  border: none;
}
.tooltip-table td {
  background: #2e3a59;
  color: #fff;
  border: none;
}
.tooltip-table tr {
  border: none;
}


.tooltip-table {
  min-width: 600px;
  white-space: nowrap;
}

.tooltip-right .tooltip-content {
  /* Right-aligned tooltip: center vertically and place to the right */
  top: 50%;
  left: 100%;
  bottom: auto;
  transform: translateY(-50%) translateX(12px);
}

.tooltip-wrapper:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}

/* Ensure table cells and common containers don't clip overflowed tooltips */
.table, .table td, .table th, .tab-pane, .modal-body, .container {
  overflow: visible !important;
}