.mg-graph .domain {
  stroke: #b3b2b2; }

.mg-graph .tick line {
  stroke: #b3b2b2; }

.mg-graph .tick text {
  font-size: 0.7rem;
  fill: black;
  opacity: 0.6; }

.mg-graph .label {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.8; }

.mg-graph .line-marker {
  stroke: #ccc;
  stroke-width: 1px;
  stroke-dasharray: 2; }

.mg-graph .text-marker {
  text-anchor: middle;
  font-size: 0.7rem;
  fill: black; }

.mg-graph .text-category {
  font-weight: bold; }

.mg-line {
  stroke-width: 1;
  fill: none; }

.text-legend {
  margin-right: 1em;
  font-size: 0.7rem; }

.mg-area {
  fill-opacity: 0.3; }

.mg-active-datapoint {
  fill: black;
  font-size: 0.9rem;
  font-weight: 400;
  opacity: 0.8; }

text.mg-barplot-group-label {
  font-weight: 900; }

.mg-barplot rect.mg-bar {
  shape-rendering: auto; }
  .mg-barplot rect.mg-bar.default-bar {
    fill: #b6b6fc; }
  .mg-barplot rect.mg-bar.default-active {
    fill: #9e9efc; }

.mg-barplot .mg-bar-prediction {
  fill: #5b5b5b; }

.mg-barplot .mg-bar-baseline {
  stroke: #5b5b5b;
  stroke-width: 2; }

.mg-bar-target-element {
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 300; }

.mg-baselines line {
  opacity: 1;
  shape-rendering: auto;
  stroke: #b3b2b2;
  stroke-width: 1px; }

.mg-baselines text {
  fill: black;
  font-size: 0.9rem;
  opacity: 0.6;
  stroke: none; }

.mg-baselines-small text {
  font-size: 0.6rem; }

.mg-category-guides line {
  stroke: #b3b2b2; }

.mg-header {
  cursor: default;
  font-size: 1.2rem; }
  .mg-header .mg-chart-description, .mg-header .mg-warning {
    fill: #ccc;
    font-family: FontAwesome;
    font-size: 1.2rem; }

.mg-points circle {
  opacity: 0.65; }

.mg-popover {
  font-size: 0.95rem; }

.mg-popover-content {
  cursor: auto;
  line-height: 17px; }

.mg-data-table {
  margin-top: 30px; }
  .mg-data-table thead tr th {
    border-bottom: 1px solid darkgray;
    cursor: default;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 5px 5px 8px 5px;
    text-align: right; }
    .mg-data-table thead tr th .fa {
      color: #ccc;
      padding-left: 4px; }
    .mg-data-table thead tr th .popover {
      font-size: 1rem;
      font-weight: normal; }
  .mg-data-table .secondary-title {
    color: darkgray; }
  .mg-data-table tbody tr td {
    margin: 2px;
    padding: 5px;
    vertical-align: top; }
    .mg-data-table tbody tr td.table-text {
      opacity: 0.8;
      padding-left: 30px; }

.mg-y-axis line.mg-extended-yax-ticks, .mg-x-axis line.mg-extended-xax-ticks {
  opacity: 0.4; }

.mg-histogram .axis path, .mg-histogram .axis line {
  fill: none;
  opacity: 0.7;
  shape-rendering: auto;
  stroke: #ccc; }

tspan.hist-symbol {
  fill: #9e9efc; }

.mg-histogram .mg-bar rect {
  fill: #b6b6fc;
  shape-rendering: auto; }
  .mg-histogram .mg-bar rect.active {
    fill: #9e9efc; }

.mg-least-squares-line {
  stroke: red;
  stroke-width: 1px; }

.mg-lowess-line {
  fill: none;
  stroke: red; }

.mg-rollover-rect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mg-line-legend text {
  font-size: 0.9rem;
  font-weight: 300;
  stroke: none; }

.mg-main-area-solid svg .mg-main-area {
  fill: #ccccff;
  opacity: 1; }

.mg-markers line {
  opacity: 1;
  shape-rendering: auto;
  stroke: #b3b2b2;
  stroke-width: 1px; }

.mg-markers text {
  fill: black;
  font-size: 0.8rem;
  opacity: 0.6; }

.mg-missing-text {
  opacity: 0.9; }

.mg-missing-background {
  stroke: blue;
  fill: none;
  stroke-dasharray: 10,5;
  stroke-opacity: 0.05;
  stroke-width: 2; }

.mg-missing .mg-main-line {
  opacity: 0.1; }

.mg-missing .mg-main-area {
  opacity: 0.03; }

path.mg-main-area {
  opacity: 0.2;
  stroke: none; }

path.mg-confidence-band {
  fill: #ccc;
  opacity: 0.4;
  stroke: none; }

path.mg-main-line {
  fill: none;
  opacity: 0.8;
  stroke-width: 1.1px; }

.mg-points circle {
  fill-opacity: 0.4;
  stroke-opacity: 1; }

circle.mg-points-mono, tspan.mg-points-mono {
  fill: #0000ff;
  stroke: #0000ff; }

/* a selected point in a scatterplot */
.mg-points circle.selected {
  fill-opacity: 1;
  stroke-opacity: 1; }

.mg-voronoi path {
  fill: none;
  pointer-events: all;
  stroke: none;
  stroke-opacity: 0.1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mg-x-rug-mono, .mg-y-rug-mono {
  stroke: black; }

.mg-x-axis line, .mg-y-axis line {
  opacity: 1;
  shape-rendering: auto;
  stroke: #b3b2b2;
  stroke-width: 1px; }

.mg-x-axis text, .mg-y-axis text, .mg-histogram .axis text {
  fill: black;
  font-size: 0.9rem;
  opacity: 0.6; }

.mg-x-axis .label, .mg-y-axis .label, .mg-axis .label {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 400; }

.mg-x-axis-small text, .mg-y-axis-small text, .mg-active-datapoint-small {
  font-size: 0.6rem; }

.mg-x-axis-small .label, .mg-y-axis-small .label {
  font-size: 0.65rem; }

.mg-year-marker text {
  fill: black;
  font-size: 0.7rem;
  opacity: 0.6; }

.mg-year-marker line {
  opacity: 1;
  shape-rendering: auto;
  stroke: #b3b2b2;
  stroke-width: 1px; }

.mg-year-marker-small text {
  font-size: 0.6rem; }

.mg-brush-container {
  cursor: crosshair; }
  .mg-brush-container .mg-brushing {
    cursor: ew-resize; }

.mg-brushed {
  cursor: zoom-out; }
  .mg-brushed * {
    cursor: zoom-out; }

.mg-brush rect.mg-extent {
  fill: rgba(0, 0, 0, 0.3); }

.mg-brushing-in-progress {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }