/****************/
/*Profile.cshtml*/
/****************/
#PopUpArea div.row {
    margin: 20px 0 0 0;
}

#PopUpArea div:first-of-type {
    margin-top: 0;
}

#PopUpArea div.row > * {
    padding: 0;
}

#PopUpArea .avatar-preview-wrapper {
    display: grid;
    grid-template-columns: [ResetInfo] 25% [UserAvatar] 50% 25%;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#ResetInfo {
    grid-area: ResetInfo;
}

#UserAvatar {
    grid-area: UserAvatar;
}

#PopUpArea .k-widget.k-upload {
    text-align: center;
}

#PopUpArea .list-of-user-roles li {
    margin-left: 20px;
}
/****************/