.hover_tip .hover_tip_content {
  box-sizing: border-box;
}

.hover_tip .hover_tip_content > *:first-child {
  margin-top: 0;
}

.hover_tip .hover_tip_content > *:last-child {
  margin-bottom: 0;
}

.hover_tip .hover_tip_content {
  background-color: #f2faff;
  border: 1px solid #73bae5;
}

.hover_tip {
  font-size: 12px;
  line-height: 15px;
  position: relative;
  display: inline-block;
}

.hover_tip .hover_tip_activator {
  cursor: pointer;
}

.hover_tip .hover_tip_activator:hover + .hover_tip_content {
  display: block;
}

.hover_tip .hover_tip_activator.activator_icon .fa {
  vertical-align: super;
  color: #2a678c;
}

.hover_tip .hover_tip_activator.activator_text {
  display: inline;
}

.hover_tip .hover_tip_content {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  bottom: calc(12px + 1em);
  left: 50%;
  display: none;
  min-width: 250px;
  margin-left: -125px;
  margin-bottom: 5px;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: normal;
  z-index: 10000000;
}

.hover_tip .hover_tip_content:before, .hover_tip .hover_tip_content:after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: calc(50% - 12px);
  height: 0;
  width: 0;
  margin-bottom: -12px;
  border: 12px solid transparent;
  border-top-color: #f2faff;
  background: transparent;
  pointer-events: none;
}

.hover_tip .hover_tip_content:before {
  bottom: -12px;
  border-top-color: #73bae5;
}