/* Will be compiled down to a single stylesheet with your sass files */
.axis {
  shape-rendering: crispEdges;
}

.axis path, .axis line {
  fill: none;
  stroke-width: .5px;
}

.x.axis path {
  stroke: #000;
}

.y.axis path {
  stroke: #000;
}

.y.axis line {
  stroke: #fff;
  stroke-opacity: .5;
}


.y.axis line {
  stroke: #ddd;
}


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

.legend {
  
}

.grid .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.grid path {
      stroke-width: 0;
}

rect.pane {
  cursor: move;
  fill: none;
  pointer-events: all;
}

label {
  display: inline-block;
  margin-left: 10px
}

input {
  margin: 0, 10px;
}

.hero-unit {
    margin: 50px auto 0 auto;
    width: 300px;
}

.subunit.SVN { fill: #cdd; }

div.tooltip {   
  position: absolute;  
  text-align: center;           
  width: 120px;                  
  height: 40px;                 
  padding: 2px;             
  font: 12px sans-serif;        
  background: lightsteelblue;   
  border: 0px;      
  border-radius: 8px;           
  pointer-events: none;         
}

span.tooltip {
  
}

.modal-chart {
position: relative;  

}

.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

form {
margin: 0 0;
}

/*bootstrap modal*/
.modal {
position: fixed;
top: 10%;
left: 3%;
z-index: 1050;
width: 720px;
margin-left: 0;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}

.centerDiv {
    position:fixed;
    top: 50%;
    left: 50%;
    width:310px;
    height:6em;
    margin-top: -3em; /*set to a negative number 1/2 of your height*/
    margin-left: -155px; /*set to a negative number 1/2 of your width*/
}

/*Loading animation*/
#warningGradientOuterBarG{
height:39px;
width:305px;
/*margin-left: 5px;*/
border:2px solid #4585E6;
overflow:hidden;
background-color:#FFFFFF;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#4585E6));
background: -moz-linear-gradient(top, #FFFFFF, #4585E6);
background: -webkit-linear-gradient(top, #FFFFFF, #4585E6);
background: -ms-linear-gradient(top, #FFFFFF, #4585E6);
background: -o-linear-gradient(top, #FFFFFF, #4585E6);
background: linear-gradient(top, #FFFFFF, #4585E6);
}

.warningGradientBarLineG{
background-color:#FFFFFF;
float:left;
width:27px;
height:233px;
margin-right:47px;
margin-top:-54px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.warningGradientAnimationG{
width:457px;
-moz-animation-name:warningGradientAnimationG;
-moz-animation-duration:0.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:warningGradientAnimationG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:warningGradientAnimationG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:warningGradientAnimationG;
-o-animation-duration:0.8s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:warningGradientAnimationG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

#warningGradientFrontBarG{
}

@-moz-keyframes warningGradientAnimationG{
0%{
margin-left:0px;
}

100%{
margin-left:-74px;
}

}

@-webkit-keyframes warningGradientAnimationG{
0%{
margin-left:0px;
}

100%{
margin-left:-74px;
}

}

@-ms-keyframes warningGradientAnimationG{
0%{
margin-left:0px;
}

100%{
margin-left:-74px;
}

}

@-o-keyframes warningGradientAnimationG{
0%{
margin-left:0px;
}

100%{
margin-left:-74px;
}

}

@keyframes warningGradientAnimationG{
0%{
margin-left:0px;
}

100%{
margin-left:-74px;
}

}