/* Waypoint map */
gtn650-element #WaypointMap {
    display: none;
    overflow: hidden;
    position: relative;
}
gtn650-element .WPMAP_North {
    width: 10%;
    position: absolute;
    left: 4%;
    top: 4%;
    z-index: 3;
}
gtn650-element .WPMAP_North img {
    width: 100%;
    margin: 0;
    display: block;
}
gtn650-element .WPMAP_Range {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 18.6%;
    height: 4vw;
    position: absolute;
    right: 4%;
    bottom: 2%;
    z-index: 3;
}
gtn650-element .WPMAP_Range img {
    width: 100%;
    margin: 0;
    display: block;
}
gtn650-element .WPMAP_Range .WPMAP_RangeValue {
    background-color: black;
    line-height: 2vw;
    font-size: 2vw;
    padding-left: 3%;
    padding-right: 3%;
    color: #fbfbfb;
}
gtn650-element .WPMAP_Range .WPMAP_RangeValue span {
    font-size: 1vw;
    padding-left: 4%;
}

/* Waypoint list */
gtn650-element .WPList_ContentBlock {
    margin: auto;
    width: 99%;
    height: 99%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
gtn650-element .WPList_ContentBlock[mode=NoFrequency] {
    width: 99%;
}
gtn650-element .WPList_ContentBlock .WPList_Header, gtn650-element .WPList_ContentBlock .WPList_LineContainer {
    display: flex;
    width: 100%;
    justify-content: space-around;
    text-align: center;
}
gtn650-element .WPList_ContentBlock .WPList_Header {
    height: 6%;
    margin: 0 1% 0 1%;
    width: 95%;
    padding-right: 3%;
    font-size: 2vw;
}
gtn650-element .WPList_ContentBlock .WPList_LinesBlock {
    height: 94%;
    margin: 0 1% 0 1%;
    width: 98%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    padding-right: 1%;
}
gtn650-element .WPList_ContentBlock .WPList_LinesBlock::-webkit-scrollbar {
    width: 2vw;
}
gtn650-element .WPList_ContentBlock .WPList_LinesBlock::-webkit-scrollbar-track {
    background: none;
}
gtn650-element .WPList_ContentBlock .WPList_LinesBlock::-webkit-scrollbar-thumb {
    background:  #8b8b8b;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer {
    height: 32%;
    margin-top: 1%;
    width: 100%;
}
/* DIS/BRG */
gtn650-element .WPList_ContentBlock .WPList_LineContainer >div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer[state=Inactive] {
    display: none;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer[state=Active] {
    display: flex;
    justify-content: space-between;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer .cellData {
    font-size: 3vw;
    color: #fbfbfb;
    display: flex;
    justify-content: center;
    align-items: center;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer .bearing.cellData img {
    transform-origin: 50% 50%;
    height: 4vw;
    margin-right: 25%;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer .distance.cellData span {
    font-size: 2vw;
    padding-left: 5%;
    padding-top: 8%;
    padding-right: 4%;
}

gtn650-element .WPList_ContentBlock .WPList_LineContainer .bearing.cellData span {
    margin-right: 0;
}
gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer .bearing.cellData span {
    margin-right: -6%;
}
gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer {
    height: 32%;
}
gtn650-element .WPList_ContentBlock .WPList_Header >div, gtn650-element .WPList_ContentBlock .WPList_LineContainer >div {
    width: 25%;
}
gtn650-element .WPList_LinesBlock[type=frequency] .WPList_LineContainer >div {
    width: 28%;
}
gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_Header >div, gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer >div {
    width: 25%;
}
gtn650-element .WPList_ContentBlock .WPList_Header >div:first-child, gtn650-element .WPList_ContentBlock .WPList_LineContainer >div:first-child {
    flex-grow: 1;
}
gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_Header >div:first-child, gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer >div:first-child {
    flex-grow: 1;
}
gtn650-element .WPList_ContentBlock .WPList_Header >div:first-child {
    text-align: left;
    padding-left: 1vw;
}
/* last child is the frequency with no button */
gtn650-element .WPList_ContentBlock .WPList_LineContainer >div:last-child {
    display: none;
}
gtn650-element .WPList_ContentBlock .WPList_LineContainer >div:last-child span {
    font-size: 2vw;
    padding-left: 3%;
}
gtn650-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_LineContainer >div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
/* child 4 is the frequency with button */
gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_Header >div:nth-child(4), gtn650-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer >div:nth-child(4) {
    display: none;
}
gtn650-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_LineContainer >div:nth-child(4) {
    display: none;
}
/* child 3 is the separator between distance and frequency */
gtn650-element .WPList_ContentBlock .WPList_Header >div:nth-child(3), gtn650-element .WPList_ContentBlock .WPList_LineContainer >div.separator:nth-child(3) {
    display: none;
}
gtn650-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_Header >div:nth-child(3), gtn650-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_LineContainer >div.separator:nth-child(3) {
    display: block;
}
gtn650-element .WPList_ContentBlock .separator {
    max-width: 0.5%;
    background-color: #565656;
    height: 80%;
    position: relative;
    top: 10%;
    margin-left: 0.2%;
    margin-right: 0.2%;
}
gtn650-element .WPList_ContentBlock .WPList_Header .separator {
    visibility: hidden;
}
gtn650-element .WPList_ContentBlock .buttonsContainer {
    width: 100%;
    height: 97%;
    margin: 1%;
}
gtn650-element .WPList_ContentBlock .gradientButton {
    width: 100%;
    height: 100%;
    font-size: 2.2vw;
}
/* Waypoint button*/
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    padding-left: 1%;
}
/* Ident + logo*/
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 2%;
}
/* Ident */
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:first-child div:first-child {
    font-size: 5vw;
    padding-top: 1.7vw;
}
/* Ident name */
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:last-child {
    color: #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 2%;
    margin-right: 2%;
}
/* Ident logo container */
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:first-child div:last-child {
    width: 16%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4%;
}
/* Ident logo */
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton img {
    width: 6vw;
}
/* Frequency title */
gtn650-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:nth-child(4) .gradientButton .title {
    color: #fbfbfb;
    font-size: 3vw;
}
gtn650-element .WPList_ContentBlock .WPList_LinesBlock[type=frequency] .WPList_LineContainer >div:nth-child(3) .gradientButton .title {
    color: #fbfbfb;
    font-size: 3vw;
    line-height: 3vw;
}
gtn650-element .WPList_ContentBlock .WPList_LinesBlock[type=frequency] .WPList_LineContainer >div:nth-child(3) .gradientButton .frequency_title {
    position: absolute;
    bottom: 0;
    left: 0.5vw;
}



/* Waypoint duplicates */
gtn650-element #waypointDuplicates {
    z-index: 11;
}
gtn650-element #waypointDuplicates.popup[state=Active] {
    display: block;
    animation: slideTopIn 200ms;
}
gtn650-element #waypointDuplicates #WPDup_SearchTitle {
    margin: 1vw;
}
gtn650-element #waypointDuplicates .WPList_ContentBlock {
    height: 88%;
}


/* Common to all Waypoint type information pages */
gtn650-element .waypointInfoContainer {
    width: 100%;
    height: 100%;
    background-color: #262834;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
gtn650-element .waypointInfoContainer[preview=Yes] {
    opacity: 0.4;
    background-color: black;
    pointer-events: none;
}
gtn650-element .waypointInfo {
    width: 98%;
    margin: 1% 0 0.5% 1%;
    height: 27%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
/* Select button */
gtn650-element .waypointInfo >div:nth-child(1) {
    width: 55%;
    height: 100%;
}
gtn650-element .waypointInfo .waypointInfoSelect {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Top button block */
gtn650-element .waypointInfo .waypointInfoSelect >div:first-child {
    width: 95%;
    margin: 1% 2% 2% 2%;
    display: flex;
    justify-content: space-between;
}
/* Ident */
gtn650-element .waypointInfo .waypointInfoSelect .waypointInfoSelectIdent {
    font-size: 5vw;
    line-height: 5vw;
}
/* Image and type block */
gtn650-element .waypointInfo .waypointInfoSelect >div:first-child >div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: -1vw;
}
/* Image Container */
gtn650-element .waypointInfo .waypointInfoSelect .imgContainer {
    margin-right: 2%;
}
/* Image */
gtn650-element .waypointInfo .waypointInfoSelect .waypointInfoSelectImg {
    display: block;
    width: 5vw;
}
/* Type */
gtn650-element .waypointInfo .waypointInfoSelect .waypointInfoSelectType {
    color: #fbfbfb;
    white-space: nowrap;
}
/* Name */
gtn650-element .waypointInfo .waypointInfoSelect >div:last-child {
    align-self: flex-start;
    min-height: 30%;
    margin: 2%;
    color: #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
    line-height: 3vw;
}
/* DIS and BRG */
gtn650-element .waypointInfo >div:nth-child(2) {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
gtn650-element .waypointInfo .distance, gtn650-element .waypointInfo .bearing {
    font-size: 3vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 4%;
    padding-left: 2%;
}
gtn650-element .waypointInfo .waypointInfoDistance, gtn650-element .waypointInfo .waypointInfoBearing {
    color: #fbfbfb;
}
gtn650-element .waypointInfo .bearing img {
    transform-origin: 50% 50%;
}
gtn650-element .waypointInfo .distance span {
    font-size: 2vw;
    padding-left: 5%;
    padding-top: 8%;
}

gtn650-element .waypointInfoData {
    width: 98%;
    margin: 1% 0 1% 1%;
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
gtn650-element .waypointInfoData >div:nth-child(1) {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
gtn650-element .waypointInfoData >div:nth-child(1) >div:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
gtn650-element .waypointInfoData >div:nth-child(2) {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Horizontal Separator */
gtn650-element .waypointInfoSeparator {
    background-color: #565656;
    height: 0.4vw;
}
/* Coordinates */
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(2) {
    width: 100%;
    text-align: center;
    padding: 3%;
}
/* Nearest */
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
/* Nearest ident and logo */
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) >div:nth-child(2) {
    display: flex;
    justify-content: space-evenly;
}
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) >div:nth-child(2) >div {
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    min-width: 3vw;
    min-height: 3vw;
}
/* Nearest ident and logo */
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) >div:nth-child(2) .waypointInfoDataNearestImg {
    width: 8vw;
    position: absolute;
    bottom: -1.8vw;
}
/* Nearest distance and BRG */
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) >div:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) >div:nth-child(3) >div {
    padding-left: 1vw;
    padding-right: 1vw;
}
gtn650-element .waypointInfoData >div:nth-child(2) >div:nth-child(4) >div:nth-child(3) span {
    font-size: 2vw;
    padding-left: 3%;
}

gtn650-element .waypointInfoData .value {
    font-size: 3vw;
    color: #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
    padding: 1vw;
}
gtn650-element .waypointInfoData .value.waypointInfoData2VORClass, gtn650-element .waypointInfoData .value.waypointInfoData2Declination {
    font-size: 2.3vw;
}
gtn650-element .waypointInfoData .buttonsContainer {
    width: 100%;
}
gtn650-element .waypointInfoData .gradientButton {
    width: 100%;
    height: 100%;
}
gtn650-element .waypointInfoData >div:nth-child(1) >div:last-child .buttonsContainer {
    width: 48%;
    height: 12vw;
}
gtn650-element .waypointInfoData >div:nth-child(1) >div:last-child .buttonsContainer .value {
    padding-top: 2vw;
}

gtn650-element .waypointInfoData .gradientButton >div {
    width: 100%;
    text-align: center;
    padding: 3%;
}
gtn650-element .waypointInfoData .waypointInfoNdbFrequency {
    text-align: center;
    padding-top: 2vw;
}

gtn650-element .waypointInfoMap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: none;
}
gtn650-element .waypointInfoMap[preview=Yes] {
    display: block;
    position: absolute;
    top: 1%;
    left: 5%;
    width: 90%;
    height: 98%;
    z-index: 1;
}



/* Airport info */
gtn650-element #PageWaypointInfoAirport {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
gtn650-element #PageWaypointInfoAirport.page .windowTitle {
    display: none;
}
gtn650-element #PageWaypointInfoAirport #WaypointInfoAirportContainer {
    width: 100%;
    height: 100%;
    background-color: #262834;
    overflow: hidden;
}
gtn650-element #PageWaypointInfoAirport #WaypointInfoAirportContainer[displayedPage=Yes] {
    opacity: 0.4;
    background-color: black;
    pointer-events: none;
}

gtn650-element #PageWaypointInfoAirport .content {
    width: 98%;
    margin: 1% 0 0 1%;
    height: 70%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
gtn650-element #PageWaypointInfoAirport .content .buttonsContainer{
    width: 23%;
    margin: 1%;
    height: 45%;
}
gtn650-element #PageWaypointInfoAirport .content .gradientButton{
    width: 100%;
    height: 100%;
}


gtn650-element #PageWaypointInfoAirport .InfoAirportButton .title {
    position: absolute;
    bottom: 3%;
    width: 100%;
    text-align: center;
    color: black;
    font-size: 2vw;
}
gtn650-element #PageWaypointInfoAirport .InfoAirportButton img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 86%;
}


/* Page container */
gtn650-element #PageWaypointInfoAirport #airportInfoPageContainer {
    height: 100%;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}
gtn650-element #PageWaypointInfoAirport #airportInfoPageContainer[state=Active] {
    display: flex;
}

/* Page */
gtn650-element #PageWaypointInfoAirport .InfoAirportInsidePage {
    width: 90%;
    height: 97%;
    background-color: black;
    padding: 2%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 1%;
    background: linear-gradient(#2c302c 0%, #0c100c 20%, #080708 100%);
}
gtn650-element #PageWaypointInfoAirport .InfoAirportInsidePage[state=Inactive] {
    display: none;
}

/* Page Info*/
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo.InfoAirportInsidePage {
    align-items: flex-start;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo .value {
    color: #fbfbfb;
    font-size: 3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo #InfoAirportInfoTitle {
    align-self: center;
    font-size: 3vw;
    margin-bottom: 2vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo #InfoAirportInfoIdentLogo {
    display: flex;
    width: 100%;
}

gtn650-element #PageWaypointInfoAirport #InfoAirportInfo #InfoAirportInfoIdent {
    width: 40%;
    font-size: 5vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo #InfoAirportInfoLogoContainer {
    position: relative;
    width: 15%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo #InfoAirportInfoLogo {
    position: absolute;
    top: -3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo #InfoAirportInfoIdent .value {
    font-size: 5vw;
}

gtn650-element #PageWaypointInfoAirport #InfoAirportInfo .part2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
    margin-top: 3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo .part2 >div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 48%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportInfo .part2 >div:first-child >div {
    display: flex;
    justify-content: space-between;
}

gtn650-element #PageWaypointInfoAirport #InfoAirportInfo .part2 >div:nth-child(2) {
    width: 0.5vw;
    background-color: #565656;
}


/* Page Preview*/
gtn650-element #PageWaypointInfoAirport #InfoAirportPreview {
    position: relative;
    overflow: hidden;
}

/* Page Procedures*/
gtn650-element #PageWaypointInfoAirport #InfoAirportProcedures #InfoAirportProceduresTitle {
    font-size: 3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportProcedures .selectList_Lines {
    width: 98%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportProcedures .selectList_Lines .buttonsContainer {
    height: 32.33%;
    margin: 1% 1.5% 0 1.5%;
    width: 98%;
    font-size: 4vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportProcedures .selectList_Lines .gradientButton .title {
    color: #fbfbfb;
    font-size: 3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportProcedures .selectList_Lines .gradientButton .type {
    position: absolute;
    top: 1%;
    left: 1%;
}

/* Page Runways*/
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways {
    padding: 0;
    position: relative;
    overflow: hidden;
}
gtn650-element #PageWaypointInfoAirport .value {
    color: #fbfbfb;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways #InfoAirportRunwaysMap {
    width: 100%;
    flex-grow: 1;
    position: relative;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part1 {
    width: 100%;
    padding: 1%;
    padding-left: 2%;
    padding-right: 2%;
    height: 21%;
    display: flex;
    justify-content: space-between;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part1 .buttonsContainer {
    width: 30%;
    height: 100%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part1 .gradientButton {
    width: 100%;
    height: 100%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part1 >div:nth-child(2), gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part1 >div:nth-child(3) {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part1 >div:nth-child(2) .value {
    padding-top: 10%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways #InfoAirportRunwaysRunway {
    position: absolute;
    bottom: 15%;
    width: 100%;
    text-align: center;
    font-size: 3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways hr {
    width: 94%;
    height: 0.3vw;
    background-color: #565656;
    border-width: 0;
    margin-top: 1%;
    margin-bottom: 1%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunways .part2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 2%;
    padding-right: 2%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunwaysSize {
    min-width: 50%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportRunwaysSize span {
    font-size: 2vw;
    padding-left: 2%;
}

/* Page Frequencies*/
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies #InfoAirportFrequenciesTitle {
    font-size: 3vw;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines {
    width: 98%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines >div {
    height: 32%;
    margin: 1% 1.5% 0 1.5%;
    width: 98%;
    font-size: 3vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines >div[state=Inactive] {
    display: none;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines .name {
    flex-grow: 1;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
    color: #fbfbfb;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines .buttonsContainer {
    height: 90%;
    width: 30%;
    min-width: 30%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines .gradientButton {
    width: 100%;
    height: 100%;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportFrequencies .selectList_Lines .gradientButton .title {
    color: #fbfbfb;
}

/* Page WXData*/
gtn650-element #PageWaypointInfoAirport #InfoAirportWXData {
    text-align: center;
    color: #fbfbfb;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportWXData #InfoAirportWXDataMetarLines {
    overflow-y: scroll;
    overflow-x: hidden;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportWXData .MetarDecodedLine {
    text-align: left;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportWXData .MetarDecodedLineTitle {
    color: #00fb00;
}

/* Page Notams*/
gtn650-element #PageWaypointInfoAirport #InfoAirportNotams {
    text-align: center;
    color: #fbfbfb;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportNotams #InfoAirportNotamsLines {
    overflow-y: scroll;
    overflow-x: hidden;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportNotams .NotamsDecodedLine {
    text-align: left;
}
gtn650-element #PageWaypointInfoAirport #InfoAirportNotams .NotamsDecodedLineTitle {
    color: #00fb00;
}

/* Page NrstVrps*/
gtn650-element #PageWaypointInfoAirport #InfoAirportNrstVrps {
    text-align: center;
}

/* Override default page behavior for info pages (display flex) */
gtn650-element #MainPart[state=PageWaypointInfoIntersection] #PageWaypointInfoIntersection,
gtn650-element #MainPart[state=PageWaypointInfoUserWaypoint] #PageWaypointInfoUserWaypoint,
gtn650-element #MainPart[state=PageWaypointInfoVOR] #PageWaypointInfoVOR,
gtn650-element #MainPart[state=PageWaypointInfoNDB] #PageWaypointInfoNDB {
    display: flex;
}

/* Intersection, VOR, NDB, User info */
gtn650-element #PageWaypointInfoIntersection, gtn650-element #PageWaypointInfoUserWaypoint, gtn650-element #PageWaypointInfoVOR, gtn650-element #PageWaypointInfoNDB {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
}
gtn650-element #PageWaypointInfoIntersection.page .windowTitle, gtn650-element #PageWaypointInfoUserWaypoint.page .windowTitle, gtn650-element #PageWaypointInfoVOR.page .windowTitle, gtn650-element #PageWaypointInfoNDB.page .windowTitle {
    display: none;
}



/************************************/
/* User Waypoint info page specific */
/************************************/
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData .buttonsContainer {
    width: 48%;
    height: 13vw;
    position: static;
    background-color: unset;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData .buttonsContainer .img {
    top: 0;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData {
    display: flex;
    justify-content: space-between;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData >div:first-child {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 1vw;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData #InfoUserWaypointUsed {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    height: 12vw;
    width: 48%;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData #InfoUserWaypointUsed >div:last-child {
    border-top: 0.12rem solid;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData >div:last-child {
    align-items: center;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData >div:last-child .waypointInfoSeparator{
    width: 96%;
}
gtn650-element #PageWaypointInfoUserWaypoint .waypointInfoData >div:last-child .buttonsContainer {
    width: 86%;
    height: 15vw;
}

