    <div class="box-setting-1 pdT30 pdB20 mgLR5 mgB5">
        <div class="layout-fixed pdR20">
            <div class="w60px v-bottom-i pdB4">
                <button class="bg-transparent full-w">
                    <svg class="h21px" xml:space="preserve" style="enable-background:new 0 0 54 54;" viewBox="0 0 54 54" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="" version="1.1"> <path d="M43.5,19c-4.971,0-9-4.029-9-9c0-0.688,0.084-1.356,0.231-2H4.735C2.396,8,0.5,9.896,0.5,12.235  v37.53C0.5,52.104,2.396,54,4.735,54h37.53c2.339,0,4.235-1.896,4.235-4.235V18.477C45.56,18.81,44.554,19,43.5,19z" style="fill:#1A71B6;" /> <circle r="9" cy="10" cx="43.5" style="fill:#81B4DE;stroke:#FFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;" /> </svg>
                </button>
            </div>
            <label class="label v-bottom-i" for="ckChatSetting_Notification">
                <div class="full-w ft-fourth fz18 bold clr-white nowrap">Notification</div>
                <div class="full-w ft-secondary fz14 lh1_2 clr-darkblue nowrap mgT6">Notification me when have new message</div>
            </label>
            <div class="w80px">
                <div class="clear">
                    <div class="checkedbox-toggle-1 blue right">
                        <input id="ckChatSetting_Notification" type="checkbox"  ng-checked="currentsetting.isnotification=='1'"
                        name="isnotification" ng-change = "changeSetting()" ng-model = "currentsetting.isnotification" ng-true-value = "'1'" ng-false-value = "'0'" >
                        <i></i><span></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="separator-b-2 lightblue mgTB15 mgLR20"></div>
        <div class="layout-fixed pdR20">
            <div class="w60px v-bottom-i pdB4">
                <button class="bg-transparent full-w">
                    <svg class="h21px" xml:space="preserve" style="enable-background:new 0 0 355.557 355.557;" viewBox="0 0 355.557 355.557" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="" version="1.1"> <g id="XMLID_987_"> <g id="XMLID_991_"> <polygon points="147.778,295.557 107.778,295.557 107.778,54.477 327.778,0     327.778,265.557 287.778,265.557 287.778,51.113 147.778,85.779   " style="fill:#1A71B6;" id="XMLID_992_" /> </g> <g id="XMLID_995_"> <polygon points="217.778,27.238 217.778,68.446 287.778,51.113 287.778,265.557     327.778,265.557 327.778,0   " style="fill:#1A71B6;" id="XMLID_996_" /> <rect height="5" width="40" style="fill:#00969B;" y="290.557" x="107.778" id="XMLID_997_" /> </g> <g id="XMLID_998_"> <circle r="60" cy="287.557" cx="87.778" style="fill:#81B4DE;stroke:#FFF;stroke-width:13;stroke-linecap:round;stroke-miterlimit:10;" id="XMLID_999_" /> </g> <g id="XMLID_1000_"> <circle r="60" cy="265.557" cx="267.778" style="fill:#81B4DE;stroke:#FFF;stroke-width:13; stroke-linecap:round;stroke-miterlimit:10;" id="XMLID_1001_" /> </g> </g> </svg>
                </button>
            </div>
            <label class="label v-bottom-i" for="ckChatSetting_Sound">
                <div class="full-w ft-fourth fz18 bold clr-white nowrap">Sound</div>
                <div class="full-w ft-secondary fz15 clr-darkblue nowrap mgT6">Ringtone name</div>
            </label>
            <div class="w80px">
                <div class="clear">
                    <div class="checkedbox-toggle-1 blue right">
                        <input id="ckChatSetting_Sound" type="checkbox" ng-checked="currentsetting.issound=='1'" name="issound" ng-change="changeSetting()" ng-model="currentsetting.issound" ng-true-value="'1'" ng-false-value="'0'">
                        <i></i><span></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="layout-fixed pdR10 mgT5">
            <div class="clear pdL60">
                <button class="bg-transparent left" onclick="appDialogToggle('open', '#popupChooseSettingSoundChat')">
                    <svg class="h24px" version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve"> <circle style="fill:#7383BF;" cx="7" cy="29" r="7" /> <circle style="fill:#7383BF;" cx="51" cy="29" r="7" /> <circle style="fill:#7383BF;" cx="29" cy="29" r="7" /> <circle style="fill:#FFF;stroke:#81B4DE;stroke-width:2; stroke-linecap:round;stroke-miterlimit:10;" cx="7" cy="29" r="7" /> <circle style="fill:#FFF;stroke:#81B4DE;stroke-width:2; stroke-linecap:round;stroke-miterlimit:10;" cx="51" cy="29" r="7" /> <circle style="fill:#FFF;stroke:#81B4DE;stroke-width:2; stroke-linecap:round;stroke-miterlimit:10;" cx="29" cy="29" r="7" /> </svg>
                </button>
            </div>
        </div>
    </div>
