.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;
}


.up47,
.up47-foreign,
.up77,
.up100,
.totla-trucks,
.avg-trucks,
.omani-trucks,
.investor-trucks,
.registered-trucks,
.rfid-trucks,
.number-trucks,
.hours-8,
.hours-12,
.hours-24,
.hours-48,
.up48-hours {
  position: absolute;
  font-family: "Tajawal", "Titillium Web" !important;
  font-weight: 500;
}

.avg-trucks {
  color: #b64e5d;
}

.omani-trucks {
  color: #c2855c;
}

.registered-trucks {
  color: #95c13d;
}

.investor-trucks {
  color: #2e98d4;
}

.rfid-trucks {
  color: #0c5383;
}

.up47,
.up47-foreign,
.up77,
.up100,
.number-trucks,
.hours-8,
.hours-12,
.hours-24,
.hours-48,
.up48-hours {
  color: #fff;
}

.totla-trucks {
  color: #2e98d4;
}

.font-bold {
  font-weight: bolder !important;
}

/*FHD */
@media only screen and (max-width: 1920px) and (min-resolution:72dpi) and (max-resolution:1080dpi) {
  .up47 {
    top: 23%;
    right: 38%;
    transform: translate(-38%, -25%);
  }

  .up47-foreign {
    top: 23%;
    left: 39%;
    transform: translate(-39%, -25%);
  }

  .up77 {
    top: 69%;
    left: 39%;
    transform: translate(-15%, -20%);
  }

  .up100 {
    top: 75%;
    right: 38%;
    transform: translate(-38%, -77%);
  }

  .totla-trucks {
    top: 64%;
    right: 48%;
    transform: translate(-40%, -62%);
  }

  /* trucks summary */
  .avg-trucks {
    top: 14%;
    right: 27%;
    transform: translate(-27%, -25%);
  }

  .rfid-trucks {
    top: 37%;
    left: 50%;
    transform: translate(-50%, -26%);
  }

  .omani-trucks {
    top: 14%;
    left: 32%;
    transform: translate(-44%, -25%);
  }

  .investor-trucks {
    top: 93%;
    right: 27%;
    transform: translate(-28%, -68%);
  }

  .registered-trucks {
    top: 93%;
    left: 32%;
    transform: translate(-44%, -64%);
  }

  /* In Yard */
  .number-trucks {
    top: 53%;
    right: 34%;
    transform: translate(-30%, -67%);
  }

  .hours-8 {
    top: 26%;
    left: 55%;
    transform: translate(-44%, -62%);
  }

  .hours-12 {
    top: 26%;
    left: 44%;
    transform: translate(-44%, -62%);
  }

  .hours-24 {
    top: 39%;
    left: 36%;
    transform: translate(-39%, -57%);
  }

  .hours-48 {
    top: 62%;
    left: 35%;
    transform: translate(-35%, -62%);
  }

  .up48-hours {
    top: 80%;
    left: 44%;
    transform: translate(-44%, -58%);
  }
}

/* HD */
@media only screen and (min-width: 1920px) and (max-resolution:720dpi) {
  .up47 {
    top: 25%;
    right: 38%;
    transform: translate(-38%, -25%);
  }

  .up47-foreign {
    top: 25%;
    left: 39%;
    transform: translate(-39%, -25%);
  }

  .up77 {
    top: 71%;
    left: 39%;
    transform: translate(-15%, -20%);
  }

  .up100 {
    top: 77%;
    right: 38%;
    transform: translate(-38%, -77%);
  }

  .totla-trucks {
    top: 62%;
    right: 48%;
    transform: translate(-40%, -62%);
  }

  /* trucks summary */
  .avg-trucks {
    top: 14%;
    right: 27%;
    transform: translate(-27%, -25%);
  }

  .rfid-trucks {
    top: 37%;
    left: 50%;
    transform: translate(-50%, -26%);
  }

  .omani-trucks {
    top: 14%;
    left: 32%;
    transform: translate(-44%, -25%);
  }

  .investor-trucks {
    top: 93%;
    right: 27%;
    transform: translate(-28%, -68%);
  }

  .registered-trucks {
    top: 93%;
    left: 32%;
    transform: translate(-44%, -64%);
  }


  /* In Yard */
  .number-trucks {
    top: 53%;
    right: 34%;
    transform: translate(-30%, -67%);
  }

  .hours-8 {
    top: 26%;
    left: 55%;
    transform: translate(-44%, -62%);
  }

  .hours-12 {
    top: 26%;
    left: 44%;
    transform: translate(-44%, -62%);
  }

  .hours-24 {
    top: 39%;
    left: 36%;
    transform: translate(-39%, -57%);
  }

  .hours-48 {
    top: 62%;
    left: 35%;
    transform: translate(-35%, -62%);
  }

  .up48-hours {
    top: 80%;
    left: 44%;
    transform: translate(-44%, -58%);
  }
}

/* 1680 x 1050 [ Desktop/Laptop ] */
@media only screen and (min-width:1680px) and (max-width:1900px) {
  .up47 {
    top: 25%;
    right: 38%;
    transform: translate(-38%, -25%);
  }

  .up47-foreign {
    top: 25%;
    left: 39%;
    transform: translate(-39%, -25%);
  }

  .up77 {
    top: 71%;
    left: 39%;
    transform: translate(-15%, -20%);
  }

  .up100 {
    top: 77%;
    right: 38%;
    transform: translate(-38%, -77%);
  }

  .totla-trucks {
    top: 62%;
    right: 48%;
    transform: translate(-40%, -62%);
  }

  /* trucks summary */
  .avg-trucks {
    top: 14%;
    right: 27%;
    transform: translate(-27%, -25%);
  }

  .rfid-trucks {
    top: 37%;
    left: 50%;
    transform: translate(-50%, -26%);
  }

  .omani-trucks {
    top: 14%;
    left: 32%;
    transform: translate(-44%, -25%);
  }

  .investor-trucks {
    top: 93%;
    right: 27%;
    transform: translate(-28%, -68%);
  }

  .registered-trucks {
    top: 93%;
    left: 32%;
    transform: translate(-44%, -64%);
  }
}

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

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

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