.tooltip-inner {
  width: 65px;
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #DBF7FF;
  color: #0F87AA;
  font-weight: bold;
  border-radius: 50px;
  border-bottom-color:#DBF7FF !important;
}

.tooltip .arrow{
  border-bottom-color:#DBF7FF !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #DBF7FF;
}