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

/* Waypoint list */
gtn750-element .WPList_ContentBlock {
    margin: auto;
    width: 90%;
    height: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] {
    width: 85%;
}
gtn750-element .WPList_ContentBlock .WPList_Header, gtn750-element .WPList_ContentBlock .WPList_LineContainer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
}
gtn750-element .WPList_ContentBlock .WPList_Header {
    margin: 0 1% 0 1%;
    width: 95%;
    padding-right: 1%;
    flex-grow: 1;
}
gtn750-element .WPList_ContentBlock .WPList_LinesBlock {
    height: 53vh;
    margin: 0 1% 0 1%;
    width: 98%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    padding-right: 1%;
}
gtn750-element .WPList_ContentBlock .WPList_LinesBlock::-webkit-scrollbar {
    width: 2vh;
}
gtn750-element .WPList_ContentBlock .WPList_LinesBlock::-webkit-scrollbar-track {
    background: none;
}
gtn750-element .WPList_ContentBlock .WPList_LinesBlock::-webkit-scrollbar-thumb {
    background:  #8b8b8b;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer {
    height: 19%;
    margin-top: 1%;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer[state=Inactive] {
    display: none;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer[state=Active] {
    display: flex;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer .cellData {
    font-size: 3vh;
    color: #fbfbfb;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
gtn750-element .WPList_LinesBlock[type=frequency] .WPList_LineContainer .cellData {
    justify-content: center;
}
gtn750-element .WPList_LinesBlock[type=frequency] .WPList_LineContainer .distance {
    padding-top: 10%;
}

gtn750-element .WPList_ContentBlock .WPList_LineContainer .bearing.cellData img {
    transform-origin: 50% 50%;
    margin-right: 20%;
    min-width: 12%;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer .distance.cellData span {
    font-size: 2vh;
    padding-left: 5%;
    padding-top: 3%;
    padding-right: 4%;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer .bearing.cellData span {
    margin-right: 0;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer .bearing.cellData span {
    margin-right: -6%;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer {
    height: 19%;
}
gtn750-element .WPList_ContentBlock .WPList_Header >div, gtn750-element .WPList_ContentBlock .WPList_LineContainer >div {
    width: 20%;
}
gtn750-element .WPList_LinesBlock[type=frequency] .WPList_LineContainer >div {
    width: 30%;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_Header >div, gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer >div {
    width: 22%;
}
gtn750-element .WPList_ContentBlock .WPList_Header >div:first-child, gtn750-element .WPList_ContentBlock .WPList_LineContainer >div:first-child {
    width: 38%;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_Header >div:first-child, gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer >div:first-child {
    width: 48%;
}
gtn750-element .WPList_ContentBlock .WPList_Header >div:first-child {
    text-align: left;
    padding-left: 1vh;
}
/* last child is the frequency with no button */
gtn750-element .WPList_ContentBlock .WPList_LineContainer >div:last-child {
    display: none;
}
gtn750-element .WPList_ContentBlock .WPList_LineContainer >div:last-child span {
    font-size: 2vh;
    padding-left: 3%;
}
gtn750-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_LineContainer >div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
/* child 6 is the frequency with button */
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_Header >div:nth-child(6), gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LineContainer >div:nth-child(6) {
    display: none;
}
gtn750-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_LineContainer >div:nth-child(6) {
    display: none;
}
/* child 5 is the separator between distance and frequency */
gtn750-element .WPList_ContentBlock .WPList_Header >div:nth-child(5), gtn750-element .WPList_ContentBlock .WPList_LineContainer >div.separator:nth-child(5) {
    display: none;
}
gtn750-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_Header >div:nth-child(5), gtn750-element .WPList_ContentBlock[mode=FrequencyNoButton] .WPList_LineContainer >div.separator:nth-child(5) {
    display: block;
}
gtn750-element .WPList_ContentBlock .separator {
    max-width: 0.3%;
    background-color: #565656;
    height: 80%;
    position: relative;
    top: 10%;
    margin-left: 0.35%;
    margin-right: 0.35%;
}
gtn750-element .WPList_ContentBlock .WPList_Header .separator {
    visibility: hidden;
}
gtn750-element .WPList_ContentBlock .buttonsContainer {
    width: 100%;
    height: 97%;
    margin: 1%;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .buttonsContainer {
    margin-left: -1.3%;
}
gtn750-element .WPList_ContentBlock .gradientButton {
    width: 100%;
    height: 100%;
    font-size: 2.2vh;
}
/* Waypoint button*/
gtn750-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*/
gtn750-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 */
gtn750-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:first-child div:first-child {
    font-size: 4vh;
    padding-top: 1vh;
}
/* Ident name */
gtn750-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%;
    font-size: 1.5vh;
}
gtn750-element .WPList_ContentBlock[mode=NoFrequency] .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:last-child {
    font-size: 2vh;
}
/* Ident logo container */
gtn750-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton div:first-child div:last-child {
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4%;
}
/* Ident logo */
gtn750-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:first-child .gradientButton img {
    width: 4vh;
}
/* Frequency title */
gtn750-element .WPList_ContentBlock .WPList_LinesBlock .WPList_LineContainer >div:nth-child(6) .gradientButton .title {
    color: #fbfbfb;
    font-size: 3vh;
}
gtn750-element .WPList_ContentBlock .WPList_LinesBlock[type=frequency] .WPList_LineContainer >div:nth-child(3) .gradientButton .title {
    color: #fbfbfb;
    font-size: 3vh;
    line-height: 3vh;
}
gtn750-element .WPList_ContentBlock .WPList_LinesBlock[type=frequency] .WPList_LineContainer >div:nth-child(3) .gradientButton .frequency_title {
    position: absolute;
    bottom: 0;
    left: 0.5vh;
}



/* Waypoint duplicates */
gtn750-element #waypointDuplicates {
    z-index: 11;
}
gtn750-element #waypointDuplicates.popup[state=Active] {
    display: block;
    animation: slideTopIn 200ms;
}
gtn750-element #waypointDuplicates #WPDup_SearchTitle {
    margin: 1vh;
}

/* Common to all Waypoint type information pages */
gtn750-element .waypointInfo {
    width: 98%;
    margin: 1% 0 0.5% 1%;
    height: 14%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
/* Select button */
gtn750-element .waypointInfo >div:nth-child(1) {
    width: 40%;
    height: 100%;
}
gtn750-element .waypointInfo .waypointInfoSelect {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Top button block */
gtn750-element .waypointInfo .waypointInfoSelect >div:first-child {
    width: 95%;
    margin: 4% 2% 2% 2%;
    display: flex;
    justify-content: space-between;
}
/* Ident */
gtn750-element .waypointInfo .waypointInfoSelect .waypointInfoSelectIdent {
    font-size: 4vh;
}
/* Image and type block */
gtn750-element .waypointInfo .waypointInfoSelect >div:first-child >div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    top: -1vh;
}
/* Image Container */
gtn750-element .waypointInfo .waypointInfoSelect .imgContainer {
    margin-right: 2%;
}
/* Image */
gtn750-element .waypointInfo .waypointInfoSelect .waypointInfoSelectImg {
    display: block;
    width: 5vh;
}
/* Type */
gtn750-element .waypointInfo .waypointInfoSelect .waypointInfoSelectType {
    color: #fbfbfb;
    white-space: nowrap;
}
/* Name */
gtn750-element .waypointInfo .waypointInfoSelect >div:last-child {
    align-self: flex-start;
    min-height: 30%;
    margin: 0 2% 2% 2%;
    color: #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
}
/* DIS and BRG */
gtn750-element .waypointInfo >div:nth-child(2) {
    width: 28%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
gtn750-element .waypointInfo .distance, gtn750-element .waypointInfo .bearing {
    font-size: 3vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 4%;
    padding-left: 2%;
}
gtn750-element .waypointInfo .waypointInfoDistance, gtn750-element .waypointInfo .waypointInfoBearing {
    color: #fbfbfb;
}
gtn750-element .waypointInfo .bearing img {
    transform-origin: 50% 50%;
    width: 6%;
}
gtn750-element .waypointInfo .distance span {
    font-size: 2vh;
    padding-left: 5%;
    padding-top: 8%;
}
/* Separator */
gtn750-element .waypointInfo >div:nth-child(3) {
    width: 0.5%;
    background-color: #565656;
    height: 80%;
    position: relative;
    top: 10%;
    margin-left: 0.35%;
    margin-right: 0.35%;
}
/* Coordinates */
gtn750-element .waypointInfo >div:nth-child(4) {
    width: 28%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 3vh;
    color: #fbfbfb;
}
gtn750-element .waypointInfo .gradientButton {
    width: 100%;
    height: 100%;
}

/* Horizontal Separator */
gtn750-element .waypointInfoSeparator {
    width: 55%;
    background-color: #565656;
    height: 0.5%;
    position: relative;
    left: 42%;
}

/* Data 1 */
gtn750-element .waypointInfoData {
    width: 98%;
    margin: 1% 0 1% 1%;
    height: 14%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
gtn750-element .waypointInfoData .value {
    font-size: 3vh;
    color: #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 1vh;
    padding-right: 1vh;
}
/* Location */
gtn750-element .waypointInfoData >div:nth-child(1) {
    width: 46%;
    height: 100%;
}
/* Frequency */
gtn750-element .waypointInfoData >div:nth-child(2) {
    width: 22%;
    height: 100%;
}
gtn750-element .waypointInfoData >div:nth-child(2) >div {
    width: 100%;
    text-align: center;
    padding: 3%;
}
gtn750-element .waypointInfoData .buttonsContainer {
    width: 100%;
    height: 100%;
}
gtn750-element .waypointInfoData .gradientButton {
    width: 100%;
    height: 100%;
}
gtn750-element .waypointInfoData .gradientButton >div {
    width: 100%;
    text-align: center;
    padding: 3%;
}
/* Separator */
gtn750-element .waypointInfoData >div:nth-child(3) {
    width: 0.5%;
    background-color: #565656;
    height: 80%;
    position: relative;
    top: 10%;
    margin-left: 0.35%;
    margin-right: 0.35%;
}
/* Nearest */
gtn750-element .waypointInfoData >div:nth-child(4) {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
/* Nearest ident and logo */
gtn750-element .waypointInfoData >div:nth-child(4) >div:nth-child(2) {
    display: flex;
    justify-content: space-evenly;
}
gtn750-element .waypointInfoData >div:nth-child(4) >div:nth-child(2) >div {
    padding-left: 1vh;
    padding-right: 1vh;
    position: relative;
    min-width: 3vh;
    min-height: 3vh;
}
/* Nearest ident and logo */
gtn750-element .waypointInfoData >div:nth-child(4) >div:nth-child(2) .waypointInfoDataNearestImg {
    width: 5vh;
    position: absolute;
    bottom: -1vh;
}
/* Nearest distance and BRG */
gtn750-element .waypointInfoData >div:nth-child(4) >div:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
gtn750-element .waypointInfoData >div:nth-child(4) >div:nth-child(3) >div {
    padding-left: 1vh;
    padding-right: 1vh;
}
gtn750-element .waypointInfoData >div:nth-child(4) >div:nth-child(3) span {
    font-size: 2vh;
    padding-left: 3%;
}

/* Horizontal Separator2 */
gtn750-element .waypointInfoSeparator2 {
    width: 94%;
    background-color: #565656;
    height: 0.5%;
    position: relative;
    left: 3%;
}
/* Data 2 */
gtn750-element .waypointInfoData2 {
    width: 98%;
    margin: 0 0 0 1%;
    height: 5%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
gtn750-element .waypointInfoData2 >div {
    display: flex;
}
gtn750-element .waypointInfoData2 .value {
    padding-left: 2vh;
    color: #fbfbfb;
}

gtn750-element .waypointInfoMap {
    width: 100%;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    background-color: brown;
    border: solid #565656;
    border-width: 0.3vh 0 0 0;
}



/* Airport info */
gtn750-element #PageWaypointInfoAirport {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
gtn750-element #PageWaypointInfoAirport .content {
    width: 98%;
    margin: 1% 0 0 1%;
    height: 75%;
    overflow: hidden;
    display: flex;
}
/* Left buttons */
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsLeft {
    height: 100%;
    width: 16%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
/* Right buttons */
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsRight {
    height: 100%;
    width: 18%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

gtn750-element #PageWaypointInfoAirport .InfoAirportButton {
    width: 100%;
    height: 22%;
    border: solid #004d8d;
    position: relative;
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsLeft .InfoAirportButton {
    background: linear-gradient(to right, #7c9ebb 0%, #5180ad 70%, #004d8d 100%);
    border-width: 0.3vh 0 0.3vh 0.3vh;
    border-radius: 1vh 0 0 1vh;
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsRight .InfoAirportButton {
    background: linear-gradient(to left, #7c9ebb 0%, #5180ad 70%, #004d8d 100%);
    border-width: 0.3vh 0.3vh 0.3vh 0;
    border-radius: 0 1vh 1vh 0;
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsLeft .InfoAirportButton[state=Inactive]:Hover:Active {
    background: linear-gradient(to right, #d9f1fd 0%, #5180ad 100%);
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsRight .InfoAirportButton[state=Inactive]:Hover:Active {
    background: linear-gradient(to left, #d9f1fd 0%, #5180ad 100%);
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButton[state=Active] {
    background: none;
    background-color:#d9f1fd;
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsLeft .InfoAirportButton[state=Active]::after {
    content: '';
    position: absolute;
    top: 0;
    right: -25%;
    background-color: #d9f1fd;
    width: 25%;
    height: 100%;
}
gtn750-element #PageWaypointInfoAirport .InfoAirportButtonsRight .InfoAirportButton[state=Active]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -25%;
    background-color: #d9f1fd;
    width: 25%;
    height: 100%;
}

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


/* Page container */
gtn750-element #PageWaypointInfoAirport .container {
    flex-grow: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(#2c302c 0%, #0c100c 20%, #080708 100%);
    border: solid #004d8d;
    border-width: 0.3vh;
}

/* Page */
gtn750-element #PageWaypointInfoAirport .InfoAirportInsidePage {
    width: 100%;
    height: 100%;
    background-color: black;
    border: solid #d9f1fd;
    border-width: 1vh;
    border-radius: 2.5vh;
    padding: 2%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
gtn750-element #PageWaypointInfoAirport .InfoAirportInsidePage[state=Inactive] {
    display: none;
}

/* Page Info*/
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo hr {
    width: 80%;
    height: 0.3vh;
    background-color: #565656;
    border-width: 0;
}
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo .value {
    color: #fbfbfb;
    font-size: 3vh;
}
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo .part2 {
    display: flex;
    width: 100%;
    justify-content: space-around;
    text-align: center;
}
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo .part3 {
    width: 100%;
    text-align: center;
}
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo .buttonsContainer {
    width: 40%;
    height: 12vh;
}
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo .gradientButton {
    width: 100%;
    height: 100%;
}
gtn750-element #PageWaypointInfoAirport #InfoAirportInfo .gradientButton img {
    height: 70%;
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

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

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

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

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

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



/************************************/
/* User Waypoint info page specific */
/************************************/
gtn750-element #PageWaypointInfoUserWaypoint .waypointInfoData .buttonsContainer {
    width: 23%;
    height: 100%;
    position: static;
    background-color: unset;
}
gtn750-element #PageWaypointInfoUserWaypoint .waypointInfoData .buttonsContainer .img {
    top: 0;
}
gtn750-element #PageWaypointInfoUserWaypoint .waypointInfoData {
    display: flex;
    justify-content: space-between;
    padding-left: 3%;
    padding-right: 1%;
}
gtn750-element #PageWaypointInfoUserWaypoint .waypointInfoData #InfoUserWaypointUsed {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
}
gtn750-element #PageWaypointInfoUserWaypoint .waypointInfoData #InfoUserWaypointUsed >div:last-child {
    border-top: 0.12rem solid;
}
