/**
 * Angular hovercard directive.
 * @version v1.0.3 - 2015-06-29
 * @link https://github.com/yaru22/angular-hovercard
 * @author Brian Park <yaru22@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.angular-hovercard {
    display: inline-block;
    position: relative;
}

.angular-hovercard-label {
  /* color: #c0392b; */
  position: relative;
}

.angular-hovercard-label.angular-hovercard-active {
  z-index: 99;
}

.angular-hovercard-detail {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;

  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;

  background: white;
  border: 1px solid #ddd;
  opacity: 0;
  position: absolute;
  left:50px;
  visibility: hidden;
  max-width: 400px;
  z-index: 98;
}

.angular-hovercard-detail.angular-hovercard-active {
  opacity: 1;
  visibility: visible;
}