/* axis */

.axis { /* axis labels */
    fill: #808080;
    font-family: sans-serif;
    font-size: 10px;
}

.axis line{ /* axis tick marks */
    stroke-width : 1;
    stroke: grey;
    shape-rendering: crispEdges;
}

.axis path { /* axis line */
    stroke-width : 1;
    stroke: grey;
    shape-rendering: crispEdges;
}

.tick text {
  font: 10px sans-serif;
}
/* timeline band */

.band { /* band background */
    fill: #FAFAFA;
}

/* labels */

.bandLabel {
/*  fill: #F0F0F0; */
    fill: none;
    font: 10px sans-serif;
    font-weight: bold;
}

.bandBoundLabel {
    fill: blue;
    font: 10px sans-serif;
    font-weight: bold;
}

.bandRangeLabel {
    fill: red;
    font: 10px sans-serif;
    font-style: italic;
    font-weight: bold;
}

.bandReferenceLabel {
    fill: green;
    font: 10px sans-serif;
    font-weight: bold;
}
/* brush */

.xBrush .extent {
    stroke: gray;
    stroke-width : 1;
    fill: blue;
    fill-opacity: .1;
}

.yBrush .background {
  visibility: visible;
  cursor: none;
  width: 9px;
  fill: #EEEEEE;
}

.yBrush .extent {
  /*  stroke: none; */
    stroke-width: 1px;
    stroke-linecap: round;
    width: 7px;
    fill: gray;
    rx: 4;
    ry: 4;
}

.chart {
    fill: #EEEEEE;
}

.vScroll {
/*   background-color: #EEEEEE; */
/*   border-style: none; */
    fill: #EEEEEE;
    stroke: none;
}

.scrollBar {
  stroke: gray;
  stroke-width: 7px;
  stroke-linecap: round;
  fill: gray;
}

.interval {
  //fill: #AAFFFF;
  //fill: #ff9999;
    stroke-width: 6;
    cursor : default;
    pointer-events: true;
}

.instant {
    fill: #FFAAFF;
    stroke-width: 6;
    cursor : default;
    /*pointer-events: true;*/
}

.instantLabel {
    fill : blue;
    font: 10px sans-serif;
    shape-rendering: crispEdges;
}

.eventLabel {
    fill : black;
    font: 10px sans-serif;
    shape-rendering: crispEdges;
}

.item {
    cursor : default;
    pointer-events: auto;
}

.svg {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #FFFFFF;
    box-sizing: content-box;
}

.tooltip {
    width: auto;
    position: absolute;
    /*    visibility: hidden; */
    /*visibility: visible;*/
    color : black;
    cursor:default;
    background-color: #FFFFEE;
    border: 1px solid;
    padding: 4px;
    shape-rendering: crispEdges;
    pointer-events: none;
}

/* Info-flow */
.infoFlow {
  font: 10px sans-serif;
}

#divTimelineStatusBar {
  margin-top: 2px;
  font: 10px sans-serif;
  box-sizing: content-box;
}

#rectTimelineStatus {
  box-sizing: content-box;
  fill: #FAFAFA;
}

.textStatusBar {
  font: 11px sans-serif;
}

.infoRow {
  fill: grey;
  stroke: gray;
  stroke-width: 1;
  fill-opacity: .1;
}

.infoFlowCard {
  fill: #F0F0F0;
  stroke-width: 1px;
  stroke: black;
  font: 10px sans-serif;
}

.infoFlowCardData {
  /*
  stroke-width: 1px;
  */
  stroke: none;
  fill: black;
  font: 10px sans-serif;
  /*
  font-weight: normal;
  */
}

.referenceline{
   stroke-dasharray: 5,5;
   stroke-width: 1px;
   stroke: grey;
}

.csblSansserifLog {
  font-family: "Courier New", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.csblSansserifWarn {
  font-family: "Courier New", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color:red;
}