@import '~mgm-colors/lib/colors';

.plot--box {
  .plot__chart {
    font: 10px sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  rect {
    fill: $bar__rect-fill-color;
  }

  line, rect, circle {
    stroke: rgba(0,0,0,.8);
    stroke-width: 1.5px;
  }

  .plot__line--center {
    stroke-dasharray: 3, 3;
  }

  .plot__circle--outlier {
    fill: none;
    stroke: #ccc;
  }

  .plot__text--extreme-outlier-label {
    fill: DarkOrchid;
    fill: $warning-text-color;
  }

  .label {
    font-weight: bold;
  }
  // TODO This is a hack to fix a bug in IE in which the scrollbar is not displayed unless position is set to relative (should be absolute), which messes up the width (makes the menu too small), which is why the width is now hard coded.
  .mdl-menu {
    position: relative;
    width: 210px;
  }

}