.phq-tooltip {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
  position: absolute;
  z-index: 10002;
  width: 210px; }
  .phq-tooltip.billings-ft b {
    display: block;
    margin-bottom: 8px; }
  .phq-tooltip .phq-tooltip__body {
    padding: 9px 13px;
    -ms-word-break: keep-all; }
  .phq-tooltip a {
    color: #0186bd;
    font-weight: bold; }
    .phq-tooltip a:hover {
      text-decoration: underline; }
  .phq-tooltip .arrow {
    position: absolute; }
    .phq-tooltip .arrow.arrow-left, .phq-tooltip .arrow.arrow-right {
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent; }
  .phq-tooltip.red {
    border-color: #dd4b49;
    background: #fedfdf;
    color: #dd4b49; }
    .phq-tooltip.red .arrow-left {
      left: -8px;
      border-right: 8px solid #dd4b49; }
      .phq-tooltip.red .arrow-left:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #fedfdf;
        content: '';
        top: -7px;
        left: 1px;
        position: absolute; }
    .phq-tooltip.red .arrow-right {
      right: -8px;
      border-left: 8px solid #dd4b49; }
      .phq-tooltip.red .arrow-right:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fedfdf;
        content: '';
        top: -7px;
        right: 1px;
        position: absolute; }
    .phq-tooltip.red .arrow-up {
      top: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #dd4b49; }
      .phq-tooltip.red .arrow-up:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fedfdf;
        content: '';
        top: 1px;
        right: -7px;
        position: absolute; }
    .phq-tooltip.red .arrow-down {
      bottom: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #dd4b49; }
      .phq-tooltip.red .arrow-down:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fedfdf;
        content: '';
        bottom: 1px;
        right: -7px;
        position: absolute; }
  .phq-tooltip.yellow {
    border-color: #f7f0ac;
    background: #fefbda;
    color: #394344; }
    .phq-tooltip.yellow .arrow-left {
      left: -8px;
      border-right: 8px solid #f7f0ac; }
      .phq-tooltip.yellow .arrow-left:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #fefbda;
        content: '';
        top: -7px;
        left: 1px;
        position: absolute; }
    .phq-tooltip.yellow .arrow-right {
      right: -8px;
      border-left: 8px solid #f7f0ac; }
      .phq-tooltip.yellow .arrow-right:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fefbda;
        content: '';
        top: -7px;
        right: 1px;
        position: absolute; }
    .phq-tooltip.yellow .arrow-up {
      top: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #f7f0ac; }
      .phq-tooltip.yellow .arrow-up:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fefbda;
        content: '';
        top: 1px;
        right: -7px;
        position: absolute; }
    .phq-tooltip.yellow .arrow-down {
      bottom: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #f7f0ac; }
      .phq-tooltip.yellow .arrow-down:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fefbda;
        content: '';
        bottom: 1px;
        right: -7px;
        position: absolute; }
  .phq-tooltip.grey {
    border-color: #e3e3e3;
    background: #e3e3e3;
    color: #465252; }
    .phq-tooltip.grey .arrow-left {
      left: -8px;
      border-right: 8px solid #e3e3e3; }
      .phq-tooltip.grey .arrow-left:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #e3e3e3;
        content: '';
        top: -7px;
        left: 1px;
        position: absolute; }
    .phq-tooltip.grey .arrow-right {
      right: -8px;
      border-left: 8px solid #e3e3e3; }
      .phq-tooltip.grey .arrow-right:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #e3e3e3;
        content: '';
        top: -7px;
        right: 1px;
        position: absolute; }
    .phq-tooltip.grey .arrow-up {
      top: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #e3e3e3; }
      .phq-tooltip.grey .arrow-up:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #e3e3e3;
        content: '';
        top: 1px;
        right: -7px;
        position: absolute; }
    .phq-tooltip.grey .arrow-down {
      bottom: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #e3e3e3; }
      .phq-tooltip.grey .arrow-down:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #e3e3e3;
        content: '';
        bottom: 1px;
        right: -7px;
        position: absolute; }
  .phq-tooltip.blue {
    border-color: #bebebe;
    background: #f1faff;
    color: #394344; }
    .phq-tooltip.blue .arrow-left {
      left: -8px;
      border-right: 8px solid #bebebe; }
      .phq-tooltip.blue .arrow-left:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #f1faff;
        content: '';
        top: -7px;
        left: 1px;
        position: absolute; }
    .phq-tooltip.blue .arrow-right {
      right: -8px;
      border-left: 8px solid #bebebe; }
      .phq-tooltip.blue .arrow-right:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #f1faff;
        content: '';
        top: -7px;
        right: 1px;
        position: absolute; }
    .phq-tooltip.blue .arrow-up {
      top: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #bebebe; }
      .phq-tooltip.blue .arrow-up:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #f1faff;
        content: '';
        top: 1px;
        right: -7px;
        position: absolute; }
    .phq-tooltip.blue .arrow-down {
      bottom: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #bebebe; }
      .phq-tooltip.blue .arrow-down:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #f1faff;
        content: '';
        bottom: 1px;
        right: -7px;
        position: absolute; }
  .phq-tooltip.dark {
    border: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff; }
    .phq-tooltip.dark .arrow-left {
      left: -8px;
      border-right: 0 solid #000; }
      .phq-tooltip.dark .arrow-left:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid rgba(0, 0, 0, 0.6);
        content: '';
        top: -7px;
        left: 1px;
        position: absolute; }
    .phq-tooltip.dark .arrow-right {
      right: -8px;
      border-left: 0 solid #000; }
      .phq-tooltip.dark .arrow-right:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid rgba(0, 0, 0, 0.6);
        content: '';
        top: -7px;
        right: 1px;
        position: absolute; }
    .phq-tooltip.dark .arrow-up {
      top: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 0 solid #000; }
      .phq-tooltip.dark .arrow-up:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid rgba(0, 0, 0, 0.6);
        content: '';
        top: 1px;
        right: -7px;
        position: absolute; }
    .phq-tooltip.dark .arrow-down {
      bottom: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 0 solid #000; }
      .phq-tooltip.dark .arrow-down:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid rgba(0, 0, 0, 0.6);
        content: '';
        bottom: 1px;
        right: -7px;
        position: absolute; }