<div class="col-md-12 marginTop">
  <div class="card card-hpo-dashboard" style="font-size:10px">
    <div class="card-header col-md-12 nopadding">
      <div class="col-md-12">
        <div class="col-md-6" ng-if="linearLoaded">
          <div class="card card-hpo-dashboard card-info block-info">
            <h3 class="card-header col-md-12">
              <div class="col-md-2 nopadding">
                <img
                  class="card-img-top-left"
                  src="img/hpo/canalisation2.png"
                  alt="Card image cap"
                  width="50"
                />
              </div>
              <div class="col-md-9 nopadding smallmargintop text-center">
                <h4 class="card-title">
                  {{linearLoaded}} Km
                  <translate>hpo.home.lineaire</translate>
                </h4>
              </div>
            </h3>
          </div>
        </div>
        <div class="col-md-6" ng-if="casesLoaded">
          <div class="card card-hpo-dashboard card-info block-primary">
            <h3 class="card-header col-md-12">
              <div class="col-md-2 nopadding">
                <img
                  class="card-img-top-left"
                  src="img/hpo/defaillancecanalisation.png"
                  alt="Card image cap"
                  width="50"
                />
              </div>
              <div class="col-md-9 nopadding smallmargintop text-center">
                <h4 class="card-title">
                  {{casesLoaded}}
                  <translate>hpo.home.casses</translate>
                </h4>
              </div>
            </h3>
          </div>
        </div>
      </div>
      <div class="col-md-12">
        <distribution-terms-km-installed-by-year></distribution-terms-km-installed-by-year>
      </div>
      <div class="col-md-12 margin_top_100" ng-if="previewftis">
        <map-standarisation></map-standarisation>
      </div>
      <div class="col-md-12 margin_top_100" >
        <completeness-data-quantitative-modalite></completeness-data-quantitative-modalite>
      </div>
       <div class="col-md-12 margin_top_100">
        <casses-per-years-per-km-per-commune></casses-per-years-per-km-per-commune>
      </div>
    </div>
  </div>
</div>
