.wrap input[type=text] {
    width:400px;
}

.wrap textarea {
    width:400px;
    height: 100px;
}

.wrap input[type=password] {
    width:400px;
}

#edit_client {
    float:left;
    width:100%;
    margin:0;
    padding:0;
}

.avatar_wrapper {
    width:calc( 100% - 650px );
    height:150px;
    float:right;
    margin:0;
    padding:15px 0px 0px 0px;
    position:relative;
}

.fields_wrapper {
    width:650px;
    float:left;
    margin:0;
    padding:0;
}

@media (max-width: 860px) {
    .avatar_wrapper {
        width:100%;
        height:130px;
        float:left;
        margin:0 0 5px 0;
        padding:0;
        position:relative;
    }

    .fields_wrapper {
        width:100%;
        float:left;
        margin:0;
        padding:0;
    }

    #wpc_avatar_preview_wrapper {
        margin: 0 auto !important;
        float:none !important;
    }
}

#wpc_container .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

#wpc_container .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#wpc_container .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#wpc_container .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#wpc_container .input-group>.form-control {
    position: relative;
    margin-bottom: 0;
}