Applying configuration for website cmRelationManager
Your patience is greatly appreciated

    <div>
            <div data-config-tag="tooltip" data-original-title="lblExtraText" style="display: block;">
                
            </div>
        <div class="cmrel-dashboard">
            <div class="navbox-tiles">
                <a data-bind="visible:CM_W3_RelationManager_MainViewModel.isAnonymousUser,style:{width:CM_W3_RelationManager_MainViewModel.dashboard.getTitleWidth}"
                   href="#createaccount"
                   class="tile k-state-selected"
                   title="Create New Account"
                   style="">
                    <div class="icon"><i class="fa icon-user"></i></div>
                    <div class="title hidden-xs">
                        Create New Account
                    </div>
                </a>
                <div id="cmrel-dashboard-manageaccountviewpart"></div>
                <a data-bind="style:{width:CM_W3_RelationManager_MainViewModel.dashboard.getTitleWidth}"
                   href="#forgotpassword"
                   class="tile k-state-selected"
                   title="Forgot my password"
                   style="">
                    <div class="icon"><i class="fa icon-lock"></i></div>
                    <div class="title hidden-xs">
                        Forgot my password
                    </div>
                </a>
            </div>
        </div>
    </div>

    <a data-bind="style:{width:CM_W3_RelationManager_MainViewModel.dashboard.getTitleWidth}"
       href="#manageaccount"
       class="tile k-state-selected"
       title="Manage My Account">
        <div class="icon"><i class="fa icon-cog"></i></div>
        <div class="title hidden-xs">
            <span data-bind="html:CM_W3_RelationManager_MainViewModel.dashboardManageAccount.test"></span>
            Manage My Account
        </div>
    </a>

    <div class="cmrel-createaccount center-block" data-duplicates-caller-name="Back to create account">
        
            <div>Thank you for initiating the create account function.<br /><br />The creation of an account takes two steps.<br />Step 1: fill in your name and e-mail address, click on verify and define your password<br />Step 2: provide us with your address (work and/or home) and communication details</div>

    
        <div class="cmrel-shadow" id="cmrel-createaccount">
            <div>
                <div class="panel panel-default" data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isFinished">
                    <div class="panel-heading row">
                        <div class="pull-left" style="padding: 5px;">Step 1: General information</div>
                        
                                <div class="pull-right" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                    <ul data-role="menu" style="width: 100%; height: 100%;" data-orientation="vertical" data-bind="events:{select:CM_W3_RelationManager_MainViewModel.createaccount.onRestart}" data-animation="false" class="k-widget k-reset k-header k-menu k-menu-vertical" tabindex="0">
                                        <li data-cmrel-action="restart" class="k-item k-state-default k-first k-last" role="menuitem">
                                            <span class="k-link">
                                                <span class="icon icon-loop"></span><span style="word-break: break-all; margin-left: 5px; margin-right: 5px;">
Restart
                                                </span>
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                        

                    </div>
                    <div class="panel-body" style="padding: 0px">
                        <div>
                            <div style="position:relative;">
                                <div data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                    <div id="cmrel-createaccount-personal-viewpart"></div>
                                </div>
                                <div data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                    <div id="cmrel-createaccount-personaloverview-viewpart"></div>
                                </div>
                            </div>
                        </div>
                        <div data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">

                            
                            <div data-bind='visible:CM_W3_RelationManager_MainViewModel.personal.isGdprAccepted'>
                                <hr style="margin: 10px; margin-top:20px; margin-bottom:20px;" />
<div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.createaccount.verifyData" name="cmrel-createaccount-verifybutton" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-signup" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>Verify</span></td></tr></table></div></div>
                            </div>
                            

                        </div>
                        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                <div class="steptitle">
                                    <h5 style="display: block;">
                                        
                                    </h5>
                                </div>
                                <div id="cmrel-createaccount-supplementary-viewpart"></div>

                                <div class="steptitle">
                                    <h5 style="display: block;">
                                        Login credentials
                                    </h5>
                                </div>
                                <div id="cmrel-createaccount-logon-viewpart"></div>
                                                                                    
                                    <script>
                                        $(function () {
                                            $.fn.CM_W3_Host_ViewModel.CM_W3_RelationManager_MainViewModel.createaccount.set("agreementOk", true);
                                        });
                                    </script>
                            
                            
                            
                            <hr style="margin: 10px; margin-top:20px; margin-bottom:20px;" />
                            
<div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.createaccount.finish, visible: CM_W3_RelationManager_MainViewModel.createaccount.agreementOk" name="cmrel-createaccount-registerbutton" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-disk" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>Create</span></td></tr></table></div></div>
                            
                        </div>
                    </div>
                </div>
                <div class="cmrel-column" style="width: 100%" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isFinished">
                    <div style="width: 100%">
                        <div>
                            <div class="panel panel-default">
                                <div class="panel-heading row">To finish step 1 please follow instructions below.</div>
                                <div class="panel-body" style="padding: 0px">
                                    <div id="cmrel-createaccount-finish-viewpart"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        

    
    </div>

    <div id="cmrel-createaccount-personal-viewpart" style="margin: 10px;" class="form-horizontal">
            <div data-bind="invisible:CM_W3_RelationManager_MainViewModel.personal.isGdprAccepted">
                <div>
                    
            <div>By creating an account you give ECNP permission to process the personal data and photography info you have provided. ECNP will use your personal data and photography info for the execution of its services. ECNP will use your e-mail address to send you relevant news, updates and alerts. You can manage your mailing preferences through the ‘manage account’ function. ECNP will only use your personal data and photography info for the execution of its services. <br /><br />ECNP complies with the General Data Protection Regulation (GDPR) and other regulations. Please read our <a href="https://www.ecnp.eu/media/q1pldks5/ecnp-privacy-and-data-security-policy.pdf" style="text-decoration:none;" ;="" target="_blank">privacy statement</a> for more information about the way we process your personal data and photography info, for which purposes, who may access your personal data and photography info and how to exercise your rights under the GDPR.<br /><br /></div>

    
                </div>
                <div class="pull-left">
                    <input type="checkbox" id="cmrel-isgdprverified" name="cmrel-isgdprverified" class="k-checkbox" data-bind="checked:CM_W3_RelationManager_MainViewModel.personal.isGdprVerified">
                    <label class="k-checkbox-label" for="cmrel-isgdprverified">
                        
 I agree                        
                    </label>
                </div>
                
                        <div class="pull-right">
                            <button data-role="button"
                                    type="button"
                                    data-bind="visible: CM_W3_RelationManager_MainViewModel.personal.isGdprVerified, enabled: CM_W3_RelationManager_MainViewModel.personal.isGdprVerified, events: { click: CM_W3_RelationManager_MainViewModel.personal.onAcceptGdpr }">
Continue
                            </button>
                        </div>
                
                <div style="clear:both;"></div>
            </div>
        <div data-bind='visible:CM_W3_RelationManager_MainViewModel.personal.isGdprAccepted'>
            

    
            <div class="cmrel-createaccount-personal-viewpart-sortitems">
                
            <div data-cmrel-sort="1"
                 class="form-group CreateAccountLastName">

            <label for="fieldNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Surname (Last name)*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_name" id="fieldNameGeneralInformationViewPart" name="fieldNameGeneralInformationViewPart" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldNameGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="0"
                 class="form-group CreateAccountFirstName">

            <label for="fieldFirstNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">First name*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_firstName" id="fieldFirstNameGeneralInformationViewPart" name="fieldFirstNameGeneralInformationViewPart" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldFirstNameGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="4"
                 class="form-group CreateAccountNationality">

            <label for="fieldNationalityGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Country of residence*</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldNationalityGeneralInformationViewPart"
                               name="fieldNationalityGeneralInformationViewPart"
                               data-template="cmrel-nationalityflags-template"
                               data-value-template="cmrel-nationalityflags-template"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="CountryData.nationality"
                               data-enable='false'
                               data-value-field="CountryData.id"
                               data-bind="value: CM_W3_RelationManager_MainViewModel.createaccount.Person.p_nationality_id4d,source: CM_W3_RelationManager_MainViewModel.personal.getNationalities"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               required />

                </div>
            </div>


    
                
            <div data-cmrel-sort="3"
                 class="form-group CreateAccountDateOfBirth">

            <label for="fieldBirthDateGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Birth date*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
                <div style="display:inline-block">
<input data-val-date="Please input date in the specified format" data-val-parsedate="Please input date in the specified format" data-bind="fourDDate:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_birthDate" data-start="decade" id="fieldBirthDateGeneralInformationViewPart" name="fieldBirthDateGeneralInformationViewPart" type="text" data-val-required="Input required." data-val="true"><script>
	jQuery(function(){jQuery("#fieldBirthDateGeneralInformationViewPart").kendoDatePicker({"format":"dd/MM/yyyy","parseFormats":["dd/MM/yyyy"],"min":new Date(1900,0,1,0,0,0,0),"max":new Date(2015,5,29,7,2,6,807),"start":"decade"});});
</script>
                </div>
                <div style="display:inline-block">
                    <span style="padding-left: 5px; padding-right: 5px;">dd/mm/yyyy</span>
                </div>
<span class="field-validation-valid" data-valmsg-for="fieldBirthDateGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="2"
                 class="form-group CreateAccountEmail">

            <label for="fieldEmailGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">E-mail*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.p_email" data-val-regex="Invalid email" data-val-regex-pattern="^(([^<>()\[\]\\.,;:\s@&quot;]+(\.[^<>()\[\]\\.,;:\s@&quot;]+)*)|(&quot;.+&quot;))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$" id="fieldEmailGeneralInformationViewPart" name="fieldEmailGeneralInformationViewPart" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldEmailGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            </div>
            

    
        </div>
    </div>

    <div id="cmrel-createaccount-personaloverview-viewpart" style="margin: 10px;" class="form-horizontal">
        
            <div data-cmrel-sort="1"
                 class="form-group CreateAccountLastName">

            <label for="fieldNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Surname (Last name)*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="text:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_name"></span>
            </div>


    
            </div>


    
        
            <div data-cmrel-sort="0"
                 class="form-group CreateAccountFirstName">

            <label for="fieldFirstNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">First name*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="text:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_firstName"></span>
            </div>


    
            </div>


    
        
            <div data-cmrel-sort="4"
                 class="form-group CreateAccountNationality">

            <label for="fieldNationalityGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Country of residence*</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <span data-bind="source: CM_W3_RelationManager_MainViewModel.personal.selectedPersonalNationality" data-template="cmrel-nationalityflags-template"></span>

                </div>
            </div>


    
        
            <div data-cmrel-sort="3"
                 class="form-group CreateAccountDateOfBirth">

            <label for="fieldBirthDateGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Birth date*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="fourDDateText: CM_W3_RelationManager_MainViewModel.createaccount.Person.p_birthDate" data-format="dd/MM/yyyy"></span>
            </div>


    
            </div>


    
        
            <div data-cmrel-sort="2"
                 class="form-group CreateAccountEmail">

            <label for="fieldEmailGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">E-mail*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="text:CM_W3_RelationManager_MainViewModel.createaccount.p_email"></span>
            </div>


    
            </div>


    
    </div>

    <div id="cmrel-createaccount-logon-viewpart" style="margin: 10px;" class="cmrel-createaccount-logon-viewpart form-horizontal">
        

    
        <div>
            <div class="form-group CreateAccountLogonName">

                
                        <label class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word" for="CreateAccountLogonName">Username</label>
                        <div class="col-xs-12 col-sm-12 col-md-9">

<input class="k-textbox" data-val="true" data-val- id="CreateAccountLogonName" isvalidusername="true" name="CreateAccountLogonName" type="text" value="" readonly="readonly" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_userName" /><span class="field-validation-valid" data-valmsg-for="CreateAccountLogonName" data-valmsg-replace="true"></span>
    
                        </div>
                
            </div>

            <div class="form-group CreateAccountPassword">
                
                        <label class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word" for="CreateAccountPassword">Password*</label>
                    <div class="col-xs-12 col-sm-12 col-md-9">

<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_password" data-val="true" data-val-regex="The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: =, #, ! and ?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$%*&amp;_]{8,}$" data-val-required="Input required." id="CreateAccountPassword" name="CreateAccountPassword" type="password" /><span class="field-validation-valid" data-valmsg-for="CreateAccountPassword" data-valmsg-replace="true"></span>
    
                    </div>
                
            </div>
            <div class="form-group CreateAccountVerifyPassword">
                
                        <label class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word" for="CreateAccountPassword">Repeat password*</label>
                    <div class="col-xs-12 col-sm-12 col-md-9">

<input class="k-textbox" data-val="true" data-val-equalto="The passwords should match" data-val-equalto-other="*.CreateAccountPassword" data-val-required="Input required." id="CreateAccountPasswordVerify" name="CreateAccountPasswordVerify" type="password" /><span class="field-validation-valid" data-valmsg-for="CreateAccountPasswordVerify" data-valmsg-replace="true"></span>
    
                    </div>
                
            </div>
        </div>
        

    
    </div>

    <div id="cmrel-createaccount-supplementary-viewpart" style="margin: 10px;" class="form-horizontal">
        <div data-bind="source:CM_W3_RelationManager_MainViewModel"
             data-template="cmrel-createaccount-supplementary-viewpart-identity-template"></div>
    </div>

    <div style="text-align:left;padding: 10px;" id="cmrel-createaccount-finish-viewpart" class="cmrel-createaccount-finish-viewpart">
        <input id="dummy" name="dummy" type="hidden" value="" />
        

    
        
                
                    <div class="" data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isFinishIAmThisPerson">
Please click on 'finish creating your account'.<br />A confirmation e-mail with your username (to {$scrambledemail$}) has been sent to you.  Please check your spam folder if you do not receive this confirmation.<br /><br /><div style="text-align:right;"><a class="k-button" href="/myecnp-portal/my-profile.aspx?personid={$contactid$}&key={$encryptionkey$}#my-profile/addressoverview/viewpart" style="cursor:pointer;"><table id="top-info"><tbody><tr><td><div class="top-info-block"><strong> </strong></div></td><td style="vertical-align:middle;"><span>Finish creating your account</span></td></tr></tbody></table></a></div>
                        <div class="pull-right">


                               


    
                        </div>
                    </div>

                
        
        
                
                    <div class="" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isFinishIAmThisPerson">
<span style="color:#333333;font-family:Raleway, sans-serif;">Dear Dr </span>{$lastname$}<span style="color:#333333;font-family:Raleway, sans-serif;">, if you have forgotten your password please click </span><a href="https://www.ecnp.eu/myecnp-portal/forgot-password" style="box-sizing:border-box;background-color:#ffffff;transition:all 300ms ease 0s;font-family:Raleway, sans-serif;">here</a><span style="color:#333333;font-family:Raleway, sans-serif;">,</span> if you forgot your username please click <a href="https://www.ecnp.eu/myecnp-portal/forgot-username/">here</a>.
                    </div>

                
        
        

    
    </div>

    <div style="text-align:left;" id="cmrel-createaccount-duplicates-viewpart" class="cmrel-createaccount-duplicates-viewpart" data-title="You have duplicates">
        <div id="cmrel-createaccount-duplicates-viewpart-duplicatelist" class="cmrel-createaccount-duplicates-viewpart-duplicatelist panel-body">
            

    
            
                <div style="margin-bottom:10px">Please review duplicate accounts below:</div>
            
            <div id="duplicates-table-wrapper" style="overflow:auto; border:1px solid #808080;height:300px">
                <div style="width:100%">
                    <table class="table table-responsive">
                        <thead>
                            <tr style="background-color: #808080;color:white;font-size:18px;text-align:left">
                                
                                
                                    <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2">Name</td>
                                
                                    <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2">First name</td>
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">Gender</td>
                                
                                
                                
                                
                                
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">City</td>
                                
                                
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">Email</td>
                            </tr>
                        </thead>
                        <tbody data-bind="source: CM_W3_RelationManager_MainViewModel.duplicates.PersonDuplicates" data-template="cmrel-createaccount-duplicates-viewpart-duplicatelistitem-template"></tbody>
                    </table>
                </div>
            </div>
            
                <div style="margin-top: 10px;margin-bottom:10px">When selecting 'I am this person', you will be redirected to forgot password:</div>
            
            <div style="width:100%" class="cmrel-createaccount-duplicates-buttons">                
                <div style="text-align:left">
                    
<div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="disabled: CM_W3_RelationManager_MainViewModel.duplicates.iAmThisPersonDisabled, css: { k-state-disabled: CM_W3_RelationManager_MainViewModel.duplicates.iAmThisPersonDisabled }, click: CM_W3_RelationManager_MainViewModel.duplicates.iAmThisPerson" name="duplicatesIAmThisPerson" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-checkmark" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>I am this person</span></td></tr></table></div></div>
                    
                </div>
                <div style="text-align:center">
                    
<div style="margin: 10px;border:0px;text-align:center"><div class="k-button" data-bind="disabled: CM_W3_RelationManager_MainViewModel.duplicates.nameNotInListDisabled, css: { k-state-disabled: CM_W3_RelationManager_MainViewModel.duplicates.nameNotInListDisabled}, click: CM_W3_RelationManager_MainViewModel.duplicates.nameNotInList" name="duplicatesNameNotInList" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-question" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>My name is not in the list</span></td></tr></table></div></div>
                    
                </div>

                <div style="text-align:right">
                    
<div style="margin: 10px;border:0px;text-align:left"><div class="k-button" data-bind="disabled: CM_W3_RelationManager_MainViewModel.duplicates.backToCallerDisabled, css: { k-state-disabled: CM_W3_RelationManager_MainViewModel.duplicates.backToCallerDisabled }, click: CM_W3_RelationManager_MainViewModel.duplicates.backToCaller" name="duplicatesGoBackToCaller" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-undo-2" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span data-bind="text: CM_W3_RelationManager_MainViewModel.duplicates.backToCallerText" data-default-text="Go back to caller">Go back to caller</span></td></tr></table></div></div>
                    
                </div>
            </div>
            

    
            <script id="cmrel-createaccount-duplicates-viewpart-duplicatelistitem-template" class="" type="text/x-kendo-template">
                <tr id="cmrel-duplicate-id-#= person.p_id4D #" data-bind="events: { mouseover: hoverDuplicate, mouseout: unhoverDuplicate }, click: selectDuplicate, css: {k-state-selected: isSelected, invalidDuplicate: CM_W3_RelationManager_MainViewModel.duplicates.notIsValidDuplicate}">
                    
                    
                        <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2" data-bind="text: person.p_name"></td>
                    
                        <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2" data-bind="text: person.p_firstName"></td>
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="text: person.p_gender"></td>
                    
                    
                    
                    
                    
                    
                    
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="text: person.addresses[0].a_cityname"></td>
                    
                    
                    
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="text: person.comms[0].com_valuescrambled"></td>
                </tr>
            </script>
        </div>
    </div>

    <div>
        

    
        <div class="cmrel-manageaccount">
    <div  style="clear:both;margin:0;padding:0">
        <div class="container-fluid"
             data-template="cmrel-manageaccount-deleterelation-template"
             data-bind="source:CM_W3_RelationManager_MainViewModel.manageaccount, detach:CM_W3_RelationManager_MainViewModel.manageaccount.showDeleteRelationForm"></div>
        <div class="cmrel-manageprofilesoverview-masonry"
             data-bind="invisible:CM_W3_RelationManager_MainViewModel.manageaccount.showDeleteRelationForm">
            <div class="cmrel-column" data-cmrel-viewsort="0" style="width:100%">
                <div id="cmrel-manageaccount-identityoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="1" style="width:100%">
                <div id="cmrel-manageaccount-addressoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="2" style="width:100%">
                <div id="cmrel-manageaccount-communicationoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="3" style="width:100%">
                <div id="cmrel-manageaccount-mailingsoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="4" style="width:100%">
                <div id="cmrel-manageaccount-profilesoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="6" style="width:100%">
                <div id="cmrel-manageaccount-gdproverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
        </div>
    </div>
        </div>
        

    
            <div id="cmrel-manageaccount-deleterelationerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="<span style="color:#ff0000;">Failed to process the delete relation request. Please contact the administrator!</span>">
            </div>
                    <div id="cmrel-manageaccount-deleterelationsuccess"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="<span style="color:#ff0000;">Your relation details have been removed from our system!</span>">
            </div>
        <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-deleterelation-template">
            <div id="cmrel-manageaccount-deleterelation" class="panel panel-default cmrel-shadow cmrel-manageaccount-deleterelation col-xs-12 col-sm-12 col-md-12 col-lg-12">
                
                        <div class="row form-group">
                            <span>
<span style="color:\\#ff0000;">We are sorry to hear you want to delete your account.</span><br /><span style="color:\\#ff0000;">Due to Dutch statutory retention period some of your data may not be deleted immediately. Please read our <a href="https://www.ecnp.eu/~/media/Files/ecnp/About%20ECNP/ECNP-privacy-and-data-security-policy.pdf?la=en" style="text-decoration:none;"  target="_blank">privacy policy</a> for further information.</span><br /><span style="color:\\#ff0000;">Please click on 'I'm not a robot' and continue with deletion.</span>
                            </span>
                        </div>
                
                <div class="clearfix">
                    <div id="cmrel-deleterelation-g-recaptcha" class="g-recaptcha pull-right"></div>
                </div>
                <hr class="clear" />
                <div class="row form-group">
                    
                            <button data-bind="events:{click:onCancelDeleteRelation}"
                                    type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                                <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                                </span>
                            </button>
                    
                    
                            <button data-bind="events:{click:onDeleteRelation}, visible:showContinueWithDeletion"
                                    type="button" class="k-button  pull-right" style="padding:10px">
                                <span class="icon icon-remove-2"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Continue with deletion
                                </span>
                            </button>
                    
                </div>
                <script src="https://www.google.com/recaptcha/api.js?onload=cmrel_onloadCallback&render=explicit&hl=en-US" async defer />
            </div>
        </script>
    </div>

    <a href="" target="_blank" style="text-decoration:none;margin:5px;" class="k-button">
        <span class="glyphicon glyphicon-globe" style="vertical-align:middle;padding:5px"></span>
        <span style="vertical-align:middle;padding:5px">#title#</span>
        <div class="feature-box" style="display:none;">
            <div>
                <img alt="#title#" src="#source#" style="height:auto;width:100%;">
            </div>
        </div>
    </a>

    <div class="cmrel-manageidentity center-block">        
        <div>
            

    
            <div id="cmrel-manageidentity-viewpart" class="cmrel-shadow"></div>
            

    
        </div>
    </div>

    <div class="cmrel-manageaccount-manageidentity-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading" data-bind="invisible:CM_W3_RelationManager_MainViewModel.manageIdentity.isChangePassword">Relation Details</div>
            <div class="panel-body" style="padding:0">
                <div data-template="cmrel-manageaccount-manageidentity-viewpart-requestnamechange-template"
                     class="row"
                     style="padding-top:15px"
                     data-bind="source:CM_W3_RelationManager_MainViewModel.manageIdentity.identity, visible:CM_W3_RelationManager_MainViewModel.manageIdentity.showRequestNameChangeForm"></div>

                <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageIdentity.identity"
                     data-template="cmrel-manageaccount-manageidentity-viewpart-identity-template"></div>
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-manageidentity-viewpart-identity-template">
        <div id="cmrel-manageaccount-manageidentity-viewpart-identity" class="cmrel-manageaccount-manageidentity-viewpart-identity col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="row" data-bind="css:{k-content:isChangePassword,k-alt:isNotChangePassword}"
                     style="margin:0px -15px 10px -15px; padding:0px 15px">

                    
                            <div class="form-group" style="margin-top:10px" data-bind="invisible:isChangePassword">
                                <button data-bind="events:{click:onNameChangeRequest}"
                                        type="button" class="k-button" style="padding:10px">
                                    <span class="icon icon-pencil-2"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
                                        <span data-bind="text:p_dearText" style="font-weight:bold"></span><span data-bind="text:c_name" style="font-weight:bold"></span> - Name Change Request
                                    </span>
                                </button>
                            </div>
                    
                    <div class="form-group" style="margin-top:10px" data-bind="invisible:isChangePassword">
                        <div style="display:inline-block; vertical-align :top;margin-right:10px">                            
                            <img data-bind="visible:hasPicture, attr:{src:getPicture}"
                                    style="max-width:64px;width:64px;height:64px;" class="img-thumbnail" />
                            <span data-bind="invisible:hasPicture" class="media-object icon icon-user" style="font-size:64px"></span>
                        </div>
                        <div style="display:inline-block; vertical-align:top">
                            
                                <div>
                                    <input name="cmrel-manageaccount-manageidentity-viewpart-identity-picture"
                                           type="file"
                                           data-role="upload"
                                           data-validation="{allowedExtensions: ['.jpg']}"
                                           data-multiple="false"
                                           data-bind="events:{upload:onUploadProfilePicture, select:onSelectProfilePicture, success:onSuccessfullyUploadedProfilePicture}"
                                           data-localization='{
                                        select: "Upload profile picture"}'
                                           data-async="{ saveUrl:'https://www.ecnp.eu/cmRelationManager/conferencemanager/CM_W3_RelationManager/api/uploadavatar/{relationID}?key=RBTpKzA9r2%2BcCq0D92nQtcKoCwHfM1oGj71GnQxC5QPs0pT1uGhwPtYi%2BSXMvovi', uploadUrl: 'https://www.ecnp.eu/cmRelationManager/conferencemanager/CM_W3_RelationManager/api/uploadavatar/{relationID}?key=RBTpKzA9r2%2BcCq0D92nQtcKoCwHfM1oGj71GnQxC5QPs0pT1uGhwPtYi%2BSXMvovi', autoUpload: true }" />
                                    <div class="cmrel-upload-hint">You can only upload <strong>JPG</strong> files.</div>
                                </div>
                        </div>
                    </div>
                    
                            <div class="panel-group" style="margin-top:10px;margin-bottom:0px;" data-bind="visible:isChangePassword">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Change my password</div>
                                    <div id="cmrel-manageaccount-manageidentity-viewpart-passwordchange" class="panel-body form-horizontal">
                                        <div>

            <div class="form-group">

            <label for="fieldManageIdentityViewPartPassword" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Old password*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:&\#32;oldPassword" data-value-update="keyup" id="fieldManageIdentityViewPartPassword" name="fieldManageIdentityViewPartPassword" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartPassword" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    

            <div class="form-group">

            <label for="fieldManageIdentityViewPartPasswordNew" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">New password*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:&\#32;newPassword" data-val-regex="The&\#32;password&\#32;should&\#32;contain&\#32;minimum&\#32;8&\#32;characters,&\#32;at&\#32;least&\#32;1&\#32;Alphabet&\#32;and&\#32;1&\#32;Number.&\#32;Not&\#32;allowed&\#32;special&\#32;characters:&\#32;=,&\#32;\#,&\#32;!&\#32;and&\#32;?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldManageIdentityViewPartPasswordNew" name="fieldManageIdentityViewPartPasswordNew" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartPasswordNew" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    

            <div class="form-group">

            <label for="fieldManageIdentityViewPartPasswordConfirm" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Verify password*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:&\#32;verifyPassword" data-val-equalto="The&\#32;input&\#32;password&\#32;does&\#32;not&\#32;match&\#32;with&\#32;the&\#32;new&\#32;password,&\#32;please&\#32;review." data-val-equalto-other="*.fieldManageIdentityViewPartPasswordNew" data-val-regex="The&\#32;password&\#32;should&\#32;contain&\#32;minimum&\#32;8&\#32;characters,&\#32;at&\#32;least&\#32;1&\#32;Alphabet&\#32;and&\#32;1&\#32;Number.&\#32;Not&\#32;allowed&\#32;special&\#32;characters:&\#32;=,&\#32;\#,&\#32;!&\#32;and&\#32;?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldManageIdentityViewPartPasswordConfirm" name="fieldManageIdentityViewPartPasswordConfirm" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartPasswordConfirm" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                                        </div>

            <hr />
            <div class="row form-group clearfix">
                <button data-bind="click:onChangePassword"
                        type="button" class="k-button  pull-right" style="padding:10px">
                    <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Update password
                    </span>
                </button>
            </div>


    
                                    </div>
                                </div>
                            </div>
                    
                </div>
            <div data-bind="invisible:isChangePassword">
                <div class="form-horizontal"
                     id="cmrel-manageaccount-manageidentity-viewpart-identity-company"
                     data-bind="detach:showCompanyDetails">
                    
            <div data-cmrel-sort="0"
                 class="form-group">

            <label for="fieldManageIdentityViewPartCompanyName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Company name*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:c_name" data-value-update="keyup" id="fieldManageIdentityViewPartCompanyName" name="fieldManageIdentityViewPartCompanyName" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartCompanyName" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageIdentityViewPartOtherCompanyName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Other name*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:c_name2" data-value-update="keyup" id="fieldManageIdentityViewPartOtherCompanyName" name="fieldManageIdentityViewPartOtherCompanyName" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartOtherCompanyName" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                </div>
                <div class="form-horizontal"
                     id="cmrel-manageaccount-manageidentity-viewpart-identity-person"
                     data-bind="detach:showPersonDetails">
                    
            <div data-cmrel-sort="0"
                 class="form-group" style="margin-bottom:0">

            <label for="fieldManageIdentityViewPartTitle" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Title*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<div></div>
            </div>


    
            </div>


    
                    
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageIdentityViewPartFirstName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word"><b>First name</b></label>


    
                    <span class="col-xs-12 col-sm-12 col-md-9" data-bind="text:p_firstName" style="font-weight:normal"></span>

            </div>


    
                    
            <div data-cmrel-sort="3"
                 class="form-group">

            <label for="fieldManageIdentityViewPartLastName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word"><b>Surname</b></label>


    
                    <span class="col-xs-12 col-sm-12 col-md-9" data-bind="text:p_name" style="font-weight:normal"></span>

            </div>


    
                    


    
                    

    
                    
            <div data-cmrel-sort="6"
                 class="form-group">

            <label for="fieldManageIdentityViewPartGender" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Gender*</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldManageIdentityViewPartGender"
                               name="fieldManageIdentityViewPartGender"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="value"
                               data-enable='false'
                               data-value-field="value"
                               data-bind="value: p_gender,source: genderList"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               data-placeholder="Please select to continue..."
                               required />

                </div>
            </div>


    
                    
            <div data-cmrel-sort="7"
                 class="form-group">

            <label for="fieldManageIdentityViewPartDOB" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Date of birth*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
                <div style="display:inline-block">
<input data-val-date="Please input date in the specified format" data-val-parsedate="Please input date in the specified format" data-bind="fourDDate:p_birthDate" data-start="decade" data-value-update="keyup" id="fieldManageIdentityViewPartDOB" name="fieldManageIdentityViewPartDOB" type="text" data-val-required="Input required." data-val="true"><script>
	jQuery(function(){jQuery("\#fieldManageIdentityViewPartDOB").kendoDatePicker({"format":"dd/MM/yyyy","parseFormats":["dd/MM/yyyy"],"min":new Date(1900,0,1,0,0,0,0),"max":new Date(2015,5,29,7,2,7,15),"start":"decade"});});
<\/script>
                </div>
                <div style="display:inline-block">
                    <span style="padding-left: 5px; padding-right: 5px;">dd/MM/yyyy</span>
                </div>
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartDOB" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    
            <div data-cmrel-sort="8"
                 class="form-group">

            <label for="fieldManageIdentityViewPartNationality" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Country of residence*</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldManageIdentityViewPartNationality"
                               name="fieldManageIdentityViewPartNationality"
                               data-template="cmrel-nationalityflags-template"
                               data-value-template="cmrel-nationalityflags-template"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="CountryData.nationality"
                               data-enable='false'
                               data-value-field="CountryData.id"
                               data-bind="value: p_nationality_id4d,source: getNationalities"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               required />

                </div>
            </div>


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    
            <div data-cmrel-sort="17"
                 class="form-group">

            <label for="fieldManageIdentityViewPartBiography" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Biography</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<textarea class="k-textbox" cols="20" data-bind="value:p_biography" data-value-update="keyup" id="fieldManageIdentityViewPartBiography" name="fieldManageIdentityViewPartBiography" rows="2">
<\/textarea>
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartBiography" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    


    
                </div>
                <hr />
                <div class="row form-group">
                    
                            <button data-bind="events:{click:onCancelEdit}"
                                    type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                                <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Return to overview
                                </span>
                            </button>
                    
                    
                            <button data-bind="visible:isDirty,events:{click:onSaveEdit}"
                                    type="button" class="k-button  pull-right" style="padding:10px">
                                <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                                </span>
                            </button>
                    
                </div>
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-verifymasserror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="The input password verification does not match with the new password, please review!">
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-oldpasserror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="You old password is incorrect!">
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-saveerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the changes to your identity. Please contact the administrator!">
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-sendrequestnamechangeerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to send the name change request. Please contact the administrator!">
            </div>
                    </div>
    </script>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-manageidentity-viewpart-requestnamechange-template">
        <div id="cmrel-manageaccount-manageidentity-viewpart-requestnamechange" class="cmrel-manageaccount-manageidentity-viewpart-requestnamechange col-xs-12 col-sm-12 col-md-12 col-lg-12">
            
            
            <div class="form-horizontal">
                
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageIdentityViewPartRequestLastNameChange" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Update Surname to* </label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:request_name" data-value-update="keyup" id="fieldManageIdentityViewPartRequestLastNameChange" name="fieldManageIdentityViewPartRequestLastNameChange" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartRequestLastNameChange" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="0"
                 class="form-group">

            <label for="fieldManageIdentityViewPartRequestFirstNameChange" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Update First name to*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:request_firstName" data-value-update="keyup" id="fieldManageIdentityViewPartRequestFirstNameChange" name="fieldManageIdentityViewPartRequestFirstNameChange" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartRequestFirstNameChange" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            </div>
            
                    <div class="row form-group">
                        <span>
<strong>Only to be used if you want ECNP to change your First name and/or Surname! </strong>
                        </span>
                    </div>
            
            <hr />
            <div class="row form-group">
                
                        <button data-bind="events:{click:onCancelNameChangeRequest}"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="events:{click:onSendNameChangeRequest}"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-mail-5"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Send Request
                            </span>
                        </button>
                
            </div>
        </div>
    </script>

    <div class="cmrel-manageaddress center-block">        
        <div>
            

    
            <div id="cmrel-manageaddress-viewpart" class="cmrel-shadow"></div>
            

    
        </div>
    </div>

    <div class="cmrel-manageaccount-manageaddress-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading">Address Details</div>
            <div class="panel-body" style="padding:15px 0px 0px 0px">
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageAddress.address"
                     data-template="cmrel-manageaccount-manageaddress-viewpart-address-template"></div>
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-manageaddress-viewpart-address-template">
        <div id="cmrel-manageaccount-manageaddress-viewpart-address" class="cmrel-manageaccount-manageaddress-viewpart-address col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="media-left">
                #if($.trim(a_addresstype).toLowerCase()==="home"){#
                <span class="media-object icon icon-home" title="Home address"></span>
                #}else if($.trim(a_addresstype).toLowerCase()==="professional"){#
                <span class="media-object icon icon-office" title="Professional address"></span>
                #}else if($.trim(a_addresstype).toLowerCase()==="company"){#
                <span class="media-object icon icon-office" title="Company address"></span>
                #}#
            </div>
            <div class="form-horizontal media-body" style="padding:0px 10px">
                


    
                #if($.trim(a_addresstype).toLowerCase()!=="home"){#
                
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageAddressViewPartAffiliation" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Affiliation</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_affiliationname" data-value-update="keyup" id="fieldManageAddressViewPartAffiliation" maxLength="250" name="fieldManageAddressViewPartAffiliation" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartAffiliation" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="2"
                 class="form-group">

            <label for="fieldManageAddressViewPartDepartment" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Department</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:pa_department" data-value-update="keyup" id="fieldManageAddressViewPartDepartment" maxLength="250" name="fieldManageAddressViewPartDepartment" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartDepartment" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                


    
                #}#
                
            <div data-cmrel-sort="5"
                 class="form-group">

            <label for="fieldManageAddressViewPartStreet" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Street*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_streetline1" data-value-update="keyup" id="fieldManageAddressViewPartStreet" maxlength="100" name="fieldManageAddressViewPartStreet" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartStreet" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="6"
                 class="form-group">

            <label for="fieldManageAddressViewPartStreet2" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word"></label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_streetline2" data-value-update="keyup" id="fieldManageAddressViewPartStreet2" maxLength="100" name="fieldManageAddressViewPartStreet2" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartStreet2" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="7"
                 class="form-group">

            <label for="fieldManageAddressViewPartZipcode" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Zip*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_zip" data-value-update="keyup" id="fieldManageAddressViewPartZipcode" maxlength="50" name="fieldManageAddressViewPartZipcode" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartZipcode" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                


    
                
            <div data-cmrel-sort="9"
                 class="form-group">

            <label for="fieldManageAddressViewPartCity" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">City*</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_cityname" data-value-update="keyup" id="fieldManageAddressViewPartCity" maxlength="100" name="fieldManageAddressViewPartCity" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartCity" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                


    
                
            <div data-cmrel-sort="11"
                 class="form-group">

            <label for="fieldManageAddressViewPartCountry" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Country*</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldManageAddressViewPartCountry"
                               name="fieldManageAddressViewPartCountry"
                               data-template="cmrel-countryflags-template"
                               data-value-template="cmrel-countryflags-template"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="CountryData.countryName"
                               data-enable='false'
                               data-value-field="CountryData.countryCode"
                               data-bind="value: a_countrycode,source: getCountries"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               required />

                </div>
            </div>


    
            </div>
            <hr />
            <div class="row form-group">
                
                        <button data-bind="events:{click:onCancelEdit}"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="visible:isDirty,events:{click:onSaveEdit}"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
            <div id="cmrel-manageaccount-manageaddress-viewpart-address-saveerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the changes to your address. Please contact the administrator!">
            </div>
        </div>
    </script>

    <div class="cmrel-manageaccount-addressoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row" style="padding-bottom:0 !important">
                <div class="pull-left" style="padding:5px">Address overview</div>
                <div class="pull-right">
                    
                    
                    
                            <div class="pull-left">
                                <div style="display:inline-block;">
                                    <ul data-role="menu" data-animation="false"
                                        data-orientation="horizontal"
                                        data-bind="events:{select:CM_W3_RelationManager_MainViewModel.addressOverview.onSelectCommand}"
                                        style="width: auto;height:100%; border-right:none">
                                        <li id="cmrel-manageaccount-addressoverview-viewpart-addaddressmenu">
                                            <span class="icon icon-plus"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Add
                                            </span>
                                            <ul>

            <li data-cmrel-action="addHomeAddress">
                <span class="icon icon-home"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Home Address
                </span>
            </li>

    

            <li data-cmrel-action="addProfessionalAddress">
                <span class="icon icon-office"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left: 5px; margin-right: 5px">
Professional Address
                </span>
            </li>

    
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    
                </div>
            </div>
            <div class="panel-body">
                
            <div><p><span lang="EN-GB" style="font-size:10.5pt;font-family:Arial, sans-serif;color:#002868;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;"><em>It is mandatory to add your address details. Please click on ‘Add (new) address’ and select either ‘Home Address or ‘Professional Address’, fill in your details and click on 'Save'.</em></span></p></div>

    
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.addressOverview.addressList"
                     data-template="cmrel-manageaccount-addressoverview-viewpart-addresslist-template" class="row"></div>
                

    
            </div>
        </div>
        <div id="cmrel-manageaccount-addressoverview-viewpart-address-saveerror"
             data-role="dialog"
             data-title="Relation Manager"
             data-width="300"
             data-actions="[{text:'Ok'}]"
             data-modal="false"
             data-visible="false"
             data-closable="false"
             style="text-align:center"
             data-content="Failed to process the changes to your address. Please contact the administrator!">
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-addressoverview-viewpart-addresslist-template">
        <table id="cmrel-manageaccount-addressoverview-viewpart-address" class="cmrel-manageaccount-addressoverview-viewpart-address col-xs-12 col-sm-12 col-md-12 col-lg-12" 
               data-bind="visible:canShowObsoleteAddress"
               style="margin-bottom:15px">
            <tr style="height:100%">
                <td style="height:100%;padding:0px 5px">
                    <table style="width:100%;height:100%" class="k-block">
                        <tbody data-bind="css:{k-alt:a_isobsolete}">
                            <tr data-bind="css:{k-state-selected:isMainContactPointCss}, invisible:a_isobsolete" class="k-alt">
                                <td style="vertical-align:top;height:auto; width:100%">
                                    <div>
                                        
                                        <div data-bind="invisible:pa_IsContactAddress" style="padding:10px">
                                            <input type="checkbox" name="maincontactaddress" class="k-radio"
                                                   id="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#"
                                                   data-bind="value:pa_IsContactAddress, checked:pa_IsContactAddress, events:{click:onAddressIsMainContactPointChanged}">
                                            <label style="font-weight:normal;display:initial" class="k-radio-label" for="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#">
Set as main contact address
                                            </label>
                                        </div>
                                        
                                        
                                        <div data-bind="visible:pa_IsContactAddress" style="padding:10px">
                                            <input type="checkbox" name="maincontactaddress" class="k-radio"
                                                   id="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#"
                                                   data-bind="value:pa_IsContactAddress, checked:pa_IsContactAddress, events:{click:onAddressIsMainContactPointChanged}">
                                            <label style="font-weight:normal;display:initial" class="k-radio-label" for="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#">
Main contact address
                                            </label>
                                        </div>
                                        
                                    </div>
                                </td>
                                <td style="width:auto">
                                    <div style="padding:10px;float:right">
                                        #if($.trim(a_addresstype).toLowerCase()==="home"){#
                                        <span class="media-object icon icon-home" title="Home address"></span>
                                        #}else if($.trim(a_addresstype).toLowerCase()==="professional"){#
                                        <span class="media-object icon icon-office" title="Professional address"></span>
                                        #}else if($.trim(a_addresstype).toLowerCase()==="company"){#
                                        <span class="media-object icon icon-office" title="Company address"></span>
                                        #}#
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="height:100%;vertical-align:top" colspan="2">
                                    <div data-bind="visible:a_isobsolete" class="clearfix">
                                        <div style="padding:10px;float:right">
                                            #if($.trim(a_addresstype).toLowerCase()==="home"){#
                                            <span class="media-object icon icon-home" title="Home address"></span>
                                            #}else if($.trim(a_addresstype).toLowerCase()==="professional"){#
                                            <span class="media-object icon icon-office" title="Professional address"></span>
                                            #}else if($.trim(a_addresstype).toLowerCase()==="company"){#
                                            <span class="media-object icon icon-office" title="Company address"></span>
                                            #}#
                                        </div>
                                    </div>
                                    <div style="padding:10px 0;">
                                        <div id="cmrel-manageaccount-addressoverview-viewpart-addressviewmode" style="margin-left:5px;margin-right:5px">
                                            #if($.trim(a_addresssubtype).length){#
                                            

    
                                            #}#
                                            #if($.trim(a_affiliationname).length){#
                                            
            <div class="row" data-cmrel-sort="1" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_affiliationname"></span>
            </div>

    
                                            #}#
                                            #if($.trim(pa_department).length){#
                                            
            <div class="row" data-cmrel-sort="9" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:pa_department"></span>
            </div>

    
                                            #}#
                                            #if($.trim(pa_personFunction).length){#
                                            
            <div class="row" data-cmrel-sort="10" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:pa_personFunction"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_streetline1).length){#
                                            
            <div class="row" data-cmrel-sort="2" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_streetline1"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_streetline2).length){#
                                            
            <div class="row" data-cmrel-sort="3" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_streetline2"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_zip).length){#
                                            
            <div class="row" data-cmrel-sort="4" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_zip"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_stateorcounty).length){#
                                            
            <div class="row" data-cmrel-sort="5" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_stateorcounty"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_cityname).length){#
                                            
            <div class="row" data-cmrel-sort="6" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_cityname"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_cityextension).length){#
                                            
            <div class="row" data-cmrel-sort="7" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_cityextension"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_countryname).length){#
                                            
            <div class="row" data-cmrel-sort="8" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_countryname"></span>
            </div>

    
                                            #}#
                                        </div>
                                    </div>
                                </td>
                            </tr>
                                <tr data-bind="invisible:a_isobsolete">
                                    <td style="vertical-align:bottom;height:auto;padding-left:5px;padding-right:5px;" colspan="2">
                                        <div class="pull-left" style="padding-right:5px;padding-bottom:5px">
                                            <ul data-role="menu" style="width: 100%;height:100%"
                                                data-orientation="vertical"
                                                data-bind="events:{select:onSelectCommand}"
                                                data-animation="false">
                                                
                                                <li data-cmrel-action="edit">
                                                    <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                                    </span>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                        <div class="pull-left" data-bind="visible:hasSetAddressToObsolete" style="padding-bottom:5px">
                                            <ul data-role="menu" style="width: 100%;height:100%"
                                                data-orientation="vertical"
                                                data-bind="events:{select:onSelectCommand}"
                                                data-animation="false">
                                                
                                                <li data-cmrel-action="delete">
                                                    <span class="icon icon-remove"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left: 5px; margin-right: 5px">
Make inactive
                                                    </span>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                        </tbody>
                    </table>
                    <div style="position: absolute;opacity: 0.2;width:100%;margin:0 -5px;top:5px" data-bind="visible:a_isobsolete">
                        <div class="cmrel-manageaccount-addressoverview-viewpart-obsoleteaddresswatermark icon icon-close"></div>
                    </div>
                </td>
            </tr>
        </table>
    </script>

    <div class="cmrel-manageaccount-communicationoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">Communications</div>
                
                        <div class="pull-right">
                            <ul data-role="menu" style="width: 100%;height:100%"
                                data-orientation="vertical"
                                data-animation="false"
                                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.communicationOverview.onSelectCommand}, visible: CM_W3_RelationManager_MainViewModel.communicationOverview.showCommunicationType">
                                <li data-cmrel-action="add">
                                    <span class="icon icon-plus"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Add
                                    </span>
                                </li>
                            </ul>
                        </div>
                
            </div>
            <div class="panel-body">
                

    
                <div class="row">
                    <div data-template="cmrel-manageaccount-communicationoverview-managecommunication-template"
                         class="k-block k-shadow row"
                         style="padding-top:15px"
                         data-bind="source:CM_W3_RelationManager_MainViewModel.communicationOverview.currentCommunicationItem, visible:CM_W3_RelationManager_MainViewModel.communicationOverview.showManageCommunication"></div>
                    <div id="cmrel-manageaccount-communicationoverview-communicationlist" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding:0px">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr class="cmrel-manageaccount-communicationoverview-viewpart-communicationlist-row">
                                        
            <th style='text-align:center'   data-cmrel-sort="2"></th>

                                        
            <th    data-cmrel-sort="0"></th>

                                        
            <th    data-cmrel-sort="1"></th>

                                        
            <th style='text-align:center'   data-cmrel-sort="0"></th>

                                        
            <th style='text-align:center'   data-cmrel-sort="3"></th>

                                    </tr>
                                </thead>
                                <tbody data-bind="source:CM_W3_RelationManager_MainViewModel.communicationOverview.communicationList"
                                       data-template="cmrel-manageaccount-communicationoverview-communicationlist-row-template"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                

    
            </div>
            <div id="cmrel-manageaccount-communicationoverview-viewpart-saveerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the changes to your communications. Please contact the administrator!">
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-communicationoverview-managecommunication-template">
        <div id="cmrel-manageaccount-communicationoverview-managecommunication" class="cmrel-manageaccount-communicationoverview-communicationoverview-managecommunication col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="form-horizontal">                
                <div data-cmrel-sort="0"
                     class="form-group" data-bind="visible: showCommunicationType">
                    
            <label for="fieldCommunicationType" class="col-xs-12 col-sm-12 col-md-3" style="font-weight: normal; -ms-word-wrap: break-word;word-wrap:break-word">Communication type*</label>

                    
                            <div class="col-xs-12 col-sm-12 col-md-9">
                                    <input data-role="dropdownlist"
                                           id="fieldCommunicationType"
                                           name="fieldCommunicationType"
                                           data-auto-bind="false"
                                           data-value-primitive="true"
                                           data-text-field="comtype"
                                           data-enable='false'
                                           data-value-field="comtypecomcode"
                                           data-bind="value: com_typecode,source: communicationTypes, events:{ change: onCommunicationTypeChanged}"
                                           style="width: 100%;"
                                           data-option-label="Please select to continue..."
                                           required />
                            </div>
                    

                </div>
                <div data-cmrel-sort="1"
                     class="form-group">
                    
            <label for="CommunicationTypeValue" class="col-xs-12 col-sm-12 col-md-3" style="font-weight: normal; -ms-word-wrap: break-word;word-wrap:break-word">Communication value*</label>

                    
            <div class="col-xs-12 col-sm-12 col-md-9" data-cmrelisrequired="true">
                <input autocomplete="off" class="k-textbox" data-bind="value:com_value" data-val="true" data-val-required="Input required." data-value-update="keyup" id="CommunicationTypeValue" name="CommunicationTypeValue" type="text" value="" />
                <span class="field-validation-valid" data-valmsg-for="CommunicationTypeValue" data-valmsg-replace="true"></span>
            </div>
    
                </div>
                <div data-cmrel-sort="2"
                     class="form-group" style="display:none">
                    
            <label for="CommunicationTypeCCEmail" class="col-xs-12 col-sm-12 col-md-3" style="font-weight: normal; -ms-word-wrap: break-word;word-wrap:break-word">CC Email</label>

                    
            <div class="col-xs-12 col-sm-12 col-md-9" data-cmrelisrequired="false">
                <input autocomplete="off" class="k-textbox" data-bind="value:com_ccvalue" data-val="true" data-val- data-value-update="keyup" id="CommunicationTypeCCEmail" name="CommunicationTypeCCEmail" type="text" value="" />
                <span class="field-validation-valid" data-valmsg-for="CommunicationTypeCCEmail" data-valmsg-replace="true"></span>
            </div>
    
                </div>
            </div>
            <hr />
            <div class="row form-group">
                
                        <button data-bind="events:{click:onCancelCommunicationItem}"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="events:{click:onSaveCommunicationItem}"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
        </div>
    </script>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-communicationoverview-communicationlist-row-template">
        #var rowclass = (itemIndex%2===0?"class='k-alt cmrel-manageaccount-communicationoverview-viewpart-communicationlist-row'":"class='cmrel-manageaccount-communicationoverview-viewpart-communicationlist-row'")#
        <tr #=rowclass#>
            
                    <td style="text-align:center" data-cmrel-sort="2">
                        <input id="#:uid#-ismaincontactcom" type="checkbox" class="k-checkbox" data-bind="checked:com_ismaincom, events:{click:onIsMainCommunicationTypeChanged}">
                        <label for="#:uid#-ismaincontactcom" class="k-checkbox-label"> </label>
                    </td>
            ;
            
                    <td data-bind="text:com_type"
                        data-cmrel-sort="0"></td>
            ;
            
                    #if(com_typecode==="E"){#
                        <td data-bind="html:emailDisplayText"
                            data-cmrel-sort="1"></td>#}else{#
                        <td data-bind="text:emailDisplayText"
                            data-cmrel-sort="1"></td>
                        #}#
                    
            ;
            
                    <td data-cmrel-sort="0">

        <div class="pull-right">
            <ul data-role="menu" data-animation="false"
                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.communicationOverview.onSelectCommand}"
                style="width: auto;border-right:none">
                <li data-cmrel-action="edit">
                    <span class="icon icon-pencil" style="display:table-cell"></span><span style="display:table-cell;-ms-word-break:keep-all; word-break: keep-all;padding-left:5px;padding-right:5px">
                        Edit
                    </span>
                </li>
            </ul>
        </div>
    
                    </td>
            ;
            
                    <td data-cmrel-sort="3">

            <div class="pull-right">
                <ul data-role="menu" data-animation="false"
                    data-bind="events:{select:CM_W3_RelationManager_MainViewModel.communicationOverview.onSelectCommand}"
                    style="width: auto;border-right:none">
                    <li data-cmrel-action="delete">
                        <span class="icon icon-remove" style="display:table-cell"></span><span style="display:table-cell;-ms-word-break:keep-all; word-break: keep-all;padding-left:5px;padding-right:5px">
                            Delete
                        </span>
                    </li>
                </ul>
            </div>
    
                    </td>
            ;
        </tr>
    </script>

    <div class="cmrel-manageaccount-identityoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">Identity - Picture - Biography</div>
                <div class="pull-right">
                    
                            <div class="pull-left">
                                <div style="display:inline-block;padding-right:5px;">
                                    <ul data-role="menu" style="width: 100%;height:100%"
                                        data-orientation="vertical"
                                        data-bind="events:{select:CM_W3_RelationManager_MainViewModel.identityOverview.onSelectCommand}"
                                        data-animation="false">
                                        <li data-cmrel-action="edit">
                                            <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    
                    
                    
                </div>
            </div>

            <div class="panel-body" style="padding:10px">
                

    
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.identityOverview.identity"
                     data-template="cmrel-manageaccount-identityoverview-viewpart-details-template" class="row"></div>
                

    
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-identityoverview-viewpart-details-template">
        <table id="cmrel-manageaccount-identityoverview-viewpart-details" class="cmrel-manageaccount-identityoverview-viewpart-details col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:15px">
            <tr style="height:100%">
                <td style="height:100%;padding:0px 15px">
                    <table style="width:100%;height:100%" class="k-block">
                        <tbody>
                            <tr>
                                <td style="height:100%">
                                    <div class="media" style="height:auto">
                                        <div data-bind="visible:showPersonDetails" class="media-left k-alt" style="padding:10px;">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-bind="visible:hasPersonPicture, attr:{src:getPersonPicture}" style="max-width:64px;width:64px;height:64px;" class="img-thumbnail" />
                                            <span data-bind="invisible:hasPersonPicture" class="media-object icon icon-user" style="font-size:64px"></span>
                                        </div>
                                        <div data-bind="visible:showCompanyDetails" class="media-left k-alt" style="padding:10px;">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-bind="visible:hasCompanyPicture, attr:{src:getCompanyPicture}" style="max-width:64px;width:64px;height:64px;" class="img-thumbnail" />
                                            <span data-bind="invisible:hasCompanyPicture" class="media-object icon icon-user" style="font-size:64px"></span>
                                        </div>
                                        <div class="media-body" style="padding:10px 0;">
                                            <div id="cmrel-manageaccount-identityoverview-viewpart-details-person"
                                                 data-bind="visible:showPersonDetails" style="width:100%">
                                                #if($.trim(data.p_dearText).length){#
                                                
            <div class="row" data-cmrel-sort="1" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">Name:</span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_dearText"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_birthDate).length){#
                                                
            <div class="row" data-cmrel-sort="4" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">Date of birth:</span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:displayDateOfBirthFormat"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_gender).length){#
                                                
            <div class="row" data-cmrel-sort="3" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">Gender:</span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_gender"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_passportname).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_passportnumber).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_nationality).length){#
                                                
            <div class="row" data-cmrel-sort="2" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">Nationality:</span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_nationality"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_vatnumber).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_biography).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_personRemark).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_conflictOfInterest).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield1).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield2).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield3).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield4).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield5).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield6).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_allowpublicationofdata).length){#
                                                

    
                                                #}#
                                            </div>
                                            <div id="cmrel-manageaccount-identityoverview-viewpart-details-company"
                                                 data-bind="visible:showCompanyDetails" style="width:100%">
                                                #if($.trim(data.c_name).length){#
                                                
            <div class="row" data-cmrel-sort="1" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:c_name"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_name2).length){#
                                                
            <div class="row" data-cmrel-sort="2" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:c_name2"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_country).length){#
                                                
            <div class="row" data-cmrel-sort="3" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:c_country"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_vatnumber).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield1).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield2).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield3).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield4).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield5).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield6).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_Remark).length){#
                                                

    
                                                #}#
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </table>
    </script>

    <div class="cmrel-manageaccount-profilesoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">My Profiles</div>
                
                        <div class="pull-right">
                            <ul data-role="menu" style="width: 100%;height:100%"
                                data-orientation="vertical"
                                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.profilesOverview.onSelectCommand}"
                                data-animation="false">
                                <li data-cmrel-action="edit">
                                    <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                    </span>
                                </li>
                            </ul>
                        </div>
                
            </div>
            <div class="panel-body" style="padding:15px 0px 0px 0px">
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.profilesOverview.profiles"
                     data-template="cmrel-manageaccount-profilesoverview-viewpart-details-template" class="row">
                </div>
                
        <div data-bind="invisible:CM_W3_RelationManager_MainViewModel.profilesOverview.hasProfiles">
            <div style="display:table;margin:0 auto;">
                <div><span style="color:#ff0000;">There are no profiles assigned yet</span></div>
            </div>
        </div>

    
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-profilesoverview-viewpart-details-template">
        <div id="cmrel-manageaccount-profilesoverview-viewpart-details" class="cmrel-manageaccount-profilesoverview-viewpart-details col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:15px">
            <div class="row" data-cmrel-sort="4">
                <div class="cmrel-mainprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">#=profilelevel1description#</div>
                <div class="cmrel-subprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">&\\#8627; #=subProfiles#</div>
            </div>
        </div>
    </script>

    <div class="cmrel-manageaccount-mailingsoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">My Mailing Profiles</div>
                
                        <div class="pull-right">
                            <ul data-role="menu" style="width: 100%;height:100%"
                                data-orientation="vertical"
                                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.mailingsOverview.onSelectCommand}"
                                data-animation="false">
                                <li data-cmrel-action="edit">
                                    <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                    </span>
                                </li>
                            </ul>
                        </div>
                
            </div>
            <div class="panel-body" style="padding:15px 0px 0px 0px">
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.mailingsOverview.profiles"
                     data-template="cmrel-manageaccount-mailingsoverview-viewpart-details-template" class="row">
                </div>
                
            <div data-bind="invisible:CM_W3_RelationManager_MainViewModel.mailingsOverview.hasProfiles">
                <div style="display:table;margin:0 auto;">
                    <div><span style="color:#ff0000;">There are no mailing profiles assigned yet</span></div>
                </div>
            </div>

    
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-mailingsoverview-viewpart-details-template">
        <div id="cmrel-manageaccount-mailingsoverview-viewpart-details" class="cmrel-manageaccount-mailingsoverview-viewpart-details col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:15px">
            <div class="row" data-cmrel-sort="4">
                <div class="cmrel-mainprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">#=profilelevel1description#</div>
                <div class="cmrel-subprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">&\\#8627; #=subProfiles#</div>
            </div>
        </div>
    </script>

    <div class="cmrel-manageaccount-gdproverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">Data portability and option to delete account</div>
            </div>
            <div class="panel-body" style="padding:10px;">
                
            <div><![CDATA[<p>            <div><span style="font-size:18px">Data portability.</span></div>            <div>The right to data portability allows individuals to obtain and reuse their personal data for their own purposes across different services.<br />Click on Download Data to obtain these details.</div></p></div>

    
                
                        <section>
                            <button type="button" data-role="button" data-bind="click:CM_W3_RelationManager_MainViewModel.gdprOverview.onGetRelationJson"
                                    class="k-state-active">
Download Data
                            </button>
                        </section>
                        <hr />
                
                
<![CDATA[<p>            <div><span style="font-size:18px">Delete your account.</span></div>            <div>Under Article 17 of the GDPR individuals have the right to have personal data erased. This is also known as the ‘right to be forgotten’. The right is not absolute and only applies in certain circumstances (see <a href="https://www.ecnp.eu/media/q1pldks5/ecnp-privacy-and-data-security-policy-may-2025.pdf" style="text-decoration:none"; target="_blank">ECNP Privacy and Data Security Policy</a>).</div></p>                
                
                        <section>
                            <button type="button" data-role="button" data-bind="click:CM_W3_RelationManager_MainViewModel.gdprOverview.onDeleteRelation">
Delete my account
                            </button>
                        </section>
                
                
                
                

    
            </div>
        </div>
    </div>

    <div class="cmrel-manageprofiles-profiles center-block">
        

    
        <div class="cmrel-shadow panel panel-default">
            <div class="panel-heading">Profiles</div>
            <div id="cmrel-manageprofiles-profiles-viewpart"></div>
            <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageProfiles"
                 data-template="cmrel-manageprofiles-profiles-commandbar-template"></div>            
        </div>
        

    
    </div>
    <div id="cmrel-manageprofiles-profiles-saveerror"
         data-role="dialog"
         data-title="Relation Manager"
         data-width="300"
         data-actions="[{text:'Ok'}]"
         data-modal="false"
         data-visible="false"
         data-closable="false"
         style="text-align:center"
         data-content="Failed to process the changes to your profiles. Please contact the administrator!">
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-commandbar-template">
        <div style="padding-bottom:0;padding-top:0;">
            <hr style="margin-top:0"/>
            <div class="row" style="margin: 0px 15px 20px 0px;">
                
                        <button data-bind="click:onCancel"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="click:onSave"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
        </div>
    </script>

    <div id="cmrel-manageprofiles-profiles-viewpart" class="cmrel-manageprofiles-profiles-viewpart" style="padding:10px;">
        <div class="panel-body" style="padding: 0px;">
            <div class="row-fluid" data-bind="source: CM_W3_RelationManager_MainViewModel.possibleProfiles" data-template="cmrel-manageprofiles-profiles-viewpart-profileitem">
            </div>
        </div>
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect">
        # var l1p = data.parent().parent(), group = $.trim(l1p.profilewebgroupcode).length>0? $.trim(l1p.profilewebgroupcode): l1p.profilelevel1ID4D;#
        <div>
            <input class="k-radio" type="radio" data-bind="click: CM_W3_RelationManager_MainViewModel.profiles.changeL2Selected" data-l1profileID="#= l1p.profilelevel1ID4D #" name="Profile1name_#=group#" id="Profile2ID_#= profilelevel2ID4D #" value="#: profilelevel2ID4D #" />
            <label class="k-radio-label" for="Profile2ID_#: profilelevel2ID4D #">#= profilelevel2description #</label>
                
        #if (!!profilelevel2showotherdata) {#
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.profiles.getSetL2IsOtherVisible">
            <input style="display: inline-block;font-style: italic" data-bind="value: getSetL2OtherData" width="80" data-val="true" class="k-textbox" data-val-regex-pattern="[^;^|]+" data-value-update="keyup" id="ManageProfile_21_#= profilelevel2ID4D #_Other" type="text" data-l1profileID="#= l1p.profilelevel1ID4D #" />
            <br /><span style="font-size:smaller">The characters ; and | are not allowed!</span>
        </div>
        #}#
    

        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked">
        #var l1p = data.parent().parent(); group = $.trim(l1p.profilewebgroupcode).length>0? $.trim(l1p.profilewebgroupcode): l1p.profilelevel1ID4D;#
        <div>
            <input class="k-checkbox" type="checkbox" data-bind="click: CM_W3_RelationManager_MainViewModel.profiles.changeL2Selected" data-l1profileID="#= l1p.profilelevel1ID4D #" name="Profile1name_#=group#" id="Profile2ID_#= profilelevel2ID4D #" value="#= profilelevel2ID4D #" />
            <label class="k-checkbox-label" for="Profile2ID_#= profilelevel2ID4D #">#: profilelevel2description #</label><br />
                
        #if (!!profilelevel2showotherdata) {#
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.profiles.getSetL2IsOtherVisible">
            <input style="display: inline-block;font-style: italic" data-bind="value: getSetL2OtherData" width="80" data-val="true" class="k-textbox" data-val-regex-pattern="[^;^|]+" data-value-update="keyup" id="ManageProfile_21_#= profilelevel2ID4D #_Other" type="text" data-l1profileID="#= l1p.profilelevel1ID4D #" />
            <br /><span style="font-size:smaller">The characters ; and | are not allowed!</span>
        </div>
        #}#
    

        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-profileitem">
        <div id="ProfileHeader_#= profilelevel1ID4D #" class="span12 cmrel-manageprofiles-profiles-viewpart-header" data-bind="visible:CM_W3_RelationManager_MainViewModel.profiles.showProfileHeader">
            #var vm = parent().parent();#
            <h5 style="margin-bottom:5px;display: inline-block;">#: profilelevel1description #</h5>
            #if (isMandatory || (profilelevel2min!==null && profilelevel2min!==undefined && profilelevel2min > 0)){#
            <input data-val="true" data-val-mustbetrue="Input required." id="ProfileL1ID_#= profilelevel1ID4D #" name="ProfileL1ID_#= profilelevel1ID4D #" type="checkbox" style="display:none;" />
            <span class="input-validation-error field-validation-error" data-valmsg-for="ProfileL1ID_#= profilelevel1ID4D #" data-valmsg-replace="true"><span for="ProfileL1ID_#= profilelevel1ID4D #"></span></span>
            #jQuery.validator.unobtrusive.adapters.addBool("mustbetrue", "required");#
            #}#
            #if (profilelevel1only1profile){#
            <div style="-webkit-column-count: 2;-moz-column-count:2;column-count: 2" data-bind="source: profilelevel2s" data-template="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect"
                 class="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect"></div>
            #}else{#
            
            <div style="-webkit-column-count: 2;-moz-column-count: 2;column-count: 2" data-bind="source: profilelevel2s" data-template="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked"
                 class="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked"></div>
            #}#
        </div>
    </script>
    <script>
        (function ($) {            
            var options = [];
            var headers = "";
            $.fn.cmrelProfileHeadersToHide = headers.length?headers.split(","):[];
            $.fn.cmrelProfileHeadersToShow = options;
        })(jQuery);
    </script>

    <div class="cmrel-manageprofiles-mailings center-block">
        

    
        
                <div class="cmrel-shadow panel panel-default">
                    <div class="panel-heading">Mailing profiles</div>
                    <div id="cmrel-manageprofiles-mailings-viewpart"></div>
                    <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageMailings"
                         data-template="cmrel-manageprofiles-mailings-commandbar-template"></div>
                </div>
        
        

    
    </div>
    <div id="cmrel-manageprofiles-mailings-saveerror"
         data-role="dialog"
         data-title="Relation Manager"
         data-width="300"
         data-actions="[{text:'Ok'}]"
         data-modal="false"
         data-visible="false"
         data-closable="false"
         style="text-align:center"
         data-content="Failed to process the changes to your profiles. Please contact the administrator!">
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-mailings-commandbar-template">
        <div style="padding-bottom:0;padding-top:0;">
            <hr style="margin-top:0"/>
            <div class="row" style="margin: 0px 15px 20px 0px;">
                
                        <button data-bind="click:onCancel"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="click:onSave"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
        </div>
    </script>

    <div id="cmrel-manageprofiles-mailings-viewpart" class="cmrel-manageprofiles-mailings-viewpart" style="padding:10px;">
        

    
        <div id="groupings" data-template="cmrel-manageprofiles-mailings-viewpart-groupingitem" data-groupings="[{&quot;Code&quot;:&quot;ALL&quot;,&quot;GroupText&quot;:&quot;My Mailing Profiles&quot;}]" data-bind="source: CM_W3_RelationManager_MainViewModel.mailings.groupings">
        </div>
        

    
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-mailings-viewpart-mailingitem">
        <div class="row" style="margin:0 -15px">
            <div class="col-sm-5 col-xs-12">
                <div style="margin:5px 0">#= profilelevel1description #</div>
            </div>
            <div class="col-sm-2 col-xs-12">
                # if (profilelevel2s[0].profilelevel2code.indexOf("OUT") !== -1) { #
                <input class="k-radio" type="radio" id='#= profilelevel2s[0].profilelevel2ID4D #' data-profileid="#= profilelevel1ID4D #" value="OUT" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[0].profilelevel2ID4D #'>Unsubscribe</label>


                # } else {#
                <input class="k-radio" type="radio" id='#= profilelevel2s[0].profilelevel2ID4D #' data-profileid="#= profilelevel1ID4D #" value="IN" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[0].profilelevel2ID4D #'>Subscribe</label>
                #}#
            </div>
            <div class="col-sm-2 col-xs-12">
                # if (profilelevel2s[1].profilelevel2code.indexOf("OUT") !== -1) { #
                <input class="k-radio" type="radio" id='#= profilelevel2s[1].profilelevel2ID4D  #' data-profileid="#= profilelevel1ID4D #" value="OUT" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[1].profilelevel2ID4D #'>Unsubscribe</label>
                # } else {#
                <input class="k-radio" type="radio" id='#= profilelevel2s[1].profilelevel2ID4D #' data-profileid="#= profilelevel1ID4D #" value="IN" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[1].profilelevel2ID4D #'>Subscribe</label>
                #}#
            </div>
            <div class="col-sm-3 col-xs-12">
                <input class="k-radio" type="radio" id='#= profilelevel1ID4D #_UND' data-profileid="#= profilelevel1ID4D #" value="UND" name="Mailing_#= profilelevel1ID4D #" checked />
                <label class="k-radio-label" for='#= profilelevel1ID4D #_UND'>Not yet subscribed</label>
            </div>
        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-mailings-viewpart-groupingitem">
        <div class="row">
            <h5 data-bind="text: GroupText"></h5>
            <div data-template="cmrel-manageprofiles-mailings-viewpart-mailingitem" class="col-sm-12" data-bind="source: mailings"></div>
        </div>
    </script>

    <div id="cmrel-manageprofilesandmailings" class="cmrel-manageprofilesandmailings">
        
        

        
                <div>
                    <div id="cmrel-manageprofiles-profiles-viewpart"></div>
                </div>
        

        
                <div>
                    <div id="cmrel-manageprofiles-mailings-viewpart"></div>
                </div>
        


        
        

    </div>

    <div class="center-block cmrel-activateaccount">
        

    
            <div class="cmrel-shadow" id="cmrel-activateaccount">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading row">Activate your account</div>
                <div class="panel-body" style="padding: 10px">
                    

        <div id="lblAccountBeingCreated" data-config-tag="tooltip" data-original-title="lblAccountBeingCreated" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.creatingAccount">
Please wait while your account is being created
        </div>
    

        <div id="lblActivateAccountSucceeded" data-config-tag="tooltip" data-original-title="lblActivateAccountSucceeded" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.activateAccountSucceeded">
Dear Dr {$lastname$}, your initial account was successfully created!<br />Please fill out your address and communication details in the my profile section.
        </div>
    

        <div id="lblActivateAccountFailed" data-config-tag="tooltip" data-original-title="lblActivateAccountFailed" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.activateAccountFailed">
The account activation failed. It can be that the expiry limit was reached.
        </div>
    
        
                </div>
            </div>
        </div>
    </div>

        

    
    </div>

    <div class="center-block cmrel-forgotpassword">
        

    
            <div class="cmrel-shadow" id="cmrel-forgotpassword">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading row">Forgot password</div>
                <div class="panel-body" style="padding: 10px">
                    
            <div id="cmrel-forgotpassword-forgotpassword-viewpart"></div>
        
                </div>
            </div>
        </div>
    </div>

        

    
    </div>

    <div style="text-align:center" id="cmrel-forgotpassword-forgotpassword-viewpart" class="cmrel-forgotpassword-forgotpassword-viewpart">
        <div class="form-group ForgotPasswordLoginEmailBox" style="text-align:left" data-bind="hidden: CM_W3_RelationManager_MainViewModel.forgotpassword.hasSucceeded">
            
                    <label for="ForgotPasswordLoginOrEmail">Login/E-mail</label>
            
            
                    <input type="text" style="display:none;" name="74C7C942-FBB0-448C-8FB1-F18D54366083" id="74C7C942-FBB0-448C-8FB1-F18D54366083" value=""/>
<input class="k-textbox" data-val="true" data-val-required="Input required." id="CreateAccountLastName" name="CreateAccountLastName" type="text" value="" data-bind="value:CM_W3_RelationManager_MainViewModel.forgotpassword.loginOrEmail" /><span class="field-validation-valid" data-valmsg-for="ForgotPasswordLoginOrEmail" data-valmsg-replace="true"></span>                    <div style="margin-top:5px;">
                        <span class="field-validation-error" data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpassword.isAccountNotFound">
Your account was not found.  Please try your email, or contact <a href="mailto:info@ecnp.eu">ECNP</a> concerning this issue.
</span>
                        <span class="field-validation-error" data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpassword.isMultipleAccountsFound">
Multiple accounts were found. Please contact the administrator.
</span>
                    </div>
            
            <div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.forgotpassword.sendForgotPassword" name="forgotpassword-viewpart-continue" style="cursor: pointer;"><table id="top-info"><tr><td style="vertical-align:middle;"><span>Continue</span></td><td><div class="top-info-block"><b class="icon-arrow-right" style="font-size: 22px;"></b></div></td></tr></table></div></div>
        </div>
        <div class="form-group ForgotPasswordLoginEmailBox" style="text-align:left" data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpassword.hasSucceeded">
            
An e-mail has been sent to your e-mail address (please also check your spam folder).
            
        </div>

    <div class="center-block cmrel-forgotpasswordchange">
        

    
            <div class="cmrel-shadow" id="cmrel-forgotpasswordchange">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading row">Update your password</div>
                <div class="panel-body" style="padding: 10px">
                    
            <div id="cmrel-forgotpasswordchange-forgotpasswordchange-viewpart"></div>
        
                </div>
            </div>
        </div>
    </div>

        

    
    </div>

    <div style="margin: 10px;" id="cmrel-forgotpasswordchange-forgotpasswordchange-viewpart" class="cmrel-forgotpassword-forgotpasswordchange-viewpart form-horizontal">
        <div data-bind="hidden: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasForgotPasswordChangeErrorOrSuccess">
            
            <div class="form-group">

            <label for="fieldNewPasswordForgotPasswordChangeViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">New password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.newPassword" data-val-regex="The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: =, #, ! and ?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldNewPasswordForgotPasswordChangeViewPart" name="fieldNewPasswordForgotPasswordChangeViewPart" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldNewPasswordForgotPasswordChangeViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            
            <div class="form-group">

            <label for="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Confirm password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.verifyPassword" data-val-equalto="The input password does not match with the new password, please review." data-val-equalto-other="*.fieldNewPasswordForgotPasswordChangeViewPart" data-val-regex="The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: =, #, ! and ?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" name="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            <div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.changePassword" name="cmrel-forgotpassword-forgotpasswordchange-viewpart-change" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-disk" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>Change my password</span></td></tr></table></div></div>
        </div>
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasForgotPasswordChangeErrorExpired">
            The provided link for changing your password has expired.  Please goto <a href="#forgotpassword">forgot password</a>.
        </div>
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasForgotPasswordChangeErrorOther">
            An error occurred when changing your password.  Please contact <a href="mailto: info@ecnp.eu">the office</a> for further support.
        </div>
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasSuccess">
            Your password has been saved.            <br /><div style="text-align:right"><div class="k-button" onclick="location.href='https://www.ecnp.eu/myecnp-portal/my-profile/'"  style="cursor: pointer;"><table id="top-info"><tbody><tr><td><div class="top-info-block"><b class="icon-user" style="font-size: 22px;"></b></div></td><td style="vertical-align: middle;"><span>Manage my account</span></td></tr></tbody></table></div></div>
        </div>
    </div>

Update Your Browser

Fens Authenticate

Relation Manager