/*
NOTE: when you reference one of these vars, comment underneath the element you've used it for. Mandem organised
*/
/*
USED FOR:
plan inputs
dashboard-panel
dashboard panel buttons
modal-body.report-options-modal > span.glyphicon
*/
/*
USED FOR:
dashboard panel header
dashboard panel buttons
typeahead
editable table > page header
*/
/*
USED FOR:
.modal-body.report-options-modal > .Select-menu-outer
*/
/*
USED FOR:
menu
dashboard panel
charts > drillup
.dashboard-filter-sentence-container > #fixed-version
superbutton overlay content
*/
/*
context menu
USED FOR:
header
pinned nav
dashboard panel
simple sidebar
spark chart

*/
/*
USED FOR:
modals
tooltip box
c tooltip

*/
/*
USED FOR:
error messages

*/
.brightcharts .bc-spark-chart path.spark-area {
  stroke: #97b4cc;
  fill: #dee9f2;
  stroke-width: 1px;
  z-index: 10000; }

.brightcharts .bc-spark-chart path.spark-line {
  stroke: #97b4cc;
  fill: transparent;
  stroke-width: 1px;
  z-index: 10000; }

.brightcharts .bc-spark-chart rect.spark-column {
  fill: #a4b8c7;
  stroke-width: 1px;
  z-index: 10000; }
  .brightcharts .bc-spark-chart rect.spark-column:hover {
    fill: steelblue; }

.brightcharts .bc-spark-chart circle.data-dot {
  stroke: #97b4cc;
  fill: #ddd;
  stroke-width: 1px; }
  .brightcharts .bc-spark-chart circle.data-dot.highlighted {
    fill: orange;
    stroke: orange; }

.brightcharts .bc-spark-chart path.mid-line {
  stroke: #7ca1c7;
  stroke-width: 1px;
  stroke-dasharray: 2,2; }

.brightcharts .bc-spark-chart path.minibar {
  fill: steelblue; }
  .brightcharts .bc-spark-chart path.minibar:hover {
    fill: brown; }

.brightcharts .bc-spark-chart rect.spark-variance-col {
  stroke-width: 0;
  fill: #7e9db7;
  z-index: 10000; }
  .brightcharts .bc-spark-chart rect.spark-variance-col.pos {
    fill: rgba(12, 115, 23, 0.78); }
  .brightcharts .bc-spark-chart rect.spark-variance-col.neg {
    fill: rgba(128, 21, 21, 0.66); }