.bg {
  /* The image used */
  background-image: url(../../app-assets/images/backgrounds/bg.png);

  /* Full height 
  height: 120vh;*/

  /* Center and scale the image nicely */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

  /* width:100% !important;
  height:100% !important; */

}

div {
  font-family: "Tajawal", "Titillium Web" !important;
}


.trucks-heavy,
.trucks-medium,
.trucks-investor,
.trucks-others,
.trucks-total,
.trailer-investor,
.trailer-others,
.trailer-chemical,
.trailer-double,
.trailer-otherGC,
.trailer-flatbed,
.trailer-refrigerated,
.trailer-car,
.trailer-side_wall_general_cargo,
.trailer-total,
.cars-investor,
.cars-others,
.cars-total,
.buses-large,
.buses-medium,
.buses-investor,
.buses-others,
.buses-total,
.equipment-heavy,
.equipment-medium,
.equipment-investor,
.equipment-others,
.equipment-total {
  position: absolute;
  font-family: "Tajawal", "Titillium Web" !important;
  font-weight: 500;
}

.trucks-heavy,
.trucks-medium,
.trucks-investor,
.trucks-others,
.trucks-total {
  color: #c2855c;
}

.trailer-investor,
.trailer-others,
.trailer-total {
  color: #2e1946;
}

.trailer-chemical,
.trailer-double,
.trailer-otherGC,
.trailer-flatbed,
.trailer-refrigerated,
.trailer-car,
.trailer-side_wall_general_cargo,
.cars-investor,
.cars-others,
.cars-total {
  color: #b64e5d;
}

.buses-large,
.buses-medium,
.buses-investor,
.buses-others,
.buses-total {
  color: #2e98d4;
}

.equipment-heavy,
.equipment-medium,
.equipment-investor,
.equipment-others,
.equipment-total {
  color: #74992f;
}

/* FHD */
@media only screen and (max-width: 1920px) and (min-resolution:72dpi) and (max-resolution:1080dpi) {

  /* trucks */
  .trucks-total {
    top: 20%;
    right: 33%;
    transform: translate(-33%, -20%);
  }

  .trucks-heavy {
    top: 16%;
    right: 25%;
    transform: translate(-25%, -16%);
  }

  .trucks-medium {
    top: 20%;
    right: 25%;
    transform: translate(-25%, -20%);
  }

  .trucks-investor {
    top: 29%;
    right: 25%;
    transform: translate(-25%, -29%);
  }

  .trucks-others {
    top: 33%;
    right: 25%;
    transform: translate(-25%, -33%);
  }

  /* cars */
  .cars-investor {
    top: 18%;
    right: 40%;
    transform: translate(-40%, -18%);
  }

  .cars-others {
    top: 22%;
    right: 40%;
    transform: translate(-40%, -22%);
  }

  .cars-total {
    top: 20%;
    right: 47%;
    transform: translate(-47%, -20%);
  }

  /* buses */
  .buses-total {
    top: 61%;
    left: 43%;
    transform: translate(-43%, -61%);
  }

  .buses-large {
    top: 50%;
    left: 29%;
    transform: translate(-29%, -50%);
  }

  .buses-medium {
    top: 54%;
    left: 29%;
    transform: translate(-29%, -54%);
  }

  .buses-investor {
    top: 59%;
    left: 30%;
    transform: translate(-30%, -59%);
  }

  .buses-others {
    top: 63%;
    left: 30%;
    transform: translate(-30%, -63%);
  }

  /* equipment */
  .equipment-total {
    top: 22%;
    left: 36%;
    transform: translate(-36%, -22%);
  }

  .equipment-heavy {
    top: 16%;
    left: 22%;
    transform: translate(-22%, -16%);
  }

  .equipment-medium {
    top: 20%;
    left: 22%;
    transform: translate(-22%, -20%);
  }

  .equipment-investor {
    top: 27%;
    left: 24%;
    transform: translate(-24%, -27%);
  }

  .equipment-others {
    top: 31%;
    left: 24%;
    transform: translate(-24%, -31%);
  }

  /* trailer */
  .trailer-total {
    top: 61%;
    right: 41%;
    transform: translate(-41%, -61%);
  }

  .trailer-investor {
    top: 59%;
    right: 29%;
    transform: translate(-29%, -59%);
  }

  .trailer-others {
    top: 63%;
    right: 29%;
    transform: translate(-29%, -63%);
  }

  .trailer-chemical,
  .trailer-double,
  .trailer-otherGC,
  .trailer-flatbed,
  .trailer-refrigerated,
  .trailer-car,
  .trailer-side_wall_general_cargo {
    top: 80%;
    font-size: 1.8rem !important;

  }

  .trailer-double {
    right: 17%;
    transform: translate(-17%, -80%);
  }

  .trailer-chemical {
    right: 27%;
    transform: translate(-27%, -79%);
  }

  .trailer-side_wall_general_cargo {
    right: 36%;
    transform: translate(-36%, -79%);
  }

  .trailer-flatbed {
    right: 46%;
    transform: translate(-46%, -79%);
  }

  .trailer-refrigerated {
    right: 55%;
    transform: translate(-55%, -79%);
  }

  .trailer-car {
    right: 65%;
    transform: translate(-65%, -79%);
  }

  .trailer-otherGC {
    left: 20%;
    transform: translate(-20%, -79%);
  }
}

/* HD */
@media only screen and (min-width: 1920px) and (max-resolution:720dpi) {

  /* trucks */
  .trucks-total {
    top: 20%;
    right: 33%;
    transform: translate(-33%, -20%);
  }

  .trucks-heavy {
    top: 16%;
    right: 25%;
    transform: translate(-25%, -16%);
  }

  .trucks-medium {
    top: 20%;
    right: 25%;
    transform: translate(-25%, -20%);
  }

  .trucks-investor {
    top: 29%;
    right: 25%;
    transform: translate(-25%, -29%);
  }

  .trucks-others {
    top: 33%;
    right: 25%;
    transform: translate(-25%, -33%);
  }

  /* cars */
  .cars-investor {
    top: 18%;
    right: 40%;
    transform: translate(-40%, -18%);
  }

  .cars-others {
    top: 22%;
    right: 40%;
    transform: translate(-40%, -22%);
  }

  .cars-total {
    top: 20%;
    right: 48%;
    transform: translate(-48%, -20%);
  }

  /* buses */
  .buses-total {
    top: 61%;
    left: 43%;
    transform: translate(-43%, -61%);
  }

  .buses-large {
    top: 50%;
    left: 28%;
    transform: translate(-28%, -50%);
  }

  .buses-medium {
    top: 54%;
    left: 28%;
    transform: translate(-28%, -54%);
  }

  .buses-investor {
    top: 59%;
    left: 30%;
    transform: translate(-30%, -59%);
  }

  .buses-others {
    top: 63%;
    left: 30%;
    transform: translate(-30%, -63%);
  }

  /* equipment */
  .equipment-total {
    top: 22%;
    left: 36%;
    transform: translate(-36%, -22%);
  }

  .equipment-heavy {
    top: 16%;
    left: 22%;
    transform: translate(-22%, -16%);
  }

  .equipment-medium {
    top: 20%;
    left: 22%;
    transform: translate(-22%, -20%);
  }

  .equipment-investor {
    top: 27%;
    left: 24%;
    transform: translate(-24%, -27%);
  }

  .equipment-others {
    top: 31%;
    left: 24%;
    transform: translate(-24%, -31%);
  }

  /* trailer */
  .trailer-total {
    top: 61%;
    right: 41%;
    transform: translate(-41%, -61%);
  }

  .trailer-investor {
    top: 59%;
    right: 29%;
    transform: translate(-29%, -59%);
  }

  .trailer-others {
    top: 63%;
    right: 29%;
    transform: translate(-29%, -63%);
  }

  .trailer-chemical,
  .trailer-double,
  .trailer-otherGC,
  .trailer-flatbed,
  .trailer-refrigerated,
  .trailer-car,
  .trailer-side_wall_general_cargo {
    top: 80%;
    font-size: 1.8rem !important;

  }

  .trailer-double {
    right: 17%;
    transform: translate(-17%, -80%);
  }

  .trailer-chemical {
    right: 27%;
    transform: translate(-27%, -79%);
  }

  .trailer-side_wall_general_cargo {
    right: 36%;
    transform: translate(-36%, -79%);
  }

  .trailer-flatbed {
    right: 46%;
    transform: translate(-46%, -79%);
  }

  .trailer-refrigerated {
    right: 55%;
    transform: translate(-55%, -79%);
  }

  .trailer-car {
    right: 65%;
    transform: translate(-65%, -79%);
  }

  .trailer-otherGC {
    left: 20%;
    transform: translate(-20%, -79%);
  }
}

/* 1680 x 1050 [ Desktop/Laptop ] */
@media only screen and (min-width:1680px) and (max-width:1900px) {}

.responsive {
  width: 80%;
  height: auto;
}

.bg-infoGraph {
  background-color: #d1d3d4 !important;
}

.thumbnail {
  position: relative;
  display: inline-block;
}