gtn650-element #PageFlighPlan .page {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: relative;
}
gtn650-element #PageFlighPlan >div:first-child.windowTitle {
    display: none;
}

gtn650-element #PageFlighPlan[displayedMenu=Yes] #FPL_Container, gtn650-element #PageFlighPlan[displayedMenu=Yes] > div.windowTitle {
    opacity: 0.4;
    background-color: black;
    pointer-events: none;
}

/* Header */
gtn650-element #PageFlighPlan #FPL_Container {
    width: 100%;
    height: 97%;
    margin: 1% 0 0 0;
    background-color: black;
    overflow: hidden;
}

gtn650-element #PageFlighPlan #FPL_FirstLine {
    display: flex;
    justify-content: flex-end;
    width: 97.8%;
    height: 7%;
    margin-bottom: 0.7vw;
}
gtn650-element #PageFlighPlan img {
    height: 3vw;
}
gtn650-element #PageFlighPlan #FPL_Name {
    flex-grow: 1;
    padding-left: 2vw;
    font-size: 2.5vw;
    color: #fbfbfb;
    margin-left: -2vw;
}
gtn650-element #PageFlighPlan .FPL_columnName {
    width: 19.5%;
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 2.5vw;
}

/* Flight plan line block */
gtn650-element #PageFlighPlan #FPL_LinesBlock {
    width: 100%;
    height: 93%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock::-webkit-scrollbar {
    width: 2vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock::-webkit-scrollbar-track {
    background: none;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock::-webkit-scrollbar-thumb {
    background:  #8b8b8b;
}

/* Flight plan line container. Same for all line types */
gtn650-element #PageFlighPlan .FPL_LineContainer {
    width: 95.5%;
    height: 33.33%;
    display: none;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[state=Active] {
    display: block;
}

/* Flight plan line airway part */
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=airwaypart] {
    width: 90%;
    margin-left: 5.5%;
    position: relative;
}
gtn650-element #PageFlighPlan .FPL_LineContainer .airwayLine {
    position: absolute;
    display: none;
    height: 32.83%;
    top: -50%;
    height: 100%;
}
gtn650-element #PageFlighPlan .FPL_LineContainer .airwayLine img {
    height: 100%;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=airwaypart] .airwayLine {
    display: block;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=airwaypart][collapsed=yes] .airwayLine {
    display: none;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=airwaypart][collapsed=yes] {
    display: none;
}


/* Flight plan line SAR part */
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=SARpart] {
    width: 90%;
    margin-left: 5.5%;
    position: relative;
}
gtn650-element #PageFlighPlan .FPL_LineContainer .airwayLine img {
    height: 100%;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=SARpart] .airwayLine {
    display: block;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=SARpart][collapsed=yes] .airwayLine {
    display: none;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=SARpart][collapsed=yes] {
    display: none;
}


/* Flight plan line hold part */
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=hold] {
    width: 90%;
    margin-left: 5.5%;
    position: relative;
}
gtn650-element #PageFlighPlan .FPL_LineContainer .holdLine {
    position: absolute;
    display: none;
    height: 32.83%;
    top: -50%;
    height: 100%;
}
gtn650-element #PageFlighPlan .FPL_LineContainer[subtype=hold] .holdLine {
    display: block;
}
gtn650-element #PageFlighPlan .FPL_LineContainer .holdLine img {
    height: 100%;
}



/* Flight plan line all types */
gtn650-element #PageFlighPlan .FPL_Line {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 0 0 3%;
    height: 95%;
}
gtn650-element #PageFlighPlan .FPL_Line:nth-child(1) {
    margin-top: 0;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .buttonsContainer {
    width: 96%;
    height: 96%;
    margin-left: 0.5vw;
    margin-right: 1vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .gradientButton {
    width: 100%;
    height: 100%;
    font-size: 2.2vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line .FPL_col {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Flight plan line waypoint type */
gtn650-element #PageFlighPlan .FPL_Line.FPL_Waypoint .FPL_col {
    width: 19%;
}
gtn650-element #PageFlighPlan .FPL_Line.FPL_Waypoint .FPL_col:nth-child(1) {
    flex-grow: 1;
}
gtn650-element #PageFlighPlan .FPL_Line.FPL_Waypoint .FPL_colSep {
    width: 0.4%;
    background-color: #565656;
    height: 80%;
    position: relative;
    top: 10%;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint:last-child .buttonsContainer {
    width: 97.3%;
    height: 96%;
    margin-right: 0.7vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    padding-left: 1.5vw;
}
/* Ident + logo*/
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
/* Ident */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton div:first-child div:first-child {
    font-size: 3.8vw;
}
/* Ident active waypoint */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[state=CurrentLeg] .FPL_col:first-child .gradientButton div:first-child div:first-child {
    color: #ff00ff;
}
/* Ident name */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton div:last-child {
    color: #fbfbfb;
    white-space: nowrap;
}
/* Ident logo container */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton div:first-child div:last-child {
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-right: 4%; */
    position: relative;
}
/* Ident logo container */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton img {
    height: 5vw;
    position: absolute;
    bottom: -1.5vw;
    right: 0;
}
/* IAF / FAF */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:first-child .gradientButton .ifaf {
    position: absolute;
    left: 66%;
    top: 10%;
    color: #fbfbfb;
}

/* Alt data */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:nth-child(2) .title {
    font-size: 2vw;
    width: fit-content;
    max-height: unset;
    display: flex;
    align-items: center;
    height: 100%;
    color: #fbfbfb;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:nth-child(2) .title span {
    margin-left: 0.5vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:nth-child(2) .gradientButton.noaction .title >div {
    color: #fbfbfb;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[AltType=None] .FPL_col:nth-child(2) {
    visibility: hidden;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[AltType=At] .FPL_col:nth-child(2) .title >div {
    border: solid #fbfbfb;
    border-width: 0.2vw 0 0.2vw 0;
    padding-bottom: 0.3vw;
    padding-top: 0.5vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[AltType=Between] .FPL_col:nth-child(2) .title >div {
    border: solid #fbfbfb;
    border-width: 0.2vw 0 0.2vw 0;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[AltType=Above] .FPL_col:nth-child(2) .title >div {
    border: solid #fbfbfb;
    border-width: 0 0 0.2vw 0;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[AltType=Below] .FPL_col:nth-child(2) .title >div {
    border: solid #fbfbfb;
    border-width: 0.2vw 0 0 0;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}

/* DTK and DIS */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:nth-child(4), gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line .FPL_col:nth-child(6) {
    font-size: 3.5vw;
    color: #fbfbfb;
    text-align: right;
    justify-content: flex-end;
    padding-right: 1vw;
    letter-spacing: -0.15rem;
    position: relative;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:nth-child(6) span:nth-child(2) {
    font-size: 2vw;
    padding-left: 0.4vw;
    position: relative;
    top: 0.7vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint .FPL_col:nth-child(6) .cumulative {
    font-size: 2.5vw;
    position: absolute;
    color: #a0a0a0;
    bottom: 0;
    right: 1vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Waypoint[state=CurrentLeg] .FPL_col:nth-child(4), gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line[state=CurrentLeg] .FPL_col:nth-child(6) {
    color: #ff00ff;
}

/* Flight plan procedure line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Procedure .FPL_col {
    width: 28%;
    margin-right: 0.5vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Procedure .FPL_col:first-child {
    flex-grow: 1;
    margin-left: 0.5vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Procedure .FPL_col .buttonsContainer {
    margin: 0;
    width: 100%;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Procedure .FPL_col .buttonsContainer .title {
    font-size: 3vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Line.FPL_Procedure .FPL_col:first-child .buttonsContainer .title {
    line-height: 3.5vw;
    top: 3vw;
}

/* Flight plan departure line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Departure[state=Inactive] {
    display: none;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Departure[state=Active] {
    display: flex;
    width: 98.2%;
}

/* Flight plan enroute line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Enroute[state=Inactive] {
    display: none;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Enroute[state=Active] {
    display: flex;
    width: 98.2%;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Enroute .FPL_Line {
    justify-content: center;
    align-items: center;
    font-size: 3vw;
}


/* Flight plan arrival line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Arrival[state=Inactive] {
    display: none;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Arrival[state=Active] {
    display: flex;
    width: 98.2%;
}

/* Flight plan approach line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Approach[state=Inactive] {
    display: none;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Approach[state=Active] {
    display: flex;
    width: 98.2%;
}

/* Flight plan add line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Add .FPL_Line .buttonsContainer {
    justify-content: center;
    width: 100%;
    margin: 0;
    height: 100%;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #FPL_Add .FPL_Line .gradientButton .title {
    font-size: 3vw;
}
/* Flight plan airway line type */
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Airway .buttonsContainer {
    justify-content: center;
    width: 100%;
    margin: 0;
    height: 100%;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Airway .gradientButton .title {
    font-size: 3vw;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Airway {
    position: relative;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Airway .airwayDot {
    position: absolute;
    display: block;
    top: 40%;
    left: 4.85%;
    height: 20%;
    z-index: 1;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock .FPL_Airway .airwayDot img {
    height: 100%;
}


/* Leg arrow */
gtn650-element #PageFlighPlan #FPL_LinesBlock #CurrentLegArrowSVG {
    position: absolute;
    left: 0%;
    top: 0%;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: visible;
    pointer-events: none;
}
gtn650-element #PageFlighPlan #FPL_LinesBlock #SizeSetter, as3x-touch-element #MFD #PagesContainer #FPL #flightPlan #AFPL_WayPointsTable #SizeSetter td {
    border: none;
    height: 2px;
    overflow: visible;
}

gtn650-element #PageFlighPlan #FPL_LinesBlock #SizeSetter #CurrentLegArrowSVG {
    overflow: visible;
}

/* Waypoint option menu */
gtn650-element #FPL_WpOptions {
    position: absolute;
    display: none;
    justify-content: space-between;
    flex-direction: column;
    right: 0;
    top: 0;
    width: 100%;
    height: 98%;
    margin: 1% 0 0 3%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    box-shadow: -1.5vw 1vw 1vw black;
    border: solid #565656;
    border-width: 0.4vw 0 0.4vw 0.4vw;
    border-radius: 1.5vw 0 0 1.5vw;
    overflow: hidden;
}
gtn650-element #FPL_WpOptions[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn650-element #FPL_WpOptions #FPL_WpOptions_Container {
    height: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
gtn650-element #FPL_WpOptions #FPL_WpOptions_Container >div{
    width: 49%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

gtn650-element #FPL_WpOptions .buttonsContainer {
    height: 30%;
    width: 48%;
    margin: 1%;
}
gtn650-element #FPL_WpOptions .buttonsContainer.large {
    width: 96%;
}
gtn650-element #FPL_WpOptions .gradientButton {
    height: 100%;
    width: 100%;
}
gtn650-element #FPL_WpOptions #FPL_WpOptions_Container >div.separator {
    background-color: #565656;
    width: 0.3vw;
    height: 98%;
}



/* Waypoint VNAV option menu */
gtn650-element #FPL_WpVnavOptions {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    right: 0;
    top: 0;
    width: 98%;
    height: 100%;
    margin: 1% 0 0 2%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    box-shadow: -1.5vw 1vw 1vw black;
    border: solid #565656;
    border-width: 0.4vw 0 0.4vw 0.4vw;
    border-radius: 1.5vw 0 0 1.5vw;
    overflow: hidden;
}
gtn650-element #FPL_WpVnavOptions[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn650-element #FPL_WpVnavOptions > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
gtn650-element #FPL_WpVnavOptions .part1 {
    min-height: 22vw;
    justify-content: space-around;
}
gtn650-element #FPL_WpVnavOptions .part2 {
    justify-content: space-around;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Name {
    color: #fbfbfb;
}
gtn650-element #FPL_WpVnavOptions .gradientButton {
    height: 100%;
    width: 100%;
}
gtn650-element #FPL_WpVnavOptions .gradientButton .titleTopCenter {
    top: unset;
    bottom: auto;
}
gtn650-element #FPL_WpVnavOptions .gradientButton .value {
    bottom: -55%;
    position: relative;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Constraints {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Constraints .buttonsContainer {
    width: 88%;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Constraints .buttonsContainer:last-child {
    display:none;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Constraints[mode=Between] .buttonsContainer:last-child {
    display:block;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Constraints .value {
    bottom: -35%;
    position: relative;
}
gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_Constraints .value .unit{
    font-size: 2vw;
}

gtn650-element #FPL_WpVnavOptions #FPL_WpVnavOptions_DirectTo .img {
    top: unset;
    bottom: 10%;
    max-height: 40%;
}
gtn650-element #FPL_WpVnavOptions .buttonsContainer {
    height: 9vw;
    width: 31%;
    margin: 1vw;
}
gtn650-element #FPL_WpVnavOptions .separator {
    height: 0.5%;
    background-color: #565656;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.35%;
    margin-bottom: 0.35%;
}
gtn650-element #FPL_WpVnavOptions .part1 .separator {
    height: 16vw;
    background-color: #565656;
    width: 0.4%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.35%;
    margin-right: 0.35%;
}


/* Departure, arrival and airway option menus */
gtn650-element #FPL_DepartureOptions, gtn650-element #FPL_ArrivalOptions, gtn650-element #FPL_AirwayOptions, gtn650-element #FPL_HoldOptions, gtn650-element #FPL_SarOptions {
    position: absolute;
    display: none;
    flex-direction: column;
    align-items: center;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 65%;
    margin: 0 0 0 1%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    box-shadow: -1.5vw 1vw 1vw black;
    border: solid #565656;
    border-width: 0.4vw 0 0.4vw 0.4vw;
    border-radius: 1.5vw 0 0 1.5vw;
    overflow: hidden;
}
gtn650-element #FPL_AirwayOptions, gtn650-element #FPL_HoldOptions, gtn650-element #FPL_SarOptions {
    height: 98%;
    width: 60%;
}
gtn650-element #FPL_HoldOptions >div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

gtn650-element #FPL_DepartureOptions[state=Active], gtn650-element #FPL_ArrivalOptions[state=Active], gtn650-element #FPL_AirwayOptions[state=Active], gtn650-element #FPL_HoldOptions[state=Active], gtn650-element #FPL_SarOptions[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn650-element #FPL_DepartureOptions .windowTitle, gtn650-element #FPL_ArrivalOptions .windowTitle, gtn650-element #FPL_AirwayOptions .windowTitle, gtn650-element #FPL_HoldOptions .windowTitle, gtn650-element #FPL_SarOptions .windowTitle {
    margin: 1vw;
}
gtn650-element #FPL_DepartureOptions .buttonsContainer, gtn650-element #FPL_ArrivalOptions .buttonsContainer, gtn650-element #FPL_AirwayOptions .buttonsContainer, gtn650-element #FPL_HoldOptions .buttonsContainer, gtn650-element #FPL_SarOptions .buttonsContainer {
    height: 9vw;
    width: 83%;
    margin: 1vw;
}
gtn650-element #FPL_HoldOptions .buttonsContainer {
    width: 47%;
    height: 10.5vw;
    margin: 0.6vw;
}
gtn650-element #FPL_HoldOptions >div:nth-child(2) .buttonsContainer {
    width: 96%;
}
gtn650-element #FPL_DepartureOptions .gradientButton, gtn650-element #FPL_ArrivalOptions .gradientButton, gtn650-element #FPL_AirwayOptions .gradientButton, gtn650-element #FPL_HoldOptions .gradientButton, gtn650-element #FPL_SarOptions .gradientButton {
    height: 100%;
    width: 100%;
}

/* Approach option menu */
gtn650-element #FPL_ApproachOptions {
    position: absolute;
    display: none;
    flex-direction: column;
    align-items: center;
    right: 0;
    bottom: 0;
    width: 55%;
    height: 100%;
    margin: 0 0 0 1%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    box-shadow: -1.5vw 1vw 1vw black;
    border: solid #565656;
    border-width: 0.4vw 0 0.4vw 0.4vw;
    border-radius: 1.5vw 0 0 1.5vw;
    overflow: hidden;
}
gtn650-element #FPL_ApproachOptions[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn650-element #FPL_ApproachOptions .windowTitle {
    margin: 1vw;
}
gtn650-element #FPL_ApproachOptions >div:last-child {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
gtn650-element #FPL_ApproachOptions .buttonsContainer {
    height: 10vw;
    width: 45%;
    margin: 1vw;
}
gtn650-element #FPL_ApproachOptions .gradientButton {
    height: 100%;
    width: 100%;
}
gtn650-element #FPL_ApproachOptions #FPL_ApproachOptions_ActivateContainer.buttonsContainer {
    width: 98%;
}
gtn650-element #FPL_ApproachOptions #FPL_ApproachOptions_ActivateContainer[state=Half].buttonsContainer {
    width: 45%;
}
gtn650-element #FPL_ApproachOptions #FPL_ApproachOptions_ActivateContainer[state=Half] .title {
    top: 50%;
    transform: translateY(-90%);
}
gtn650-element #FPL_ApproachOptions #FPL_ApproachOptions_FrequencyContainer .title {
    position: static;
}
gtn650-element #FPL_ApproachOptions #FPL_ApproachOptions_FrequencyContainer {
    display: block;
}
gtn650-element #FPL_ApproachOptions #FPL_ApproachOptions_FrequencyValue {
    font-size: 3vw;
    color: #fbfbfb;
    text-align: center;
    margin-top: 1vw;
}


/* FPL menu */
gtn650-element #FPL_MenuContainer{
    display: none;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 6;
}
gtn650-element #FPL_MenuContainer[state=Active] {
    display: block;
    animation: slideBottomIn 200ms;
}
gtn650-element #FPL_Menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    border: solid #565656;
    border-width: 0.4vw 0.4vw 0 0.4vw;
    border-radius: 1.5vw 1.5vw 0 0;
    overflow: hidden;
}
gtn650-element #FPL_Menu >div:first-child.title {
    font-size: 3vw;
    color: #fbfbfb;
    width: 100%;
    text-align: center;
    padding: 1vw;
    padding-bottom: 2vw;
}
gtn650-element #FPL_Menu >div:last-child {
    display: flex;
    justify-content: space-between;
    width: 96%;
    height: 82%;
    margin: auto;
}
gtn650-element #FPL_Menu .gradientButton {
    width: 100%;
    height: 100%;
}
gtn650-element #FPL_Menu .gradientButton img {
    height: 50%;
    top: 10%;
}
/* Left part */
gtn650-element #FPL_Menu >div:last-child >div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 26%;
    height: 100%;
}
gtn650-element #FPL_Menu >div:last-child >div:first-child .buttonsContainer {
    width: 100%;
    height: 44%;
}
/* gtn650-element #FPL_Menu >div:last-child >div:first-child >div:last-child.buttonsContainer {
    height: 23%;
} */
/* Right part */
gtn650-element #FPL_Menu >div:last-child >div:last-child {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    width: 72%;
    height: 100%;
}
gtn650-element #FPL_Menu >div:last-child >div:last-child .buttonsContainer {
    width: 48%;
    height: 23%;
}
gtn650-element #FPL_Menu >div:last-child >div:last-child .buttonsContainer .titleTopCenter {
    bottom: 65%;
}
gtn650-element #FPL_Menu >div:last-child >div:last-child .buttonsContainer .value {
    position: relative;
    top: 53%;
    font-size: 3vw;
}
gtn650-element #FPL_Menu >div:last-child >div:last-child .buttonsContainer .unit {
    font-size: 2vw;
}

/* Catalog page */
gtn650-element #MainPart #PageFlightPlanCatalog.page .windowTitle {
    color: #fbfbfb;
    justify-content: flex-start;
}
gtn650-element #MainPart #PageFlightPlanCatalog.page .windowTitle .pageTitle {
    font-size: 2.4vw;
}
gtn650-element #MainPart #PageFlightPlanCatalog.page .windowTitle .pageTitleImg {
    max-width: 5vw;
    padding-right: 1vw;
    padding-left: 1vw;
}
gtn650-element #PageFlightPlanCatalog[displayedMenu=Yes] > div.windowTitle, gtn650-element #PageFlightPlanCatalog[displayedMenu=Yes] > div.usedEmpty, gtn650-element #PageFlightPlanCatalog[displayedMenu=Yes] > div.catalog {
    opacity: 0.4;
    background-color: black;
    pointer-events: none;
}
gtn650-element #PageFlightPlanCatalog .usedEmpty {
    position: absolute;
    right: 1vw;
    top: 0;
    width: 40%;
    display: flex;
    justify-content: flex-end;
    font-size: 2.5vw;
}
gtn650-element #PageFlightPlanCatalog .usedEmpty div span:first-child {
    display: inline-block;
    width: 68%;
    text-align: right;
    padding-right: 1vw;
}
gtn650-element #PageFlightPlanCatalog .usedEmpty div span:last-child {
    display: inline-block;
    width: 32%;
    text-align: left;
    color: #fbfbfb;
}
gtn650-element #PageFlightPlanCatalog .catalog {
    position: absolute;
    top: 10%;
    left: 2%;
    height: 90%;
    width: 96%;
    background-color: black;
    overflow: hidden;
}
/* Header */
gtn650-element #PageFlightPlanCatalog .catalog .head {
    position: relative;
    width: 100%;
    height: 8%;
    font-size: 2vw;
}
gtn650-element #PageFlightPlanCatalog .catalog .head span {
    display: inline-block;
    position: absolute;
}
gtn650-element #PageFlightPlanCatalog .catalog .head span:nth-child(1) {
    left: 5%
}
gtn650-element #PageFlightPlanCatalog .catalog .head span:nth-child(2) {
    left: 51%
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock {
    width: 100%;
    height: 92%;
    overflow-y: scroll;
    overflow-x: hidden;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock::-webkit-scrollbar {
    width: 2vw;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock::-webkit-scrollbar-track {
    background: none;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock::-webkit-scrollbar-thumb {
    background:  #8b8b8b;
}
/* line container */
gtn650-element #PageFlightPlanCatalog .FPL_Cat_LineContainer {
    width: 97%;
    height: 33.33%;
    display: none;
    margin: 0 0 0 1.5%;
}
gtn650-element #PageFlightPlanCatalog .FPL_Cat_LineContainer:nth-child(1) {
    margin-top: 0;
}
gtn650-element #PageFlightPlanCatalog .FPL_Cat_LineContainer[state=Active] {
    display: block;
}
/* line */
gtn650-element #PageFlightPlanCatalog .FPL_Cat_Line {
    display: flex;
    width: 100%;
    height: 100%;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .FPL_Cat_Line .FPL_Cat_col {
    height: 100%;
    width: 15%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 1vw;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .FPL_Cat_Line .FPL_Cat_col:first-child {
    flex-grow: 1;
    justify-content: center;
    padding-right: 0;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .buttonsContainer {
    width: 100%;
    height: 96%;
    margin-left: 0.5vw;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .gradientButton {
    width: 100%;
    height: 100%;
    font-size: 2.2vw;
    display: flex;
    justify-content: space-between;
}
gtn650-element #PageFlightPlanCatalog .FPL_Cat_Line .FPL_Cat_colSep {
    width: 0.2%;
    background-color: #565656;
    height: 80%;
    position: relative;
    top: 10%;
    margin-left: 0.3%;
    margin-right: 0.3%;
}
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .FPL_Cat_Line .FPL_Cat_col:first-child .FPL_Cat_colSep {
    width: 0.5%;
}
/* Waypoint */
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .waypoint {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 49%;
    height: 100%;
    padding-left: 2%;
    padding-right: 2%;
}
/* Ident + logo*/
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .waypoint div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* Ident */
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .waypoint div:first-child div:first-child {
    font-size: 4vw;
    padding-top: 1vw;
}
/* Ident name */
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .waypoint div:last-child {
    color: #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 0.5vw;
    text-align: left;
}
/* Ident logo container */
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .waypoint div:first-child div:last-child {
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4%;
}
/* Ident logo container */
gtn650-element #PageFlightPlanCatalog #FPL_Cat_LinesBlock .waypoint img {
    width: 5vw;
}

/* Catalog option menu */
gtn650-element #FPLCat_Options {
    position: absolute;
    display: none;
    flex-direction: column;
    align-items: center;
    right: 0;
    top: 1%;
    width: 55%;
    height: 98%;
    margin: 0 0 0 1%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    box-shadow: -1.5vw 1vw 1vw black;
    border: solid #565656;
    border-width: 0.4vw 0 0.4vw 0.4vw;
    border-radius: 1.5vw 0 0 1.5vw;
    overflow: hidden;
}
gtn650-element #FPLCat_Options[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn650-element #FPLCat_Options >div:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}
gtn650-element #FPLCat_Options .windowTitle {
    margin: 1vw;
}
gtn650-element #FPLCat_Options .buttonsContainer {
    height: 10vw;
    width: 45%;
    margin: 0.6vw;
}
gtn650-element #FPLCat_Options .gradientButton {
    height: 100%;
    width: 100%;
}


/* Preview */
gtn650-element #FPL_Preview.popup[state=Active] {
    display: block;
    background-color: black;
    animation: slideRightIn 200ms;
}
gtn650-element #FPL_Preview .windowTitle {
    width: 100%;
    height: 9%;
}
gtn650-element #FPL_Preview .windowTitle .pageTitleImg {
    height: 4vw;
    position: relative;
    top: 0.5vw;
}

gtn650-element #FPL_Preview >div:last-child {
    display: flex;
    justify-content: space-between;
    width: 98%;
    margin: 1%;
    height: 90%;
}

/* Map */
gtn650-element #FPL_Preview #FPL_PreviewMap {
    width: 57%;
    height: 100%;
    position: relative;
}
/* Left block */
gtn650-element #FPL_Preview #FPL_PreviewLeftBlock {
    width: 42%;
    height: 100%;
    position: relative;
}
/* Sequence */
gtn650-element #FPL_Preview .sequence {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: black;
}
gtn650-element #FPL_Preview[mode=catalog] .sequence {
    height: 72%;
}
/* Sequence title */
gtn650-element #FPL_Preview .sequence .title {
    width: 100%;
    text-align: center;
    height: 7%;
    display: none;
}
/* Sequence lines container */
gtn650-element #FPL_Preview .sequence .container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* Activate button */
gtn650-element #FPL_Preview #FPL_PreviewLeftBlock .buttonsContainer {
    width: 100%;
    height: 10vw;
    position: absolute;
    bottom: 0.2vw;
    display: none;
}
gtn650-element #FPL_Preview[mode=catalog] #FPL_PreviewLeftBlock .buttonsContainer {
    display: block;
}
gtn650-element #FPL_Preview #FPL_PreviewLeftBlock .gradientButton {
    width: 100%;
    height: 100%;
}
gtn650-element #FPL_Preview .sequence .container::-webkit-scrollbar {
    width: 2vw;
}
gtn650-element #FPL_Preview .sequence .container::-webkit-scrollbar-track {
    background: none;
}
gtn650-element #FPL_Preview .sequence .container::-webkit-scrollbar-thumb {
    background:  #8b8b8b;
}

/* Sequence line */
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine {
    display: flex;
    justify-content: space-between;
    width: 96%;
    margin-left: 2%;
    color: #fbfbfb;
    height: 15%;
    overflow: hidden;
    font-size: 2vw;
    line-height: 2vw;
}
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine[mode=info] {
    color: #a7aec7;
    justify-content: center;
    align-items: center;
    background-color: #303030;
}
gtn650-element #FPL_Preview[mode=catalog] .sequence .FPL_PreviewSequenceLine {
    height: 20%;
}
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine[state=Inactive] {
    display: none;
}
/* Sequence ident */
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine div:nth-child(1) {
    width: 30%;
    text-align: left;
    padding-left: 2%;
}
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine[mode=info] div:nth-child(1) {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
}
/* Sequence logo */
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine div:nth-child(2) {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-right: 5%;
}
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine[mode=info] div:nth-child(2) {
    display: none;
}
/* Sequence logo image*/
gtn650-element #FPL_Preview .sequence .FPL_PreviewSequenceLine[mode=waypoint] div:nth-child(2) img {
    width: 5vw;
    margin-bottom: 1vw;
}


/* Airway selection page */
gtn650-element #AirwaySelection.popup[state=Active] {
    display: block;
    background-color: black;
    animation: slideRightIn 200ms;
}
gtn650-element #AirwaySelection .airwaySelContent {
    display: flex;
    flex-direction: column;
    width: 98%;
    margin: 1%;
    height: 94%;
}

gtn650-element #AirwaySelection .airwaySelContent > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    margin-bottom: 2%;
}
gtn650-element #AirwaySelection #airwaySelPreviewContent {
    display: none;
}
gtn650-element #AirwaySelection[mode=Preview] #airwaySelPreviewContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 95%;
    margin-bottom: 0;
    margin-top: 1%;
}
gtn650-element #AirwaySelection #airwaySelButtonsContent {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 90%;
    margin-top: 2%;
}
gtn650-element #AirwaySelection[mode=Preview] #airwaySelButtonsContent {
    display: none;
}
gtn650-element #AirwaySelection[mode=Preview] .windowTitle .pageTitleImg {
    display: none;
}
gtn650-element #AirwaySelection[mode=Preview] .windowTitle .pageTitle {
    font-size: 3.5vw;
    color: #fbfbfb;
}
gtn650-element #AirwaySelection #airwaySelButtonsContent >div{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* Sequence */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence {
    width: 44%;
    background-color: black;
    position: relative;
}
/* Sequence title */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .title {
    width: 100%;
    text-align: center;
    height: 8%;
}
/* Sequence lines container */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .container {
    width: 100%;
    height: 85%;
    position: absolute;
    bottom: 5%;
    overflow-y: scroll;
    overflow-x: hidden;
}
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .container::-webkit-scrollbar {
    width: 2vw;
}
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .container::-webkit-scrollbar-track {
    background: none;
}
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .container::-webkit-scrollbar-thumb {
    background:  #8b8b8b;
}

/* Sequence line */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine {
    display: flex;
    justify-content: space-around;
    width: 100%;
    color: #fbfbfb;
    height: 11.2%;
}
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine[state=Inactive] {
    display: none;
}
/* Sequence ident */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(1) {
    width: 30%;
    text-align: left;
    padding-left: 2%;
}
/* Sequence logo */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(2) {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* Sequence logo image*/
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(2) img {
    width: 4vw;
    margin-bottom: 1vw;
}
/* Sequence bearing */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(3) {
    width: 17%;
    text-align: right;
}
gtn650-element #AirwaySelection[mode=Preview] .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(3) {
    font-size: 2vw;
}
/* Sequence distance */
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(4) {
    width: 27%;
    text-align: right;
    padding-right: 2%;
}
gtn650-element #AirwaySelection[mode=Preview] .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(4) {
    font-size: 2vw;
}
/* Sequence distance unit*/
gtn650-element #AirwaySelection .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(4) span {
    font-size: 1.5vw;
    padding-left: 5%;
}
gtn650-element #AirwaySelection[mode=Preview] .airwaySelContent .SelSequence .SelSequenceLine div:nth-child(4) span {
    font-size: 1.5vw;
}
/* Map container */
gtn650-element #AirwaySelection .airwaySelContent .airwaySelMap {
    width: 55%;
    position: relative;
}
/* Buttons */
gtn650-element #AirwaySelection .airwaySelContent .buttonsContainer {
    height: 12vw;
    width: 30%;
    margin: 1vw;
}
gtn650-element #AirwaySelection .airwaySelContent #airwaySelButtonsContent >div:last-child .buttonsContainer {
    width: 48%;
    height: 13vw;
}
gtn650-element #AirwaySelection .airwaySelContent .buttonsContainer .title{
    font-size: 2vw;
}
gtn650-element #AirwaySelection .airwaySelContent .buttonsContainer .titleVertCenter{
    font-size: 2.5vw;
}
gtn650-element #AirwaySelection .airwaySelContent #airwaySelButtonsContent >div:first-child .buttonsContainer:first-child .gradientButton {
    background: none;
    background-color: black;
}
gtn650-element #AirwaySelection .airwaySelContent > div .titleTop {
    margin-top: 2%;
}
gtn650-element #AirwaySelection .airwaySelContent .gradientButton {
    height: 100%;
    width: 100%;
}
gtn650-element #AirwaySelection .airwaySelContent .gradientButton img{
    height: 65%;
}
gtn650-element #AirwaySelection .airwaySelContent .AirwaySelButtonValue {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 3vw;
    line-height: 3.5vw;
    margin: 0 0 5% 4%;
    width: 93%;
    overflow: hidden;
    white-space: nowrap;
}


/* Hold edit page */
gtn650-element #HoldEdit.popup[state=Active] {
    display: block;
    background-color: black;
    animation: slideRightIn 200ms;
}
gtn650-element #HoldEdit .holdEditContent {
    display: flex;
    flex-direction: column;
    width: 98%;
    margin: 1%;
    height: 94%;
}

gtn650-element #HoldEdit #holdPreviewContent {
    display: none;
}
gtn650-element #HoldEdit[mode=Preview] #holdPreviewContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 95%;
    margin-bottom: 0;
    margin-top: 1%;
}
gtn650-element #HoldEdit #holdEditButtonsContent {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 90%;
    margin-top: 2%;
}
gtn650-element #HoldEdit #holdEditButtonsContent >div:nth-child(6) .gradientButton {
    background: none;
}
gtn650-element #HoldEdit[mode=Preview] #holdEditButtonsContent {
    display: none;
}
gtn650-element #HoldEdit[mode=Preview] .windowTitle .pageTitleImg {
    display: none;
}
gtn650-element #HoldEdit[mode=Preview] .windowTitle .pageTitle {
    font-size: 3.5vw;
    color: #fbfbfb;
}
/* Map container */
gtn650-element #HoldEdit #HoldMap {
    width: 100%;
    height: 100%;
    position: relative;
}
/* Buttons */
gtn650-element #HoldEdit .holdEditContent .buttonsContainer {
    height: 10vw;
    width: 30%;
    margin: 1vw;
}
gtn650-element #HoldEdit .holdEditContent .buttonsContainer .titleVertCenter{
    font-size: 2.5vw;
}
gtn650-element #HoldEdit .holdEditContent > div .titleTop {
    margin-top: 2%;
}
gtn650-element #HoldEdit .holdEditContent .gradientButton {
    height: 100%;
    width: 100%;
}
gtn650-element #HoldEdit .holdEditContent .gradientButton img{
    height: 65%;
}
gtn650-element .holdEditContent .HoldButtonValue {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 2.9vw;
    line-height: 3.3vw;
    margin: 0 0 5% 4%;
    width: 93%;
    overflow: hidden;
    white-space: nowrap;
}

gtn650-element .holdEditContent #HoldString {
    color: #fbfbfb;
    padding: 1.6vw;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    min-width: 41vw;
    position: absolute;
    bottom: 4vw;
    right: 3.5vw;
}



/* Sar page */
gtn650-element #Sar.popup[state=Active] {
    display: block;
    background-color: black;
    animation: slideRightIn 200ms;
}
gtn650-element #Sar .sarContent {
    display: flex;
    flex-direction: column;
    width: 98%;
    margin: 1%;
    height: 94%;
}

gtn650-element #Sar #sarPreviewContent {
    display: none;
}
gtn650-element #Sar[mode=Preview] #sarPreviewContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 95%;
    margin-bottom: 0;
    margin-top: 1%;
}
gtn650-element #Sar #sarEditButtonsContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    margin-top: 2%;
}
gtn650-element #Sar #sarEditButtonsContent >div{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
gtn650-element #Sar[mode=Preview] #sarEditButtonsContent {
    display: none;
}
gtn650-element #Sar[mode=Preview] .windowTitle .pageTitleImg {
    display: none;
}
gtn650-element #Sar[mode=Preview] .windowTitle .pageTitle {
    font-size: 3.5vw;
    color: #fbfbfb;
}
/* Map container */
gtn650-element #Sar #SarEditMap {
    width: 100%;
    height: 100%;
    position: relative;
}
/* Buttons */
gtn650-element #Sar #sarEditButtonsContent .buttonsContainer {
    height: 11vw;
    min-width: 24%;
}
gtn650-element #Sar #sarEditButtonsContent >div:nth-child(1) .buttonsContainer {
    width: 26%;
}
gtn650-element #Sar #sarEditButtonsContent >div:nth-child(1) >div:nth-child(2).buttonsContainer {
    width: 45%;
}
gtn650-element #Sar #sarEditButtonsContent >div:nth-child(3) .buttonsContainer {
    width: 32%;
}
gtn650-element #Sar #sarEditButtonsContent .buttonsContainer .titleVertCenter{
    font-size: 2.5vw;
}
gtn650-element #Sar #sarEditButtonsContent > div .titleTop {
    margin-top: 2%;
    font-size: 2.3vw;
}
gtn650-element #Sar #sarEditButtonsContent .gradientButton {
    height: 100%;
    width: 100%;
}
gtn650-element #Sar #sarEditButtonsContent .gradientButton[state=Disabled] {
    opacity: 1;
    background-color: black;
    background: black;
    pointer-events: none;
    color: #404040;
}
gtn650-element #Sar #sarEditButtonsContent .gradientButton[state=Disabled] .title{
    color: #404040;
}
gtn650-element #Sar #sarEditButtonsContent .gradientButton img{
    height: 65%;
}
gtn650-element #Sar #sarEditButtonsContent .SarContentButtonValue {
    position: absolute;
    bottom: 20%;
    left: 0;
    text-align: center;
    font-size: 3vw;
    line-height: 3.3vw;
    margin: 0 0 0% 4%;
    width: 93%;
    overflow: hidden;
    white-space: nowrap;
}
gtn650-element .sarContent #sarEditButtonsContent .buttonsContainer:first-child .gradientButton {
    background: none;
    background-color: black;
}

gtn650-element #Sar #sarEditButtonsContent .buttonsContainer .unit {
    margin-left: 0.5vw;
    font-size: 2.5vw;
}
gtn650-element #Sar #sarEditButtonsContent > div:last-child > div:last-child .titleVertCenter {
    top: 38%;
}


gtn650-element #PageFlighPlan #PageFlighPlanSelectImport {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    z-index: 3;
    display: none;
}
gtn650-element #MainPart #PageFlighPlan.page #PageFlighPlanSelectImport .windowTitle {
    justify-content: center;
}
gtn650-element #PageFlighPlan #PageFlighPlanSelectImport[state=Inactive] {
    display: none;
}
gtn650-element #PageFlighPlan #PageFlighPlanSelectImport[state=Active] {
    display: flex;
    justify-content: center;
    animation: slideTopIn 200ms;
}
gtn650-element #PageFlighPlan #PageFlighPlanSelectImport .selectList_LinesContainer {
    width: 90%;
    height: 80%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    margin-top: 5%;
}
gtn650-element #PageFlighPlan #PageFlighPlanSelectImport .selectList_Lines {
    width: 100%;
    height: 88%;
}
gtn650-element #PageFlighPlan #PageFlighPlanSelectImport .buttonsContainer {
    margin-top: 1%;
    height: 32%;
    width: 97%;
    margin: 1% 1.5% 0 1.5%;
}
gtn650-element #PageFlighPlan #PageFlighPlanSelectImport .gradientButton .titleVertCenter {
    top: 35%;
}


gtn650-element #Sar #SarSelectPattern {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    z-index: 3;
    display: none;
}
gtn650-element #MainPart #Sar #SarSelectPattern .windowTitle {
    justify-content: center;
}
gtn650-element #Sar #SarSelectPattern[state=Inactive] {
    display: none;
}
gtn650-element #Sar #SarSelectPattern[state=Active] {
    display: flex;
    justify-content: center;
    animation: slideTopIn 200ms;
}
gtn650-element #Sar #SarSelectPattern .selectList_LinesContainer {
    width: 90%;
    height: 80%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
    margin-top: 5%;
}
gtn650-element #Sar #SarSelectPattern .selectList_Lines {
    width: 100%;
    height: 88%;
}
gtn650-element #Sar #SarSelectPattern .buttonsContainer {
    margin-top: 1%;
    height: 32%;
    width: 97%;
    margin: 1% 1.5% 0 1.5%;
}
gtn650-element #Sar #SarSelectPattern .gradientButton .titleVertCenter {
    top: 35%;
}
