// morris chart
// =======================================================

@import 'vars';

// z-index
$morris-hover-z-index: $zindex-overlay;

.morris-hover {
  position: absolute;
  z-index: $morris-hover-z-index;

  &.morris-default-style {
    padding: 6px;
    font-family: sans-serif;
    font-size: 12px;
    color: #666;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    border: solid 2px rgba(230, 230, 230, .8);
    border-radius: 10px;

    .morris-hover-row-label {
      margin: .25em 0;
      font-weight: $font-weight-normal;
    }

    .morris-hover-point {
      margin: .1em 0;
      white-space: nowrap;
    }
  }
}