.gauge-texto{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  fill:#616161;
  font-size:0.45em;
}
.subtitle{
  font-size:0.55em;
}
  
#center-value{
  font-size:0.85em;
}

@media (max-width:770px){
  .navbar-nav{
    display:contents;
  }
  .navbar-nav > li:last-child{
    float:right !important;
  }
}

@media (max-width:990px){
  .gauge-texto{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    fill:#616161;
    font-size:0.25em;
  }
  .subtitle{
    font-size:0.35em;
  }
  
  #center-value{
    font-size:0.95em;
  }  
}
.lapi-gauge{
  border-radius:5px;
  background-color:#fcfcfc;
}
.neddle{
  fill:#151515;
  /*stroke:black;
  stroke-width:0.01em;*/
}

.melhor{
  fill:#32965d;
}
.pior{
  fill:#ee462c;
}
path.reference{
  fill:#7f684d;
}
path.backarc{
  fill:#d2d2d2;
}
path.sector_one{
  fill:#f95036;
}
path.sector_two{
  fill:#ee8400
}
path.sector_three{
  fill:#d1ca1a
}
path.sector_four{
  fill:#32965d
}
#tooltip{
    position:relative;
    display:none;
    box-sizing: border-box;
    background:white;
    padding:0.7em;
    opacity:0.8;
    color:white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    /*width:auto;*/
  }
  
  #tooltip[data-show] {
    display: block;
    border-radius:5px;
    border: 0px solid transparent;
  }
  
  #arrow{
    /*top:100%;*/
    /*left:50%;*/
    position:absolute;
    height:10px;
    width:10px;
    border: 0px solid transparent;
    transform-origin: center;
    transform:rotate(45deg);
    margin-left:-5px;
    margin-top:-5px;
    /*margin: 0 auto;*/
    /*border-top:0px transparent;
    border-left:0px transparent;*/
    background:black;
    border-radius:-5px;
    /* z-index:-1; */
    box-sizing: border-box;
  }
  
  #tooltip[data-popper-placement^='top'] > #arrow {
    bottom: -5px;
    left:50%;
  }
  
  #tooltip[data-popper-placement^='bottom'] > #arrow {
    top: 0px;
    left:50%;
  }
  
  #tooltip[data-popper-placement^='left'] > #arrow {
    right: -5px;
    top:50%;
  }
  
  #tooltip[data-popper-placement^='right'] > #arrow {
    left: 0px;
    top:50%;
   }

 .is-table-row {
        display: table;
    }
.is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

circle.fazpoints{
  stroke:white;
  fill:white;
  pointer-events:visible;
}

circle.refpoints{
  stroke:white;
}

g.line{
  fill:none;
}

svg{
  cursor: pointer;
}
.grid line {
 stroke: lightgrey;
 stroke-opacity: 0.7;
 shape-rendering: crispEdges;
}
.grid path {
	stroke:none;	
}
text{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;	
}
.tick{
	font-size: 1.2em;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

