.tip,
.tip2,
.tipp {
  background: url(../../images/help-mini.svg) no-repeat;
  margin-left: 3px;
}

.tip_people {
  background: url(../../images/group.png) no-repeat;
}

.tip_parent {
  background: url(../../images/tip_parent.png) no-repeat;
}

.tip_child {
  background: url(../../images/tip.png) no-repeat;
}

.tip_info {
  background: url(../../images/information.png) no-repeat;
}

.tip_view {
  background: url(../../images/details.svg) no-repeat;
  background-size: 20px;
}

.tip_view,
.tip_view * {
  color: var(--text-color-secondary);
}

.tip,
.tip2,
.tip_people,
.tip_info,
.tip_parent,
.tip_child,
.tip_view {
  padding: 10px 9px 5px 12px;
}
.tipp {
  padding: 2px 2px 2px 12px;
}
.help {
  background: url(../../images/help.gif) no-repeat;
  padding: 2px 2px 2px 12px;
  left: 5px;
}
.info {
  padding: 25px 0px 0px 0px;
}
.info2 {
  padding: 2px 0px 0px 0px;
}
.tip,
.tip2,
.tipp,
.help,
.info,
.info2,
.tip_people,
.tip_info,
.tip_parent,
.tip_child,
.tip_view {
  position: relative;
  top: 8px;
  text-decoration: none;
  white-space: initial;
}
.tip:hover {
  text-decoration: none;
}
.tip2:hover {
  text-decoration: none;
  background-color: #e6e9cd;
}
.tipp:hover {
  text-decoration: none;
  background-color: #778866;
}
.info:hover,
.info2:hover,
.help:hover,
.tip_people:hover,
.tip_info:hover,
.tip_parent:hover,
.tip_child:hover,
.tip_view:hover {
  text-decoration: none;
}
.tip span,
.tip2 span,
.tipp span,
.info span,
.info2 span,
.help span,
.tip_people span,
.tip_info span,
.tip_parent span,
.tip_child span,
.tip_view span {
  display: none;
}
.tip:hover span,
.tip2:hover span,
.tipp:hover span,
.info:hover span,
.info2:hover span,
.help:hover span,
.tip_info:hover span,
.tip_parent:hover span,
.tip_child:hover span,
.tip_view:hover span {
  display: block;
  text-decoration: none;
  position: absolute;
  z-index: 99;
  top: 20px;
  left: 6px;
  width: 210px;
  background-color: #505050;
  border: 1px solid #708090;
  color: var(--text-color-secondary) !important;
  font-weight: 500 !important;
  line-height: normal !important;
  font-size: 1em;
  padding: 10px;
}

.tip-table:hover span {
  top: -10px;
  left: 15px;
}

.tip_people:hover span {
  display: block;
  text-decoration: none;
  position: absolute;
  z-index: 99;
  top: 20px;
  left: 6px;
  width: 230px;
  border: 1px solid #708090;
  background-color: #eeeeee;
  color: #000;
  margin-top: 10px;
  margin-left: -250px;
  padding: 2px;
  font-size: 1em;
}
.info:hover span {
  top: 45px;
  left: 20px;
  width: 100px;
}
.info2:hover span {
  top: 8px;
}
.help:hover span {
  top: 15px;
  width: 80px;
}

.tip.tip-width-unset span {
  width: unset;
}

.dataTable.dataTable-v2 .tip.tip-width-unset span {
  width: max-content;
  max-width: 150px;
}