.has_tooltip {
  /* Tooltip text */
  z-index: 10 !important;
  /* Show the tooltip text when you mouse over the tooltip container */ }
  .has_tooltip .tooltip {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 11 !important; }
    .has_tooltip .tooltip::after {
      content: " ";
      position: absolute;
      top: 100%;
      /* At the bottom of the tooltip */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: black transparent transparent transparent; }
    .has_tooltip .tooltip.above_left {
      width: 200px;
      bottom: 100%;
      left: 100%;
      margin-left: -220px;
      margin-bottom: 5px; }
      .has_tooltip .tooltip.above_left::after {
        left: 205px; }
    .has_tooltip .tooltip.below_left {
      width: 200px;
      top: 100%;
      bottom: auto;
      left: 100%;
      margin-left: -240px;
      margin-bottom: 5px; }
      .has_tooltip .tooltip.below_left::after {
        content: " ";
        position: absolute;
        top: auto;
        bottom: 100%;
        left: 205px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent; }
    .has_tooltip .tooltip.above_centre {
      background-color: black;
      width: 200px;
      top: auto;
      bottom: 100%;
      left: 0%;
      margin-left: -110px;
      margin-bottom: 5px; }
      .has_tooltip .tooltip.above_centre::after {
        content: " ";
        position: absolute;
        top: 100%;
        /* At the bottom of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent; }
  .has_tooltip:hover .tooltip {
    visibility: visible; }

/*# sourceMappingURL=tooltip.css.map */