.svg-container {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 95vh;
	padding-bottom: 0px; /* aspect ratio */
	vertical-align: top;
	overflow: hidden;
}

.svg-container1 {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 80vh;
	padding-bottom: 0px; /* aspect ratio */
	vertical-align: top;
	overflow: hidden;
}

/*.svg-container-energy {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 50vh;
	padding-bottom: 100px; 
	vertical-align: top;
	overflow: hidden;
}

.svg-content-responsive-energy {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
}*/

.svg-content-responsive {
    display: inline-block;
    position: relative;
 	height: 80vh;
 	top: 0px;
    left: 0;
}

.svg-container-depth {
    display: inline-block;
	position: relative;
	width: 100%;
	height: 25vh;
	padding-bottom: 0%; 
	vertical-align: top;
	text-align: center;
	overflow: hidden;
}

.svg-content-responsive-depth {
    display: inline-block;
    position: relative;
	height: 25vh;
    top: 0px;
	text-align: center;
    left: 0;
}

/* Removed Extra Space in Footer */
#footer-bar {
	margin-top: 0px;
}

.time-dash {
	padding-right: 12px;
}

@media only screen and (max-width: 992px) {
	.time-dash {
		padding-right: 0px;
	}
}

/* only used for admin screen now */
.node circle {
  cursor: pointer;
  stroke: #3182bd;
  stroke-width: 1.5px;
}

/* only used for admin screen now */
.nodetext {
	font: 5vw sans-serif;
	color: blue;
	pointer-events: none;
	text-anchor: middle;
	text-shadow: 3px 2px white;
    font-weight: 400;}


.link {
  fill: none;
  stroke: #000000;
  stroke-width: 0.1px;
}

/* temp work-around 

.myNetwork-others text {
	fill: #ED2F6F;
}
.myNetwork-network text{
	fill: #00C5F2;
}
.myNetwork-regionalnetwork text {
	fill: #05B0CC;
}
.myNetwork-others text {
	fill: #ED2F6F;
}
.myNetwork-mine text {
	fill: #464CBC;
}
*/
.tooltip2 {   
  position: relative;           
  text-align: center;           
  width: 120px;                  
  font-weight: "bold";
  height: 28px;                 
  padding: 0px;             
  font: 14px sans-serif;        
  background: lightsteelblue;   
  border: 0px;      
  border-radius: 0px;           
  fill: black;
  pointer-events: none;         
}

/* lines for the forecasting chart */

.lineFutureBid {
  stroke: lightsteelblue;
  stroke-width: 1px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1.5;
  fill: #ADB8C9;
}

.lineOrderBid {
  stroke: lightsteelblue;
  stroke-width: 1px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1.5;
  fill: #E3E8EE;
}

.lineFutureOffer {
  stroke: lightsteelblue;
  stroke-width: 1px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1.5;
  fill: #689f38;
}

.lineOrderOffer {
  stroke: lightsteelblue;
  stroke-width: 1px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1.5;
  fill: #8bc34a;
}

.line_highlighted {
  fill: black;
  stroke: black;
  stroke-width: 3px;
}

.depthArea {
    fill: lightsteelblue;
    stroke-width: 0;
}

.axis {
  font: 10px sans-serif;
}

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

.cnpAxis {
  font: 10px sans-serif;
}

.cnpAxis path,
.cnpAxis line {
  fill: none;
  stroke: none;
}