.popover {
  padding: 0;
  color: $popover-color;
}

.popover .popover-header {
  padding: $spacing-sm;
  font-weight: $font-weight-bold;
  line-height: $line-height-sm;
  color: $popover-header-color;
  white-space: nowrap;
}

.popover .popover-title {
  padding-bottom: $spacing-xs;
  font-weight: $font-weight-bold;
  line-height: $line-height-sm;
  color: $white;
  white-space: normal;
}

.popover-header {
  margin-top: -1px;
  font-size: $font-size-label;

  .card {
    position: absolute;
    top: -1px;
    border-color: $popover-bg;
  }

  .popover-description {
    color: $white;
    font-weight: $font-weight-base;
    margin-bottom: $spacing-xxs;
    line-height: $line-height-sm;
    font-size: $font-size-xs;
  }
}

.popover-content {
  overflow: hidden;
  padding-bottom: 0;
  white-space: normal;
}

.popover hr {
  margin: 0;
  border-color: $white-transparenter;
}

.popover.tester-profile {
  overflow: hidden;
  pointer-events: none;
  top: -1px;

  .popover-header {
    height: $card-xs + 1;
  }
}

.popover-content .section-headline {

  position: relative;

  .title {
    display: inline-block;

    &:after {
      display: inline-block;
      content: "";
      position: absolute;
      margin-left: 5px;
      bottom: 19px;
      width: 230px;
      height: $border-width;
      background-color: $white-transparenter;
    }
  }
}

.popover.left {
  left: -1px;

  .popover-header .card {
    left: -1px;
    border-radius: $border-radius 0 0 0;
    &.tester-avatar img {
      border-bottom-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .popover-header {
    padding-left: $card-xs + $popover-header-padding-x;
  }
  .popover-title {
    padding-left: 0;
  }
}

.popover.right {
  left: auto;
  right: -1px;

  .popover-header .card {
    margin: 0;
    right: -1px;
    border-radius: 0 $border-radius 0 0;
    &.tester-avatar img {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
  }

  .popover-header {
    padding-left: $popover-header-padding-x;
  }

  .popover-title {
    padding-left: 0;
    padding-right: 0;
  }
}

.popover.md {
  width: $card-md;
  max-width: $card-md;
}

.popover.flexible {
  width: 100%;
  max-width: initial;
}

.popover_info_icon {
  cursor:pointer !important;
}