@import 'variablesGlobales.css';


.contenedor_editar_perfil{
    width: 100vw;
    height: 90vh;
    display: flex;
    justify-content: center;
    
}
.contenedor_formulario{
    width: 50vw;
    height: 65vh;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    border-radius: 15px;
    flex-direction: column;
    background-color: #F2F4F4;
}
.contentEditUser{
    margin-bottom: 5px;
    width: 80%;
    height: 90%;
}
.imagen{
    width: 100%;
    height: 20%;
    margin-bottom: 30px;
    margin-left: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bordes{
    width: 80%;
    height: 50%;
    border-radius: 25px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-left: 30px;
}
.boton{
    background-color: #990013;
    border: none;
    width: 105px;
    padding: 5px;
}
.botonsub{
    background-color: #990013;
    border: none;
    padding: 5px;
}
.bordes1{
    width: 60%;
    height: 50%;
    border-radius: 25px;
    border-style: solid;
    border-width:  thin;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100% ;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-left: 30px;
}

.bordes2{
    width: 55%;
    height: 20%;
    border-radius: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 30px;
    border: none !important;
}

.img_editar{
    width: 30%;
    height: 128%;
    background-image: url("../image/EditarPersona2.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.formulario{
    width: 100%;
    height: 80%;

}

@media screen and (min-width: 200px) and (max-width: 730px){
    .contenedor_formulario{
        width: 80vw;

    }
}

@media screen and (max-height: 450px){
    .imagen{
        width: 100%;
        height: 20%;
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .img_editar{
        width: 30%;
        height: 100%;
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
    }
}