<%@ master language="VB" inherits="Template_VueMaster, MachSol.MachPanel.Web" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolKit" %>
<%@ Register Assembly="AjaxControls" Namespace="AjaxControls" TagPrefix="ajaxCtrl" %>
<%@ Register Src="~/Template/CC/AccountTwoFASettings.ascx" TagName="TwoFA" TagPrefix="EM" %>
<%@ Register Src="~/RCC/CC/SecuredCredentials.ascx" TagName="SecuredCredentials" TagPrefix="UC" %>

<!DOCTYPE html>
<html>

<head id="Head" runat="server">
    <title>Master Page</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <!-- Google Fonts -->
    <link rel="stylesheet" type='text/css' href='<%# "/css/google/material-icons.css?" + ProductVersion %>' />

    <!-- Jquery base library -->
    <link rel="stylesheet" type='text/css' href='<%# "/plugins/jquery-ui-1.13.2/jquery-ui.min.css?" + ProductVersion %>' />

    <!-- Bootstrap Core Css -->
    <link rel="stylesheet" type='text/css' href='<%# "/plugins/bootstrap/css/bootstrap.css?" + ProductVersion %>' />


    <!-- Waves Effect Css -->
    <link rel="stylesheet" type='text/css' href='<%# "/plugins/node-waves/waves.css?" + ProductVersion %>' />

    <!-- Animation Css -->
    <link rel="stylesheet" type='text/css' href='<%# "/plugins/animate-css/animate.css?" + ProductVersion %>' />

    <!-- Morris Chart Css-->
    <link rel="stylesheet" type='text/css' href='<%# "/plugins/morrisjs/morris.css?" + ProductVersion %>' />

    <link rel="stylesheet" type='text/css' href='<%# "/plugins/nestable/jquery-nestable.css?" + ProductVersion %>' />


    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" type='text/css' href='<%# "/plugins/bootstrap-select/css/bootstrap-select.css?" + ProductVersion %>' />


    <!-- Custom Css -->
    <link rel="stylesheet" type='text/css' href='<%# "/css/Style.css?" + ProductVersion %>' />

    <!-- font-glyphs css -->
    <link rel="stylesheet" type='text/css' href='<%# "/css/font-glyphs.css?" + ProductVersion %>' />

    <%--menu css--%>
    <link rel="stylesheet" type='text/css' href='<%# "/css/menu.css?" + ProductVersion %>' />

    <!-- AdminBSB Themes -->
    <link rel="stylesheet" type='text/css' href='<%# "/css/themes/all-themes.css?" + ProductVersion %>' />
    <link rel="stylesheet" type='text/css' href='<%# "/css/themes/custom-themes.css?" + ProductVersion + SkinId %>' />


    <link rel="stylesheet" type='text/css' href='<%# "/css/Calendar.css?"  + ProductVersion %>' />
    <link rel="stylesheet" type='text/css' href='<%# "/JS/cal/cal.css?" + ProductVersion %>' />


    <%--JQuery Framework References--%>

    <!-- Jquery Core Js -->
    <script type="text/javascript" src="/plugins/jquery/jquery.min.js?<%# ProductVersion %>"></script>

    <%--Custom References of Controls Used for Help--%>
    <script type="text/javascript" src="/JS/RoboHelp_CSH.js?<%# ProductVersion %>"></script>
    <%--searchable option list js library--%>
    <script type="text/javascript" src="/JS/searchablelist/sol-2.0.2.js?<%# ProductVersion %>"></script>

    <%--MachPanel Custom JS files--%>
    <script type="text/javascript">
        $('[id*=noscript_div]').hide();
    </script>
    <script type="text/javascript" src="/JS/date.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/WebServiceCalls.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/Utility.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/Network.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/menu.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/HelpDesk.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/inc_code.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/service-q.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/ProductBasicInfo.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/Exchange.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/cal/cal.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/Lync.js?<%# ProductVersion %>"></script>
    <script type="text/javascript" src="/JS/vps-states.js?<%# ProductVersion %>"></script>

    <script type="importmap">
  {
    "imports": {
      "vue": "/JS/vue/vue.esm-browser3.5.3.js?<%# ProductVersion %>"
    }
  }
    </script>
    
    <script type="module" src="/JS/punycode.js?<%# ProductVersion %>"></script>

    <script type="text/javascript" src="/JS/Duo/Duo-Web-v2.js?<%# ProductVersion %>"></script>

    <%--System alert box--%>
    <script type="text/javascript" src="/JS/pages/ui/notifications.js?<%# ProductVersion %>"></script>
    <!-- Bootstrap Notify Plugin Js -->
    <script type="text/javascript" src="/plugins/bootstrap-notify/bootstrap-notify.js?<%# ProductVersion %>"></script>
    <%--Client Helper JS files for custom purposes--%>
    <script type="text/javascript" src="/JS/functions.js?<%# ProductVersion %>"></script>


    <script type="text/javascript">

        var ProductVersion = '<%# ProductVersion %>';

        if (!window.XMLHttpRequest && 'ActiveXObject' in window) {
            window.XMLHttpRequest = function () {
                return new ActiveXObject('MSXML2.XMLHttp');
            };
        }


        function chk(evt) {
            var isIE = (navigator.appName == "Microsoft Internet Explorer");
            var IEversion = navigator.appVersion;
            if (isIE) {
                IEversion = parseInt(IEversion.substr(IEversion.indexOf("MSIE") + 4));
            } else { IEversion = 0; }

            if (IEversion == 6) {
                if (evt.keyCode == 116) {
                    evt.keyCode = 0;
                    evt.returnValue = false;
                    evt.cancelBubble = true;

                    return false;
                }
                else if (evt.ctrlKey && evt.keyCode == 116) {
                    evt.keyCode.cancelBubble = false;
                    return false;
                }
            }
            else {
                if (evt.keyCode == 116) {
                    evt.keyCode.cancelBubble = false;
                    return false;
                }
                else if (evt.ctrlKey && evt.keyCode == 116) {
                    evt.keyCode.cancelBubble = false;
                    return false;
                }
            }

        }

    </script>
    <link rel="icon" type="image/ico" sizes="16x16" id="link_favicon" runat="server" href="/favicon.ico">
</head>

<body class="theme-indigo" runat="server" id="MasterBody" onkeydown="return chk(event);">
    <%If MachSol.MachPanel.DBCore.SystemSettings.IsDMP() Then %>
    <link rel="stylesheet" type='text/css' id="sarcustom" runat="server" />
    <%End If%>
    <!-- Page Loader -->
    <div class="page-loader-wrapper">
        <div class="sk-cube-grid">
            <div class="sk-cube sk-cube1"></div>
            <div class="sk-cube sk-cube2"></div>
            <div class="sk-cube sk-cube3"></div>
            <div class="sk-cube sk-cube4"></div>
            <div class="sk-cube sk-cube5"></div>
            <div class="sk-cube sk-cube6"></div>
            <div class="sk-cube sk-cube7"></div>
            <div class="sk-cube sk-cube8"></div>
            <div class="sk-cube sk-cube9"></div>
        </div>
    </div>

    <!-- #END# Page Loader -->
    <!-- Overlay For Sidebars -->
    <div class="overlay"></div>
    <!-- #END# Overlay For Sidebars -->

    <form id="form1" runat="server" autocomplete="off" defaultbutton="Btn_FormDummy">
        <ajax:ScriptManager ID="SM_Master" EnablePartialRendering="true" EnableScriptGlobalization="true"
            EnableScriptLocalization="true" runat="server" AsyncPostBackTimeout="3600" EnableHistory="true" EnableSecureHistoryState="false">
        </ajax:ScriptManager>

        <!-- Dummy button to disable search bar post back on clicking enter in form fields when panel default button is not set -->
        <asp:Button ID="Btn_FormDummy" runat="server" CssClass="btn-dummy" Enabled="false" />

        <!-- Search Bar -->
        <div class="search-bar">
            <div class="search-icon">
                <i class="material-icons">search</i>
            </div>
            <asp:Panel ID="Pnl_Search" runat="server" DefaultButton="submit">
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-sm-4 col-xs-6">
                                <div class="form-group">
                                    <div class="form-line">
                                        <asp:TextBox placeholder="<%$ Resources:Content,TypeToSearch %>" ID="searchString" runat="server" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4 col-xs-2">
                                <asp:Button ID="submit" class="btn btn-primary" Text='<%$ Resources:Content,GN0000391 %>' runat="server" />
                                <asp:Button ID="Btn_SearchEmailAndAlias" class="btn btn-primary" Text='<%$ Resources:Content,strSearchEmailAliases %>' runat="server"></asp:Button>
                            </div>
                        </div>
                    </div>
                </div>
            </asp:Panel>
            <div class="close-search">
                <i class="material-icons">close</i>
            </div>
        </div>
        <!-- #END# Search Bar -->

        <!-- Top Bar -->
        <nav class="navbar">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>
                    <a href="javascript:void(0);" class="bars"></a>
                    <asp:HyperLink class="navbar-brand" ID="HL_PanelName" runat="server" href="/RCC/Dashboard.aspx" Text="">
                        
                    </asp:HyperLink>

                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav navbar-right m-l-10 m-r-10">
                        <!-- Call Search -->
                        <li><a href="javascript:void(0);" class="js-search" data-close="true"><i class="material-icons">search</i></a></li>
                        <!-- #END# Call Search -->
                        <!-- Notifications -->
                        <li class="dropdown" id="Li_Alerts" runat="server">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
                                <i class="material-icons">notifications</i>
                                <asp:Label ID="Lbl_SubsCount" runat="server" class="label-count"></asp:Label>
                            </a>
                            <ul class="dropdown-menu modal400px p-t-0 border-grey">
                                <li class="header bg-color col-white">NOTIFICATIONS</li>
                                <li class="body">
                                    <ul class="menu" id="dvCustomers">
                                        <asp:Repeater ID="Rep_Alerts" runat="server">
                                            <ItemTemplate>
                                                <li>
                                                    <%--<div class="row">
                                                        <div class="col-sm-2 col-xs-12 hide">
                                                            <div class="icon-circle bg-light-green m-t-15 m-l-10" id="Div_AlertIcon" runat="server">
                                                                <i class="material-icons">person_add</i>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-10 col-xs-12">--%>
                                                    <div class="menu-info">
                                                        <h4>
                                                            <asp:HyperLink ID="Ltl_AlertHeader" runat="server" Text="12 new members joined" CssClass="text" /></h4>
                                                        <p>
                                                            <%--<i class="material-icons m-l-10">access_time</i>--%>
                                                            <asp:Literal ID="Ltl_AccessTime" runat="server" Text="14 mins ago" />
                                                        </p>
                                                    </div>
                                                    <%--</div>
                                                    </div>--%>
                                                </li>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </ul>
                                </li>
                                <li class="footer bg-color">
                                    <asp:LinkButton ID="LB_SeeMore" CssClass="col-white" runat="server" Text="<%$ Resources:Content,SMI760%>" />
                                </li>
                            </ul>
                        </li>

                        <!-- #END# Notifications -->

                        <!-- #Color Picker -->
                        <li><a href="javascript:void(0);" class="js-right-sidebar" data-close="true" id="SkinSelector" runat="server">
                            <!-- #Color buckit icon -->
                            <%--<i class="material-icons">format_color_fill</i>--%>
                            <%--<i class="material-icons">&#xE23A;</i>--%>
                            <!-- #Color Brush icon -->
                            <%--<i class="material-icons">brush</i>--%>
                            <i class="material-icons">&#xE3AE;</i>
                        </a></li>

                        <!-- #Color Picker End -->

                        <!-- #User Info Start -->
                        <li class="dropdown pull-right" id="user-profile">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
                                <asp:Literal ID="lbl_LoggedInUserName" runat="server" />
                                &nbsp;
                                <asp:Label ID="Lbl_LoggedInAs" runat="server" CssClass="small" Text="<%$Resources:Content,String431%>"></asp:Label>
                                <asp:Literal ID="lbl_LoggedInUserType" runat="server" />
                                <%--<i class="material-icons" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">keyboard_arrow_down</i>--%>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu width-full">
                                <li><a id="ProfileLink" runat="server" href="javascript:void(0);"><i class="material-icons">person</i><%= Resources.Content.USM0190%></a></li>
                                <li id="profileSeprator" runat="server" role="separator" class="divider"></li>
                                <li id="Li_TwoFAAuth" runat="server">
                                    <asp:LinkButton ID="Lbtn_TwoFAAuth" runat="server"><i class="material-icons">person</i><%= Resources.Content.ToFAAuth%></asp:LinkButton></li>
                                <li id="TwoFAAuthSeprator" runat="server" role="separator" class="divider"></li>

                                <li class="passworless-controls" id="Li_SecuredCreds" runat="server">
                                    <asp:LinkButton ID="Lbtn_SecuredCreds" runat="server"><i class="material-icons">fingerprint</i><%= Resources.Content.PasswordlessAuthentication%></asp:LinkButton></li>
                                <li id="SecuredCredsSeparator" runat="server" role="separator" class="passworless-controls divider"></li>

                                <li id="ChangePaswordLink" runat="server"><a href="javascript:void(0);">
                                    <i class="material-icons">https</i>Change Password</a></li>
                                <li id="ChangePassSeprator" runat="server" role="separator" class="divider"></li>
                                <li>
                                    <asp:LinkButton ID="LB_LogOff" runat="server" CausesValidation="false">
                                        <i class="material-icons">input</i><%= Resources.Content.SPT002767%>
                                    </asp:LinkButton>
                                </li>
                            </ul>

                            <asp:Panel ID="pnlChangePassword" runat="server" Style="display: none" CssClass="width-modal-popup-auto">

                                <div class="col-xs-12">
                                    <div class="card">
                                        <div class="header">

                                            <h5>
                                                <asp:Literal ID="ltlChangePass" runat="server" Text="<%$ Resources:Content, M0087 %>"></asp:Literal>
                                            </h5>

                                        </div>
                                        <div class="body">
                                            <div class="row">
                                                <div class="col-sm-3 col-xs-12">
                                                    <asp:Literal ID="ltrOldPassword" runat="server" Text='<%$ Resources:Content,strOldPassword%>'></asp:Literal>:
                                                </div>
                                                <div class="col-sm-4 col-xs-12">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="txtOldPassword" runat="server" TextMode="Password"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-3 col-xs-12">
                                                    <asp:Literal ID="ltlPassword" runat="server" Text='<%$ Resources:Content,DGN1110554%>'></asp:Literal>:
                                                </div>
                                                <div class="col-sm-4 col-xs-12">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-5 col-xs-12">
                                                    <div class="form-group">
                                                        <asp:LinkButton ID="LB_GenerateEdit" runat="server" Text="<%$ Resources:Content,SMI0195%>"
                                                            CausesValidation="false" TabIndex="-1" class="btn btn-primary waves-effect"></asp:LinkButton>
                                                    </div>
                                                    <div id="Div_PasswordPolicy" runat="server" class="help-text sm"></div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-3 col-xs-12">
                                                    <asp:Literal ID="ltlConfirmPassword" runat="server" Text='<%$ Resources:Content,DGN1110555%>'></asp:Literal>:
                                                </div>
                                                <div class="col-sm-4 col-xs-12">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-5 col-xs-12 row-label">
                                                    <div class="form-group">
                                                        <asp:CheckBox ID="CB_Show" runat="server" EnableViewState="true" Text="<%$ Resources:Content,FAM0049 %>" />
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row">
                                                <div class="col-xs-12">
                                                    <asp:Button ID="btnEditPassword" runat="server" Text="<%$ Resources:Content,GN0000281%>" class="btn btn-primary waves-effect btnAction" ValidationGroup="Password"></asp:Button>
                                                    <asp:Button ID="btnPasschangeCancel" runat="server" class="btn btn-primary waves-effect" CausesValidation="false" Text="<%$ Resources:Content, GN0000572 %>" /><br />
                                                </div>
                                            </div>


                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtPassword"
                                                Display="None" ValidationGroup="Password"></asp:RequiredFieldValidator>

                                            <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage='<%$ Resources:Content,SPT002699%>'
                                                ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword"
                                                Display="None" ValidationGroup="Password"></asp:CompareValidator>
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>

                            <ajaxToolKit:ModalPopupExtender runat="server" ID="MPE_ChangePassword" BackgroundCssClass="modalBackground"
                                DropShadow="false" PopupControlID="pnlChangePassword" TargetControlID="ChangePaswordLink">
                            </ajaxToolKit:ModalPopupExtender>


                            <asp:Panel ID="pnl2FaAuth" runat="server" Style="display: none" CssClass="width-modal-popup-auto">
                                <div class="col-xs-12">
                                    <EM:TwoFA ID="TwoFA" runat="server" />
                                </div>
                            </asp:Panel>
                            <asp:Button ID="btn_2fa_dummy" runat="server" Style="display: none;" />
                            <ajaxToolKit:ModalPopupExtender runat="server" ID="ModalPopupExtender1" BackgroundCssClass="modalBackground"
                                DropShadow="false" PopupControlID="pnl2FaAuth" TargetControlID="btn_2fa_dummy">
                            </ajaxToolKit:ModalPopupExtender>

                            <asp:Panel ID="Pnl_SecuredCredentials" CssClass="width-modal-popup-auto" runat="server" Style="display: none">
                                <div class="col-xs-12">
                                    <div class="card">
                                        <div class="header container-fluid">
                                            <h3 class="pull-left"><%= Resources.Content.SecuredCredentials%></h3>
                                            <span>
                                                <button type="button" class="close" onclick="$find('<%=MPE_SecuredCredentials.ClientID%>').hide();window.location = window.location.href.replace('?SecCredAddok=1','').replace('&SecCredAddok=1','');">&times;</button>
                                            </span>
                                        </div>
                                        <div class="body" id="Div_SecuredCredentials" runat="server">
                                            <UC:SecuredCredentials ID="SecuredCredentials1" runat="server" Visible="false"></UC:SecuredCredentials>
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>
                            <asp:Button ID="btn_secured_creds_dummy" runat="server" CssClass="btn-dummy" Style="display: none;" />
                            <ajaxToolKit:ModalPopupExtender runat="server" ID="MPE_SecuredCredentials" BackgroundCssClass="modalBackground"
                                DropShadow="false" PopupControlID="Pnl_SecuredCredentials" TargetControlID="btn_secured_creds_dummy">
                            </ajaxToolKit:ModalPopupExtender>

                        </li>
                        <!-- #User Info End -->


                    </ul>
                </div>
            </div>
        </nav>
        <!-- #Top Bar -->
        <section>
            <!-- Left Sidebar -->
            <aside id="leftsidebar" class="sidebar">
                <div class="row">
                    <script lang="javascript" type="text/javascript">
                        function selectPage(source) {
                            if (source.value && source.value != '') {
                                $('.page-loader-wrapper').show();
                                window.location = source.value;
                            }
                        }
                    </script>
                    <div class="col-xs-12" style="width: 100%">
                        <%--onchange="selectPage(this)" ToolTip="<%$Resources:Content,TypeToSearch %>"--%>
                        <asp:DropDownList ID="Ddl_SearchMenu" runat="server" onchange="selectPage(this)">
                        </asp:DropDownList>
                    </div>
                </div>
                <!-- Menu -->
                <div class="menu">
                    <div class="list" id="MP_Menu" runat="server">
                    </div>
                </div>

                <!-- #Menu -->

                <!-- Footer -->
                <div class="legal">
                    <div id="divHelpAndSupport" runat="server">
                        <a target="_blank" runat="server" id="HL_PCCHelp">
                            <asp:Literal ID="Literal5" runat="server" Text="<%$ Resources:Content,SPT002746 %>" /></a>
                    </div>
                    <%-- <div class="copyright">
                        <asp:Literal ID="Ltl_CopyRight" runat="server"></asp:Literal>&nbsp;
                        <asp:HyperLink ID="LB_CompanyLink" runat="server"></asp:HyperLink>
                    </div>
                    <div class="version">
                        <b>
                            <asp:Literal runat="server" ID="ProductName" /></b>
                    </div>
                    <div class="version">
                        <b><%= Resources.Content.GN00001101 %>: </b>
                        <asp:Literal runat="server" ID="prodVersion" />
                    </div>--%>
                </div>
                <!-- #Footer -->
            </aside>
            <!-- #END# Left Sidebar -->
            <!-- Right Sidebar -->
            <aside id="rightsidebar" class="right-sidebar">
                <ul class="nav nav-tabs tab-nav-right" role="tablist">
                    <li role="presentation" class="active"><a href="#skins" data-toggle="tab">SKINS</a></li>
                </ul>

                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active in active" id="skins">
                        <ul class="demo-choose-skin" id="DDL_Skins" runat="server" enableviewstate="true">
                        </ul>
                    </div>
                </div>
            </aside>
            <!-- #END# Right Sidebar -->
        </section>
        <section class="content">
            <div class="container-fluid">

                <!-- Dummy Controls to handle browsers's auto fill -->
                <div style="position: absolute; top: -100px; left: -100px; opacity: 0;">
                    <div class="row">
                        <div class="col-xs-2">
                            <label for="d-email">Email:</label>
                            <input type="email" id="d-email" name="d-email">
                            <label for="dt-email">Email:</label>
                            <input type="text" id="dt-email" name="dt-email">
                            <label for="d-password">Password:</label>
                            <input type="password" id="d-password" name="d-password" />
                        </div>
                    </div>
                </div>
                <!-- Dummy Controls to handle browsers's auto fill -->

                <div id='noscript_div' runat="server" style='position: fixed; z-index: 20000000; height: 100%; width: 100%; line-height: 100%;'>
                    <div style="color: red; font-size: 14px; padding-top: 300px; padding-left: 400px; float: left;">
                        <b>
                            <asp:Literal ID="Literal7" runat="server" EnableViewState="false" Text="<%$ Resources:Content,FAM00155 %>" /></b>
                    </div>
                </div>

                <div id="LoginPage" style="width: 100%; height: 100%;">

                    <input type="hidden" id="HF_Ajax" value="0" />

                    <!--control panel content area-->
                    <div class="MainContextArea">
                        <!-- Success or Error Message Start -->
                        <ajax:UpdatePanel ID="UP_Message" runat="server" UpdateMode="Conditional">
                            <ContentTemplate>
                                <div id="Div_UPMessage" runat="server" class="container-fluid status-message" style="display: none">
                                    <div class="alert alert-dismissible sys-alert">
                                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                                        <div id="Div_Message" class="successMsg" runat="server" visible="false" />
                                    </div>
                                </div>

                                <!--  the below repleated Error Div's and Success Div are for Vue -->
                                <div id="Div_UPMessageForJS" runat="server" class="container-fluid" style="display: none">
                                    <div class="alert alert-dismissible sys-alert">
                                        <button type="button" class="close" onclick="$('#ctl00_Div_UPMessageForJS').attr('style', 'display: none')">&times;</button>
                                        <div id="Div_MessageForJS" class="successMsg" runat="server" />
                                    </div>
                                </div>
                            </ContentTemplate>
                        </ajax:UpdatePanel>
                        <!-- //end Success or Error Message -->

                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="menu-display hidden-sm hidden-xs">
                                        <a href="#" class="menu-show-hide"><span class="icon-menu-hide mp-icons"></span></a>
                                    </div>

                                    <div class="breadcrumb-custom pull-left">
                                        <asp:SiteMapPath SkinID="SP_PathNavigation" ID="SM_SiteMap" SiteMapProvider="SP_SiteMapPath" runat="server" />
                                    </div>
                                    <div class="pull-right">
                                        <asp:Button ID="btn_SetHomePage" class="btn btn-primary waves-effect btnAction" runat="server" Text="<%$ Resources:Content,strSetAsHomePage%>" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <%-- <div id="Div_Chat" runat="server">
                            <div class="col-xs-12 align-left hide" id="DRChat">
                                <div id="chatContainer" class="hide">
                                    <div id="ci2IhR" style="z-index: 100; position: fixed"></div>
                                    <div id="sc2IhR" style="display: inline"></div>
                                    <div id="sd2IhR" style="display: none"></div>
                                    <script>var se2IhR = document.createElement("script"); se2IhR.type = "text/javascript"; var se2IhRs = (location.protocol.indexOf("https") == 0 ? "https" : "http") + "://image.providesupport.com/js/19gnr2w32dyxg1fndn2754jfga/safe-standard.js?target=_blank&ps_h=2IhR&ps_t=" + new Date().getTime(); setTimeout("se2IhR.src=se2IhRs;document.getElementById('sd2IhR').appendChild(se2IhR)", 1)</script>
                                    <noscript>
                                        <div style="display: inline"><a href="http://www.providesupport.com?messenger=19gnr2w32dyxg1fndn2754jfga">Live Chat</a></div>
                                    </noscript>
                                </div>
                            </div>
                        </div>--%>
                        <!--content/data start-->
                        <asp:ContentPlaceHolder EnableViewState="true" ID="CPH_Content" runat="server" />
                        <!--//end content/data-->

                    </div>

                </div>

            </div>
            <div class="container-fluid">
                <br />
                <div class="col-xs-12 align-center">

                    <div class="version">
                        <b>
                            <asp:Literal runat="server" ID="ProductName" />,</b>
                        <b><%= Resources.Content.GN00001101 %>: </b>
                        <asp:Literal runat="server" ID="prodVersion" />
                        <span class="hide d-none btn-dummy">
                            <asp:Literal ID="Ltl_CopyRight" runat="server"></asp:Literal>&nbsp;
                            <asp:HyperLink ID="LB_CompanyLink" runat="server"></asp:HyperLink>
                        </span>
                        <br />
                        <b><a href='https://www.machsol.com' target='_blank'>MachSol</a> &reg; All Rights Reserved.</b>
                        <span id="S_ServedFrom" runat="server">
                            <br />
                            <b><%= Resources.Content.ControlServer %></b><asp:Literal ID="Ltl_ServedFrom" runat="server"></asp:Literal>
                        </span>
                    </div>
                </div>
            </div>
        </section>


        <asp:Panel ID="Pnl_PopSubscription" CssClass="width-modal-popup-auto notification-panel" runat="server" Style="display: none;">
            <div class="col-xs-12">
                <div class="card">
                    <div class="header container-fluid">
                        <h3 class="pull-left">NOTIFICATIONS</h3>
                        <span>
                            <button type="button" class="close" onclick="$find('<%=MPE_PS.ClientID%>').hide();">&times;</button>
                        </span>
                    </div>
                    <div class="body">
                        <div class="row">
                            <div class="col-xs-12 hide" id="dvCustomers2"></div>
                            <asp:Repeater ID="Rep_AllAlerts" runat="server">
                                <ItemTemplate>
                                    <%--<div class="col-sm-1 col-xs-12">
                                        <div class="col-light-green m-t-15" id="Div_AlertIcon" runat="server">
                                            <i class="material-icons">person_add</i>
                                        </div>
                                    </div>--%>
                                    <div class="col-xs-12">
                                        <h4>
                                            <asp:HyperLink ID="Ltl_AlertHeader" runat="server" Text="12 new members joined" CssClass="text" /></h4>
                                        <p>
                                            <%--<i class="material-icons">access_time</i>--%>
                                            <asp:Label ID="Ltl_AccessTime" runat="server" Text="14 mins ago" />
                                        </p>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
            </div>
        </asp:Panel>
        <asp:Button ID="Btn_PSDummy" runat="server" Style="display: none;" />
        <ajaxToolKit:ModalPopupExtender runat="server" ID="MPE_PS" BackgroundCssClass="modalBackground"
            DropShadow="false" PopupControlID="Pnl_PopSubscription" TargetControlID="Btn_PSDummy">
        </ajaxToolKit:ModalPopupExtender>

    </form>

    <section id="js" runat="server">


        <!-- Jquery Core Js -->
        <script type="text/javascript" src="/plugins/jquery/jquery.min.js?<%# ProductVersion %>"></script>

        <!-- Bootstrap Core Js -->
        <script type="text/javascript" src="/plugins/bootstrap/js/bootstrap.js?<%# ProductVersion %>"></script>

        <!-- Slimscroll Plugin Js -->
        <script type="text/javascript" src="/plugins/jquery-slimscroll/jquery.slimscroll.js?<%# ProductVersion %>"></script>
        <!-- Waves Effect Plugin Js -->
        <script type="text/javascript" src="/plugins/node-waves/waves.js?<%# ProductVersion %>"></script>

        <!-- Jquery CountTo Plugin Js -->
        <script type="text/javascript" src="/plugins/jquery-countto/jquery.countTo.js?<%# ProductVersion %>"></script>

        <!-- Morris Plugin Js -->
        <script type="text/javascript" src="/plugins/raphael/raphael.min.js?<%# ProductVersion %>"></script>
        <script type="text/javascript" src="/plugins/morrisjs/morris.js?<%# ProductVersion %>"></script>
        <script type="text/javascript" src="/plugins/nestable/jquery.nestable.js?<%# ProductVersion %>"></script>

        <!-- ChartJs -->
        <script type="text/javascript" src="/plugins/chartjs/Chart.min.js?<%# ProductVersion %>"></script>
        <script type="text/javascript" src="/plugins/chartjs/Chart.bundle.min.js?<%# ProductVersion %>"></script>

        <!-- Select Plugin Js -->
        <script type="text/javascript" src="/plugins/bootstrap-select/js/bootstrap-select.js?<%# ProductVersion %>"></script>

        <script type="text/javascript" src="/plugins/bootstrap-fileupload/js/bootstrap-fileupload.js?<%# ProductVersion %>"></script>

        <script type="text/javascript" src="/JS/Master_Ready.js?<%# ProductVersion %>"></script>

        <script type="text/javascript" src="/JS/multi-selectable.js?<%# ProductVersion %>"></script>

        <script type="text/javascript" src="/JS/admin.js?<%# ProductVersion %>"></script>

        <script type="text/javascript" src="/plugins/jquery-ui-1.13.2/jquery-ui.min.js?<%# ProductVersion %>"></script>

        <script type="text/javascript" src="/JS/jquery-cookie 1.4.1/jquery.cookie.min.js?<%# ProductVersion %>"></script>

        <script type="text/javascript">

            var oldPostBack;
            var myForm = document.forms['form1'];
            if (!myForm) {
                myForm = document.forms['aspnetForm'];
            }

            if (!myForm) {
                myForm = document.aspnetForm;
            }

            oldPostBack = __doPostBack;
            __doPostBack = customPostBackHandler;

            function customPostBackHandler(eventTarget, eventArgument) {

                if (!myForm.onsubmit || (myForm.onsubmit() != false)) {
                    HandleInputHtmlTags();
                    $('.page-loader-wrapper').show();
                    return oldPostBack(eventTarget, eventArgument);
                }
            }

            $(document).ready(function () {
                if ($("#DRChat") != null) {
                    $('#DRChat').click(function () {
                        //alert('clicked');
                        CheckChatOption();
                    });

                    setTimeout(function () {
                        CheckChatOption();
                    }, 2000);

                }
            });

            function CheckChatOption() {
                if ($("#DRChat") != null) {
                    if ($("#DRChat").find("#sc2IhR:not([class])").length > 0 || $("#DRChat").find("#sc2IhR").hasClass("ps_rvm__hidden"))
                        UpdateChatSession(false); //alert('hidden');
                    else
                        UpdateChatSession(true); //alert('visible');
                }
            }

            function UpdateChatSession(DoShow) {

                var params = "{'DoShow': '" + DoShow + "'}";
                $.ajax({
                    type: "POST",
                    url: "/WebServices/Voice.asmx/UpdateChatSession",
                    async: true,
                    data: params,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        if (msg.d.indexOf('Error') < 0) {

                        }
                        else {
                            //alert(msg.d);
                        }
                    },
                    error: function (errorMessage) {
                        console.log(errorMessage);
                    }
                });
                //}
            }
        </script>
        <script type="text/javascript" src="/JS/custom-fixes-rcc.js?<%# ProductVersion %>"></script>
        <script type="text/javascript" src="/JS/adal.js?<%# ProductVersion %>"></script>
    </section>


</body>


</html>
