<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="CollateralPopupControl.aspx.vb" Inherits="FinIQWebApp.CollateralPopupControl" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../../FinIQJS/jquery-ui.min.css" />
    <link href="../../../App_Themes/Style1.css" rel="stylesheet" type="text/css" />
    <script src="../../../FinIQJS/external/jquery/jquery.min.js" type="text/javascript"></script>
    <script src="../../../FinIQJS/jquery-ui.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="../../../FinIQJS/FinIQCommon.js"></script>


    <style>
        /*.tblAllCss, .tblAllCss td {
            border: 1px solid #BBB;
            border-collapse: collapse;
        }

        .OuterDivCss {
            margin-top: 10px;
            background-color: #f2f2f2;
            padding: 10px;
        }

        .SpanHeader {
            font-size: 12px !important;
        }

        .DivDisplay {
            padding: 3px;
        }*/

        /*.GrapghContainer {
            width: 400px;
            height: 400px;
        }*/

        /*.rdbSelect td label {
            display: inline;
            vertical-align: top !important;
            height: 30px;
            padding-top :10px;
        }*/



        .MainTable {
            width: 100%;
        }

        .GraphContianer {
            width: 30%;
        }



        .blankGrid, .blankGrid td, .blankGrid th {
            border-style: none !important;
            background-color: Transparent !important;
        }

            /*#ctl00_MainContent_Dgv_GLobalMarginDetails th, span, .colorMarrun {
            background-color: white !important;
            color: #4A90FF !important;
            font-family: Verdana !important;
            font-size: 8.25pt !important;
        }*/

            .blankGrid th {
                text-align: left !important;
            }

        .DGV_CreditSummary1 td, .grdUsage td, .DGV_CreditSummary1 th, .grdUsage th {
            font: normal 12px verdana;
            padding: 2px;
            width: 120px !important;
            box-sizing: border-box;
        }

        .DGV_CreditSummary1 td, .grdUsage td {
            width: 120px !important;
            /*color: #000000 !important;*/
        }

        .DGV_CreditSummary1 th, .grdUsage th {
            /*color: #0094ff !important;*/
            width: 120px !important;
        }

        .span {
            color: #4A90FF !important;
            font-size: 14px !important;
            font-family: Verdana !important;
        }

        .span1 {
            color: #4A90FF !important;
            font: normal 14px/18px verdana !important;
            font-family: Verdana !important;
            background-color: #F7F7F7;
            padding-left: 10px;
        }


        .span3 {
            color: #FF5B0B !important;
            font: normal 18px/13px verdana !important;
            font-family: Verdana !important;
            /*background-color: #F7F7F7;*/
            /*padding-left: 10px;*/
        }
        /*.grdCommExposure td, .grdCommCollateral td {
            width: 130px;
        }*/

        /*.Dougnut {
            height: 200px !important;
            width: 300px !important;
        }*/

        .grdUsage, .DGV_CreditSummary1 {
            font-size: 12px !important;
        }

        .TblFooter {
            width: 1000px !important;
        }

        .span {
            text-align: right !important;
            white-space: nowrap;
            
        }

        .label {
            text-align: left !important;
        }

        /*.Dgv_GLobalMarginDetails {
            vertical-align: top !important;
        }*/

        .lblCommon, .grdUsage td:first-child, .lblAccountNameValue {
            /*color: #4A90FF !important;*/
        }

        /*.lblRMCodeValue, .lblAccountNoValue, #ctl00_MainContent_lblRatio {
            color: #4a90ff !important;
        }*/

        .colorMarrun {
            color: #4a90ff !important;
        }

        #TOpTbl {
            font-size: 16px !important;
        }

        .TblFooter {
            padding: 10px !important;
            font-size: 16px !important;
        }

            .TblFooter td {
                padding: 10px !important;
                width: 200px !important;
            }

        .Bordertbl {
            /*border: solid 1px #c2c2c2 !important;*/
            height: 20px;
        }

        fieldset {
            border: 0.5px solid #D3D3D3;
        }

        legend {
            color: #ff5b0b;
            font-size: 18px;
        }

        .topmgr {
            margin-top: 15px;
        }

        .ui-widget-overlay {
            opacity: 0.3 !important;
        }


        /*tab css*/
        .TabButtons {
            /*background-color:#FFFFFF;
            Font:normal 12px !important; 
            color:#333333; 
            Width:114px !important;
            Height:21px;
            border: 0px solid #FFFFFF;*/
            /*background: url(../App_Resources/submenuBG.jpg) repeat-x;*/
            background: linear-gradient(to bottom, #f9f9f9 0%,#f2f2f2 100%);
            background-color: #FFFFFF;
            font: normal 12px !important;
            color: #333333;
            width: 98px !important;
            height: 30px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            -moz-border-top-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-top-right-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            border-top: 1px solid #DDDDDD;
            border-right: 1px solid #DDDDDD;
            border-left: 1px solid #DDDDDD;
            border-bottom: 0px solid #DDDDDD;
        }

        .TabButtonsActive {
            background: url(../../../App_Resources/tab-active.gif) repeat-x;
            background-color: #FFFFFF;
            font: normal 12px !important;
            color: #333333;
            width: 98px !important;
            height: 30px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            -moz-border-top-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-top-right-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            border-top: 1px solid #DDDDDD;
            border-right: 1px solid #DDDDDD;
            border-left: 1px solid #DDDDDD;
            border-bottom: 0px solid #DDDDDD;
        }

        .bottomBorder {
            border-bottom: solid 1px #dddddd;
        }

        .noBottomBorder {
            border-bottom: solid 0px #FFFFFF;
        }



        #dialogBeforeAfter {
            position: absolute;
            top: 8%;
            /*background: #fff;*/ /*MASCLI-1298 || Prachi || 10-Nov-2021*/
            /*border: 1px solid #ddd;
            padding: 20px;*/
            height: auto;
            left: -1%;
            /*display: none;*/
        }
    </style>


    <script type="text/javascript">
        //function AfterBeforePopupFunction() {
        //    debugger
        //    $('#dialogBeforeAfter').show();
        //}
        //function AfterBeforePopupFunctionClose() {
        //    $('#dialogBeforeAfter').hide();
        //}
        //$(document).ready(function () {
        //    $("#BtnTable").click(function () {
        //        try {
        //            debugger
        //            $('#dialogBeforeAfter').css("display", "block");
        //        } catch (error) { console.log(error.message); }
        //    });
        //$("#BtnDialogClose").click(function () {
        //    try {
        //        $('#dialogBeforeAfter').css("display", "nono");
        //    } catch (error) { console.log(error.message); }
        //});
        //})
    </script>


</head>


<body>
    <form id="form11" runat="server">

        <%--<asp:scriptmanager id="ScriptManager" runat="server">    </asp:scriptmanager>--%>

        <asp:ScriptManager ID="ScriptManager1" LoadScriptsBeforeUI="false" EnableHistory="true"
            EnablePartialRendering="true" ScriptMode="Release" runat="server" EnablePageMethods="true" AsyncPostBackTimeout="3000">
            <CompositeScript ScriptMode="Release">
                <Scripts>
                    <asp:ScriptReference Name="MicrosoftAjax.js" />
                    <asp:ScriptReference Name="MicrosoftAjaxWebForms.js" />
                    <asp:ScriptReference Path="~/FinIQJS/FixFocus.js" />
                    <asp:ScriptReference Name="MicrosoftAjaxTimer.js" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
                    <asp:ScriptReference Path="~/FinIQJS/FinIQCommon.js" />
                    <asp:ScriptReference Path="~/FinIQJS/CalendarPopup.js" />
                    <asp:ScriptReference Path="~/FinIQJS/jquery-ui.min.js" />
                    <%--<asp:ScriptReference Path="~/FinIQJS/jquery-ui.min.js" />--%>
                </Scripts>
            </CompositeScript>
        </asp:ScriptManager>

        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanelDashboard"
            DisplayAfter="0">
            <ProgressTemplate>
                <div class="modalProcessing">
                    <div class="centerProcessing">
                        Loading...<img alt="" src="../App_Resources/loading_ajax.gif" />
                    </div>
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>

        <asp:UpdatePanel ID="UpdatePanelDashboard" runat="server" UpdateMode="Always">

            <ContentTemplate>
                <div visible="false">
                   <%-- <table style="width: 100%;">
                        <tr>
                            <td style="vertical-align: top; text-align: left;">
                                <table style="width: 220px">
                                    <tr>
                                        <td class="label" colspan="2">&nbsp; &nbsp;<asp:Label ID="lblCustomerName" runat="server" Font-Size="13px" Style="margin-left: -1px"></asp:Label>
                                        </td>

                                    </tr>
                                </table>

                            </td>
                            <td>
                                <table style="padding-left: 40px;">
                                    <tr>
                                        <td class="span">
                                            <span>Simulation date time :</span>
                                        </td>
                                        <td style="vertical-align: central">
                                            <asp:Label ID="lblSimulationDateTime" runat="server"></asp:Label>
                                        </td>
                                    </tr>
                        </tr>
                    </table>--%>

                    <table cellpadding="2">

                        <tr>
                            <td>
                                <asp:Panel ID="pnlgrid1" runat="server" BorderColor="#990000" GroupingText="Limit (Before)"
                                    Width="990px" BorderStyle="Solid" BorderWidth="0.5px" Visible="false">
                                    <%-- <table>
                              <tr>
                                    <td class="Bordertbl" cellpadding="2" cellspacing="2">
                                        <div id="Limit" runat="Server">
                                        </div>
                                        <asp:GridView ID="DgvCreditLimitBefore" CssClass="DGV_CreditSummary1 blankGrid" runat="server"
                                            AutoGenerateColumns="false" visible="false">
                                            <Columns>
                                                <asp:BoundField DataField="CreditLimit" HeaderText="Limit Usage"  />
                                                <asp:BoundField DataField="LimitCcy" HeaderText="Limit Ccy"   />
                                                <asp:BoundField DataField="Approved_Limit" HeaderText="Approved"  />
                                                <asp:BoundField DataField="Limit_Used" HeaderText="Utilized"/>
                                                <asp:BoundField DataField="AvailableLimit" HeaderText="Available Limit" />
                                            </Columns>
                                        </asp:GridView>
                                    </td>
                                </tr>
                                <tr>
                                    <tr>
                                        <td class="Bordertbl" cellpadding="2"callspacing="2">
                                            <asp:GridView ID="grdUsage" runat="server" CssClass="grdUsage  blankGrid" AutoGenerateColumns="false">
                                                <Columns>
                                                    <asp:BoundField DataField="CaptionE2E" HeaderText="Collateral Usage"  />
                                                    <asp:BoundField DataField="Collateral" HeaderText="Collateral" />
                                                    <asp:BoundField DataField="MTM" HeaderText="MTM"  />
                                                    <asp:BoundField DataField="ACBal" HeaderText="ACB" />
                                                    <asp:BoundField DataField="IM" HeaderText="IM" />
                                                    <asp:BoundField DataField="FreeMargin" HeaderText="Free Margin"  />
                                                    <asp:BoundField DataField="MM" HeaderText="MM"  />
                                                    <asp:BoundField DataField="CM" HeaderText="CM" />

                                                </Columns>
                                            </asp:GridView>
                                        </td>
                                    </tr>
                                </tr>
                        </table>--%>
                                </asp:Panel>


                                <table cellpadding="0" cellspacing="0" style="width: 600px" id="tbl_before" runat="server">

                                    <tr>
                                        <td>

                                            <%--<table cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td valign="bottom" class="bottomBorder" id="tdVanilla" runat="server">
                                                    <asp:Button ID="btndatabefore" runat="server" Text="Data" CssClass="TabButtonsActive" />
                                                </td>
                                                <td valign="bottom" class="bottomBorder" id="tdBarrier" runat="server">
                                                    <asp:Button ID="btnchartbefore" runat="server" Text="Chart" CssClass="TabButtons" />
                                                </td>
                                               
                                                <td style="width: 2055px" class="bottomBorder"></td>
                                            </tr>
                                        </table>--%>
                          
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td>

                                                        <asp:Panel ID="Panel1" runat="server" GroupingText="Limit (Before)" HorizontalAlign="Left" Width="1010px" Height="230px">

                                                            <table>


                                                                <tr>
                                                                    <td style="width: 30px;"></td>


                                                                    <td class="Bordertbl">
                                                                        <%-- <div id="Div1" runat="Server" style="text-align: Left">--%>

                                                                        <asp:GridView ID="DGVLimitDoneDealBefore" CssClass="DGV_CreditSummary1 blankGrid" runat="server"
                                                                            AutoGenerateColumns="false">
                                                                            <Columns>
                                                                                <asp:BoundField DataField="CreditLimit" HeaderText="Limit Usage" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="LimitCcy" HeaderText="Limit Ccy" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="Approved_Limit" HeaderText="Approved" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="Limit_Used" HeaderText="Utilized" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="AvailableLimit" HeaderText="Available Limit" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                            </Columns>
                                                                        </asp:GridView>
                                                                        <%-- </div>--%>
                                                                    </td>
                                                                </tr>

                                                                <tr>
                                                                    <td style="height: 10px;" colspan="2">
                                                                        <hr width="100%" style="border: 0.5px solid #D3D3D3 !important;">
                                                                    </td>
                                                                </tr>

                                                                <tr></tr>
                                                                <tr></tr>
                                                                <tr>

                                                                    <td class="span3" colspan="2">
                                                                        <%-- <asp:Label ID="Label1" runat="server"></asp:Label>--%>
                               Collateral (Before)
                                                                    </td>
                                                                </tr>
                                                                <tr></tr>
                                                                <tr></tr>

                                                                <tr>
                                                                    <td style="width: 20px;"></td>
                                                                    <td class="Bordertbl">
                                                                        <asp:GridView ID="DGVDoneDealSummaryBefore" runat="server" CssClass="grdUsage  blankGrid" AutoGenerateColumns="false">
                                                                            <Columns>

                                                                                <%--<asp:TemplateField>
                                                        <HeaderTemplate>
                                                            Collateral Usage
                                                     </HeaderTemplate>
                                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" Width="120px"></HeaderStyle>
                                                    <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" Wrap="false" Width="120px" />
                                                    <ItemTemplate>
                                                         <asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "CaptionE2E")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>--%>

                                                                                <asp:BoundField DataField="CaptionE2E" HeaderText="Collateral Usage" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="Collateral" HeaderText="Collateral" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="MTM" HeaderText="MTM" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="ACBal" HeaderText="ACB" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="IM" HeaderText="IM" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="FreeMargin" HeaderText="Free Margin" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="MM" HeaderText="MM" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />
                                                                                <asp:BoundField DataField="CM" HeaderText="CM" ItemStyle-Width="120px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" />

                                                                            </Columns>
                                                                        </asp:GridView>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </asp:Panel>
                                                    </td>
                                                </tr>
                                            </table>




                                            <%--<asp:Panel ID ="Panel4" runat="server" GroupingText="(3) Sim" horizontalAlign="Left" height="230px  Width="990px" visible="false">--%>
                                            <%--<asp:Panel ID="PnlChartBEfore" runat="server" GroupingText="(3) Sim" horizontalAlign="Left" height="230px  Width="990px" visible="false">--%>
                                            <asp:Panel ID="PnlB4Chart" runat="server" GroupingText="Charts" HORIZONTALIGN="Left" min-height="210px" Width="1010px" Visible="false">

                                                <%--</asp:panel>--%>




                                                <%-- <table>
                              <tr >
                                 
 
                                      <td >
                                                   <asp:Label ID="lblRatio" runat="server"></asp:Label>
                                                    <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanelConfiguration" LoadingPanelID="RadAjaxLoadingPanelConfiguration">
                                                        <div>
                                                            <telerik:RadRadialGauge runat="server" ID="RadRadialGaugeELN" Width="195px" Height="195px"
                                                                ToolTip="">
                                                                <Pointer Value="0" Color="Black">
                                                                    <Cap Color="Gray" Size="0.1" />
                                                                </Pointer>
                                                                <Scale Min="0" Max="300" MajorUnit="25">
                                                                    <Labels Format="{0}" Position="Outside" />
                                                                    <Ranges>
                                                                        <telerik:GaugeRange Color="#33cc33" From="0" To="300" />
                                                                        <telerik:GaugeRange Color="#ffFFFF" From="-0.01" To="-2.5" />
                                                                        <telerik:GaugeRange Color="#ffFFFF" From="0.01" To="2.5" />
                                                                        <telerik:GaugeRange Color="#8dcb2a" From="2.5" To="5" />

                                                                    </Ranges>

                                                                </Scale>
                                                            </telerik:RadRadialGauge>
                                                        </div>
                                                    </telerik:RadAjaxPanel>
                                                </td>


                                      <td align="left" valign="top">
                                           <asp:Label ID="lblCollateralchart" text="Collateral" runat="server" valign="top"  ></asp:Label>
                                                    <asp:Chart ID="DonutCollateral" CssClass="Dougnut" runat="server" Width="370px" Height="210px"
                                                        BackColor="#FFF" BackGradientStyle="None" ImageStorageMode="UseHttpHandler" EnableViewState="true">
                                                        <Titles>
                                                            <asp:Title Name="ChartTitle2"  Text="Collateral">
                                                            </asp:Title>
                                                        </Titles>
                                                        <Series>
                                                            <asp:Series ChartType="Doughnut" Name="Series3" ChartArea="Default3" BorderWidth="0"
                                                                Palette="BrightPastel" IsVisibleInLegend="true" IsValueShownAsLabel="true" LabelAngle="90">
                                                                <SmartLabelStyle Enabled="true" />
                                                            </asp:Series>
                                                        </Series>
                                                        <Legends>
                                                            <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Right" Font="Trebuchet MS, 8.25pt"
                                                                IsTextAutoFit="true" Name="Default">
                                                            </asp:Legend>
                                                        </Legends>
                                                        <ChartAreas>
                                                            <asp:ChartArea Name="Default3" BackColor="#FFFFFF" Area3DStyle-Enable3D="true">
                                                            </asp:ChartArea>
                                                        </ChartAreas>
                                                    </asp:Chart>
                                                </td>



                                         <td align="left" valign="top">
                                                    <asp:Chart ID="DonutExposure" CssClass="Dougnut" runat="server" Width="370px" Height="210px"
                                                        BackColor="#FFF" BackGradientStyle="None" ImageStorageMode="UseHttpHandler" EnableViewState="true">
                                                        <Titles>
                                                            <asp:Title Name="ChartTitle2" ForeColor="Black" Text="">
                                                            </asp:Title>
                                                        </Titles>
                                                        <Series>
                                                            <asp:Series ChartType="Doughnut" Name="Series3" ChartArea="Default3" BorderWidth="0"
                                                                Palette="BrightPastel" IsVisibleInLegend="true" IsValueShownAsLabel="true" LabelAngle="90">
                                                                <SmartLabelStyle Enabled="true" />
                                                            </asp:Series>
                                                        </Series>
                                                        <Legends>
                                                            <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Right" Font="Trebuchet MS, 8.25pt"
                                                                IsTextAutoFit="true" Name="Default">
                                                            </asp:Legend>
                                                        </Legends>
                                                        <ChartAreas>
                                                            <asp:ChartArea Name="Default3" BackColor="#FFFFFF" Area3DStyle-Enable3D="true">
                                                            </asp:ChartArea>
                                                        </ChartAreas>
                                                    </asp:Chart>
                                                </td>

                                      
                              </tr>
                          </table>--%>
                                            </asp:Panel>

                                        </td>


                                    </tr>

                                </table>

                            </td>
                        </tr>


                        <%--<tr><td class="span1">::After</td></tr>--%>

                        <tr></tr>
                        <tr></tr>
                        <tr></tr>
                        <tr></tr>

                        <tr>
                            <tr></tr>
                            <tr></tr>
                            <tr></tr>
                            <tr></tr>
                            <tr></tr>

                            <td class="labeltd">
                                <%--<asp:UpdatePanel runat="server" ID="UpdatePanel11" UpdateMode="Conditional">
                                                    <ContentTemplate>
                                                       &nbsp;<asp:Button ID="btnSimulation" CssClass="btn" runat="server" Text="Simulate" Width="100px" onClientClick="javascript:resizeIframe();" TabIndex="26" visible="false">
                                                                                                                       </asp:Button>
                                                       &nbsp;<asp:Button ID="BtnTable" CssClass="btn" runat="server" Text="Table" Width="100px" TabIndex="26">

                                                               </asp:Button>
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>--%>
                            </td>

                            <%--<div align="center">
                                   <asp:Button ID="Button1" CssClass="btn" runat="server" Text="Simulate" Width="100px" TabIndex="26"></asp:Button>
                                   </div>--%>
                        </tr>

                        <tr style="width: 30px;">
                        </tr>
                        <tr></tr>
                        <tr></tr>

                        <tr>
                            <td>
                                <asp:Panel ID="Panel2" runat="server" GroupingText="(3) Simulation for Outstanding Done Deal(s), Verified Simulation Deals(s) and Selected Draft Simulation Deal(s):" HorizontalAlign="Left" Height="190px" Width="990px" Visible="false">
                                    <%--<table>
                                <tr>
                                    <td class="Bordertbl">
                                        <div id="Div2" runat="Server">
                                        </div>
                                        <asp:GridView ID="DgvCreditLimitAfter" CssClass="DGV_CreditSummary1 blankGrid" runat="server"
                                            AutoGenerateColumns="false" visible="false">
                                            <Columns>
                                                <asp:BoundField DataField="CreditLimit" HeaderText="Limit Usage" ItemStyle-Width="120" />
                                                <asp:BoundField DataField="LimitCcy" HeaderText="Limit Ccy" ItemStyle-Width="120" />
                                                <asp:BoundField DataField="Approved_Limit" HeaderText="Approved" ItemStyle-Width="120" />
                                                <asp:BoundField DataField="Limit_Used" HeaderText="Utilized" ItemStyle-Width="120" />
                                                <asp:BoundField DataField="AvailableLimit" HeaderText="Available Limit" ItemStyle-Width="120" />
                                            </Columns>
                                        </asp:GridView>
                                    </td>
                               </tr>
                                <tr>
                                   
                                        <td class="Bordertbl">
                                            <asp:GridView ID="DgvSummaryAfter" runat="server" CssClass="grdUsage  blankGrid" AutoGenerateColumns="false" visible="false">
                                                <Columns>
                                                    <asp:BoundField DataField="CaptionE2E" HeaderText="Collateral Usage" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="Collateral" HeaderText="Collateral" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="MTM" HeaderText="MTM" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="ACBal" HeaderText="ACB" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="IM" HeaderText="IM" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="FreeMargin" HeaderText="Free Margin" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="MM" HeaderText="MM" ItemStyle-Width="120" />
                                                    <asp:BoundField DataField="CM" HeaderText="CM" ItemStyle-Width="120" />

                                                </Columns>
                                            </asp:GridView>
                                        </td>
                                    
                                </tr>
                             </table>   --%>
                                </asp:Panel>

                                <%-- <br />--%>
                                <table cellpadding="0" cellspacing="0" style="width: 600px" id="tbl_after_data" runat="server">

                                    <tr>
                                        <td>

                                            <%--<table cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td valign="bottom" class="bottomBorder" id="td1" runat="server">
                                                    <asp:Button ID="btnafterdata" runat="server" Text="Data" CssClass="TabButtonsActive" visible="false" />
                                                </td>
                                                <td valign="bottom" class="bottomBorder" id="td2" runat="server">
                                                    <asp:Button ID="btnafterchart" runat="server" Text="Chart" CssClass="TabButtons" visible="false"/>
                                                </td>
                                               
                                                <td style="width: 2055px" class="bottomBorder"></td>
                                            </tr>
                                        </table>--%>
                          
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td>



                                                        <asp:Panel ID="Panel3" runat="server" GroupingText="Limit (After)" HorizontalAlign="Left" Height="230px" Width="1010px">
                                                            <table>
                                                                <tr>
                                                                    <td style="width: 20px;"></td>
                                                                    <td class="Bordertbl">

                                                                        <div id="Div3" runat="Server">
                                                                        </div>
                                                                        <asp:GridView ID="DGVLimitDoneDraftAfter1" CssClass="DGV_CreditSummary1 blankGrid" runat="server"
                                                                            AutoGenerateColumns="false">
                                                                            <Columns>



                                                                                <asp:BoundField DataField="CreditLimit" HeaderText="Limit Usage" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="LimitCcy" HeaderText="Limit Ccy" ItemStyle-Width="110" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="Approved_Limit" HeaderText="Approved" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="Limit_Used" HeaderText="Utilized" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="AvailableLimit" HeaderText="Available Limit" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                            </Columns>
                                                                        </asp:GridView>
                                                                    </td>
                                                                </tr>

                                                                <tr>
                                                                    <td style="height: 10px;" colspan="2">
                                                                        <hr width="100%" style="border: 0.5px solid #D3D3D3 !important;">
                                                                    </td>
                                                                </tr>


                                                                <tr></tr>
                                                                <tr></tr>
                                                                <tr>
                                                                    <td class="span3" colspan="2">Collateral (After)</td>
                                                                </tr>
                                                                <tr></tr>
                                                                <tr></tr>

                                                                <tr>
                                                                    <td style="width: 20px;"></td>
                                                                    <td class="Bordertbl">
                                                                        <asp:GridView ID="DGVDoneDraftSummaryAfter1" runat="server" CssClass="grdUsage  blankGrid" AutoGenerateColumns="false">
                                                                            <Columns>
                                                                                <asp:BoundField DataField="CaptionE2E" HeaderText="Collateral Usage" ItemStyle-Width="120" ItemStyle-Height="20px" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="Collateral" HeaderText="Collateral" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="MTM" HeaderText="MTM" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="ACBal" HeaderText="ACB" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="IM" HeaderText="IM" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="FreeMargin" HeaderText="Free Margin" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="MM" HeaderText="MM" ItemStyle-Width="120" HeaderStyle-Height="25px" />
                                                                                <asp:BoundField DataField="CM" HeaderText="CM" ItemStyle-Width="120" HeaderStyle-Height="25px" />

                                                                            </Columns>
                                                                        </asp:GridView>
                                                                    </td>
                                                                </tr>

                                                            </table>
                                                        </asp:Panel>

                                                    </td>
                                                </tr>
                                            </table>





                                            <%--<asp:Panel ID ="Panel6" runat="server" GroupingText="(4) Sim" horizontalAlign="Left" height="230px  Width="990px" visible="false">--%>
                                            <%--<asp:Panel ID="PnlChartAfter" runat="server" GroupingText="(4) Sim" horizontalAlign="Left" height="230px  Width="990px" visible="false">--%>

                                            <asp:Panel ID="PnlAfterChart" runat="server" Visible="false">

                                                <%--</asp:panel>--%>

                                                <%--  <table>
                              <tr>
                                  <%--td>
                                        <asp:button id="Button1" runat="server" text="Show chart" />
                                      
                                  </td>--%>
                                            <td>
                                                <asp:Label ID="lblRatioAfter" runat="server"></asp:Label>
                                                <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1_after" LoadingPanelID="RadAjaxLoadingPanelConfiguration">
                                                    <div>
                                                        <telerik:RadRadialGauge runat="server" ID="RadRadialGaugeAfter" Width="230px" Height="170px" top="5Px"
                                                            ToolTip="">
                                                            <Pointer Value="0" Color="Black">
                                                                <Cap Color="Gray" Size="0.1" />
                                                            </Pointer>
                                                            <Scale Min="0" Max="300" MajorUnit="25">
                                                                <Labels Format="{0}" Position="Outside" />
                                                                <Ranges>
                                                                    <telerik:GaugeRange Color="#33cc33" From="0" To="300" />
                                                                    <telerik:GaugeRange Color="#ffFFFF" From="-0.01" To="-2.5" />
                                                                    <telerik:GaugeRange Color="#ffFFFF" From="0.01" To="2.5" />
                                                                    <telerik:GaugeRange Color="#8dcb2a" From="2.5" To="5" />

                                                                </Ranges>

                                                            </Scale>
                                                        </telerik:RadRadialGauge>
                                                    </div>
                                                </telerik:RadAjaxPanel>
                                            </td>


                                        <td align="left" valign="top">
                                            <asp:Chart ID="DonutCollateralAfter" CssClass="Dougnut" runat="server" Width="360px" Height="240px"
                                                BackColor="#FFF" BackGradientStyle="None" ImageStorageMode="UseHttpHandler" EnableViewState="true">
                                                <Titles>
                                                    <asp:Title Name="ChartTitle2" ForeColor="Black" Text="">
                                                    </asp:Title>
                                                </Titles>
                                                <Series>
                                                    <asp:Series ChartType="Doughnut" Name="Series3" ChartArea="Default3" BorderWidth="0"
                                                        Palette="BrightPastel" IsVisibleInLegend="true" IsValueShownAsLabel="true" LabelAngle="90">
                                                        <SmartLabelStyle Enabled="true" />
                                                    </asp:Series>
                                                </Series>
                                                <Legends>
                                                    <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Right" Font="Trebuchet MS, 8.25pt"
                                                        IsTextAutoFit="true" Name="Default">
                                                    </asp:Legend>
                                                </Legends>
                                                <ChartAreas>
                                                    <asp:ChartArea Name="Default3" BackColor="#FFFFFF" Area3DStyle-Enable3D="true">
                                                    </asp:ChartArea>
                                                </ChartAreas>
                                            </asp:Chart>
                                        </td>



                                        <td align="left" valign="top">
                                            <asp:Chart ID="DonutExposureAfter" CssClass="Dougnut" runat="server" Width="360px" Height="240px"
                                                BackColor="#FFF" BackGradientStyle="None" ImageStorageMode="UseHttpHandler" EnableViewState="true">
                                                <Titles>
                                                    <asp:Title Name="ChartTitle2" ForeColor="Black" Text="">
                                                    </asp:Title>
                                                </Titles>
                                                <Series>
                                                    <asp:Series ChartType="Doughnut" Name="Series3" ChartArea="Default3" BorderWidth="0"
                                                        Palette="BrightPastel" IsVisibleInLegend="true" IsValueShownAsLabel="true" LabelAngle="90">
                                                        <SmartLabelStyle Enabled="true" />
                                                    </asp:Series>
                                                </Series>
                                                <Legends>
                                                    <asp:Legend BackColor="Transparent" Alignment="Center" Docking="Right" Font="Trebuchet MS, 8.25pt"
                                                        IsTextAutoFit="true" Name="Default">
                                                    </asp:Legend>
                                                </Legends>
                                                <ChartAreas>
                                                    <asp:ChartArea Name="Default3" BackColor="#FFFFFF" Area3DStyle-Enable3D="true">
                                                    </asp:ChartArea>
                                                </ChartAreas>
                                            </asp:Chart>
                                        </td>

                                    </tr>
                                </table>
                                --%>
                            </asp:panel>
                        
                            </td>


                        </tr>

                    </table>


                    </td></tr>

                         </table>
                  
                   
                </div>

                <%--<asp:Panel ID ="PnlBeforeAfterDetails" runat="server" horizontalAlign="Left" Width="1010px" height="230px" visible="true">--%>

                <div id="dialogBeforeAfter" title="Details">
                    <%-- <p class="validateTips">Before - After Details</p>--%>
                    <%-- <form>--%>

                    <table style="width: 100%;">
                        <%-- <tr>
                            <td style="vertical-align: top; text-align: left;">
                                <table style="width: 220px">
                                    <tr>
                                        <td class="label" colspan="2">&nbsp; &nbsp;<asp:Label ID="lblCustomerName" runat="server" Font-Size="13px" Style="margin-left: -1px"></asp:Label>
                                        </td>

                                    </tr>
                                </table>

                            </td>
                            <td>

                                <table style="padding-left: 40px;">
                                    <tr>
                                        <td class="span">
                                            <span>Simulation date time :</span>
                                        </td>
                                        <td style="vertical-align: central">
                                            <asp:Label ID="lblSimulationDateTime" runat="server"></asp:Label>
                                        </td>
                                    </tr>
                                    </td> 
                        </tr>--%>
                        <tr>
                            <td class="label" colspan="2" style="width:250px;padding-bottom: 10px;">&nbsp; &nbsp;<asp:Label ID="lblCustomerName" runat="server" Font-Size="14px" Style="margin-left: 25px ;padding-bottom :9px"></asp:Label>   <%-- AmolM. 12-Oct-2021 : Internal CMI-917: resize popup--%>
                            <td class="span" style="vertical-align: central ;padding-bottom :9px">
                                <span>Simulation date time :</span>
                            </td>
                            <td style="vertical-align: central ;padding-bottom :6px">
                                <asp:Label ID="lblSimulationDateTime" runat="server"></asp:Label>
                            </td>
                        </tr>

                    </table>
                    <table>

                        <tr>
                            <td style="width: 30px;"></td>                       <%-- AmolM. 12-Oct-2021 : Internal CMI-917 : resize popup--%>
                            <td class="Bordertbl" style="text-align: center">
                                <asp:GridView ID="dgvAfterBefoeDetails" runat="server" CssClass="Grid"
                                    AutoGenerateColumns="false">
                                    <Columns>
                                        <asp:BoundField DataField="Measure" HeaderText="Measure" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" ItemStyle-ForeColor="#ff5b0b" HeaderStyle-ForeColor="Black" HeaderStyle-Font-Bold="false" />
                                        <asp:BoundField DataField="Value" HeaderText="Value" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" ItemStyle-ForeColor="#4A90FF" HeaderStyle-ForeColor="Black" HeaderStyle-Font-Bold="false" />
                                        <asp:BoundField DataField="Before" HeaderText="Before" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" HeaderStyle-ForeColor="Black" HeaderStyle-Font-Bold="false" />
                                        <asp:BoundField DataField="After" HeaderText="After" ItemStyle-Width="120px" ItemStyle-Height="20px" HeaderStyle-Height="25px" HeaderStyle-Width="120px" HeaderStyle-ForeColor="Black" HeaderStyle-Font-Bold="false" />
                                        <%--<asp:BoundField DataField="Result" HeaderText="Result" ItemStyle-Width="120px" itemstyle-height="20px" headerstyle-height="25px" HeaderStyle-Width="120px"/>--%>
                                    </Columns>
                                </asp:GridView>
                                <%-- </div>--%>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="height: 10px;">
                        </tr>

                        <%--  <tr>

                            <%--<td style="text-align: center" colspan="2">
                           <asp:button id="BtnAfterBefoeDetails" class="btn" runat="server" ToolTip="Close" text="OK" onclientclick="javascript:AfterBeforePopupFunctionClose();" visible="false" />

                            </td>
                        </tr>--%>
                    </table>


                    <%--</form>--%>
                </div>
                <%--</asp:Panel>--%>
            </ContentTemplate>


        </asp:UpdatePanel>
    </form>

</body>
</html>
