/*Pop_user*/

.Pop_up_Config.PainelEstilo .Pop_up_Config.PainelUser {
    color: #000;

}


.Pop_up_Config.PainelEstilo {
    display: none;

    border: none;
    flex-direction: column;
    width: 40vw;
    height: 70vh;
    border-radius: 3vw;
    position: absolute;
    top: 10vh;
    left: 30vw;
    background-color: #D9D9D9;


}

.Pop_up_Config.PainelEstilo .PainelFechar button {
    border: none;
    background: none;
    outline: none;
    width: 2vw;
    height: 2vw;
    margin-left: 1vw;
    margin-top: 1vw;
    color: var(--Matriz);
    /* Cor do texto do botão */
    background-color: var(--Cor_Segundaria_5_1);
    /* Cor de fundo do botão */
    border-radius: 12vh;
    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--Cor_Segundaria_5_1);
    font-size: 0.8vw;
}

.Pop_up_Config.PainelEstilo .PainelFechar button:hover {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background-color: var(--Matriz);
    /* Muda a cor de fundo */
    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--font_titulo);
}

.Pop_up_Config.PainelEstilo .PainelFechar .TituloPopup img {
    width: 2vw;
    height: 2vw;

    font-size: 0.8vw;

}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Perfil button {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background: none;
    outline: none;
    border: none;
    background-color: var(--Matriz);
    /* Muda a cor de fundo */
    width: 10vw;
    height: 20vh;
    border-radius: 12vh;
    font-size: 0.8vw;
    justify-content: center;
    align-items: center;
    font-family: var(--font_titulo);
}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Fundo button {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background: none;
    outline: none;
    border: none;
    background-color: var(--Matriz);
    /* Muda a cor de fundo */
    width: 10vw;
    height: 20vh;
    justify-content: center;
    align-items: center;
    font-family: var(--font_titulo);
    font-size: 0.8vw;
}


.Pop_up_Config.PainelManual {
    display: none;
    width: 40vw;
    height: 70vh;
    margin: 1vh;
    position: absolute;
    top: 10vh;
    left: 30vw;

    background-color: black;
}


.Pop_up_Config.PainelEstilo .PainelFechar .TituloPopup h2 {
    font-family: var(--font_titulo);
    color: rgb(0, 55, 100);
    font-size: 3vh;
}




.Pop_up_Config.PainelEstilo .PainelFechar {
    width: 100%;
    align-items: center;
    font-family: var(--font_titulo);
    display: flex;
    flex-direction: row;
    height: 10%;
}

.Pop_up_Config.PainelEstilo .PainelFechar .TituloPopup {
    margin-top: 2vh;

    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.8vw;
    height: 15%;
}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Perfil label {
    font-family: var(--font_conteudo);
    color: rgb(0, 55, 100);
    font-size: 1.8vw;

}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Fundo label {
    font-family: var(--font_conteudo);
    color: rgb(0, 55, 100);
    font-size: 1.8vw;
}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Perfil {
    margin-top: 2vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 30%;

}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Fundo {
    margin-top: 2vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 30%;

}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Enviar {
    margin-top: 2vh;
    height: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Enviar button {
    margin-top: 1vh;
    border: none;
    background: none;
    outline: none;
    width: 12vw;
    height: 8vh;
    font-size: 0.8vw;
    color: #D9D9D9;
    /* Muda a cor do texto */
    background-color: var(--Cor_Segundaria_5_1);
    /* Cor de fundo do botão */
    border-radius: 12vh;

    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--font_conteudo);
    font-size: 0.8vw;
}



.Pop_up_Config.PainelEstilo .PainelConteudo .Forme .CampoInsercao_Enviar button:hover {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background-color: #D9D9D9;
    /* Muda a cor de fundo */
    transition: 1s ease;
    /* Transição suave de 1 segundo */
}

/*pop user*/
.Pop_up_Config.PainelUser .PainelConteudo .TituloPopup img {
    width: 3vw;
    height: 3vw;
    font-size: 1.8vw;
}

.Pop_up_Config.PainelUser {

    display: none;
    flex-direction: column;
    width: 40vw;
    height: 80vh;
    margin: 1vh;
    position: absolute;
    top: 10vh;
    left: 30vw;

    border-radius: 3vw;
    background-color: #D9D9D9;
    border: 0.2vw solid var(--Cor_Segundaria_5_1);


}

.Pop_up_Config.PainelUser .TituloPopup {

    display: flex;

    flex-direction: row;

}



.Pop_up_Config.PainelUser .PainelFechar button {
    background: none;
    outline: none;
    border: none;
    color: #D9D9D9;
    width: 2vw;
    height: 4vh;
    /* Muda a cor do texto */
    background-color: var(--Cor_Segundaria_5_1);
    /* Cor de fundo do botão */
    border-radius: 12vh;

    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--font_conteudo);

    font-size: 0.8vw;
    /* Arredondar completamente */


}

#VoltarPopup {
    background: none;
    outline: none;
    border: none;
    color: #D9D9D9;
    width: 7vw;
    height: 4vh;
    /* Muda a cor do texto */
    background-color: var(--Cor_Segundaria_5_1);
    /* Cor de fundo do botão */
    border-radius: 12vh;

    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--font_conteudo);

    /* Arredondar completamente */
    font-size: 0.8vw;

}

#VoltarPopup:hover {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background-color: white;
    /* Muda a cor de fundo */
    transition: 1s ease;
    /* Transição suave de 1 segundo */

}

.Pop_up_Config.PainelUser .PainelFechar button:hover {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background-color: white;
    /* Muda a cor de fundo */
    transition: 1s ease;
    /* Transição suave de 1 segundo */


}

.Pop_up_Config.PainelUser .PainelFechar {



    border-radius: 12vh;

    transition: 1s ease;
    /* Transição suave de 1 segundo */

    font-family: var(--font_conteudo);
    font-size: 0.8vw;
    align-items: end;


    display: flex;

    flex-direction: row;
    margin-top: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;

    justify-content: space-between;


}


.Pop_up_Config.PainelUser .PainelConteudo .TituloPopup {
    gap: 1vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font_titulo);

}

.Pop_up_Config.PainelUser .PainelConteudo .TituloPopup {
    color: var(--Cor_Segundaria_5_1);
    font-family: var(--font_titulo);

}

.Pop_up_Config.PainelUser .PainelConteudo {
    flex-direction: column;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;


}


.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao h2 {
    font-family: var(--font_titulo);
    color: rgb(0, 55, 100);
    font-size: 3vh;

    width: 25vw;
    height: 5vh;



}


.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao {

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

}

.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao select {
    width: 25vw;
    height: 4vh;
    font-family: var(--font_conteudo);
    font-size: 1vw;
    color: var(--Cor_Segundaria_5_1);
    border-radius: 12vh;

}

.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao_criar button {
    background: none;
    outline: none;
    border: none;

    color: #D9D9D9;

    /* Muda a cor do texto */
    background-color: var(--Cor_Segundaria_5_1);
    /* Cor de fundo do botão */
    border-radius: 12vh;

    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--font_conteudo);
    /* Arredondar completamente */
    width: 8vw;
    height: 3vh;
    font-size: 0.8vw;
}


.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao_criar button:hover {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background-color: white;
    /* Muda a cor de fundo */
    transition: 1s ease;
    /* Transição suave de 1 segundo */


}

.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao input {
    background: none;
    outline: none;
    border: none;
    font-family: var(--font_conteudo);
    border-bottom: 0.2vw solid var(--Cor_Segundaria_5_1);
    color: var(--Cor_Segundaria_5_1);
    font-size: var(--Matriz);
    width: 25vw;
    height: 7vh;
    font-size: 1.8vw;
}

.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao_criar {
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    width: 35vw;



}

.Pop_up_Config.PainelUser .PainelConteudo .Forme .CampoInsercao p {
    background: none;
    outline: none;
    border: none;
    font-family: var(--font_conteudo);

    color: var(--Cor_Segundaria_5_1);
    font-size: var(--Matriz);
    font-size: 0.8vw;

}