/* =============================================
 *         Popovers by Gary Hepting 
 *          Last Updated:2013-1-11
 * ===========================================*/
.popover {
  display: none;
}

#popover {
  box-sizing: border-box;
  position: absolute;
  z-index: 10000;
  background: #fff;
  color: #505050;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.4);
  max-width: 230px;
}
#popover .close {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
}
#popover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#popover.top.right:after {
  top: auto;
  right: 20px;
  bottom: -10px;
  left: auto;
  border-top: 10px solid #c3995e;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
#popover.top.left:after {
  top: auto;
  right: auto;
  bottom: -10px;
  left: 20px;
  border-top: 10px solid #c3995e;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
#popover.bottom.right:after {
  top: -10px;
  right: 20px;
  bottom: auto;
  left: auto;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #c3995e;
  border-left: 10px solid transparent;
}
#popover.bottom.left:after {
  top: -10px;
  right: auto;
  bottom: auto;
  left: 20px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #c3995e;
  border-left: 10px solid transparent;
}