Applying configuration for website cmRelationManager
Your patience is greatly appreciated

    <div class="cmrel-createaccount center-block" data-duplicates-caller-name="Back to create account">
        

    
        <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;"><span style="font-size:large;color:#00489A;"><strong>Create Account</strong></span></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>Proceed</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;">
                                        <span style="color:#00489A;">Supplementary</span>
                                    </h5>
                                </div>
                                <div id="cmrel-createaccount-supplementary-viewpart"></div>

                                <div class="steptitle">
                                    <h5 style="display: block;">
                                        <span style="color:#00489A;">Credentials</span>
                                    </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 Account</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"><span style="color:#00489A;">Finish</span></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><p>The<span style="font-weight: bold;"> European General Data Protection Regulation</span> (EU GDPR) entered into force as of 25 May 2018 and it involves some additions to data protection.</p><p>We take your privacy very seriously and in order to comply with GDPR consent requirements, we need you to to confirm that you agree with our new <a  href="http://www.czech-in.org/c-in/gdpr/privacy-notice.html" target="_blank">Privacy Policy</a>.</p><p>After creating your user account in our system, you can manage your information, protect your privacy and security via our Online Portal that is now fully GDPR complient.</p><p>Feel free to contact us with any questions in regards to the Privacy Policy, Data Protection and GDPR in general by <a href="mailto:gdpr@c-in.eu">an email</a> or by phone +420261174301.</p><p> </p></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">
                        
<p>I agree with the <a href="http://www.czech-in.org/c-in/gdpr/privacy-notice.html" target="_blank">Privacy Policy</a> and want to create an account.</p>                        
                    </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">Last name <span style="color:#ff0000;">*</span></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 <span style="color:#ff0000;">*</span></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">Nationality <span style="color:#ff0000;">*</span></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" /><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(2014,8,15,2,13,5,756),"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">Email <span style="color:#ff0000;">*</span></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">Last name <span style="color:#ff0000;">*</span></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 <span style="color:#ff0000;">*</span></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">Nationality <span style="color:#ff0000;">*</span></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">Email <span style="color:#ff0000;">*</span></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">Logon name <span style="color:#ff0000;">*</span></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 <span style="color:#ff0000;">*</span></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, 1 Number and 1 Special Character ($, @, !, *, §, _)" data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!*§_])[A-Za-z\d$@$!*§;_]{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 <span style="color:#ff0000;">*</span></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">
<p><strong>Dear {$firstname$},</strong><br /> <br />you will receive an e-mail (to {$scrambledemail$}) with your credentials.<br />   <br />You will be now <strong>redirected to account management page</strong> where you need to finish your <strong>professional address</strong>.<br /> <br /> <br />Thank you,<br />ESMAC Secretat</p>  
                        <div class="pull-right">


                               


    
                        </div>
                    </div>

                
        
        
                
                    <div class="" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isFinishIAmThisPerson">
Dear {$firstname$}, an e-mail has been sent to your account.  Please also check your spam inbox.            <br />
                    </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">Firstname</td>
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">Birthdate</td>
                                
                                
                                    <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2">Affiliation</td>
                                
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">Postal code</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">Country</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="visible: showDuplicateBirthDate, text: parsedDate"></td>
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="visible: notShowDuplicateBirthDate, text: scrambledDate"></td>
                    
                    
                        <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2" data-bind="text: person.addresses[0].a_affiliationname"></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_zip"></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.addresses[0].a_countryname"></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><div style="margin:30px 27px 20px;font-size:15px;"><p>Welcome to your Account Management Page. Any feature of your account can be amended here.</p><hr /><p><strong>First Time Users</strong></p><p>Your account has been successfully created, however, <strong>you still  need to </strong><span style="color:#ff0000;"><strong>add your professional address</strong> </span> by clicking '        <strong>+ Add New Address / Professional Address</strong>' within Address List panel. <br /><br />After completing you can continue to ESMAC <strong><a href="https://www.czech-in.org/cmmembershipV15/conferencemanager/membership/personid/anonymous/esmacmemb/normal/0b043bad6d30b7641c8df4bb4ba50591f39d2bfe">Membership page</a></strong> in order to creat you member registration.</p><hr /><p> </p></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-communicationoverview-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-addressoverview-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="Failed to process the delete relation request. Please contact the administrator!">
            </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="Your relation details have been removed from our system!">
            </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>
Info text explaining the deletion process to the end user
                            </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: "Select profile picture"}'
                                           data-async="{ saveUrl:'https://www.czech-in.org/cmRelationManager/conferencemanager/CM_W3_RelationManager/api/uploadavatar/{relationID}?key=3m5kXpepuUkqguIul10nhVS3Cikl7hlrBmO4700oPvpD7ha9HraGiNTuTbtS37v9qxsoFJ7aisk%3D', uploadUrl: 'https://www.czech-in.org/cmRelationManager/conferencemanager/CM_W3_RelationManager/api/uploadavatar/{relationID}?key=3m5kXpepuUkqguIul10nhVS3Cikl7hlrBmO4700oPvpD7ha9HraGiNTuTbtS37v9qxsoFJ7aisk%3D', 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;1&\#32;Number&\#32;and&\#32;1&\#32;Special&\#32;Character&\#32;($,&\#32;@,&\#32;!,&\#32;*,&\#32;§,&\#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;1&\#32;Number&\#32;and&\#32;1&\#32;Special&\#32;Character&\#32;($,&\#32;@,&\#32;!,&\#32;*,&\#32;§,&\#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 data-cmrel-sort="11"
                 class="form-group">

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


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:c_freefield1" data-value-update="keyup" id="fieldManageIdentityViewPartOther1" name="fieldManageIdentityViewPartOther1" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartOther1" 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(2014,8,15,2,13,5,818),"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">Nationality</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="11"
                 class="form-group">

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


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:p_freefield1" data-value-update="keyup" id="fieldManageIdentityViewPartOther1" name="fieldManageIdentityViewPartOther1" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartOther1" 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">
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>
            <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</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</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>
            
            
            <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="" data-val-required="Input required." data-val="true">
<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="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartDepartment" data-valmsg-replace="true"></span>
            </div>


    
            </div>


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

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


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:pa_personFunction" data-value-update="keyup" id="fieldManageAddressViewPartPosition" maxlength="250" name="fieldManageAddressViewPartPosition" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartPosition" 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="8"
                 class="form-group">

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


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_stateorcounty" data-value-update="keyup" id="fieldManageAddressViewPartCounty" maxLength="100" name="fieldManageAddressViewPartCounty" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartCounty" 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="10"
                 class="form-group">

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


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_cityextension" data-value-update="keyup" id="fieldManageAddressViewPartCityExtension" maxLength="250" name="fieldManageAddressViewPartCityExtension" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartCityExtension" 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"><strong><span style="color:#00489A;">Address List</span></strong></div>
                <div class="pull-right">
                    
                            <div class="pull-left">
                                <div style="display:inline-block;padding-right:5px;">
                                    <ul data-role="menu" data-animation="false"
                                        data-orientation="vertical"
                                        id="cmrel-manageaccount-addressoverview-viewpart-toggleobsoleteaddresses"
                                        data-bind="events:{select:CM_W3_RelationManager_MainViewModel.addressOverview.onSelectCommand}"
                                        style="width: 100%;height:100%;">
                                        <li data-cmrel-action="toggleObsoleteAddress">
                                            <span class="icon icon-mail-5"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Show/Hide inactive addresses
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    
                    
                            <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 New Address
                                            </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 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"><strong><span style="color:#00489A;">Communications</span></strong></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 New Communication
                                    </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">Main</th>

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

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

                                        

                                        
            <th style='text-align:center'   data-cmrel-sort="3">Delete</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">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">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="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"><strong><span style="color:#00489A;">Personal Details</span></strong></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;"><strong>Name</strong></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;"><b>Date of birth</b></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;"><b>Gender</b></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;"><b>Nationality</b></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){#
                                                
            <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="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Biography</b></span>
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="html:displayBiographyTextLineBreaks"></span>
            </div>

    
                                                #}#
                                                #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-gdproverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px"><strong><span style="color:#00489A;">General Data Protection Privacy Regulation</span></strong></div>
            </div>
            <div class="panel-body" style="padding:10px;">
                
            <div><![CDATA[<p>            <div>Functions defined in the new European GDP regulations:</div> <br />            <div><span style="font-size:18px">Export a Copy - Right to Data Portability</span></div>            <div>Get a representation of your data in a structured commonly used and machine-readable form (JSON) free of charge.</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><br>            <div><span style="font-size:20px">Delete your Account</span></div>            <div>If you want to delete your entire account, click the deactivate button below and follow the given instructions.</div></p>                
                
                        <section>
                            <button type="button" data-role="button" data-bind="click:CM_W3_RelationManager_MainViewModel.gdprOverview.onDeleteRelation">
Deactivate > Delete Account
                            </button>
                        </section>
                
                
                
                

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

    <div class="cmrel-manageprofiles-profiles center-block">
        
header
    
        <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>
        
footer
    
    </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;General&quot;},{&quot;Code&quot;:&quot;COUNTRY&quot;,&quot;GroupText&quot;:&quot;Country&quot;},{&quot;Code&quot;:&quot;SPEC&quot;,&quot;GroupText&quot;:&quot;Special Interests&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 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 {$firstname$}, your account was successfully created!            <br /><div style="text-align:right;"><div class="k-button" onclick="location.href='https://www.czech-in.org/cmgateway/esdr17/index.html?module=RelationManager&personid={$contactid$}&key={$encryptionkey$}#manageaccount'" 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>Manage my account</span></td></tr></tbody></table></div></div>
        </div>
    

        <div id="lblActivateAccountFailed" data-config-tag="tooltip" data-original-title="lblActivateAccountFailed" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.activateAccountFailed">
There was an error creating your account.
        </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 <a href="mailto:info@igcc2019-prague.org">contact us</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">
            
<p><span style="color:#000000;">  </span><br /><span style="color:#000000;">Thank you for resetting your password,</span><br /><span style="color:#000000;">  </span><br /><span style="color:#000000;"><span style="color:#000000;"><span style="color:#000000;">An email with <strong>temporary password</strong> has been sent to your email address. </span></span></span><span style="color:#000000;">Please go to <a href="https://www.czech-in.org/cmRelationManager/conferencemanager/user/esmacmemb/normal/#managerelation/changepassword"><strong>change password page</strong></a> immediately and set new password of your choice.</span><br /><span style="color:#000000;">  <br /></span><span data-mce-style="color: #333333;" style="border:0px;padding:0px;margin:0px;background-image:initial;background-position:initial;background-size:initial;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;color:#000000;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;">Kind regards</span><br style="border:0px;padding:0px;margin:0px;background-image:initial;background-position:initial;background-size:initial;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;color:#002868;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;" /><span data-mce-style="color: #333333;" style="border:0px;padding:0px;margin:0px;background-image:initial;background-position:initial;background-size:initial;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;color:#000000;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;"><a href="mailto:info@esmac.org" data-mce-href="mailto:info@esmac.org" data-mce-style="color: #333333;" style="border:0px;padding:0px;margin:0px;background-image:initial;background-position:initial;background-size:initial;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;text-decoration-line:underline;color:#333333;box-sizing:border-box;">ESMAC Secretariat</a></span></p>
            
        </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, 1 Number and 1 Special Character ($, @, !, *, §, _)" 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, 1 Number and 1 Special Character ($, @, !, *, §, _)" 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@igcc2019-prague.org">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.czech-in.org/cmgateway/esdr17/index.html?module=relationmanager#manageaccount'"  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