as3000-pfd-element #Mainframe {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }
  as3000-pfd-element #Mainframe #HorizonContainer {
    transform: rotateX(0);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -6;
    border: none;
    overflow: hidden; }
    as3000-pfd-element #Mainframe #HorizonContainer #Horizon {
      position: absolute;
      left: 35%;
      top: 8.5%;
      width: 30%;
      height: 42%;
      border: none; }
    as3000-pfd-element #Mainframe #HorizonContainer #SyntheticVision {
      left: 0%;
      top: -40.5%;
      width: 100%;
      height: 152%;
      z-index: -3;
      display: block;
      /* Map position (left and top) is set in mapConfig.json file (see SvgMapConfig.ts) (makes it editable at runtime) */ }
      as3000-pfd-element #Mainframe #HorizonContainer #SyntheticVision #MapSVG, as3000-pfd-element #Mainframe #HorizonContainer #SyntheticVision #road-network-canvas, as3000-pfd-element #Mainframe #HorizonContainer #SyntheticVision #MapRange, as3000-pfd-element #Mainframe #HorizonContainer #SyntheticVision #MapOrientation {
        transform: rotateX(0);
        display: none; }
      as3000-pfd-element #Mainframe #HorizonContainer #SyntheticVision bing-map {
        transform: rotateX(0);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%; }

  as3000-pfd-element #Mainframe #InstrumentsContainer {
    transform: rotateX(0);
    width: 100%;
    height: 100%;
    z-index: 0; }

as3000-pfd-element #Mainframe #InstrumentsContainer .insetMapContainer {
    transform: rotateX(0);
    position: absolute;
    left: 0.5vh;
    bottom: 8%;
    width: 32vh;
    height: 32vh;
    background-color: black;
    border: solid 1px white;
}

as3000-pfd-element wt-pfd-autopilotdisplay {
    position: absolute;
    left: 50%;
    top: 0%;
    width: 40%;
    height: 7.5%;
    transform: translateX(-50%);
    border-radius: 0 0 5px 5px;
    font-family: "Roboto-Condensed";
    font-weight: bold;
    font-size: 3vh;
}

as3000-pfd-element wt-pfd-airspeedindicator {
    position: absolute;
    right: 70%;
    top: 10%;
    width: 8%;
    height: 50%;
    font-size: 3vh;
    font-family: "Roboto-Regular";
    font-weight: normal;
}

as3000-pfd-element wt-pfd-altimeter {
    position: absolute;
    left: 70%;
    top: 10%;
    width: 18.25%;
    height: 50%;
    font-size: 3vh;
    font-family: "Roboto-Regular";
    font-weight: normal;
}

as3000-pfd-element wt-pfd-radaraltimeter {
    position: absolute;
    right: 30.5%;
    bottom: 50%;
    height: 4%;
    width: 8.5%;
    font-family: "Roboto-Regular";
    font-weight: normal;
    font-size: 3.5vh;
}

as3000-pfd-element #Mainframe #InstrumentsContainer #Compass {
  transform: rotateX(0);
  position: absolute;
  border: none;
  left: 32%;
  right: 32%;
  bottom: 11%;
  z-index: 1;
  font-weight: normal;
}
  as3000-pfd-element #Mainframe #InstrumentsContainer #Compass .fontBold {
      font-weight: bold;
  }

    as3000-pfd-element #Mainframe #InstrumentsContainer #WindData {
      position: absolute;
      top: 57%;
      left: 30%;
      height: 6%;
      width: 9%; }

as3000-pfd-element wt-pfd-aoaindicator {
    position: absolute;
    left: 22%;
    top: 62%;
    width: 10vh;
    height: 10vh;
    font-family: "Roboto-Regular";
    font-weight: normal;
    font-size: 2vh;
}

as3000-pfd-element wt-pfd-trafficalert {
    position: absolute;
    left: 34.5%;
    bottom: 51%;
    height: 3%;
    width: 8%;
    font-family: "Roboto-Regular";
    font-weight: bold;
    font-size: 3vh;
}

    as3000-pfd-element #Mainframe #InstrumentsContainer #Map {
      transform: rotateX(0);
      position: absolute;
      left: 0%;
      top: 63.5%;
      width: 23%;
      height: 29%;
      z-index: 0;
      border: 2px solid; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #MarkerBeacon {
      position: absolute;
      bottom: 84%;
      width: 4vh;
      height: 4vh;
      right: 28%;
      text-align: center;
      line-height: 4vh;
      font-size: 3.5vh;
      color: black;
      display: none; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #MarkerBeacon[state=O] {
        display: block;
        background-color: #36c8d2; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #MarkerBeacon[state=M] {
        display: block;
        background-color: yellow; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #MarkerBeacon[state=I] {
        display: block;
        background-color: white; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #Warnings {
      position: absolute;
      width: 10%;
      height: 3.7%;
      left: 58%;
      top: 9%;
      text-align: center;
      z-index: 100; }

@keyframes RedWarning {
0%, 45% {
  background-color: red;
  color: white; }
55%, 100% {
  background-color: white;
  color: red; } }

@keyframes YellowWarning {
0%, 45% {
  background-color: yellow;
  color: black; }
55%, 100% {
  background-color: black;
  color: yellow; } }

@keyframes WhiteWarning {
0%, 45% {
  background-color: White;
  color: black; }
55%, 100% {
  background-color: black;
  color: white; } }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Warnings[state=Red] {
        animation: RedWarning 1s 5;
        background-color: red;
        color: white; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Warnings[state=Yellow] {
        animation: YellowWarning 1s 5;
        background-color: black;
        color: yellow; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Warnings[state=White] {
        animation: WhiteWarning 1s 5;
        background-color: white;
        color: black; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Warnings[state=Hidden] {
        display: none; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Warnings #WarningsContent {
        font-size: 2.5vh; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations {
      transform: rotateX(0);
      position: absolute;
      right: 0%;
      bottom: 38%;
      width: 13%;
      z-index: 0;
      border: none;
      background-color: #1a1d21;
      font-size: calc( 1.8 * 1vh * var(--bodyHeightScale));
      line-height: calc( 1.5 * 1vh * var(--bodyHeightScale));
      padding: 0.5%;
      padding-bottom: 0%;
      padding-top: 0.8%; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations[state=Hidden] {
        display: none; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations #newAnnunciations[state=Bordered] {
        border-bottom: solid 0.3vh white;
        margin-bottom: calc( 1 * 1vh * var(--bodyHeightScale)); }
    as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations .Warning, as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations .Warning_Blink {
      color: red; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations .Caution, as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations .Caution_Blink {
      color: yellow; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations[state=Blink] .Warning_Blink {
      color: white;
      background-color: red; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #Annunciations[state=Blink] .Caution_Blink {
      color: black;
      background-color: yellow; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #XPDRTimeBox {
      transform: rotateX(0);
      position: absolute;
      background-color: #1a1d21;
      width: 29.8%;
      height: 3.5%;
      padding-left: 1%;
      right: 0%;
      bottom: 4%; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #XPDRTimeBox div {
        display: inline-block;
        background-color: #1a1d21;
        font-size: calc( 2.5 * 1vh * var(--bodyHeightScale));
        vertical-align: central; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #XPDRTimeBox .green {
        color: green; }
    as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow {
      position: absolute;
      right: 0%;
      height: 30%;
      bottom: 7%;
      width: 29.8%;
      background-color: #1a1d21;
      font-size: calc( 2.5 * 1vh * var(--bodyHeightScale)); }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow .unit {
        font-size: calc( 1.75 * 1vh * var(--bodyHeightScale)); }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow .Blinking[state=Blink], as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow .Blinking[state=Selected] {
        background-color: aquamarine;
        color: black; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #drctTitle {
        color: aqua;
        text-align: center;
        position: absolute;
        width: 100%;
        top: 0px;
        height: 12%; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #mainInfos {
        background-color: #1a1d21;
        color: aqua;
        position: absolute;
        width: 95%;
        left: 2.5%;
        top: 13%;
        height: 30%;
        border-top: 0.6vh solid white; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #vnav {
        background-color: #1a1d21;
        color: white;
        position: absolute;
        width: 95%;
        left: 2.5%;
        top: 44%;
        height: 13%;
        border-top: 0.6vh solid white; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #vnav span {
          color: aqua; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #vnav div {
          display: inline-block;
          width: 45%; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #location {
        background-color: #1a1d21;
        color: white;
        position: absolute;
        width: 95%;
        left: 2.5%;
        top: 58%;
        height: 25%;
        color: white;
        border-top: 0.6vh solid white; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #location div div {
          display: inline-block;
          width: 22%; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #location #Crsline {
          position: absolute;
          bottom: 0%;
          left: 0%; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #location #DRCTBearing, as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #location #DRCTDistance, as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #location #DRCTDesiredCourse {
          color: aqua; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTActivateButton {
        position: absolute;
        text-align: center;
        width: 40%;
        bottom: 1%;
        left: 2.5%;
        height: 15%;
        font-size: calc( 3 * 1vh * var(--bodyHeightScale)); }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTHoldButton {
        position: absolute;
        text-align: center;
        bottom: 1%;
        right: 2.5%;
        width: 30%;
        height: 15%;
        font-size: calc( 3 * 1vh * var(--bodyHeightScale)); }
      as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow {
        position: absolute;
        top: 26%;
        left: 3%;
        background-color: grey;
        width: 13vw;
        height: calc( 20 * 1vh * var(--bodyHeightScale));
        border: 1px solid white;
        padding: 2px;
        color: aqua; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #titlePart {
          text-align: center;
          border: 1px solid white;
          background-color: #1a1d21;
          height: 20%; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #ElementListAndSlider {
          position: relative;
          padding-right: 15px;
          border: 1px solid white;
          background-color: #1a1d21;
          height: 79%; }
          as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #ElementListAndSlider #ElementList .Blinking {
            height: calc( 3 * 1vh * var(--bodyHeightScale));
            width: 100%; }
          as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #ElementListAndSlider #Slider {
            position: absolute;
            background-color: darkgrey;
            right: 1%;
            top: 5%;
            height: 90%;
            width: 4px; }
            as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #ElementListAndSlider #Slider[state=Active] {
              visibility: inherit; }
            as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #ElementListAndSlider #Slider[state=Inactive] {
              visibility: hidden; }
            as3000-pfd-element #Mainframe #InstrumentsContainer #DirectToWindow #DRCTSelectionWindow #ElementListAndSlider #Slider #SliderCursor {
              position: absolute;
              background-color: white;
              width: 100%; }

    as3000-pfd-element #Mainframe #InstrumentsContainer #ComInfos {
      position: absolute;
      right: 0%;
      top: 0%;
      height: 8%;
      width: 12%;
      background-color: #1a1d21;
      border-radius: 0% 0% 0% 1.5vh;
      font-size: 2.5vh; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #ComInfos #ActiveCom {
        position: absolute;
        height: 50%;
        width: 45%;
        top: 0%;
        left: 5%;
        text-align: left; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #ComInfos #ActiveComFreq {
        color: green;
        position: absolute;
        height: 50%;
        top: 0%;
        right: 5%;
        text-align: right; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #ComInfos #ActiveComName {
        position: absolute;
        height: 50%;
        width: 90%;
        bottom: 0%;
        left: 5%;
        text-align: center; }

as3000-pfd-element wt-pfd-minimums {
    position: absolute;
    left: 61%;
    bottom: 40%;
    height: 4.6%;
    width: 11%;
    font-family: "Roboto-Regular";
    font-weight: normal;
    font-size: 3vh;
}

    as3000-pfd-element #Mainframe #InstrumentsContainer #RadarAltitude {
      position: absolute;
      left: 60%;
      bottom: 50%;
      height: 5%;
      width: 8%;
      background-color: #1a1d21;
      vertical-align: central; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #RadarAltitude #RA_Title {
        position: absolute;
        width: 35%;
        height: 100%;
        left: 0%;
        font-size: 3vh;
        text-align: center;
        line-height: 5vh; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #RadarAltitude #RA_Value {
        position: absolute;
        width: 65%;
        height: 100%;
        right: 0%;
        text-align: center;
        font-size: 3.4vh;
        line-height: 5vh; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #RadarAltitude[state=Inactive] {
        display: none; }

as3000-pfd-element wt-pfd-bottominfo {
    position: absolute;
    left: 0%;
    bottom: 0%;
    height: 7.5%;
    width: 100%;
    font-family: "Roboto-Regular";
    font-weight: normal;
    font-size: 2.5vh;
}
    as3000-pfd-element wt-pfd-bottominfo .pfdBottomInfoCell {
        position: absolute;
        top: 0%;
        height: 100%;
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-airspeedcell {
        left: 0.5%;
        width: 7%;
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-winddatacell {
        left: 8.5%;
        width: 7%;
        font-family: "Roboto-Condensed";
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-temperaturecell {
        left: 8.5%;
        width: 7%;
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-navdmecell {
        right: 63%;
        width: 16%;
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-navstatuscell {
        left: 38%;
        width: 24%;
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-bearingcellcontainer {
        left: 63%;
        width: 19%;
        --bearingcell-bottom-font-family: "Roboto-Condensed";
    }
    as3000-pfd-element wt-pfd-bottominfo wt-pfd-bottominfo-timecell {
        left: 83%;
        width: 9%;
    }

    as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys {
      position: absolute;
      background-color: #1a1d21;
      display: flex;
      width: 100%;
      height: 7.5%;
      bottom: 0%;
      font-size: 2vh;
      text-align: center;
      border-top: 0.4vh solid white; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey {
        position: relative;
        width: 8.3%;
        height: 100%;
        border-right: 0.6vh solid;
        padding-top: calc(var(--viewportHeightRatio) * (8px / 21.6) * var(--currentPageHeight) / 100); }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey[state=White] {
          color: #1a1d21;
          background-color: white; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey[state=AdvisoryAlert] {
          color: #1a1d21;
          background-color: white; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey[state=YellowAlert] {
          color: #1a1d21;
          background-color: yellow; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey[state=RedAlert] {
          color: white;
          background-color: red; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey .Title {
          position: absolute;
          width: 95%;
          left: 2.5%;
          height: 90%; }
          as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey .Title[state=Greyed] {
            color: #505050; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey .Value {
          position: absolute;
          height: 50%;
          width: 95%;
          left: 2.5%;
          bottom: 0%;
          color: #36c8d2; }
        as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey .Status {
          position: absolute;
          width: 80%;
          left: 10%;
          height: 10%;
          bottom: 10%;
          display: none; }
          as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey .Status[state=Active] {
            display: block;
            background-color: lawngreen; }
          as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .SoftKey .Status[state=Inactive] {
            display: block;
            background-color: black; }
      as3000-pfd-element #Mainframe #InstrumentsContainer #SoftKeys .end {
        border: none;
        width: 8.7%; }