//
// popover.scss
// Extended from Bootstrap
//

//
// Bootstrap Overrides =====================================
//

.popover {
  padding: $popover-padding-y $popover-padding-x;

  &:hover {
    visibility: visible !important;
  }
}

.popover-header {
  margin-bottom: $popover-header-margin-bottom;
  border-bottom: 0;
}

.popover-body-label {
  margin-left: .25rem;
}

.popover-body-value {
  margin-left: .25rem;
}

.popover-body-indicator {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
}


// Large

.popover-lg {
  max-width: $popover-lg-max-width;
}


// Dark

.popover-dark {
  background-color: $popover-dark-bg;
  border-color: $popover-dark-border-color;
}

.popover-dark .popover-header {
  font-weight: $font-weight-normal;
  background-color: $popover-dark-header-bg;
  color: $popover-dark-header-color;
}

.popover-dark.bs-popover-top .arrow {

  &::before {
    border-top-color: $popover-dark-border-color;
  }

  &::after {
    border-top-color: $popover-dark-bg;
  }
}

.popover-dark.bs-popover-right .arrow {

  &::before {
    border-right-color: $popover-dark-border-color;
  }

  &::after {
    border-right-color: $popover-dark-bg;
  }
}

.popover-dark.bs-popover-bottom .arrow {

  &::before {
    border-bottom-color: $popover-dark-border-color;
  }

  &::after {
    border-bottom-color: $popover-dark-bg;
  }
}

.popover-dark.bs-popover-left .arrow {

  &::before {
    border-left-color: $popover-dark-border-color;
  }

  &::after {
    border-left-color: $popover-dark-bg;
  }
}
