// // 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;
}

}