.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: none;
   min-width: 250px;
   max-width: 300px;
   padding: 1px;
   font-size: 14px;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,0.2);
   border-radius: 6px;
}
 .popover.top {
   margin-top: -10px;
}
 .popover.right {
   margin-left: 10px;
}
 .popover.bottom {
   margin-top: 10px;
}
 .popover.left {
   margin-left: -10px;
}
 .popover-title {
   margin: 0;
   padding: 8px 14px;
   font-size: 14px;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-radius: 5px 5px 0 0;
}
 .popover-content {
   padding: 9px 14px;
}
 .popover > .arrow, .popover > .arrow:after {
   position: absolute;
   display: block;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}
 .popover > .arrow {
   border-width: 11px;
}
 .popover > .arrow:after {
   border-width: 10px;
   content: "";
}
 .popover.top > .arrow {
   left: 50%;
   margin-left: -11px;
   border-bottom-width: 0;
   border-top-color: #999999;
   border-top-color: rgba(0,0,0,0.25);
   bottom: -11px;
}
 .popover.top > .arrow:after {
   content: " ";
   bottom: 1px;
   margin-left: -10px;
   border-bottom-width: 0;
   border-top-color: #fff;
}
 .popover.right > .arrow {
   top: 50%;
   left: -11px;
   margin-top: -11px;
   border-left-width: 0;
   border-right-color: #999999;
   border-right-color: rgba(0,0,0,0.25);
}
 .popover.right > .arrow:after {
   content: " ";
   left: 1px;
   bottom: -10px;
   border-left-width: 0;
   border-right-color: #fff;
}
 .popover.bottom > .arrow {
   left: 50%;
   margin-left: -11px;
   border-top-width: 0;
   border-bottom-color: #999999;
   border-bottom-color: rgba(0,0,0,0.25);
   top: -11px;
}
 .popover.bottom > .arrow:after {
   content: " ";
   top: 1px;
   margin-left: -10px;
   border-top-width: 0;
   border-bottom-color: #fff;
}
 .popover.left > .arrow {
   top: 50%;
   right: -11px;
   margin-top: -11px;
   border-right-width: 0;
   border-left-color: #999999;
   border-left-color: rgba(0,0,0,0.25);
}
 .popover.left > .arrow:after {
   content: " ";
   right: 1px;
   border-right-width: 0;
   border-left-color: #fff;
   bottom: -10px;
}