@import "../paper/variables";
.popover {
  max-width: 100%;

  &.bottom .arrow:after {
    border-bottom-color: $bg-subheader;
  }

  .popover-content {
    border: none;
    border-radius: 6px;
  }

  .popover-title {
    font-size: $font-paragraph;
    color: var(--primary-color);
    background-color: var(--background-color-accent-lvl2);
  }

  &.popover-default-inverse {
    .popover-content {
      border-color: $bg-default-inverse;
    }

    .arrow:after {
      border-bottom-color: $bg-default-inverse;
    }
  }

  &.popover-main {
    .popover-content {
      border-color: $bg-mainpanel;
    }
    .arrow:after {
      border-bottom-color: $bg-mainpanel;
    }
  }

  &.popover-sub {
    .popover-content {
      border-color: $bg-mainheader;
    }
    .arrow:after {
      border-bottom-color: $bg-mainheader;
    }
  }

  &.popover-primary {
    .popover-content {
      border-color: $bg-primary;
    }
    .arrow:after {
      border-bottom-color: $bg-primary;
    }
  }

  &.popover-success {
    .popover-content {
      border-color: $bg-success;
    }
    .arrow:after {
      border-bottom-color: $bg-success;
    }
  }

  &.popover-info {
    .popover-content {
      border-color: $bg-info;
    }
    .arrow:after {
      border-bottom-color: $bg-info;
    }
  }

  &.popover-warning {
    .popover-content {
      border-color: $bg-warning;
    }
    .arrow:after {
      border-bottom-color: $bg-warning;
    }
  }

  &.popover-danger {
    .popover-content {
      border-color: $bg-danger;
    }
    .arrow:after {
      border-bottom-color: $bg-danger;
    }
  }
}

.tooltip.in {
  opacity: 1;
}