/*Override this text to put something custom for the system name.*/
.contour-Header-systemName:before {
    color: white !important;
    content: "DMRS" !important;
}

/*Override this text to put something custom for the version number.*/
.contour-Header-applicationVersion:before {
    color: #929292 !important;
    content: "DisasterAWARE\00AE 6.7.4b352" !important;
}
/*
Height of header bar is 44px.  Please keep this in mind when specifying the placement of the logo.
Override the background url property to put a custom logo.  Please include relative path if necessary.
*/
.contour-Header-logoHolder {
    background: url(https://dmrs.ahacentre.org/dmrs/public/login_files/asean_logo_transparent.png)  no-repeat 10px 2px !important;
    background-size: 42px 42px !important;
    padding: 10px 0 0 69px !important;
}

.contour-Header-commandPostVersion {
  color: #00bfff !important;
}

.contour-aboutInfo-applicationName:after {
  content:"DMRS"
}

.contour-aboutInfo-version:after {
  content:"6.7.4b352"
}

.contour-aboutInfo-tradeMark:after {
  content:"Powered by DisasterAWARE\00AE All-Hazard Warnings, Analysis, and Risk Evaluation System  "
}

/**************
  Loader Styling
*********/

.contour-Loader-outer {
  background-color: #021128;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.contour-Application-logo {
  background-image: url(../images/asean_logo_transparent_large.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  height: 24vh;
  width: 60%;
  margin-bottom: 5%;
  position: relative;
}

.contour-Loader-text,
.contour-Loader-subtext,
.contour-Loader-bottomText {
  color: #fff;
  display: block;
  font-family: sans-serif;
  font-size: 4.5vh;
  line-height: 5.5vh;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: 'AvantGardeGothicITCW02Bd';
  position: relative;
}

.contour-Loader-text {
  font-size: 14vh;
  line-height: 15vh;
  position: relative;
}

.contour-Loader-text::after {
  display: none;
}

.contour-Theme-Earth .contour-Loader-text,
.contour-Theme-Earth .contour-Loader-subtext,
.contour-Theme-Earth .contour-Loader-bottomText {
  color: #b1a8a4;
}

.contour-Theme-Forest .contour-Loader-text,
.contour-Theme-Forest .contour-Loader-subtext,
.contour-Theme-Forest .contour-Loader-bottomText {
  color: #a7ada7;
}

.contour-Theme-Lava .contour-Loader-text,
.contour-Theme-Lava .contour-Loader-subtext,
.contour-Theme-Lava .contour-Loader-bottomText {
  color: #b1a5a6;
}

.contour-Theme-Sea .contour-Loader-text,
.contour-Theme-Sea .contour-Loader-subtext,
.contour-Theme-Sea .contour-Loader-bottomText {
  color: #a0a9b1;
}

.contour-Loader-text::before {
  content: "ASEAN DMRS";
}

.contour-Loader-subtext::before {
  content: "Disaster Monitoring and Response System (DMRS)";
}


.contour-Loader-bottomText {
  position: relative;
}

.contour-Loader-bottomText::before {
  content: "Powered by DisasterAWARE";
  font-size: 2vw;
}

.contour-Loader-bottomText::after {
  content: "\00ae";
  font-size: 2vw;
  vertical-align: top;
  font-weight: normal;
  line-height: 3vw;
  position: absolute;
  top: 0px;
  transform: translateY(-25%);
}

.contour-Loader-bottomLogo {
  background-image: url(../images/PDC-Logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  height: 5vw;
  width: 70%;
  position: relative;
  margin: auto;
}

@keyframes spin {
  from { transform: translateY(-50%) rotate(0); }
  to   { transform: translateY(-50%) rotate(360deg); }
}

.contour-Loader-logo:after {
  content: '';
  background: url(../images/loading-spokes.svg) no-repeat center center;
  background-size: contain;
  display: block;
  height: 32px;
  width: 32px;
  height: 3vw;
  width: 3vw;
  min-height: 20px;
  min-width: 20px;
  position: absolute;
  top: 50%;
  right: -1.5vw;
  transform-origin: center center;
  transform: translate3d(100%, -60%, 0);
  animation: spin 2s linear infinite;
}


@media (min-width: 500px) and (min-height: 500px)  {
  .contour-Loader-text {
      font-size: 8vw;
      line-height: 10vw;
  }

  .contour-Loader-subtext {
      font-size: 2.5vw;
      line-height: 3.5vw;
  }
  
  /* .contour-Application-logo {
      height: 8vw;
      margin-bottom: 5%;
      width: 60%;
  } */

  .contour-Loader-text::after {
      font-size: 4vw;
      line-height: 5vw;
  }

}

@media (min-width: 700px) and (min-height: 700px)  {

  .contour-Loader-text {
      font-size: 5.5vw;
      line-height: 7vw;
      position: relative;
  }

  .contour-Loader-subtext,
  .contour-Loader-bottomText {
      font-size: 1vw;
      line-height: 2.5vw;
  }

  .contour-Application-logo {
      width: 50%;
  }

  .contour-Loader-bottomText::after {
      font-size: 1.25vw;
      line-height: 2vw;
  }
}


@media (max-aspect-ratio: 999999/1000000) {

  .contour-Loader-outer::before {
      background-size: auto 50%;
      background-position: bottom -50px right -50px;
  }

  .contour-Application-logo {
      height: 25vw;
      width: 60%;
  }

  .contour-Application-bottomLogo {
      height: 12vw;
      width: 100%;
  }

  .contour-Loader-text {
      font-size: 10vw;
      line-height: 12vw;
      position: relative;
  }

  .contour-Loader-subtext,
  .contour-Loader-bottomText {
      font-size: 3.5vw;
      line-height: 4.5vw;
  }

  .contour-Loader-logo:after {
      right: 10%;
  }

}