/*
OSP Viz package CSS
This file contains the default CSS rules for the the base classes
*/


/* Overall color rules */

.fill-main-medium { fill: #000099; }
.fill-neutral-10  { fill: #cccccc; }
.fill-neutral-20  { fill: #666666; }
.fill-neutral-30  { fill: #999999; }

.tbl-fill-range-neg2 { background-color: #BF2928; border-color: #BF2928; }
.tbl-fill-range-neg1 { background-color: #CC7D7B; border-color: #CC7D7B; }
.tbl-fill-range-zero { background-color: #ffffff; border-color: #ffffff; }
.tbl-fill-range-pos1 { background-color: #5B7999; border-color: #5B7999; }
.tbl-fill-range-pos2 { background-color: #012747; border-color: #012747; }

.tbl-fill-range-pos2 + .cell-content,
.tbl-fill-range-pos1 + .cell-content,
.tbl-fill-range-neg2 + .cell-content,
.tbl-fill-range-neg1 + .cell-content {
  border: 1px solid white !important;
}

.tbl-fill-range-pos2 + .cell-content,
.tbl-fill-range-neg2 + .cell-content,
.tbl-fill-range-pos1 + .cell-content
 {
  color: white !important;
}

@media print {
  .tbl-fill-range-pos2 + .cell-content,
  .tbl-fill-range-neg2 + .cell-content {
    color: white !important;
    -webkit-print-color-adjust: exact;
  }
}

.bar.positive-2 { fill: steelblue; }
.bar.positive-1 { fill: gray; }
.bar.negative-1 { fill: gray; }
.bar.negative-2 { fill: brown; }
.bar.neutral-0 { fill: gray; }


/* Overall other rules */

.label-small-bold {
  font-size: 75%;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.label-small {
  font-size: 75%;
  font-family: Arial, Helvetica, sans-serif;
}

.label-medium {
  font-size: 85%;
  font-family: Arial, Helvetica, sans-serif;
}
.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line {
  fill: none;
  stroke-width: 1.5px;
}


/* Class-specific rules */

.table-panel th {
  text-align: center;
  font-size: 75%;
}

.table-panel caption {
  font-size: 85%;
  text-align: center;
  padding: 3px;
  color: black;
}

.table-panel td {
  height: 100%;
  font-size: 85%;
  text-align: center;
  padding: 3px;
}

.table-panel td.body-cell {
  padding: 0px;
}

.table-panel td.body-cell .cell-wrapper {
  position: relative;
  width: 100%;
}

.table-panel td.body-cell .cell-wrapper > div {
  position: absolute;
  width: 100%;
}

.table-panel td.body-cell .cell-background {
  border-style: solid;
}
.table-panel td.body-cell .cell-background.hidden {
  display: none;
}

.table-panel td.body-cell .cell-content {
  padding: 3px;
}

.table-panel .bottom-border {
  border-bottom: solid 1px black;
}

.table-panel .hidden-header-text {
  font-size: 0px;
}

.table-panel .left-label {
  font-size : 75%;
  font-weight: bold;
  text-align: left;
  padding: 3px;
}

div.tooltip.graph-global-tooltip {
  position: absolute;
  text-align: center;
  width: 85px;
  height: 30px;
  padding: 2px;
  font: 10px sans-serif;
  font-weight: bold;
  background: #cce0f9;
  border: solid 1px black;
  border-radius: 6px;
  pointer-events: none;
  box-shadow: 4px 4px 4px #888888;
  z-index: 2147483647 !important;
}

@media print {
  div.tooltip.graph-global-tooltip {
    display: none;
  }
}

.osp-viz-table-grid-header-default
{
  text-align: center;
  font-weight: bold;
  background: black;
  color: white;
  font-size: 75%;
  vertical-align: middle;
}

.osp-viz-table-grid-subheader-default
{
  text-align: center;
  font-weight: bold;
  background: grey;
  color: black;
  font-size: 75%;
  vertical-align: middle;
}
.osp-viz-table-grid-noheader-default
{
  text-align: center;
  font-weight: bold;
  background: white;
  color: white;
  font-size: 75%;
}

.osp-viz-line-default {
  stroke: black;
  stroke-width: 1px;
}

.osp-viz-no-display-default {
}
.osp-viz-nodisplay {
  display: none;
}

.osp-viz-text-panel-background-dark {
  border-color: black;
  border-style: solid;
}
.osp-viz-text-panel-background-medium {
  border-color: darkgrey;
  border-style: solid;
}
.osp-viz-text-panel-background-light {
  border-color: lightgrey;
  border-style: solid;
}

.osp-viz-bold{
  font-weight: bold;
}
.osp-viz-fontSize-plus-1{
  font-size: 115%;
}