@keyframes SelectedCharKeyboardInputEdit {
    0%, 40% {
      background-color: aqua;
      color: black;
    }
    60%, 100% {
      background-color: none;
      color: black;
    } 
}

/* General text keyboard */
gtn750-element #generalTextKeyboard {
    z-index: 11;
}
gtn750-element #generalTextKeyboard[state=Active] {
    animation: slideTopIn 200ms;
}

gtn750-element #generalTextKeyboard #GTK_TopLine {
    width: 100%;
}
gtn750-element #generalTextKeyboard .gradientButton {
    height: 100%;
    width: 100%;
}
gtn750-element #generalTextKeyboard .buttonsContainer {
    height: 9.5vh;
    width: 12%;
    margin: 0.5%;
}
gtn750-element #generalTextKeyboard #GTK_DigitBlock .buttonsContainer {
    height: 10.4vh;
    width: 9.1%;
}
gtn750-element #generalTextKeyboard #GTK_DigitBlock .buttonsContainer .title {
    font-size: 6vh;
}
gtn750-element #generalTextKeyboard #GTK_TopLine .WindowTitle {
    font-size: 2.5vh;
    color: #fbfbfb;
}
/* Ident */
gtn750-element #generalTextKeyboard #GTK_ValueDisplay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #404040;
    height: 5vh;
    color: #fbfbfb;
    font-size: 2.9vh;
    line-height: 2.9vh;
    text-align: center;
    margin-top: 1vh;
    flex-grow: 1;
}
gtn750-element #generalTextKeyboard #GTK_Value {
    margin-left: 1vh;
}

gtn750-element #generalTextKeyboard #GTK_Value .Writed, gtn750-element #generalTextKeyboard #GTK_Value .ToWrite {
    background-color: none;
    color: aqua;
}
gtn750-element #generalTextKeyboard #GTK_Value .Writing {
    animation: SelectedCharKeyboardInputEdit 1s infinite;
    min-width: 0.3vh;
    min-height: 2.5vh;
    display: inline-block;
}
gtn750-element #generalTextKeyboard #GTK_DigitBlock {
    display: flex;
    flex-direction: column;
    margin: 1vh 0 0.5vh 0;
}
gtn750-element #generalTextKeyboard #GTK_DigitBlock[mode=lowercase] .title {
    text-transform: lowercase; 
}
gtn750-element #generalTextKeyboard #GTK_DigitBlock[mode=uppercase] .title {
    text-transform: uppercase; 
}
gtn750-element #generalTextKeyboard #GTK_DigitBlock > div{
    display: flex;
    justify-content: center;
}
gtn750-element #generalTextKeyboard #GTK_SpaceBlock {
    display: flex;
    justify-content: center;
}
gtn750-element #generalTextKeyboard #GTK_SpaceBlock .buttonsContainer {
    width: 15vh;
}
gtn750-element #generalTextKeyboard #GTK_SpaceBlock .buttonsContainer .title {
    font-size: 2.5vh;
}
gtn750-element #generalTextKeyboard #GTK_SpaceBlock >div:nth-child(2) {
    width: 50%;
}
gtn750-element #generalTextKeyboard #GTK_Space.gradientButton .title{
    font-size: 4vh;
}


/* General numeric keyboard */
gtn750-element #generalNumericKeyboard {
    display: none;
    flex-direction: column;
    align-items: center;
    z-index: 11;
}
gtn750-element #generalNumericKeyboard[state=Active] {
    display: flex;
    animation: slideTopIn 200ms;
}
gtn750-element #generalNumericKeyboard .buttonsContainer {
    height: 9vh;
}
gtn750-element #generalNumericKeyboard .gradientButton {
    height: 100%;
}
gtn750-element #generalNumericKeyboard #GNK_TopLine {
    display: flex;
    width: 82%;
    justify-content: space-between;
    margin-top: 2vh;
}
gtn750-element #generalNumericKeyboard #GNK_TopLineLeft {
    width: 25%;
}
gtn750-element #generalNumericKeyboard #GNK_TopLineMiddle {
    display: flex;
    flex-direction: column;
    width: 45%;
}
gtn750-element #generalNumericKeyboard #GNK_TopLineRight {
    width: 25%;
    margin-top: 3vh;
}
gtn750-element #generalNumericKeyboard #GNK_TopLineMiddle #GNK_ValueDisplay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #404040;
    height: 7vh;
    color: #fbfbfb;
    font-size: 5vh;
    line-height: 5vh;
    text-align: center;
}
gtn750-element #generalNumericKeyboard #GNK_TopLineMiddle .WindowTitle {
    margin-top: -1vh;
    margin-bottom: 1vh;
    margin-left: -10%;
    width: 120%;
}
gtn750-element #generalNumericKeyboard #GNK_DigitBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 55%;
    margin-top: 1vh;
}
gtn750-element #generalNumericKeyboard #GNK_DigitBlock .buttonsContainer {
    width: 9.5vh;
    height: 9.5vh;
    margin: 1.5vh;
}
gtn750-element #generalNumericKeyboard #GNK_DigitBlock .gradientButton {
    font-size: 6vh;
}
gtn750-element #generalNumericKeyboard #GNK_Value .Writed, gtn750-element #generalNumericKeyboard #GNK_Value .ToWrite {
    background-color: none;
    color: aqua;
}
gtn750-element #generalNumericKeyboard #GNK_Value .Writing {
    animation: SelectedCharKeyboardInputEdit 1s infinite;
    min-width: 0.5vw;
    min-height: 4vh;
    display: inline-block;
}
gtn750-element #generalNumericKeyboard #GNK_Value .units {
    font-size: 4vh;
    color: aqua;
    padding-left: 1vh;
}

gtn750-element #generalNumericKeyboard #GNK_OptionOffset {
    position: absolute;
    display: none;
    right: 3vh;
    top: 20vh;
}
gtn750-element #generalNumericKeyboard[option=offset] #GNK_OptionOffset {
    display: block;
}
gtn750-element #generalNumericKeyboard #GNK_OptionOffset .buttonsContainer {
    width: 15vh;
    height: 10vh;
    margin-top: 1vh;
}
gtn750-element #generalNumericKeyboard #GNK_OptionOffset .gradientButton {
    width: 100%;
    height: 100%;
}


/* hour keyboard */
gtn750-element #hourKeyboard {
    display: none;
    flex-direction: column;
    align-items: center;
    z-index: 11;
}
gtn750-element #hourKeyboard[state=Active] {
    display: flex;
    animation: slideTopIn 200ms;
}
gtn750-element #hourKeyboard .buttonsContainer {
    height: 9vh;
}
gtn750-element #hourKeyboard .gradientButton {
    height: 100%;
}
gtn750-element #hourKeyboard #GHK_TopLine {
    display: flex;
    width: 82%;
    justify-content: space-between;
    margin-top: 2vh;
}
gtn750-element #hourKeyboard #GHK_TopLineLeft {
    width: 25%;
}
gtn750-element #hourKeyboard #GHK_TopLineMiddle {
    display: flex;
    flex-direction: column;
    width: 45%;
}
gtn750-element #hourKeyboard #GHK_TopLineRight {
    width: 25%;
    margin-top: 3vh;
}
gtn750-element #hourKeyboard #GHK_TopLineMiddle #GHK_ValueDisplay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #404040;
    height: 7vh;
    color: #fbfbfb;
    font-size: 5vh;
    line-height: 5vh;
    text-align: center;
}
gtn750-element #hourKeyboard #GHK_TopLineMiddle .WindowTitle {
    margin-top: -1vh;
    margin-bottom: 1vh;
    margin-left: -10%;
    width: 120%;
}
gtn750-element #hourKeyboard #GHK_DigitBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 55%;
    margin-top: 1vh;
}
gtn750-element #hourKeyboard #GHK_DigitBlock .buttonsContainer {
    width: 9.5vh;
    height: 9.5vh;
    margin: 1.5vh;
}
gtn750-element #hourKeyboard #GHK_DigitBlock .gradientButton {
    font-size: 6vh;
}
gtn750-element #hourKeyboard #GHK_Value .Writed, gtn750-element #hourKeyboard #GHK_Value .ToWrite {
    background-color: none;
    color: aqua;
}
gtn750-element #hourKeyboard #GHK_Value .Writing {
    animation: SelectedCharKeyboardInputEdit 1s infinite;
    min-width: 0.5vw;
    min-height: 4vh;
    display: inline-block;
}



/* Frequency keyboard */
gtn750-element #frequencyKeyboard {
    display: none;
    flex-direction: column;
    align-items: center;
    z-index: 8;
}
gtn750-element #frequencyKeyboard[state=Active] {
    display: flex;
    animation: slideTopIn 200ms;
}
gtn750-element #frequencyKeyboard .buttonsContainer {
    height: 9vh;
}
gtn750-element #frequencyKeyboard .gradientButton {
    height: 100%;
}
gtn750-element #frequencyKeyboard #FK_TopLine {
    display: flex;
    width: 82%;
    justify-content: space-between;
    margin-top: 2vh;
}
gtn750-element #frequencyKeyboard #FK_TopLineLeft {
    width: 25%;
    position: relative;
    margin-top: 1.5vh;
}
gtn750-element #frequencyKeyboard #FK_TopLineLeft #FK_Find img {
    width: 80%;
}
gtn750-element #frequencyKeyboard #FK_TopLineMiddle {
    display: flex;
    flex-direction: column;
    width: 43%;
}
gtn750-element #frequencyKeyboard #FK_TopLineRight {
    width: 25%;
    margin-top: 1.5vh;
}
gtn750-element #frequencyKeyboard #FK_TopLineRight #FK_Bksp img{
    width: 60%;
}
gtn750-element #frequencyKeyboard #FK_TopLineLeft .buttonsContainer {
    position: absolute;
    right: 0;
    width: 9vh;
}
gtn750-element #frequencyKeyboard #FK_TopLineMiddle #FK_FreqDisplayContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #404040;
    height: 7vh;
    color: #fbfbfb;
    font-size: 5vh;
    line-height: 5vh;
    text-align: center;
}
gtn750-element #frequencyKeyboard #FK_TopLineMiddle .WindowTitle {
    margin-top: -1vh;
    margin-bottom: 1vh;
}
gtn750-element #frequencyKeyboard #FK_DigitBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 50%;
    margin-top: 1vh;
}
gtn750-element #frequencyKeyboard #FK_BottomLine {
    display: flex;
    justify-content: space-between;
    width: 65%;
}
gtn750-element #frequencyKeyboard #FK_BottomLine #FK_Xfer img{
    width: 25%;
}
gtn750-element #frequencyKeyboard #FK_DigitBlock .buttonsContainer, gtn750-element #frequencyKeyboard #FK_BottomLine .buttonsContainer:nth-child(2) {
    width: 9.5vh;
    height: 9.5vh;
    margin: 1.5vh;
}
gtn750-element #frequencyKeyboard #FK_DigitBlock .gradientButton, gtn750-element #frequencyKeyboard #FK_BottomLine .buttonsContainer:nth-child(2) .gradientButton {
    font-size: 6vh;
}
gtn750-element #frequencyKeyboard #FK_BottomLine .buttonsContainer:nth-child(1), gtn750-element #frequencyKeyboard #FK_BottomLine .buttonsContainer:nth-child(3) {
    margin-top: 3vh;
    height: 9vh;
    width: 15vh;
}
gtn750-element #frequencyKeyboard #FK_FreqDisplay .Writed, gtn750-element #frequencyKeyboard #FK_FreqDisplay .ToWrite {
    background-color: none;
    color: aqua;
}
gtn750-element #frequencyKeyboard #FK_FreqDisplay .Writing {
    animation: SelectedCharKeyboardInputEdit 1s infinite;
    min-width: 0.5vw;
    min-height: 4vh;
    display: inline-block;
}

/*****************************/
/* Frequency select find page */ 
/*****************************/
gtn750-element #FK_FindPage {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 6;
    background-color: black;
    flex-direction: column;
    justify-content: space-between;
}
gtn750-element #FK_FindPage[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn750-element #FK_FindPage .windowTitle .pageTitleImg {
    max-width: 5vh !important;
}
gtn750-element #FK_FindPage .windowTitle {
    height: 8% !important;
}

gtn750-element #FK_FindPage .content{
    width: 96%;
    margin: 1% 0 0 3%;
    overflow: hidden;
    display: flex;
    height: 92%;
}
/* Left buttons */
gtn750-element #FK_FindPage .FK_FindButtons {
    width: 23%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

/* Page container */
gtn750-element #FK_FindPage .container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #004d8d;
    border: solid #004d8d;
    border-width: 0.3vh;
    border-radius: 0 2.5vh 2.5vh 2.5vh;
    margin-bottom: 0.5vh;
    max-width: 77%;
}
/* Page */
gtn750-element #FK_FindPage .FK_FindInsidePage {
    width: 100%;
    height: 100%;
    background-color: black;
    border: solid #d9f1fd;
    border-width: 1vh;
    border-radius: 2.5vh;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
gtn750-element #FK_FindPage .FK_FindInsidePage[state=Inactive] {
    display: none;
}


gtn750-element #FK_FindPage .FK_FindButton {
    width: 100%;
    height: 14%;
    background: linear-gradient(to right, #7c9ebb 0%, #5180ad 70%, #004d8d 100%);
    border: solid #004d8d;
    border-width: 0.3vh 0 0.3vh 0.3vh;
    border-radius: 1vh 0 0 1vh;
    position: relative;
    margin-bottom: 7%;
}
gtn750-element #FK_FindPage .FK_FindButton[state=Disabled] {
    opacity: 0.6;
    pointer-events: none;
}
gtn750-element #FK_FindPage .FK_FindButton[state=Inactive]:Hover:Active {
    background: linear-gradient(to right, #d9f1fd 0%, #5180ad 100%);
}
gtn750-element #FK_FindPage .FK_FindButton[state=Active] {
    background: none;
    background-color:#d9f1fd;
}
gtn750-element #FK_FindPage .FK_FindButton[state=Active]::after {
    content: '';
    position: absolute;
    top: 0;
    right: -28%;
    background-color: #d9f1fd;
    width: 30%;
    height: 100%;
}

gtn750-element #FK_FindPage .FK_FindButton .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: black;
    font-size: 2.5vh;
}

gtn750-element #FK_FindPage #FK_FindPageRecent .selectList_LinesContainer {
    width: 100%;
    height: 100%;
}
gtn750-element #FK_FindPage #FK_FindPageRecent .selectList_Lines {
    width: 100%;
    height: 100%;
}
gtn750-element #FK_FindPage #FK_FindPageRecent .buttonsContainer {
    margin-top: 1%;
    height: 19%;
    width: 57%;
    margin: 1% 21.5% 0 21.5%;
}
gtn750-element #FK_FindPage #FK_FindPageRecent .gradientButton .titleVertCenter {
    font-size: 3.5vh;
    color: #fbfbfb;
}

gtn750-element #FK_FindPage #FK_FindPageNearest .WPList_LinesBlock, gtn750-element #FK_FindPage #FK_FindPageFlightPlan .WPList_LinesBlock {
    height: 100%;
}
gtn750-element #FK_FindPage #FK_FindPageNearest .buttonsContainer, gtn750-element #FK_FindPage #FK_FindPageFlightPlan .buttonsContainer {
    height: 97%;
}


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


gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    z-index: 3;
    display: none;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .windowTitle, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .windowTitle {
    justify-content: center;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest[state=Inactive], gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan[state=Inactive] {
    display: none;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest[state=Active], gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan[state=Active] {
    display: flex;
    justify-content: center;
    animation: slideTopIn 200ms;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_LinesContainer, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_LinesContainer {
    width: 80%;
    height: 77%;
    background: linear-gradient(#2c302c 0%, #0c100c 10%, #080708 100%);
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines {
    height: 92%;
    width: 98%;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines >div, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines >div {
    height: 24%;
    margin: 1% 1.5% 0 1.5%;
    width: 98%;
    font-size: 3vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines >div[state=Inactive], gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines >div[state=Inactive] {
    display: none;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines .name, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines .name {
    flex-grow: 1;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
    color: #fbfbfb;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines .buttonsContainer, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines .buttonsContainer {
    height: 90%;
    width: 30%;
    min-width: 30%;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines .gradientButton, gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines .gradientButton {
    width: 100%;
    height: 100%;
}
gtn750-element #FK_FindPage #FK_FindPageNearest #FK_FindPageSelectFrequencyNearest .selectList_Lines .gradientButton .title,gtn750-element #FK_FindPage #FK_FindPageFlightPlan #FK_FindPageSelectFrequencyFlightPlan .selectList_Lines .gradientButton .title {
    color: #fbfbfb;
    font-size: 3vh;
}





/* Waypoint keyboard */
gtn750-element #waypointKeyboard {
    z-index: 11;
}
gtn750-element #waypointKeyboard[state=Active] {
    animation: slideTopIn 200ms;
}
gtn750-element #waypointKeyboard #WK_TopLine {
    display: flex;
    width: 100%;
}
gtn750-element #waypointKeyboard .gradientButton {
    height: 100%;
    width: 100%;
}
gtn750-element #waypointKeyboard .buttonsContainer {
    height: 9.5vh;
    width: 12%;
    margin: 0.5%;
}
gtn750-element #waypointKeyboard #WK_DigitBlock .buttonsContainer {
    height: 10.4vh;
    width: 9.1%;
}
gtn750-element #waypointKeyboard #WK_DigitBlock .buttonsContainer .title {
    font-size: 6vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft .WindowTitle {
    font-size: 2.5vh;
    color: #fbfbfb;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* Find button */
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft > div:nth-child(2) > div:nth-child(1).buttonsContainer {
    width: 9vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft > div:nth-child(2) > div:nth-child(1).buttonsContainer img {
    width: 80%;
}
/* Backspace button */
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft > div:nth-child(2) > div:nth-child(3).buttonsContainer {
    width: 15vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft > div:nth-child(2) > div:nth-child(3).buttonsContainer img {
    width: 50%;
}
/* Block ident + infos */
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineLeft > div:nth-child(2) > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 30vh;
    flex-grow: 1;
}
/* Ident */
gtn750-element #waypointKeyboard #WK_IdentDisplay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #404040;
    height: 5vh;
    color: #fbfbfb;
    font-size: 4vh;
    line-height: 4vh;
    text-align: center;
    margin-top: 1vh;
}
gtn750-element #waypointKeyboard #WK_Ident {
    margin-left: 1vh;
}

gtn750-element #waypointKeyboard #WK_Ident .Writed, gtn750-element #waypointKeyboard #WK_Ident .ToWrite {
    background-color: none;
    color: aqua;
}
gtn750-element #waypointKeyboard #WK_Ident .Writing {
    animation: SelectedCharKeyboardInputEdit 1s infinite;
    min-width: 0.5vw;
    min-height: 3.5vh;
    display: inline-block;
}
gtn750-element #waypointKeyboard #WK_SymbolContainer {
    width: 8vh;
    height: 5vh;
}
gtn750-element #waypointKeyboard #WK_Symbol {
    height: 5vh;
    padding-right: 3vh;
}
/* Info */
gtn750-element #waypointKeyboard #WK_Infos {
    overflow: hidden;
    white-space: nowrap;
    max-width: 30vh;
    color: #fbfbfb;
}
gtn750-element #waypointKeyboard #WK_DigitBlock {
    display: flex;
    flex-direction: column;
    margin: 1vh 0 0.5vh 0;
}
gtn750-element #waypointKeyboard #WK_DigitBlock > div{
    display: flex;
    justify-content: center;
}
gtn750-element #waypointKeyboard #WK_SpaceBlock {
    display: flex;
    justify-content: center;
}
gtn750-element #waypointKeyboard #WK_SpaceBlock .buttonsContainer {
    width: 50%;
}
gtn750-element #waypointKeyboard #WK_SpaceBlock .buttonsContainer .title{
    font-size: 4vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineRight {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 30%;
    background-color: #292e34;
    margin: 0 0.3vh -1vh 0.3vh;
    border-top: 0;
    border-radius: 0 0 1vh 1vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineRight .buttonsContainer {
    width: 96%;
    margin-bottom: 1vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineRight #WK_FastFind {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5vh;
    color: #fbfbfb;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineRight #WK_FastFind div:first-child {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineRight #WK_FastFindIdent {
    font-size: 4vh;
    color: #fbfbfb;
    padding-top: 1vh;
}
gtn750-element #waypointKeyboard #WK_TopLine #WK_TopLineRight #WK_FastFind img {
    height: 5vh;
}

/*****************************/
/* Waypoint select find page */ 
/*****************************/
gtn750-element #WK_FindPage {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 6;
    background-color: black;
    flex-direction: column;
    justify-content: space-between;
}
gtn750-element #WK_FindPage[state=Active] {
    display: flex;
    animation: slideRightIn 200ms;
}
gtn750-element #WK_FindPage .windowTitle .pageTitleImg {
    max-width: 5vh !important;
}
gtn750-element #WK_FindPage .windowTitle {
    height: 8% !important;
}

gtn750-element #WK_FindPage .content{
    width: 96%;
    margin: 1% 0 0 3%;
    overflow: hidden;
    display: flex;
    height: 92%;
}
/* Left buttons */
gtn750-element #WK_FindPage .WK_FindButtons {
    width: 23%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

/* Page container */
gtn750-element #WK_FindPage .container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #004d8d;
    border: solid #004d8d;
    border-width: 0.3vh;
    border-radius: 0 2.5vh 2.5vh 2.5vh;
    margin-bottom: 0.5vh;
    max-width: 77%;
}
/* Page */
gtn750-element #WK_FindPage .WK_FindInsidePage {
    width: 100%;
    height: 100%;
    background-color: black;
    border: solid #d9f1fd;
    border-width: 1vh;
    border-radius: 2.5vh;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
gtn750-element #WK_FindPage .WK_FindInsidePage[state=Inactive] {
    display: none;
}

gtn750-element #WK_FindPage .selectList .buttonsContainer {
    width: 100%;
    height: 97%;
}
gtn750-element #WK_FindPage .selectList .gradientButton {
    width: 100%;
    height: 100%;
}
gtn750-element #WK_FindPage .selectList .WPList_Header {
    flex-grow: 1;
}
gtn750-element #WK_FindPage .selectList .WPList_Header .waypoint {
    width: 44% !important;
}
gtn750-element #WK_FindPage .selectList .WPList_Header .bearing {
    margin-left: 2vw !important;
}
gtn750-element #WK_FindPage .selectList .WPList_Header .distance {
    margin-right: 2vw !important;
}
gtn750-element #WK_FindPage .selectList .WPList_Header .distance {
    margin-right: 2vw !important;
}
gtn750-element #WK_FindPage .selectList .WPList_LinesBlock {
    height: 55vh;
}

gtn750-element #WK_FindPage .WK_FindButton {
    width: 100%;
    height: 14%;
    background: linear-gradient(to right, #7c9ebb 0%, #5180ad 70%, #004d8d 100%);
    border: solid #004d8d;
    border-width: 0.3vh 0 0.3vh 0.3vh;
    border-radius: 1vh 0 0 1vh;
    position: relative;
    margin-bottom: 7%;
}
gtn750-element #WK_FindPage .WK_FindButton[state=Disabled] {
    opacity: 0.6;
    pointer-events: none;
}
gtn750-element #WK_FindPage .WK_FindButton[state=Inactive]:Hover:Active {
    background: linear-gradient(to right, #d9f1fd 0%, #5180ad 100%);
}
gtn750-element #WK_FindPage .WK_FindButton[state=Active] {
    background: none;
    background-color:#d9f1fd;
}
gtn750-element #WK_FindPage .WK_FindButton[state=Active]::after {
    content: '';
    position: absolute;
    top: 0;
    right: -28%;
    background-color: #d9f1fd;
    width: 30%;
    height: 100%;
}

gtn750-element #WK_FindPage .WK_FindButton .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: black;
    font-size: 2.5vh;
}

gtn750-element #WK_FindPage .selectList {
    height: 100%;
    width: 100%;
}

gtn750-element #WK_FindPage #WK_FindPageNearestFilter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    z-index: 3;
    display: none;
}
gtn750-element #WK_FindPage #WK_FindPageNearestFilter[state=Inactive] {
    display: none;
}
gtn750-element #WK_FindPage #WK_FindPageNearestFilter[state=Active] {
    display: flex;
    justify-content: center;
    animation: slideTopIn 200ms;
}
gtn750-element #WK_FindPage #WK_FindPageNearestFilter .filterContainer {
    width: 80%;
    height: 77%;
    margin-top: 10%;
    background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 1%;
    background: linear-gradient(#2c302c 0%, #0c100c 20%, #080708 100%);
    box-shadow: -1.5vh 1vh 1vh black;
}
gtn750-element #WK_FindPage #WK_FindPageNearestFilter .title {
    width: 100%;
    text-align: center;
    flex-grow: 1;
}
gtn750-element #WK_FindPage #WK_FindPageNearestFilter .selectList_Lines {
    width: 96%;
    margin-left: 2%;
    background-color: black;
    border-width: 0.4vh;
}
gtn750-element #WK_FindPage #WK_FindPageNearestFilter .buttonsContainer {
    height: 19%;
    margin: 1% 1.5% 0 1.5%;
    width: 97%;
}


/* Coordinates keyboard */
gtn750-element #coordinatesKeyboard {
    display: none;
    justify-content: space-between;
    z-index: 11;
}
gtn750-element #coordinatesKeyboard[state=Active] {
    display: flex;
    animation: slideTopIn 200ms;
}
/* Global layout */
gtn750-element #coordinatesKeyboard #GCK_LeftPart {
    min-width: 20%;
    display: flex;
    justify-content: flex-end;
    margin-top: 4.5vh;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart {
    min-width: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4.5vh;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart #GCK_LatLongSwitch[mode=lat] img {
    transform: rotate(90deg);
    top: 10%;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart #GCK_LatLongSwitch[mode=long] img {
    transform: rotate(270deg);
    top: 10%;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart #GCK_CursorLeft img {
    transform: rotate(90deg);
    max-height: 100%;
    height: 100%;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart #GCK_CursorRight img {
    transform: rotate(270deg);
    max-height: 100%;
    height: 100%;
}

gtn750-element #coordinatesKeyboard #GCK_MiddlePart {
    flex-grow: 1;
    margin-left: 3%;
    margin-right: 3%;
}
/* Left part */
gtn750-element #coordinatesKeyboard #GCK_LeftPart .buttonsContainer {
    width: 80%;
    height: 12vh;
}
gtn750-element #coordinatesKeyboard #GCK_LeftPart .gradientButton {
    width: 100%;
    height: 100%;
}
gtn750-element #coordinatesKeyboard #GCK_LeftPart .gradientButton .value {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 2.8vh;
}
/* Right part */
gtn750-element #coordinatesKeyboard #GCK_RightPart .buttonsContainer {
    width: 60%;
    height: 10vh;
    margin-bottom: 1.2vh;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart >div:first-child.buttonsContainer {
    height: 12vh;
    margin-bottom: 2.5vh;
}
gtn750-element #coordinatesKeyboard #GCK_RightPart .gradientButton {
    width: 100%;
    height: 100%;
}

gtn750-element #coordinatesKeyboard #GCK_MiddlePart .WindowTitle {
    margin-top: 0.5vh;
    margin-bottom: 1vh;
    width: 100%;
    text-align: center;
}
gtn750-element #coordinatesKeyboard #GCK_MiddlePart #GCK_ValueDisplay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #404040;
    height: 12vh;
    color: #fbfbfb;
    font-size: 4vh;
    line-height: 5vh;
    text-align: center;
}
gtn750-element #coordinatesKeyboard #GCK_Lat .Writed, gtn750-element #coordinatesKeyboard #GCK_Long .Writed {
    background-color: none;
    color: aqua;
}
gtn750-element #coordinatesKeyboard #GCK_Lat .ToWrite, gtn750-element #coordinatesKeyboard #GCK_Long .ToWrite {
    background-color: none;
    color: aqua;
}
gtn750-element #coordinatesKeyboard #GCK_Lat .Writing, gtn750-element #coordinatesKeyboard #GCK_Long .Writing {
    animation: SelectedCharKeyboardInputEdit 1s infinite;
    min-width: 0.5vw;
    min-height: 4vh;
    display: inline-block;
}
gtn750-element #coordinatesKeyboard #GCK_InputBlock {
    display: flex;
    justify-content: space-between;
}
gtn750-element #coordinatesKeyboard #GCK_NSEWBlock .buttonsContainer {
    width: 9vh;
    height: 9vh;
    margin-top: 2vh;
}
gtn750-element #coordinatesKeyboard #GCK_NSEWBlock .gradientButton {
    width: 100%;
    height: 100%;
    font-size: 6vh;
}
gtn750-element #coordinatesKeyboard #GCK_DigitBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1vh;
    margin-left: 2vh;
    flex-grow: 1;
}
gtn750-element #coordinatesKeyboard #GCK_DigitBlock .buttonsContainer {
    width: 9.5vh;
    height: 9.5vh;
    margin: 1vh;
}
gtn750-element #coordinatesKeyboard #GCK_DigitBlock .gradientButton {
    font-size: 6vh;
    width: 100%;
    height: 100%;
}
