/* Explanation of profile update */
div.profile_dialog {
    margin-left:10%;
    margin-top:5%;
    height:63%;
    width:40%;
    background: var(--header_bg);
    display:grid;
    grid-template-rows: 10% 90%;
    grid-template-columns: 100%;
    grid-template-areas: "H" "B";

}

.profile_header{
    background: var(--header_bg);
    grid-area: H;
    height:100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: whitesmoke;
    border-left:1px solid var(--header_bg);
    border-left:1px solid var(--dialog_bg);
    border-right:1px solid var(--dialog_bg);
    border-top:1px solid var(--dialog_bg);
}

.profile_body{
    background-color: var(--dialog_bg);
    grid-area: B;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-left:1px solid var(--dialog_bg);
    border-right:1px solid var(--dialog_bg);
    border-bottom:1px solid var(--dialog_bg);
    padding:1rem;
}


.update_profile{
    height:3.5vh;
    width:20vw;
}


input.vid {
    width: 7vw
}



input.streetno {
    width: 5.5vw;

}

input.streetname {
    width: 11vw;

}

input.village {
    width: 10vw;
}

input.zip{
    width:5.5vw;
}

input.email {
    width: 25vw;

}

div.pr-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

div.pr-uloterror{
    background:crimson;
    border:2px solid whitesmoke;
    height:10vh;
    margin-left:1vw;
    width:24vw;
    visibility: hidden;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding:1vh;
    color: whitesmoke;
}

.pprompt {
    color: var(--pprompt);
    margin-top: 0.4vh;
    font-size:1em;
    padding: 0;

}



p.display {
    color: whitesmoke;
    font-size: 1.3vw;
    margin: 0;
}



p.name {
    width: 20vw;
}

p.address {
    width: 12vw;
}

p.village {
    width: 7vw;
}

div.alert {
    padding: .5vh;
    margin-right: .5vw;
    color: whitesmoke;
    background: red;
    margin-left: 1vw;
    height: 8vh;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    z-index: 100;

}

div.addressrow {
    margin-left: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;

    justify-content: flex-start;
}

div.profilerow {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*width: 90%;*/
    /*justify-content: space-around;*/
    justify-content: flex-start;
}

p.uniq{
    display: none;
}