/*
SIU COLOURS
Orange: #F47C20
Teal: #588D97
Navy: #414258
Dark grey: #BDBAC0
Light grey: #D1D3D4
Black: #262638

URL links: #2864a1

*/


html {
  overflow: hidden;
}

body {
  /*max-width: 720px;*/
  max-width: 90%;
}

#iframe-content {
  padding: 0px 0px 0px 0px;
}

.positive-arrow,
.negative-arrow {
  shape-rendering: auto;
  fill: none;
}

.positive-arrow {
  stroke: #588D97;
}

.negative-arrow {
  stroke: #F47C20;
}

.positive-triangle {
  fill: #588D97;
  stroke: none;
}

.negative-triangle {
  fill: #F47C20;
  stroke: none;
}

.negative-label,
.positive-label {
  font-size: 10px;
  stroke: none;
}

.positive-label {
  text-anchor: start;
  fill: #588D97;
}

.negative-label {
  text-anchor: end;
  fill: #F47C20;
}

.neutral-label text {
  text-anchor: middle;
  fill: #BDBAC0;
}

.domain {
  fill: none;
  stroke: none;
}

.gridline {
  stroke-dasharray: 2, 2;
  stroke: #D1D3D4;
  fill: none;
}

.y-axis {
  stroke: #D1D3D4;
  stroke-opacity: 0.7
  fill: none;
}

.positive-label {
  text-anchor: start;
}

.negative-label {
  text-anchor: end;
}

.y-label text {
  font-size: 11px;
  pointer-events: none;
}

.confidence-bar {
  stroke: #FFF;
  stroke-width: 1px;
}

.confidence-label {
  font-size: 11px;
  fill: #262638;
}

.x-axis-label {
  display: inline;
  font-family: "metropolis-regular", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 11px;
  fill: #BDBAC0;
  background-color: #FFF
}

/*.caveats-agency-chart, .caveats-subject-chart {*/
  /*display: inline;*/
  /*font-family: "metropolis-regular", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";*/
  /*font-size: 11px !important;*/
  /*font-weight: bold;*/
  /*fill: #BDBAC0;*/
  /*background-color: #FFF*/
/*}*/

.positive-circle,
.negative-circle,
.chart-circle {
  fill: white;
  stroke-width: 1px;
}

.positive-circle {
  stroke: #588D97;
}

.negative-circle {
  stroke: #F47C20;
}

.lower-confidence-circle {
  stroke-dasharray: 1.9, 1.9;
}

.mean-avg-cost-label {
  text-anchor: end;
}

.positive-rect,
.negative-rect {
  opacity: 0.6;
}

.positive-rect {
  fill: #588D97;
}

.negative-rect {
  fill: #F47C20;
}

.neutral-rect {
  fill: #BDBAC0;
}

.explanation-link {
  text-decoration: underline;
  cursor: pointer;
  color: #2864a1;
}

.reset-chart-button {
  text-decoration: underline;
  background-color: #FFF;
  border: 1px solid #FFF;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: 2px;
  padding: 1px 3px 1px 3px;
}

.disabled-button {
  color: #D1D3D4;
}

.enabled-button {
  color: black;
}

#key-agency p,
#key-subject-area p {
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}

.key-title {
  font-weight: bold;
}

.currency-cell {
  text-align: right !important;
}

.subject-area-cell {
  cursor: pointer;
}

.hover-outline {
  fill: #D1D3D4;
}