.zoom:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.zoom2:hover {
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.zoom1:hover {
  -ms-transform: scale(1.015);
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
}

.zoom {
  transition: transform .2s;
}

.zoom2 {
  transition: transform .2s;
}

.zoom1 {
  transition: transform .2s;
}

#btnOnScheduled:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 768px) {
  #colPhsyicalScurve {
    margin-bottom: 0.8rem!important;
  }
}

@media (min-width: 992px) {
  #rowChart {
    margin-top: 0.3rem;
  }
}

@media (min-width: 992px) {
  #rowBottomCard {
    margin-top: 1rem;
  }
}

@media (max-width: 768px) {
  #headingProgressInformationDesktop {
    display: none;
  }
}

@media (min-width: 768px) {
  #headingProgressDashboardMobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .fontSize15remMobile {
    font-size: 1.5rem!important;
  }
}

@media (min-width: 992px) {
  #headingProjectTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 768px) {
  #spanAsAtDesktop {
    display: none;
  }
}

@media (min-width: 768px) {
  #spanAsAtMobile {
    display: none;
  }
}

@media (max-width: 768px) {
  #headingTimeLapsed {
    margin-bottom: 0px!important;
  }
}

@media (max-width: 576px) {
  #cardBodyForVideo {
    padding: 0px;
    height: 255px;
  }
}

@media (max-width: 576px) {
  #spanEOT {
    display: none;
  }
}

@media (max-width: 576px) {
  #spanVO {
    display: none;
  }
}

@media (min-width: 1200px) {
  .cardContractualHeight {
    min-height: 206.73px!important;
  }
}

@media (max-width: 768px) {
  #cardBodyProjectInfo {
    padding-top: 40px!important;
    padding-left: 10px!important;
    padding-right: 0px!important;
    padding-bottom: 20px!important;
  }
}

@media (max-width: 768px) {
  .font08RemMobile768px {
    font-size: 0.8rem!important;
  }
}

@media (max-width: 768px) {
  .font09RemMobile768px {
    font-size: 0.9rem!important;
  }
}

@media (max-width: 768px) {
  .displayNoneMobile768px {
    display: none;
  }
}

@media (min-width: 768px) {
  .displayNoneDesktop768px {
    display: none;
  }
}

@media (max-width: 768px) {
  .cardBodyIssuesPaddingLeft {
    padding-left: 28px;
  }
}

@media (max-width: 768px) {
  .colNoIssuesMinWidthMobile {
    min-width: 8%;
    width: 8%;
    max-width: 8%;
  }
}

@media (max-width: 768px) {
  .colInfo60PercentWidthMobile {
    width: 60%;
    min-width: 60%;
    max-width: 60%;
  }
}

@media (max-width: 768px) {
  .fontSize2remMobile {
    font-size: 2rem!important;
  }
}