html {
  font-size: 14px;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	/* line-height: 17px; */
	/* font-weight: 300; */
  padding: 0px;
  overflow-x: hidden;
  background-color: #ffffff !important;
}

.box {
  width: 100%;
  max-width: 555px;
  min-width: 390px;
  height: 100%;
}

.graphic {
    max-width: 555px;
    min-width: 390px;
    height: 100%;
    min-height: 580px;
}

.graphic .svg {
    height: 100%;
    width: 100%;  
    inline-size: 100%;  
}




/* ----- Axis ------ */

.yAxis text, .xAxis text {
  fill: #757575;
  font-size: .85rem;
}

.yAxis line, .yAxis path {
  stroke: #fff;
}

.xAxis path, .xAxis .domain {
  stroke: #D5D5D5;
}

.xAxis line {
    stroke: #D5D5D5;
}


@media (min-width:0px) and (max-width: 515px) {
    .viz-bfs-hidden-xs{
        display:none;
    }

    .xAxis text {
        font-size: .70rem;
    }

} 
@media (min-width:516px) and (max-width: 768px) {
    .viz-bfs-hidden-sm{
        display:none;
    }

}
@media (min-width:769px) and (max-width: 991px) {
    .viz-bfs-hidden-md{
        display:none;
    }

}
@media (min-width: 992px) {
    .viz-bfs-hidden-lg{
        display:none;
    }

   
}

    

  



/* 
.viz-bfs-col-lg-1,.viz-bfs-col-lg-10,.viz-bfs-col-lg-11,.viz-bfs-col-lg-12,.viz-bfs-col-lg-2,.viz-bfs-col-lg-3,.viz-bfs-col-lg-4,.viz-bfs-col-lg-5,.viz-bfs-col-lg-6,.viz-bfs-col-lg-7,.viz-bfs-col-lg-8,.viz-bfs-col-lg-9,.viz-bfs-col-md-1,.viz-bfs-col-md-10,.viz-bfs-col-md-11,.viz-bfs-col-md-12,.viz-bfs-col-md-2,.viz-bfs-col-md-3,.viz-bfs-col-md-4,.viz-bfs-col-md-5,.viz-bfs-col-md-6,.viz-bfs-col-md-7,.viz-bfs-col-md-8,.viz-bfs-col-md-9,.viz-bfs-col-sm-1,.viz-bfs-col-sm-10,.viz-bfs-col-sm-11,.viz-bfs-col-sm-12,.viz-bfs-col-sm-2,.viz-bfs-col-sm-3,.viz-bfs-col-sm-4,.viz-bfs-col-sm-5,.viz-bfs-col-sm-6,.viz-bfs-col-sm-7,.viz-bfs-col-sm-8,.viz-bfs-col-sm-9,.viz-bfs-col-xs-1,.viz-bfs-col-xs-10,.viz-bfs-col-xs-11,.viz-bfs-col-xs-12,.viz-bfs-col-xs-2,.viz-bfs-col-xs-3,.viz-bfs-col-xs-4,.viz-bfs-col-xs-5,.viz-bfs-col-xs-6,.viz-bfs-col-xs-7,.viz-bfs-col-xs-8,.viz-bfs-col-xs-9{
  position:relative;
  min-height:1px;
  padding-left:15px;
  padding-right:15px
}
.viz-bfs-col-xs-1,.viz-bfs-col-xs-10,.viz-bfs-col-xs-11,.viz-bfs-col-xs-12,.viz-bfs-col-xs-2,.viz-bfs-col-xs-3,.viz-bfs-col-xs-4,.viz-bfs-col-xs-5,.viz-bfs-col-xs-6,.viz-bfs-col-xs-7,.viz-bfs-col-xs-8,.viz-bfs-col-xs-9{
  float:left
}
@media (min-width:0px) and (max-width: 515px) {
  .viz-bfs-col-xs-1{
    width:8.33333%
  }
  .viz-bfs-col-xs-2{
    width:16.66667%
  }
  .viz-bfs-col-xs-3{
    width:25%
  }
  .viz-bfs-col-xs-4{
    width:33.33333%
  }
  .viz-bfs-col-xs-5{
    width:41.66667%
  }
  .viz-bfs-col-xs-6{
    width:50%
  }
  .viz-bfs-col-xs-7{
    width:58.33333%
  }
  .viz-bfs-col-xs-8{
    width:66.66667%
  }
  .viz-bfs-col-xs-9{
    width:75%
  }
  .viz-bfs-col-xs-10{
    width:83.33333%
  }
  .viz-bfs-col-xs-11{
    width:91.66667%
  }
  .viz-bfs-col-xs-12{
    width:100%
  }
}

@media (min-width:516px) and (max-width: 768px) {
  .viz-bfs-col-sm-1,.viz-bfs-col-sm-10,.viz-bfs-col-sm-11,.viz-bfs-col-sm-12,.viz-bfs-col-sm-2,.viz-bfs-col-sm-3,.viz-bfs-col-sm-4,.viz-bfs-col-sm-5,.viz-bfs-col-sm-6,.viz-bfs-col-sm-7,.viz-bfs-col-sm-8,.viz-bfs-col-sm-9{
      float:left
  }
  .viz-bfs-col-sm-1{
      width:8.33333%
  }
  .viz-bfs-col-sm-2{
      width:16.66667%
  }
  .viz-bfs-col-sm-3{
      width:25%
  }
  .viz-bfs-col-sm-4{
      width:33.33333%
  }
  .viz-bfs-col-sm-5{
      width:41.66667%
  }
  .viz-bfs-col-sm-6{
      width:50%
  }
  .viz-bfs-col-sm-7{
      width:58.33333%
  }
  .viz-bfs-col-sm-8{
      width:66.66667%
  }
  .viz-bfs-col-sm-9{
      width:75%
  }
  .viz-bfs-col-sm-10{
      width:83.33333%
  }
  .viz-bfs-col-sm-11{
      width:91.66667%
  }
  .viz-bfs-col-sm-12{
      width:100%
  }
}
@media (min-width:769px) and (max-width: 991px) {
  .viz-bfs-col-md-1,.viz-bfs-col-md-10,.viz-bfs-col-md-11,.viz-bfs-col-md-12,.viz-bfs-col-md-2,.viz-bfs-col-md-3,.viz-bfs-col-md-4,.viz-bfs-col-md-5,.viz-bfs-col-md-6,.viz-bfs-col-md-7,.viz-bfs-col-md-8,.viz-bfs-col-md-9{
      float:left
  }
  .viz-bfs-col-md-1{
      width:8.33333%
  }
  .viz-bfs-col-md-2{
      width:16.66667%
  }
  .viz-bfs-col-md-3{
      width:25%
  }
  .viz-bfs-col-md-4{
      width:33.33333%
  }
  .viz-bfs-col-md-5{
      width:41.66667%
  }
  .viz-bfs-col-md-6{
      width:50%
  }
  .viz-bfs-col-md-7{
      width:58.33333%
  }
  .viz-bfs-col-md-8{
      width:66.66667%
  }
  .viz-bfs-col-md-9{
      width:75%
  }
  .viz-bfs-col-md-10{
      width:83.33333%
  }
  .viz-bfs-col-md-11{
      width:91.66667%
  }
  .viz-bfs-col-md-12{
      width:100%
  }
}
@media (min-width: 992px) {
  .viz-bfs-col-lg-1,.viz-bfs-col-lg-10,.viz-bfs-col-lg-11,.viz-bfs-col-lg-12,.viz-bfs-col-lg-2,.viz-bfs-col-lg-3,.viz-bfs-col-lg-4,.viz-bfs-col-lg-5,.viz-bfs-col-lg-6,.viz-bfs-col-lg-7,.viz-bfs-col-lg-8,.viz-bfs-col-lg-9{
      float:left
  }
  .viz-bfs-col-lg-1{
      width:8.33333%
  }
  .viz-bfs-col-lg-2{
      width:16.66667%
  }
  .viz-bfs-col-lg-3{
      width:25%
  }
  .viz-bfs-col-lg-4{
      width:33.33333%
  }
  .viz-bfs-col-lg-5{
      width:41.66667%
  }
  .viz-bfs-col-lg-6{
      width:50%
  }
  .viz-bfs-col-lg-7{
      width:58.33333%
  }
  .viz-bfs-col-lg-8{
      width:66.66667%
  }
  .viz-bfs-col-lg-9{
      width:75%
  }
  .viz-bfs-col-lg-10{
      width:83.33333%
  }
  .viz-bfs-col-lg-11{
      width:91.66667%
  }
  .viz-bfs-col-lg-12{
      width:100%
  }
} */