/* colors */
/*
$heart: rgb(201, 89, 138);
$watery: rgb(198, 113, 181);
$eggwhite: rgb(216, 131, 200);
$creamy: rgb(221, 170, 214);
$sticky: rgb(238, 207, 232);
$nofluid: rgb(192, 196, 197);
$menstruation: rgb(206, 81, 117);
$spotting: rgb(182, 44, 77);
*/
/* chart */
svg.chart {
  fill: #eee;
  display: block;
  margin: 12px auto;
}

text {
  fill: #555;
  text-anchor: middle;
  font-family: "Helvetica Neue", Roboto, Helvetica, sans-serif;
  font-size: 95%;
  font-weight: 300;
}

.hll text {
  text-anchor: end;
  font-size: 80%;
}
.hll text.cd {
  font-weight: bold;
}

.bll text {
  text-anchor: end;
  font-size: 75%;
  fill: #555;
  /*
  &.sticky, &.creamy {
  	// fill: $watery;
  	fill: $temperature;
  }
  &.eggwhite, &.watery {
  	// fill: $white;
  	fill: $temperature;
  }
  */
}
.bll text.menstruation {
  fill: #fff;
}
.bll rect {
  opacity: 0.7;
}

.hrl text {
  text-anchor: start;
  font-size: 80%;
}

.brl text {
  text-anchor: end;
  font-size: 66.7%;
  fill: #06719e;
}

.hm text {
  font-size: 90%;
  font-weight: 300;
}
.hm text.cd {
  font-weight: bold;
}

.bm line, .bm polyline {
  stroke: #dbdbdb;
  stroke-width: 1;
  fill: none;
}
.bm line.temperature, .bm polyline.temperature {
  stroke: #06719e;
  stroke-width: 1.5;
}
.bm line.questionable, .bm polyline.questionable {
  stroke: #7e7c7e;
  stroke-width: 1.5;
  stroke-dasharray: 4, 4;
}
.bm line.pos, .bm line.neg, .bm polyline.pos, .bm polyline.neg {
  stroke-width: 1.5;
  stroke: #7e7c7e;
  stroke-linecap: round;
}
.bm line.coverline, .bm polyline.coverline {
  stroke: rgba(0, 66, 94, 0.9);
  stroke-width: 2;
}
.bm circle {
  fill: #06719e;
}
.bm circle.questionable {
  fill: #7e7c7e;
}
.bm circle.custom {
  fill: #7e7c7e;
}
.bm circle.spotting {
  fill: #ea3434;
  opacity: 0.55;
}
.bm circle.winktemp {
  fill: rgba(10, 10, 130, 0.5);
}
.bm rect {
  opacity: 0.65;
}
.bm rect.main {
  fill: #fff;
  opacity: 1;
}
.bm rect.custom {
  fill: #7e7c7e;
}
.bm text {
  fill: #fff;
}
.bm text.peak {
  font-weight: 400;
  font-size: 115%;
}
.bm text.peak.nobg {
  fill: #f98d62;
}
.bm text.peak.spotbg.nobg {
  fill: #aaa;
}
.bm text.luteal {
  font-size: 66.7%;
}
.bm text.custom {
  fill: #7e7c7e;
}
.bm path.sex {
  stroke-width: 0.075;
}
.bm path.sex.unprotected, .bm path.sex.withdrawal, .bm path.sex.protected {
  fill: #ef5397;
  stroke: none;
}
.bm path.sex.insemination {
  fill: #16afa2;
  stroke: none;
}
.bm path.notes {
  fill: #aaa;
  stroke: none;
}
.bm ellipse.cervix {
  fill: transparent;
  stroke: #7e7c7e;
  stroke-width: 1.4;
}

.watery {
  fill: #f86b44;
}

.eggwhite {
  fill: #f98d62;
}

.creamy {
  fill: #fcbc92;
}

.sticky {
  fill: #fcd1ac;
}

.no_fluid, .none {
  fill: #c0c4c5;
}

.menstruation {
  fill: #c9225c;
}

.mild {
  fill: #c7c73d;
}

.moderate {
  fill: #d0792f;
}

.severe {
  fill: #bc4c48;
}

/*# sourceMappingURL=chart.css.map */