.tab_user {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

/* Menu navigation tabs */

.navigation_menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    font-family: GenshinImpact;
}

.navigation_menu>div {
    flex: 1 1 0;
    cursor: pointer;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
    text-align: center;

    width: 16vw;
}

.active_tab_button {
    background-color: var(--secondary_color);
}

.disabled_tab_button {
    background-color: var(--tertiary_color);
}

.disabled_tab_button:hover {
    background-color: var(--secondary_color);
}

.menu_configuration {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 80%;
}

.menu_configuration_traveler {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;

    /* width: 100%; */

    border-radius: 10px;
    border: solid 3px var(--secondary_color);

    color: var(--light_text);

    margin: 3vh 1vw;
    padding: 1vh 1vw;
}

.menu_discord {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;

    width: 100%;

    border-radius: 10px;
    border: solid 3px var(--secondary_color);

    color: var(--light_text);

    margin: 3vh 1vw;
}

.menu_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;

    width: 100%;

    border-radius: 10px;
    border: solid 3px var(--secondary_color);

    color: var(--light_text);

    margin: 3vh 1vw;
}

.menu_disclaimer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;

    width: 100%;

    border-radius: 10px;
    border: solid 3px var(--secondary_color);

    color: var(--light_text);

    margin: 3vh 1vw;
}

.menu_configuration_cookies {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;

    width: 100%;

    border-radius: 10px;
    border: solid 3px var(--secondary_color);

    color: var(--light_text);

    margin: 3vh 1vw;
}

.menu_configuration_cookies>button {
    flex: 1;

    margin: 2vh 1vw;
}

.menu_configuration_column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;

    width: 100%;
}

.menu_characters_check {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    width: 90%;
}

.menu_characters_check>div {
    margin: 1vh;
}

.character_unchecked {
    background-color: gray;
}

.character_unchecked>img {
    filter: grayscale(1);
}

.character_unchecked .rarity {
    filter: brightness(0) saturate(100%) invert(86%) sepia(28%) saturate(4%) hue-rotate(33deg) brightness(89%) contrast(94%) drop-shadow(gray 0px 0px 2px);
}

.menu_teams_creator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    padding: 3vh;

    width: 90%;
}

.menu_teams_creator>button {
    padding: 1.5vh;
    margin: 3vh;
}

.row_selects {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.short_select,
.long_select {
    margin-top: 2vh;
    margin-left: 0.5vh;
    margin-right: 0.5vh;
}

.short_select {
    max-width: 30vh;
}

.long_select {
    width: 80%;
    max-width: 100vh;
}

.tag_input_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.id_input {
    max-width: 8vh;
    margin-left: 0.5vh;
}

.light_text {
    color: var(--light_text);
    font-size: 3vh;
}

.json_result {
    margin: 3vh;
    height: 50vh;
    width: 60%;
}

.menu_json_validator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    padding: 3vh;

    width: 90%;
}

.test_ok {
    color: limegreen;
}

.test_ko {
    color: red;
}

.json_validator_result {
    margin-top: 3vh;
}

.menu_team_json_sort {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;

    width: 100%;
}

.menu_team_json_sort>div {
    color: var(--light_text);
}

.menu_stats_calculator {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;

    width: 100%;
}

.menu_stats_calculator>div {
    color: var(--light_text);
}

.login_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
}

.login_menu>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;

    width: 20%;

    margin: 3vh 0vw;
}

.login_input {
    width: 20% !important;

    margin-top: 2vh;
    margin-left: 0.5vh;
    margin-right: 0.5vh;
}

.menu_configuration_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;

    width: 90%;
}

.menu_configuration_prerelease {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    /* width: 100%; */

    border-radius: 10px;
    border: solid 3px var(--secondary_color);

    color: var(--light_text);

    margin: 3vh 1vw;
    padding: 1vh 1vw;
}
















/* Wide laptop version (Width: 1024->1440px) */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .footer {
        font-size: smaller;
    }
}












/* Small desktop/laptop version (Width: 769->1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

}











/* Mobile version (Width: 300->768px) */
@media only screen and (min-width: 0px) and (max-width: 768px) {
    .tab_user {
        flex-direction: column;
    }

    .navigation_menu>div {
        width: 50vw;
    }

    .discord_img {
        width: 20vw;
    }

    .warning_img {
        width: 20vw;
    }

    .disclaimer_panel {
        flex-direction: column;
    }

    .menu_configuration {
        width: 85vw;
    }

    .menu_configuration {
        width: 85vw;
    }
}