:root {
  --bodyHeightScale: 1;
}

@keyframes TemporaryShow {
  0%, 100% {
    visibility: visible;
  }
}
@keyframes TemporaryHide {
  0%, 100% {
    visibility: hidden;
  }
}
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
html body {
  -webkit-user-select: none;
  font-family: var(--font);
  font-size: calc(var(--viewportHeightRatio) * (36px / 21.6) * var(--currentPageHeight) / 100 );
  color: white;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#highlight {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}

#Electricity {
  width: 100%;
  height: 100%;
}
#Electricity[state=off] {
  display: none;
}
@font-face {
  font-family: "Roboto";
  src: url("/Fonts/RobotoMono-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("/Fonts/RobotoMono-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("/Fonts/RobotoMono-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@keyframes SelectedCharBlinkFreqEdit {
  0%, 40% {
    background-color: black;
    color: black;
  }
  60%, 100% {
    background-color: none;
    color: black;
  }
}
aera-element {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: Roboto-Bold;
}
aera-element #highlight {
  pointer-events: none;
  z-index: 10000;
}
aera-element #Electricity #initPage {
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000;
}
aera-element #Electricity[state=off] {
  display: none;
}
aera-element #Electricity[state=init] #Splash, aera-element #Electricity[state=init] #initPage {
  animation: TemporaryShow 4s 1;
}
aera-element #Splash {
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000;
  transform: scale(0.5);
}
aera-element #LeftDisplay #TopBar {
  position: absolute;
  top: 0%;
  width: 90%;
  height: 40px;
  border-bottom: 3px solid #bbbbbb;
  display: flex;
  font-size: 29px;
}
aera-element #LeftDisplay #TopBar #currentPageName {
  position: absolute;
  left: 1%;
}
aera-element #LeftDisplay #TopBar #topLine_LocalTime {
  position: absolute;
  right: 1%;
}
aera-element #LeftDisplay #MFD {
  position: absolute;
  bottom: 0%;
  top: 40px;
  height: 95vh;
  width: 90%;
  background-color: black;
  border-left: 0.2vh solid white;
  z-index: 1;
}
aera-element #LeftDisplay #MFD #PagesContainer {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  width: auto;
  height: auto;
  overflow: hidden;
  transform: rotateX(0);
}
aera-element #LeftDisplay #MFD #PagesContainer .page {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
aera-element #LeftDisplay #MFD #PagesContainer[state=MainMenu] #MainMenu, aera-element #LeftDisplay #MFD #PagesContainer[state=PFD] #PFD, aera-element #LeftDisplay #MFD #PagesContainer[state=Map] #Map, aera-element #LeftDisplay #MFD #PagesContainer[state=FPL] #FPL, aera-element #LeftDisplay #MFD #PagesContainer[state=ApproachSelection] #ApproachSelection, aera-element #LeftDisplay #MFD #PagesContainer[state=WaypointsInfo] #WaypointsInfo, aera-element #LeftDisplay #MFD #PagesContainer[state=DirectTo] #DirectTo, aera-element #LeftDisplay #MFD #PagesContainer[state=Nearest] #Nearest, aera-element #LeftDisplay #MFD #PagesContainer[state=NearestAirport] #NearestAirport, aera-element #LeftDisplay #MFD #PagesContainer[state=NearestVOR] #NearestVOR, aera-element #LeftDisplay #MFD #PagesContainer[state=NearestNDB] #NearestNDB, aera-element #LeftDisplay #MFD #PagesContainer[state=Tools] #Tools, aera-element #LeftDisplay #MFD #PagesContainer[state=LightingConfigs] #LightingConfigs, aera-element #LeftDisplay #MFD #PagesContainer[state=ShowHide] #ShowHide, aera-element #LeftDisplay #MFD #PagesContainer[state=SetupMap] #SetupMap, aera-element #LeftDisplay #MFD #PagesContainer[state=ChangeDataFieldsMenu] #ChangeDataFieldsMenu, aera-element #LeftDisplay #MFD #PagesContainer[state=NearestIntersection] #NearestIntersection {
  display: block;
}
aera-element #LeftDisplay #MFD #PagesContainer #MapOrientation, aera-element #LeftDisplay #MFD #PagesContainer #MapRange {
  display: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #MainMenu .menuElements, aera-element #LeftDisplay #MFD #PagesContainer #Tools .menuElements, aera-element #LeftDisplay #MFD #PagesContainer #Nearest .menuElements, aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsContainer .menuElements, aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenuValidation .menuElements {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #MainMenu .gradientButton, aera-element #LeftDisplay #MFD #PagesContainer #Tools .gradientButton, aera-element #LeftDisplay #MFD #PagesContainer #Nearest .gradientButton, aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsContainer .gradientButton, aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenuValidation .gradientButton {
  width: 200px;
  height: 200px;
  margin: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #MainMenu .gradientButton .title, aera-element #LeftDisplay #MFD #PagesContainer #Tools .gradientButton .title, aera-element #LeftDisplay #MFD #PagesContainer #Nearest .gradientButton .title, aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsContainer .gradientButton .title, aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenuValidation .gradientButton .title {
  font-size: 2.1vh;
  line-height: 2.1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #Nearest .menuElements, aera-element #LeftDisplay #MFD #PagesContainer #Tools .menuElements {
  top: 40vh;
  left: 8vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #Tools .menuElements {
  left: 58vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer {
  transform: rotateX(0);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -6;
  border: none;
  overflow: hidden;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer #SyntheticVision {
  width: 100%;
  height: 100%;
  z-index: -3;
  display: block;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer #SyntheticVision #MapSVG, aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer #SyntheticVision #road-network-canvas, aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer #SyntheticVision #MapRange, aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer #SyntheticVision #MapOrientation {
  transform: rotateX(0);
  display: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #HorizonContainer #SyntheticVision bing-map {
  transform: rotateX(0);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #Airspeed {
  position: absolute;
  height: 100vh;
  left: -1.6%;
  top: 110px;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #altimeterContainer {
  position: absolute;
  height: 85vh;
  width: 36%;
  right: 0%;
  top: 166px;
  overflow: hidden;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #altimeterContainer #Altimeter {
  position: absolute;
  height: 98vh;
  width: 36vw;
  right: -13.1vw;
  top: -6.9vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #Compass {
  position: absolute;
  top: 30px;
  left: 0%;
  right: 0%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #CDI {
  position: absolute;
  bottom: 0vh;
  left: 32.64%;
  right: 32.64%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #Horizon {
  position: absolute;
  height: 45vh;
  bottom: 22vh;
  left: 10%;
  right: 10%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #GroundGPSSpeedText {
  position: absolute;
  top: 115px;
  transform: scale(1.23);
  left: 2.2vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #GPSAltitudeText {
  position: absolute;
  top: 115px;
  transform: scale(1.23);
  right: 1.9%;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #SlipSkidIndicator {
  position: absolute;
  bottom: 15vh;
  left: 32.6%;
  height: auto;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer #PFD #TurnRateIndicator {
  display: block;
  position: absolute;
  transform: scale(0.5);
  top: -16px;
  left: 6.5%;
}
aera-element #LeftDisplay #MFD #PagesContainer #Map #MapInstrument #MapOrientation {
  display: none;
  height: 5vh;
  font-size: 3.5vh;
  line-height: 5vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #Map #MapInstrument #MapRange {
  display: none;
  height: 5vh;
  font-size: 3.5vh;
  line-height: 5vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #Afpl_Map {
  position: absolute;
  height: 40%;
  left: 0vh;
  right: 0vh;
  top: 0.5vh;
  width: auto;
  border: 0.2vh solid #333333;
  border-radius: 1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan {
  position: absolute;
  width: 100%;
  top: 40.5%;
  height: 59.5%;
  border: 0.4vh solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #BottomBarFPL {
  font-size: 30px;
  height: 60px;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL {
  border-bottom: solid white 3px;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL #AFPL_Name, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL .AFPL_ALT, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL .AFPL_DTKDIS {
  position: absolute;
  top: 6px;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL #AFPL_Name {
  left: 10%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL .AFPL_ALT {
  left: 40%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #TopBarFPL .AFPL_DTKDIS {
  left: 62%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #BottomBarFPL {
  position: absolute;
  width: 100%;
  bottom: 0%;
  border-top: solid white 3px;
  box-sizing: border-box;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #BottomBarFPL .AFPL_TOTAL, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #BottomBarFPL #AFPL_TotalDistance {
  position: absolute;
  top: 10px;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #BottomBarFPL .AFPL_TOTAL {
  left: 40%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #BottomBarFPL #AFPL_TotalDistance {
  left: 60%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL {
  position: absolute;
  width: 100%;
  height: 40vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL::-webkit-scrollbar {
  width: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL::-webkit-scrollbar-track {
  background: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton {
  height: 150px;
  width: 90%;
  margin-bottom: 1.5vh;
  margin-top: 1.5vh;
  margin-right: auto;
  margin-left: auto;
  background: rgba(0, 147, 208, 0);
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton[state=selected] {
  border: 0.8vh solid #0093d0;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton:Hover:Active {
  background: rgba(0, 147, 208, 0);
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton img, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .mainValue, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .value1, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .value2, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .mainTitle {
  position: absolute;
  font-size: 35px;
  top: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton img {
  transform: scale(1.5);
  left: 5%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .mainValue {
  left: 20%;
  top: 25%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .mainTitle {
  position: relative;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .value1, aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .value2 {
  font-size: 27px;
  top: 31%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .value1 {
  left: 40%;
}
aera-element #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #ContainerFPL .gradientButton .value2 {
  left: 65%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #Drct_Map {
  position: absolute;
  height: 40%;
  top: -40%;
  left: 0vh;
  right: 0vh;
  width: auto;
  border: 0.2vh solid #333333;
  border-radius: 1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #SelectedWaypoint {
  width: auto;
  height: 140px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #SelectedWaypoint .mainText {
  font-size: 40px;
  padding-top: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #SelectedWaypoint .mainValue {
  position: absolute;
  left: 20px;
  top: 0%;
  text-align: left;
  color: aqua;
  font-size: 50px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #SelectedWaypoint .title {
  position: absolute;
  left: 20px;
  bottom: 10px;
  text-align: left;
  font-size: 30px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopInfos #Location {
  width: 48%;
  margin-left: 40px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopInfos #Bearing {
  width: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopInfos #Distance {
  width: 25%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopInfos div {
  display: inline-block;
  width: 30%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopInfos div div {
  display: block;
  color: white;
  font-size: 35px;
  width: 100%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopLine,
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #MiddleLine {
  position: relative;
  width: 100%;
  height: 120px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopLine .gradientButton,
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #MiddleLine .gradientButton {
  position: absolute;
  top: 0%;
  display: inline-block;
  text-align: center;
  width: 48%;
  height: 110px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopLine .gradientButton:first-child,
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #MiddleLine .gradientButton:first-child {
  left: 1%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopLine .gradientButton:last-child,
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #MiddleLine .gradientButton:last-child {
  right: 1%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopLine .mainText,
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #MiddleLine .mainText {
  padding-top: 10px;
  font-size: 30px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #TopLine .mainValue,
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #MiddleLine .mainValue {
  font-size: 30px;
  color: aqua;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine {
  width: 100%;
  height: 30vh;
  position: relative;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine .gradientButton {
  display: inline-block;
  text-align: center;
  height: 160px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine .gradientButton .mainValue {
  font-size: 30px;
  color: white;
  line-height: 10px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine .gradientButton .mainText {
  font-size: 30px;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine #DRCT_ActivateDirect {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 29%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine #DRCT_ActivateDirect .DrctImg {
  vertical-align: middle;
  padding-bottom: 1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine #DRCT_CancelButton {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 29%;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine #DRCT_CancelButton .DrctImg {
  vertical-align: middle;
  padding-bottom: 1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #bottomLine #DRCT_ActivateInsertInFP {
  position: absolute;
  top: 0%;
  left: 30%;
  width: 39%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection .gradientButton .title {
  top: 10%;
  font-size: 30px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection .gradientButton .value {
  position: absolute;
  bottom: 15%;
  color: aqua;
  font-size: 35px;
  width: 100%;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Airport {
  position: absolute;
  top: 5%;
  left: 2.5%;
  width: 30%;
  height: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Airport .ident {
  position: absolute;
  bottom: 42%;
  color: aqua;
  font-size: 35px;
  width: 100%;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Airport .name {
  position: absolute;
  bottom: 5%;
  font-size: 25px;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Approach {
  position: absolute;
  top: 5%;
  left: 35%;
  right: 35%;
  width: auto;
  height: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Transition {
  position: absolute;
  top: 5%;
  right: 2.5%;
  width: 30%;
  height: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Minimums {
  position: absolute;
  width: 30%;
  height: 20%;
  left: 2.5%;
  top: 27.5%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Minimums .state {
  position: absolute;
  font-size: 2.5vh;
  top: 35%;
  width: 100%;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Minimums .value {
  font-size: 3vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_PrimaryFrequency {
  position: absolute;
  width: 30%;
  height: 20%;
  left: 35%;
  top: 27.5%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_PrimaryFrequency .value {
  color: white;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options {
  position: absolute;
  width: 62.5%;
  left: 2.5%;
  height: 47.5%;
  top: 50%;
  border: 3px solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options .title {
  position: absolute;
  top: 2%;
  width: 100%;
  text-align: center;
  font-size: 35px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options .gradientButton .title {
  top: 25%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options .gradientButton .value {
  bottom: 0%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Preview {
  position: absolute;
  top: 70px;
  right: 20px;
  left: 20px;
  height: 70px;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Preview .title {
  position: absolute;
  top: 20px;
  left: -50px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Preview .value {
  top: 15px;
  left: 100px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Remove {
  position: absolute;
  top: 160px;
  right: 20px;
  height: 70px;
  width: 300px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Load {
  position: absolute;
  top: 160px;
  left: 20px;
  height: 70px;
  width: 300px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_LoadAndActivate {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  height: 22%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Sequence {
  position: absolute;
  right: 2.5%;
  width: 30%;
  top: 27.5%;
  height: 70%;
  border: 3px solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Sequence .title {
  position: absolute;
  width: 100%;
  font-size: 30px;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Sequence .content {
  position: absolute;
  top: 10%;
  width: 100%;
  height: 90%;
  font-size: 35px;
  text-align: center;
  margin-left: 0.5vh;
  overflow-y: scroll;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #Interactions .mapLess, aera-element #LeftDisplay #MFD #PagesContainer #FPL #Interactions .mapLess, aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #Interactions .mapLess, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #Interactions .mapLess {
  top: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #Interactions .mapPlus, aera-element #LeftDisplay #MFD #PagesContainer #FPL #Interactions .mapPlus, aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #Interactions .mapPlus, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #Interactions .mapPlus {
  top: 120px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #Interactions .mapCenter, aera-element #LeftDisplay #MFD #PagesContainer #FPL #Interactions .mapCenter, aera-element #LeftDisplay #MFD #PagesContainer #DirectTo #Interactions .mapCenter, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #Interactions .mapCenter {
  top: 220px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WPTInf_Map {
  position: absolute;
  height: 40%;
  left: 0vh;
  right: 0vh;
  top: 0vh;
  width: auto;
  border: 0.2vh solid #333333;
  border-radius: 1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WPTInf_Map #Map_Elements #MapInstrument {
  pointer-events: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer {
  position: absolute;
  width: 100%;
  top: 40.5%;
  height: 59.5%;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab {
  width: 100%;
  height: 150px;
  border: 3px solid white;
  border-radius: 1.5vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .gradientButton {
  position: absolute;
  margin: 10px;
  top: 0%;
  right: 0%;
  width: 25%;
  height: 129px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .gradientButton .mainText {
  font-size: 35px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .line {
  text-align: left;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info {
  position: absolute;
  font-size: 25px;
  white-space: nowrap;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .privacy {
  position: absolute;
  top: 6px;
  left: 10px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .city {
  position: absolute;
  top: 45px;
  left: 10px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .bearing {
  position: absolute;
  top: 6px;
  left: 210px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .distance {
  position: absolute;
  top: 6px;
  left: 410px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .latitude {
  position: absolute;
  top: 45px;
  left: 210px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .longitude {
  position: absolute;
  top: 45px;
  left: 410px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .fuel {
  position: absolute;
  top: 90px;
  left: 10px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .elev {
  position: absolute;
  top: 90px;
  left: 210px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #InfoTab .Info .time {
  position: absolute;
  top: 90px;
  left: 410px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart .line {
  text-align: left;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways {
  display: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay[state=Freqs] .Freqs, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay[state=Runways] .Runways {
  display: block;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways {
  position: absolute;
  width: 100%;
  height: 240px;
  overflow-y: scroll;
  overflow-x: hidden;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs::-webkit-scrollbar, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways::-webkit-scrollbar {
  width: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs::-webkit-scrollbar-track, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways::-webkit-scrollbar-track {
  background: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs::-webkit-scrollbar-thumb, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs .line, aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways .line {
  position: relative;
  display: flex;
  height: 140px;
  border-bottom: 3px solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs .line .frequencyName {
  position: absolute;
  left: 200px;
  top: 30px;
  font-size: 35px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs .line .mainText {
  position: absolute;
  left: 500px;
  top: 30px;
  font-size: 35px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways .line .name {
  position: absolute;
  font-size: 35px;
  top: 30px;
  left: 150px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways .line .size {
  position: absolute;
  font-size: 35px;
  top: 20px;
  left: 300px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways .line .surface {
  position: absolute;
  top: 75px;
  left: 330px;
  font-size: 25px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways .line .lighting {
  position: absolute;
  top: 75px;
  left: 500px;
  font-size: 25px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #bottomTabs {
  position: absolute;
  background-color: black;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 60px;
  border: 3px solid white;
  border-radius: 1.5vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #bottomTabs .gradientButton {
  height: 50px;
  margin: 3px;
  width: 250px;
}
aera-element #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #bottomTabs .gradientButton .mainText {
  font-size: 30px;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer {
  width: 100%;
  height: 100%;
  position: relative;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  border: 3px solid white;
  border-collapse: collapse;
  color: white;
  text-align: center;
  font-size: 25px;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList .gradientButton {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  height: auto;
  width: auto;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList .gradientButton .mainValue {
  position: absolute;
  text-align: left;
  left: 5%;
  top: 5%;
  color: white;
  font-size: 40px;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList .gradientButton .title {
  position: absolute;
  text-align: left;
  left: 5%;
  bottom: 5%;
  width: 90%;
  overflow: hidden;
  font-size: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList .gradientButton .symbol {
  position: absolute;
  right: 0%;
  top: 0%;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList .gradientButton .mainNumber {
  font-size: 35px;
  padding: 0%;
  margin: 0%;
  margin-top: 3vh;
  width: 100%;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList .gradientButton[state=SelectedWP] {
  background-color: #0093d0;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList thead {
  display: block;
  color: white;
  font-size: 30px;
  height: 60px;
  width: 100%;
  padding-top: 10px;
  border-bottom: 3px solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 87vh;
  width: 100%;
  position: relative;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody::-webkit-scrollbar {
  width: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody::-webkit-scrollbar-track {
  background: none;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody tr[state=Inactive] {
  display: none;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody tr, aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody td {
  height: 125px;
  position: relative;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody td {
  border-bottom: 0.4vh solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody tr td:first-child {
  border-right: 0.4vh solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList #SizeSetter, aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList #SizeSetter td {
  border: none;
  height: 0vh;
  overflow: visible;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu {
  position: absolute;
  height: 100%;
  width: 30%;
  top: 0%;
  right: -0.75%;
  bottom: 0%;
  background-color: black;
  border: 0.4vh solid white;
}
@keyframes rightEnter {
  0% {
    right: -100%;
  }
  100% {
    right: -0.75%;
  }
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu[state=Inactive] {
  display: none;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu[state=Active] {
  animation: rightEnter 0.5s 1;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu tr, aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu td {
  width: 100%;
  height: 20%;
  position: relative;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu tr .gradientButton, aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu td .gradientButton {
  position: absolute;
  height: auto;
  width: auto;
  top: 2%;
  left: 2%;
  right: 2%;
  bottom: 2%;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu tr .gradientButton .statusBar, aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu td .gradientButton .statusBar {
  bottom: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu tr .gradientButton .mainText, aera-element #LeftDisplay #MFD #PagesContainer .NrstContainer .SelectionMenu td .gradientButton .mainText {
  margin-top: 5%;
  font-size: 2.3vh;
  line-height: 3vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport {
  width: 100%;
  height: 100%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList thead tr th:nth-child(1), aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList tbody tr:first-child td:nth-child(1) {
  width: 40%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList thead tr th:nth-child(2), aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList tbody tr:first-child td:nth-child(2) {
  width: 15%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList thead tr th:nth-child(3), aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList tbody tr:first-child td:nth-child(3) {
  width: 20%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList thead tr th:nth-child(4), aera-element #LeftDisplay #MFD #PagesContainer #NearestAirport .NearestList tbody tr:first-child td:nth-child(4) {
  width: 10%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection {
  width: 100%;
  height: 100%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection .NearestList thead tr th:nth-child(1), aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection .NearestList tbody tr:first-child td:nth-child(1) {
  width: 45vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection .NearestList thead tr th:nth-child(2), aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection .NearestList tbody tr:first-child td:nth-child(2) {
  width: 45vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection .NearestList thead tr th:nth-child(3), aera-element #LeftDisplay #MFD #PagesContainer #NearestIntersection .NearestList tbody tr:first-child td:nth-child(3) {
  width: 45vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR {
  width: 100%;
  height: 100%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList tr td:last-child {
  border-right: 0.4vh solid white;
  border-left: 0.4vh solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList thead tr th:nth-child(1), aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList tbody tr:first-child td:nth-child(1) {
  width: 45vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList thead tr th:nth-child(2), aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList tbody tr:first-child td:nth-child(2) {
  width: 25vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList thead tr th:nth-child(3), aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList tbody tr:first-child td:nth-child(3) {
  width: 25vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList thead tr th:nth-child(4), aera-element #LeftDisplay #MFD #PagesContainer #NearestVOR .NearestList tbody tr:first-child td:nth-child(4) {
  width: 40vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB {
  width: 100%;
  height: 100%;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .symbol {
  max-height: 4.5vh !important;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList thead tr th:nth-child(1), aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList tbody tr:first-child td:nth-child(1) {
  width: 35vw;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList thead tr th:nth-child(2), aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList tbody tr:first-child td:nth-child(2) {
  width: 20vw;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList thead tr th:nth-child(3), aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList tbody tr:first-child td:nth-child(3) {
  width: 20vw;
}
aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList thead tr th:nth-child(4), aera-element #LeftDisplay #MFD #PagesContainer #NearestNDB .NearestList tbody tr:first-child td:nth-child(4) {
  width: 20vw;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master {
  position: absolute;
  top: 38%;
  left: calc((100% - 650px) / 2);
  width: 650px;
  height: 300px;
  border: 0.4vh solid white;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master .title {
  position: absolute;
  top: 2vh;
  width: 100%;
  font-size: 4vh;
  color: white;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #LightingMasterValue {
  position: absolute;
  top: 7vh;
  width: 100%;
  font-size: 3.5vh;
  color: aqua;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #MasterBacklightBgSVG {
  position: absolute;
  bottom: 20px;
  left: 150px;
  height: 120px;
  width: 340px;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #MasterBacklightCursorSVG {
  position: absolute;
  bottom: 20px;
  height: 120px;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #LightingMasterLess {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 120px;
  height: 120px;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #LightingMasterLess .image {
  position: absolute;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #LightingMasterMore {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 120px;
  height: 120px;
}
aera-element #LeftDisplay #MFD #PagesContainer #LightingConfigs .master #LightingMasterMore .image {
  position: absolute;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ShowHide .tile, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap_Options .tile {
  width: auto;
  height: 180px;
  border: 3px solid #323232;
  border-radius: 0.7vh;
  margin: 7px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ShowHide .tile .title, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap_Options .tile .title {
  position: relative;
  font-size: 45px;
  top: 5%;
  left: 3%;
}
aera-element #LeftDisplay #MFD #PagesContainer #ShowHide .tile .gradientButton, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap_Options .tile .gradientButton {
  position: relative;
  width: 350px;
  top: 10px;
  height: 90px;
  left: 550px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ShowHide .tile .gradientButton .mainText, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap_Options .tile .gradientButton .mainText {
  font-size: 40px;
  margin-top: 10px;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Map {
  position: absolute;
  height: 50%;
  left: 0vh;
  right: 0vh;
  top: 0vh;
  width: auto;
  border: 0.2vh solid #333333;
  border-radius: 1vh;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMapContainer {
  position: absolute;
  width: 100%;
  top: 50%;
  height: 59.5%;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Page, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_LeftArrow_Button, aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_RightArrow_Button {
  width: 140px;
  height: 140px;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Page {
  font-size: 40px;
  border: 3px solid #686868;
  vertical-align: middle;
  padding-top: 3%;
  border-radius: 1vh;
  width: 100%;
  height: 150px;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_LeftArrow_Button {
  position: absolute;
  left: 0%;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_RightArrow_Button {
  position: absolute;
  right: 0%;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_LeftArrow_Button > img {
  transform: rotate(180deg);
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options {
  height: 210px;
  overflow-y: scroll;
  overflow-x: hidden;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options::-webkit-scrollbar {
  width: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options::-webkit-scrollbar-track {
  background: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options .title {
  font-size: 35px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu {
  position: absolute;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer {
  position: absolute;
  width: 100%;
  height: 65vh;
  border: 3px solid #686868;
  overflow-y: scroll;
  overflow-x: hidden;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer::-webkit-scrollbar {
  width: 20px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer::-webkit-scrollbar-track {
  background: none;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer .gradientButton .mainText {
  font-size: 30px;
  margin-top: 70px;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer .gradientButton .title {
  font-size: 1.5em;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer .gradientButton[state=selected] {
  background-color: #0093d0;
}
aera-element #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsMenuValidation {
  position: absolute;
  width: 100%;
  height: 14vh;
  top: 65vh;
}
aera-element #LeftDisplay #MFD .popup {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  width: auto;
  height: auto;
  display: none;
  background-color: black;
  z-index: 20;
}
aera-element #LeftDisplay #MFD .popup[state=Active] {
  display: block;
}
aera-element #LeftDisplay #MFD .popup .WindowTitle {
  font-size: 3vh;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 2%;
}
aera-element #LeftDisplay #MFD #DeclutterMenu {
  position: absolute;
  top: 83.5%;
}
aera-element #LeftDisplay #MFD #DeclutterMenu #DeclutterMenuContainer {
  height: 120px;
}
aera-element #LeftDisplay #MFD #DeclutterMenu #DeclutterMenuContainer .gradientButton {
  width: 22%;
  height: 100px;
  margin: 7px;
}
aera-element #LeftDisplay #MFD #DeclutterMenu #DeclutterMenuContainer .gradientButton .mainText {
  font-size: 50px;
  margin-top: 9%;
}
aera-element #LeftDisplay #MFD #ParametersList, aera-element #LeftDisplay #MFD #BugIndicatorMode {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 5%;
  right: 50%;
  width: auto;
  height: auto;
  border: 0.4vh solid #686868;
  border-radius: 1vh;
}
aera-element #LeftDisplay #MFD #ParametersList #ParametersListContainer .gradientButton, aera-element #LeftDisplay #MFD #ParametersList #BugIndicatorModeContainer .gradientButton, aera-element #LeftDisplay #MFD #BugIndicatorMode #ParametersListContainer .gradientButton, aera-element #LeftDisplay #MFD #BugIndicatorMode #BugIndicatorModeContainer .gradientButton {
  width: auto;
  height: 90px;
  margin: 7px;
}
aera-element #LeftDisplay #MFD #ParametersList #ParametersListContainer .gradientButton .mainText, aera-element #LeftDisplay #MFD #ParametersList #BugIndicatorModeContainer .gradientButton .mainText, aera-element #LeftDisplay #MFD #BugIndicatorMode #ParametersListContainer .gradientButton .mainText, aera-element #LeftDisplay #MFD #BugIndicatorMode #BugIndicatorModeContainer .gradientButton .mainText {
  padding-top: 20px;
  font-size: 30px;
}
aera-element #LeftDisplay #MFD #fullKeyboard {
  z-index: 2;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable {
  display: none;
}
aera-element #LeftDisplay #MFD #fullKeyboard[keyboard=Letters] #Keyboard_LetterTable, aera-element #LeftDisplay #MFD #fullKeyboard[keyboard=Numbers] #Keyboard_NumberTable {
  display: inherit;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 60px;
  width: 100%;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #EditText {
  position: absolute;
  left: 1%;
  height: 100%;
  width: 28%;
  background-color: gray;
  font-size: 4vh;
  line-height: 5vh;
  padding-left: 2%;
  color: black;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #EditText .NoEdit {
  background-color: none;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #EditText .Writed {
  background-color: none;
  color: black;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #EditText .ToWrite {
  background-color: none;
  color: dimgray;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #EditText .Writing {
  animation: SelectedCharBlinkFreqEdit 1s infinite;
  min-width: 0.5vw;
  min-height: 4vh;
  display: inline-block;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #Infos {
  position: absolute;
  left: 32%;
  height: 100%;
  width: 68%;
  color: white;
  font-size: 2.5vh;
  vertical-align: bottom;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #Infos #InfosContent {
  position: absolute;
  bottom: 0%;
  vertical-align: bottom;
  width: 92%;
}
aera-element #LeftDisplay #MFD #fullKeyboard #topLine #Infos #InfosSymbol {
  position: absolute;
  bottom: 0%;
  vertical-align: bottom;
  width: 8%;
  right: 0%;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable {
  position: absolute;
  top: 60px;
  left: 0%;
  width: 100%;
  height: 75vh;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable tr,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable tr {
  height: 12vh;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable tr td,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable tr td {
  height: 13vh;
  width: 12vw;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable tr .Double,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable tr .Double {
  width: 24vw;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable .gradientButton,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable .gradientButton {
  height: 8vh;
  width: 14.5vw;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable .gradientButton .mainText,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable .gradientButton .mainText {
  display: inline;
  font-size: 4vh;
  vertical-align: central;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable .gradientButton .title,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable .gradientButton .title {
  font-size: 3vh;
  line-height: 2vh;
}
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable #K_SwitchToNum,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_LetterTable #KN_SwitchToLetters,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable #K_SwitchToNum,
aera-element #LeftDisplay #MFD #fullKeyboard #Keyboard_NumberTable #KN_SwitchToLetters {
  width: 20vh;
}
aera-element #LeftDisplay #MFD #fullKeyboard #FK_Cancel {
  position: absolute;
  left: 2%;
  bottom: 2%;
  width: 30%;
}
aera-element #LeftDisplay #MFD #fullKeyboard #FK_Enter {
  position: absolute;
  right: 2%;
  bottom: 2%;
  width: 30%;
}
aera-element #LeftDisplay #MFD #PFD_Menu .title {
  position: absolute;
  width: 100%;
  top: 0%;
  text-align: center;
  font-size: 3vh;
}
aera-element #LeftDisplay #MFD #PFD_Menu .subpart {
  position: absolute;
  border: 0.4vh solid white;
}
aera-element #LeftDisplay #MFD #PFD_Menu .subpart .title {
  position: absolute;
  width: 100%;
  top: 1vh;
}
aera-element #LeftDisplay #MFD #PFD_Menu .subpart .gradientButton {
  position: absolute;
  bottom: 0.5vh;
  height: 10vh;
}
aera-element #LeftDisplay #MFD #PFD_Menu .subpart .gradientButton .mainText {
  position: absolute;
  font-size: 3vh;
  width: 100%;
  text-align: center;
}
aera-element #LeftDisplay #MFD #PFD_Menu #cdi_source {
  top: 5%;
  left: 30%;
  right: 30%;
  width: auto;
  height: 20%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #cdi_source .gradientButton {
  left: 10%;
  right: 10%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PFD_Menu #inset_windows {
  top: 27%;
  left: 5%;
  right: 5%;
  height: 20%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PFD_Menu #inset_windows #left_inset_button {
  position: absolute;
  left: 2%;
  width: 45%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #inset_windows #right_inset_button {
  position: absolute;
  right: 2%;
  width: 45%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #bearing_pointers {
  top: 49%;
  height: 20%;
  left: 5%;
  right: 5%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PFD_Menu #bearing_pointers #left_bearing_button {
  left: 2%;
  width: 45%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #bearing_pointers #right_bearing_button {
  right: 2%;
  width: 45%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #timer {
  top: 71%;
  height: 20%;
  left: 5%;
  right: 35%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PFD_Menu #timer #timer_startStop_button {
  left: 2%;
  width: 55%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #timer #timer_startStop_button .topTitle {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 5%;
  font-size: 2.5vh;
}
aera-element #LeftDisplay #MFD #PFD_Menu #timer #timer_startStop_button .value {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 15%;
  font-size: 3.5vh;
}
aera-element #LeftDisplay #MFD #PFD_Menu #timer #timer_reset_button {
  right: 2%;
  width: 35%;
}
aera-element #LeftDisplay #MFD #PFD_Menu #minimums {
  top: 71%;
  height: 20%;
  left: 67.5%;
  right: 5%;
  width: auto;
}
aera-element #LeftDisplay #MFD #PFD_Menu #minimums .gradientButton {
  left: 5%;
  right: 5%;
  width: auto;
}
aera-element #LeftDisplay #MFD #SelectionList .content {
  position: absolute;
  left: 10%;
  right: 10%;
  width: auto;
  top: 15%;
  height: 85%;
  overflow-y: scroll;
  overflow-x: hidden;
}
aera-element #LeftDisplay #MFD #SelectionList .content::-webkit-scrollbar {
  width: 20px;
}
aera-element #LeftDisplay #MFD #SelectionList .content::-webkit-scrollbar-track {
  background: none;
}
aera-element #LeftDisplay #MFD #SelectionList .content::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #LeftDisplay #MFD #SelectionList .content .gradientButton {
  height: 120px;
  width: auto;
  margin-bottom: 25px;
}
aera-element #LeftDisplay #MFD #SelectionList .content .gradientButton .value {
  font-size: 50px;
  padding: 20px;
}
aera-element #LeftDisplay #MFD #SelectionList .content .gradientButton[state=Inactive] {
  display: none;
}
aera-element #RightMenu {
  position: absolute;
  width: 10%;
  right: 0%;
  height: 100vh;
  bottom: 0%;
}
aera-element #RightMenu .gradientButton {
  width: 90%;
  height: 16vh;
  margin-left: 5%;
}
aera-element #RightMenu .gradientButton .title {
  font-size: 0.7em;
  bottom: 10%;
}
aera-element #WaypointDuplicateWindow {
  color: white;
  font-size: 30px;
  position: relative;
  z-index: 2;
}
aera-element #WaypointDuplicateWindow .WindowTitle {
  width: 100%;
  font-size: 35px;
  background-color: black;
}
aera-element #WaypointDuplicateWindow #WPDup_SearchTitle {
  position: absolute;
  top: 8%;
  left: 3vh;
  height: 10%;
  width: 100%;
  font-size: 30px;
}
aera-element #WaypointDuplicateWindow thead tr th:nth-child(1), aera-element #WaypointDuplicateWindow tbody tr:first-child td:nth-child(1) {
  width: 60vh;
}
aera-element #WaypointDuplicateWindow thead tr th:nth-child(2), aera-element #WaypointDuplicateWindow tbody tr:first-child td:nth-child(2) {
  width: 25vh;
}
aera-element #WaypointDuplicateWindow thead tr th:nth-child(3), aera-element #WaypointDuplicateWindow tbody tr:first-child td:nth-child(3) {
  width: 50vh;
}
aera-element #WaypointDuplicateWindow table {
  position: absolute;
  width: 95%;
  top: 15%;
  bottom: 0%;
  left: 2.5%;
  right: 2.5%;
  border: 2px solid white;
  border-collapse: collapse;
  color: white;
  text-align: center;
  font-size: 30px;
}
aera-element #WaypointDuplicateWindow table thead {
  display: block;
  color: white;
  font-size: 25px;
  height: 50px;
  width: 100%;
  border: 2px solid white;
  padding-right: 3%;
}
aera-element #WaypointDuplicateWindow table tbody {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 108vh;
  position: relative;
}
aera-element #WaypointDuplicateWindow table tbody::-webkit-scrollbar {
  width: 20px;
}
aera-element #WaypointDuplicateWindow table tbody::-webkit-scrollbar-track {
  background: none;
}
aera-element #WaypointDuplicateWindow table tbody::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #WaypointDuplicateWindow table tbody #SizeSetter, aera-element #WaypointDuplicateWindow table tbody #SizeSetter td {
  border: none;
  height: 0vh;
}
aera-element #WaypointDuplicateWindow table tbody tr, aera-element #WaypointDuplicateWindow table tbody td {
  height: 130px;
  position: relative;
}
aera-element #WaypointDuplicateWindow table tbody tr .gradientButton, aera-element #WaypointDuplicateWindow table tbody td .gradientButton {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  width: auto;
  height: auto;
  overflow: hidden;
}
aera-element #WaypointDuplicateWindow table tbody tr .gradientButton .Ident, aera-element #WaypointDuplicateWindow table tbody td .gradientButton .Ident {
  position: absolute;
  top: 5px;
  left: 20px;
  font-size: 35px;
}
aera-element #WaypointDuplicateWindow table tbody tr .gradientButton .Logo, aera-element #WaypointDuplicateWindow table tbody td .gradientButton .Logo {
  position: absolute;
  top: 4px;
  right: 5px;
  height: 80px;
}
aera-element #WaypointDuplicateWindow table tbody tr .gradientButton .Name, aera-element #WaypointDuplicateWindow table tbody td .gradientButton .Name {
  position: absolute;
  top: 55px;
  left: 20px;
  font-size: 20px;
  white-space: pre-line;
  text-align: left;
}
aera-element #WaypointDuplicateWindow table tbody tr .gradientButton .City, aera-element #WaypointDuplicateWindow table tbody td .gradientButton .City {
  position: absolute;
  top: 55px;
  left: 20px;
  font-size: 20px;
  white-space: nowrap;
}
aera-element #WaypointDuplicateWindow table tbody tr[state=Inactive] {
  display: none;
}
aera-element #WaypointDuplicateWindow table tbody td {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}
aera-element #WaypointDuplicateWindow table tbody td[state=Inactive] {
  display: none;
}
aera-element #WaypointDuplicateWindow table tbody tr td:first-child {
  border-left: 2px solid white;
  border-right: 2px solid white;
}
aera-element #WaypointDuplicateWindow .BearingArrow {
  position: absolute;
  left: 15px;
  top: 30px;
  height: 50px;
}
aera-element #WaypointDuplicateWindow .BearingText {
  position: absolute;
  top: 35px;
  left: 80px;
}
aera-element #WaypointDuplicateWindow .Distance {
  position: absolute;
  top: 35px;
  left: 70px;
}
aera-element .gradientButton {
  position: relative;
  width: 7%;
  font-size: 3vh;
  height: 90%;
  margin: 0.5vh;
  border: 3px solid #686868;
  border-radius: 12px;
  background: linear-gradient(#636e72, rgba(0, 147, 208, 0) 20%);
  width: 12vh;
  height: 12vh;
  text-align: center;
}
aera-element .gradientButton[state=Inactive] {
  visibility: hidden;
}
aera-element .gradientButton[state=Greyed] {
  opacity: 0.4;
  pointer-events: none;
}
aera-element .gradientButton[state=Greyed]:Hover:Active {
  background-color: black !important;
}
aera-element .gradientButton .img {
  height: 60%;
  max-width: 60%;
  margin-top: 5%;
  display: inline-block;
}
aera-element .gradientButton .img_small {
  height: 40%;
  max-width: 40%;
  margin-top: 5%;
  display: inline-block;
}
aera-element .gradientButton .lowerImg {
  height: 60%;
  max-width: 60%;
  display: inline-block;
  margin-top: 20%;
}
aera-element .gradientButton .centerImg {
  height: 40%;
  max-width: 60%;
  display: inline-block;
  margin-top: 14%;
}
aera-element .gradientButton .lowerValue {
  position: absolute;
  top: 42%;
  width: 90%;
  left: 5%;
  font-size: 4vh;
  color: aqua;
}
aera-element .gradientButton .title {
  position: absolute;
  height: 40%;
  width: 100%;
  bottom: 0%;
  text-align: center;
  color: white;
  font-size: 3.5vh;
  line-height: 3.5vh;
  background: none;
  vertical-align: bottom;
}
aera-element .gradientButton .upperTitle {
  position: absolute;
  height: 40%;
  width: 100%;
  top: 5%;
  text-align: center;
  color: white;
  font-size: 3.5vh;
  line-height: 3.5vh;
  background: none;
  vertical-align: bottom;
}
aera-element .gradientButton .topText {
  color: white;
  text-align: left;
  font-size: 3vh;
  margin-left: 8%;
}
aera-element .gradientButton .mainNumber {
  color: white;
  text-align: justify;
  font-size: 7vh;
  margin-left: 8%;
}
aera-element .gradientButton .mainText {
  color: white;
  text-align: center;
  font-size: 4vh;
}
aera-element .gradientButton .statusText {
  color: aqua;
  font-size: 5vh;
}
aera-element .gradientButton .statusBar {
  position: absolute;
  width: 80%;
  height: 5%;
  background-color: grey;
  left: 10%;
  bottom: 30%;
}
aera-element .gradientButton .statusBar[state=Active] {
  background-color: lawngreen;
}
aera-element .gradientButton[state=Active] .mainNumber {
  color: lawngreen;
}
aera-element .gradientButton[state=Active] .statusBar {
  background-color: lawngreen;
}
aera-element .gradientButton[state=Selected] .mainNumber {
  color: aqua;
}
aera-element .gradientButton[state=Selected] .mainNumber .Writing {
  color: dimgray;
  min-width: 5px;
  min-height: 7vh;
  display: inline-block;
}
aera-element .gradientButton[state=Selected] .mainNumber .Writing[state=Blink] {
  background-color: aqua;
}
aera-element .gradientButton[state=Selected] .mainNumber .ToWrite {
  color: dimgray;
}
aera-element .gradientButton[state=White] {
  background: none;
  background-color: white;
}
aera-element .gradientButton[state=White] .mainText {
  color: black;
}
aera-element .gradientButton:Hover:Active {
  background-color: #0093d0;
}
aera-element .roundButton {
  border-radius: 50%;
  background: linear-gradient(#0093d0, rgba(0, 147, 208, 0) 60%);
  color: white;
  font-size: 4vh;
  text-align: center;
  width: 12vh;
  height: 12vh;
}
aera-element .roundButton:Hover:Active {
  background-color: #0093d0;
}
aera-element .line {
  width: 100%;
  text-align: center;
}
aera-element .line > * {
  display: inline-block;
}
aera-element #Map_Elements {
  width: 100%;
}
aera-element #Map_Elements, aera-element #MainMFD_MapElements {
  position: absolute;
  height: 100%;
  transform: rotateX(0);
  /* Map position (left and top) is set in mapConfig.json file (see SvgMapConfig.ts) (makes it editable at runtime) */
  /* Map position (left and top) is set in mapConfig.json file (see SvgMapConfig.ts) (makes it editable at runtime) */
}
aera-element #Map_Elements #Interactions, aera-element #MainMFD_MapElements #Interactions {
  transform: rotateX(0);
}
aera-element #Map_Elements #Interactions .mapLess, aera-element #Map_Elements #Interactions .mapPlus, aera-element #Map_Elements #Interactions .mapCenter, aera-element #MainMFD_MapElements #Interactions .mapLess, aera-element #MainMFD_MapElements #Interactions .mapPlus, aera-element #MainMFD_MapElements #Interactions .mapCenter {
  position: absolute;
  right: 20px;
  height: 80px;
  width: 80px;
}
aera-element #Map_Elements #Interactions .mapLess, aera-element #MainMFD_MapElements #Interactions .mapLess {
  top: 150px;
}
aera-element #Map_Elements #Interactions .mapLess:Hover:Active circle, aera-element #MainMFD_MapElements #Interactions .mapLess:Hover:Active circle {
  fill: #0093d0;
}
aera-element #Map_Elements #Interactions .mapPlus, aera-element #MainMFD_MapElements #Interactions .mapPlus {
  top: 250px;
}
aera-element #Map_Elements #Interactions .mapPlus:Hover:Active circle, aera-element #MainMFD_MapElements #Interactions .mapPlus:Hover:Active circle {
  fill: #0093d0;
}
aera-element #Map_Elements #Interactions .mapCenter, aera-element #MainMFD_MapElements #Interactions .mapCenter {
  top: 360px;
  background-color: rgba(20, 20, 20, 0.4);
  border: 0.3vh solid #444444;
  border-radius: 1vh;
  display: none;
}
aera-element #Map_Elements #Interactions .mapCenter img, aera-element #MainMFD_MapElements #Interactions .mapCenter img {
  width: 100%;
  height: 100%;
}
aera-element #Map_Elements #Interactions .mapCenter:Hover:Active, aera-element #MainMFD_MapElements #Interactions .mapCenter:Hover:Active {
  background-color: #0093d0;
}
aera-element #Map_Elements #Interactions .mapCenter[state=Active], aera-element #MainMFD_MapElements #Interactions .mapCenter[state=Active] {
  display: block;
}
aera-element #Map_Elements #CompassElement, aera-element #MainMFD_MapElements #CompassElement {
  transform: rotateX(0);
  pointer-events: none;
  transform: scale(0.75) translateY(-40vh);
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.7));
}
aera-element #Map_Elements #CompassElement[state=Inactive], aera-element #MainMFD_MapElements #CompassElement[state=Inactive] {
  display: none;
}
aera-element #Map_Elements #DataFieldsContainer, aera-element #MainMFD_MapElements #DataFieldsContainer {
  transform: rotateX(0);
  pointer-events: none;
}
aera-element #Map_Elements #DataFieldsContainer[state=Inactive], aera-element #MainMFD_MapElements #DataFieldsContainer[state=Inactive] {
  display: none;
}
aera-element #Map_Elements #DataFieldsContainer .gradientButton, aera-element #MainMFD_MapElements #DataFieldsContainer .gradientButton {
  background-color: black;
}
aera-element #Map_Elements #DataFieldsContainer .gradientButton[state=selected], aera-element #MainMFD_MapElements #DataFieldsContainer .gradientButton[state=selected] {
  background-color: #0093d0;
}
aera-element #Map_Elements #DataFieldsContainer #DataField_TopLeft, aera-element #Map_Elements #DataFieldsContainer #DataField_TopRight, aera-element #Map_Elements #DataFieldsContainer #DataField_BottomLeft, aera-element #Map_Elements #DataFieldsContainer #DataField_BottomRight, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_TopLeft, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_TopRight, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_BottomLeft, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_BottomRight {
  position: absolute;
  color: white;
  font-size: 33px;
  text-align: center;
  width: auto;
  height: 110px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
aera-element #Map_Elements #DataFieldsContainer #DataField_TopLeft, aera-element #Map_Elements #DataFieldsContainer #DataField_TopRight, aera-element #Map_Elements #DataFieldsContainer #DataField_BottomLeft, aera-element #Map_Elements #DataFieldsContainer #DataField_BottomRight, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_TopLeft, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_TopRight, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_BottomLeft, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_BottomRight {
  width: 250px;
}
aera-element #Map_Elements #DataFieldsContainer #DataField_TopLeft, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_TopLeft {
  top: 20px;
  left: 30px;
}
aera-element #Map_Elements #DataFieldsContainer #DataField_TopRight, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_TopRight {
  top: 20px;
  right: 30px;
}
aera-element #Map_Elements #DataFieldsContainer #DataField_BottomLeft, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_BottomLeft {
  top: 640px;
  left: 30px;
}
aera-element #Map_Elements #DataFieldsContainer #DataField_BottomRight, aera-element #MainMFD_MapElements #DataFieldsContainer #DataField_BottomRight {
  top: 640px;
  right: 30px;
}
aera-element #Map_Elements #MapOrientation, aera-element #MainMFD_MapElements #MapOrientation {
  display: none;
}
aera-element #Map_Elements #MapRange, aera-element #MainMFD_MapElements #MapRange {
  display: none;
  position: absolute;
  bottom: 0%;
  right: 0%;
  width: 15%;
  height: 4vh;
  background-color: #1a1d21;
  color: #36c8d2;
  display: flex;
  font-size: 2.4vh;
}
aera-element #Map_Elements #MapRange .Align, aera-element #MainMFD_MapElements #MapRange .Align {
  width: 50%;
  text-align: right;
}
aera-element #Map_Elements #MapRange .unit, aera-element #MainMFD_MapElements #MapRange .unit {
  font-size: 1.5vh;
  line-height: 1.2vh;
  text-align: left;
}
aera-element #Map_Elements #MapSVG, aera-element #Map_Elements #road-network-canvas, aera-element #MainMFD_MapElements #MapSVG, aera-element #MainMFD_MapElements #road-network-canvas {
  transform: rotateX(0);
  position: absolute;
}
aera-element #Map_Elements bing-map, aera-element #MainMFD_MapElements bing-map {
  transform: rotateX(0);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
aera-element #insertBeforeWaypointWindow .WindowTitle {
  width: 70%;
  padding-left: 15%;
  background-color: black;
}
aera-element #insertBeforeWaypointWindow .Container {
  position: absolute;
  left: 10%;
  right: 10%;
  width: auto;
  top: 15%;
  height: 85%;
  overflow-y: scroll;
  overflow-x: hidden;
}
aera-element #insertBeforeWaypointWindow .Container::-webkit-scrollbar {
  width: 20px;
}
aera-element #insertBeforeWaypointWindow .Container::-webkit-scrollbar-track {
  background: none;
}
aera-element #insertBeforeWaypointWindow .Container::-webkit-scrollbar-thumb {
  background: white;
}
aera-element #insertBeforeWaypointWindow .Container .line, aera-element #insertBeforeWaypointWindow .Container .EndButtonLine {
  width: 100%;
  height: 130px;
  position: relative;
}
aera-element #insertBeforeWaypointWindow .Container .line[state=Inactive], aera-element #insertBeforeWaypointWindow .Container .EndButtonLine[state=Inactive] {
  display: none;
}
aera-element #insertBeforeWaypointWindow .Container .line .gradientButton, aera-element #insertBeforeWaypointWindow .Container .EndButtonLine .gradientButton {
  position: absolute;
  left: 0.5vh;
  right: 0.5vh;
  top: 0.5vh;
  bottom: 0.5vh;
  width: auto;
  height: auto;
}
aera-element #insertBeforeWaypointWindow .Container .line .gradientButton .mainValue, aera-element #insertBeforeWaypointWindow .Container .EndButtonLine .gradientButton .mainValue {
  position: absolute;
  text-align: left;
  left: 50px;
  top: 5px;
  color: white;
  font-size: 40px;
}
aera-element #insertBeforeWaypointWindow .Container .line .gradientButton .title, aera-element #insertBeforeWaypointWindow .Container .EndButtonLine .gradientButton .title {
  position: absolute;
  text-align: left;
  left: 50px;
  bottom: 5px;
  width: 80%;
  font-size: 30px;
}
aera-element #insertBeforeWaypointWindow .Container .line .gradientButton .symbol, aera-element #insertBeforeWaypointWindow .Container .EndButtonLine .gradientButton .symbol {
  position: absolute;
  right: 100px;
  width: 80px;
  top: 5px;
}
aera-element #Annunciations div {
  font-size: 1.6vh;
  text-align: left;
  margin-bottom: 1px;
}
aera-element #Annunciations .Warning, aera-element #Annunciations .Warning_Blink {
  color: red;
}
aera-element #Annunciations .Caution, aera-element #Annunciations .Caution_Blink {
  color: yellow;
}
aera-element #Annunciations[state=Blink] .Warning_Blink {
  color: white;
  background-color: red;
}
aera-element #Annunciations[state=Blink] .Caution_Blink {
  color: black;
  background-color: yellow;
}

aera-element[state=vertical] #LeftDisplay #TopBar {
  width: 100%;
}
aera-element[state=vertical] #LeftDisplay #MFD {
  height: 85vh;
  width: 100%;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer {
  /**/
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #altimeterContainer {
  top: -89px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #altimeterContainer #Altimeter {
  right: -130px;
  width: 390px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #Airspeed {
  top: -186px;
  width: 260px;
  left: -10px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #CDI {
  width: 380px;
  left: 25.5%;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #Horizon {
  position: absolute;
  height: 250px;
  bottom: 550px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #GroundGPSSpeedText {
  top: 90px;
  left: 0px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #GPSAltitudeText {
  top: 90px;
  right: 10px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #SlipSkidIndicator {
  left: 24.4%;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #PFD #TurnRateIndicator {
  left: -13%;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #FPL #flightPlan #AFPL_WayPointsTable tbody {
  height: 75vh;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #MainMenu .menuElements, aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #Tools .menuElements, aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #Nearest .menuElements, aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsContainer .menuElements, aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenuValidation .menuElements {
  padding-top: 10vh;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Freqs, aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #WaypointsInfo #WaypointsInfoContainer #mainPart #CenterDisplay .Runways {
  height: 435px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer .NrstContainer .NearestList tbody {
  height: 1020px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #Tools .menuElements {
  top: 60vh;
  left: 34%;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #Nearest .menuElements {
  top: 50vh;
  left: 0vh;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options {
  height: 50vh;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options .tile {
  width: 99.2%;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #SetupMap #SetupMap_Options .tile .gradientButton {
  left: 390px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsContainer {
  height: 800px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ChangeDataFieldsMenu #ChangeDataFieldsMenuValidation {
  top: 700px;
  left: 0px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ShowHide .tile {
  height: 265px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ShowHide .tile .gradientButton {
  top: 10%;
  left: 350px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Preview {
  height: 110px;
}
aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Remove, aera-element[state=vertical] #LeftDisplay #MFD #PagesContainer #ApproachSelection #Approach_Options #Approach_Load {
  top: 230px;
  height: 100px;
  width: 200px;
}
aera-element[state=vertical] #LeftDisplay #MFD .NrstContainer {
  height: 98%;
}
aera-element[state=vertical] #LeftDisplay #MFD .NrstContainer .NearestList tbody {
  height: 94%;
}
aera-element[state=vertical] #LeftDisplay #MFD #DirectTo {
  top: 40%;
}
aera-element[state=vertical] #LeftDisplay #MFD #DeclutterMenu {
  top: 90%;
}
aera-element[state=vertical] #LeftDisplay #MFD #WaypointDuplicateWindow tbody {
  height: 880px;
}
aera-element[state=vertical] #RightMenu {
  bottom: 0%;
  height: auto;
  width: 100%;
  left: 1vh;
}
aera-element[state=vertical] #RightMenu .gradientButton {
  width: 15.6%;
  height: 11vh;
  margin-left: 0%;
  display: inline-block;
}
aera-element[state=vertical] #RightMenu .gradientButton .img {
  margin-top: 0%;
}
aera-element[state=vertical] #RightMenu .gradientButton .title {
  line-height: 2.4vh;
  /*font-size: 0.7em;*/
}
aera-element[state=vertical] #RightMenu #MenuButton .title {
  top: 50%;
}
aera-element[state=vertical] #Map_Elements #DataFieldsContainer #DataField_BottomLeft, aera-element[state=vertical] #Map_Elements #DataFieldsContainer #DataField_BottomRight, aera-element[state=vertical] #MainMFD_MapElements #DataFieldsContainer #DataField_BottomLeft, aera-element[state=vertical] #MainMFD_MapElements #DataFieldsContainer #DataField_BottomRight {
  top: 940px;
}
aera-element[state=vertical] #Map_Elements #CompassElement, aera-element[state=vertical] #MainMFD_MapElements #CompassElement {
  transform: scale(1) rotateX(0) translateY(20px);
}

/*# sourceMappingURL=Aera.css.map */
