whois.handle: BNLD-209392-NEWDELHI
whois.name: BHARTI TELENET LTD. NEW DELHI
whois.cidrs: 122.176.0.0/16
whois.updated: 2021-03-31T00:00:00.000000
services.protocol: HTTP
services.transport_protocol: TCP
services.scan_time: 2025-07-27T14:45:58.042143
services.banner: HTTP/1.1 200 OK
  Content-Length: 55564
  Accept-Ranges: bytes
  Content-Type: text/html; charset=UTF-8
  X-XSS-Protection: 1; mode=block
  Date:  <REDACTED>
  Expires: 0
  Cache-Control: no-cache, no-store, must-revalidate, private, max-age=0
  Last-Modified: Wed, 11 Jun 2025 07:50:08 GMT
  Pragma: no-cache
  
services.value: login-page
services.value: jquery
services.path: /
services.endpoint_type: HTTP
services.scan_time: 2025-07-27T14:45:58.042143
services.uri: http://122.176.63.225/
services.protocol: HTTP/1.1
services.status_reason: OK
services.key: Last-Modified
services.headers: Wed, 11 Jun 2025 07:50:08 GMT
services.key: Accept-Ranges
services.headers: bytes
services.key: Content-Length
services.headers: 55564
services.key: Cache-Control
services.headers: no-cache, no-store, must-revalidate, private, max-age=0
services.key: Content-Type
services.headers: text/html; charset=UTF-8
services.key: Pragma
services.headers: no-cache
services.key: Date
services.headers: <REDACTED>
services.key: X-XSS-Protection
services.headers: 1; mode=block
services.key: Expires
services.headers: 0
services.html_tags: <title>Web Access</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-XSS-Protection" content="1; mode=block" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="cache-control" content="no-store" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> <meta http-equiv="pragma" content="no-cache" />
services.body: <!-- TEMPLATEVALUES]|[v1]|[Creative]|[Logon]|[127.0.0.1]|[1403]|[Web Access]|[Log on]|[rgba(235, 237, 242, 0.4)]|[rgb(235, 237, 242)]|[#4A4A4A]|[Verdana, Geneva, sans-serif]|[]|[13]|[#999999]|[software/java/img/header_web.png]|[software/java/img/footer.png]|[User name:]|[Password:]|[Domain:]|[Log on]|[]|[]|[]|[false]|[true]|[as_browser]|[remoteapp2+html5]|[true]|[false]|[false]|[true]|[text]|[7]|[32]|[4]|[0]|[15]|[true]|[yes]|[true]|[true]|[false]|[]|[Remote Applications Portal]|[Applications]|[Log Off]|[#AAAAAA]|[#CCCCCC]|[4]|[11]|[11]|[8]|['32']|[11]|[Bright]|[]|[2-step verification:]|[false]|[false]|[0]|[false]|[false]|[7]|[true]|[#4A4A4A]|[#A3A3A3]|[]|[Gauche]|[]|[none]|[#4A4A4A]|[20]|[HTML5]|[RemoteApp]|[]|[]|[HTML5]|[checked]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[ -->
  <!doctype html>
  <html>
  
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
      <meta http-equiv="cache-control" content="max-age=0" />
      <meta http-equiv="cache-control" content="no-cache" />
      <meta http-equiv="cache-control" content="no-store" />
      <meta http-equiv="expires" content="0" />
      <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
      <meta http-equiv="pragma" content="no-cache" />
      <title>Web Access</title>
      <link rel="canonical" href="https://dv.tsplus.net" />
      <script type="text/javascript" src="software/java/third/jws.js"></script>
      <script type="text/javascript" src="software/remoteapp2.js?v=17.20"></script>
      <script type="text/javascript">
          // --------------- Page Configuration ---------------
          var page_configuration = new Array();
          page_configuration["access_type"] = "remoteapp2+html5";     // Client Type (specify the client to use with "remoteapp2" or "html5" (legacy client types: "java", "remoteapp") ; or let the user choose between several clients with "remoteapp2+html5")
          page_configuration["is_standard"] = true;   // Standard Logon Web Page (do not edit this parameter - support only)
          page_configuration["show_domain"] = false;   // Show a Domain field (true if it must be displayed, false otherwise)
          page_configuration["is_webcredentials"] = false;   // Logon using WebCredentials (true if it is, false otherwise)
          page_configuration["allow_empty_password"] = false;   // Allow empty Password field - only intended for WebCredentials (true if it allowed, false otherwise)
          page_configuration["show_password"] = true;   // Show a Password field (true if it must be displayed, false otherwise)
          page_configuration["remember_credentials"] = true;    // Remember login and domain in a cookie (true if must be remembered, false otherwise)
          page_configuration["hide_server_list"] = false;    // Hide the server list if load-balancing is enabled
          page_configuration["applications_portal"] = "";      // Display Application Portal after logon ("your_page_applications.html" to display the application portal, "" to start remote connection directly after logon)
          page_configuration["show_windows_password_reset_button"] = false;      // Display the windows password reset button
          page_configuration["show_windows_password_expiration_alert"] = false;      // Show a windows password expiration alert popin when password expires soon
          page_configuration["show_eye"] = true;      // Display password visibility eye icon
          // --------------- End of Page Configuration ---------------
          // --------------- Access Configuration ---------------
          var user = "";                              // Login to use when connecting to the remote server (leave "" to use the login typed in this page)
          var pass = "";                              // Password to use when connecting to the remote server (leave "" to use the password typed in this page)
          var domain = "";                            // Domain to use when connecting to the remote server (leave "" to use the domain typed in this page)
          var server = "127.0.0.1";                            // Server to connect to (leave "" to use localhost and/or the server chosen in this page)
          var port = "";                              // Port to connect to (leave "" to use localhost and/or the port of the server chosen in this page)
          var lang = "as_browser";                    // Language to use
          var serverhtml5 = "127.0.0.1";              // Server to connect to, when using HTML5 client
          var porthtml5 = "1403";                     // Port to connect to, when using HTML5 client
          var cmdline = "";                           // Optional text that will be put in the server's clipboard once connected
          // --------------- End of Access Configuration ---------------
          // --------------- Seamless Access Configuration ---------------
          var alloutside = "dummyvaro=false; ";
          alloutside += "switcher=7; ";               // Resolution to use (if your server supports RemoteApp, leave 7. Otherwise, use one of the following values: 0 = full window, 1 = full screen, 2 = 640x480, 3 = 800x600, 4 = 1024x768, 5 = 1280x1024, 6 = 1600x1200)
          alloutside += "bpp_all=32; ";               // Pixel Depth to use for Windows clients (use one of the following values: 15 for 15 bits display, 16 for 16 bits, 24 for 24 bits, 32 for 32 bits)
          alloutside += "bpp_all_mac='4'; ";          // Pixel Depth to use for MAC clients (use one of the following values: 1 for 15 bits display, 2 for 16 bits, 3 for 24 bits, 4 for 32 bits)
          alloutside += "cmdline='" + cmdline + "'; ";
          //alloutside += "server=''; ";                  // Server (leave empty '' for auto recognition)
          //alloutside += "username=''; ";                // Autologon User Login (leave empty '' if you don't want to use Autologon)
          //alloutside += "rdppass=''; ";                 // Autologon User Password (leave empty '' if you don't want to use Autologon)
          //alloutside += "mydomain=''; "                 // Domain (leave empty '' if you don't have an Active Directory domain)
          alloutside += "interval_print_option='11'; ";    // Web Printing Options
          // --------------- End of Seamless Access Configuration ---------------
          // --------------- Java Access Configuration ---------------
          var allinside = "dummyvari=false; ";
          allinside += "switcher=0; ";                // Resolution to use (use one of the following values: 0 = full window, 1 = full screen, 2 = 640x480, 3 = 800x600, 4 = 1024x768, 5 = 1280x1024, 6 = 1600x1200)
          allinside += "bpp_all=15; ";                // Pixel Depth to use (use one of the following values: 15 for 15 bits display, 16 for 16 bits, 24 for 24 bits)
          allinside += "cmdline='" + cmdline + "'; ";
          //allinside += "server=''; ";                   // Server (leave empty '' for auto recognition)
          //allinside += "username=''; ";                 // Autologon User Login (leave empty '' if you don't want to use Autologon)
          //allinside += "rdppass=''; ";                  // Autologon User Password (leave empty '' if you don't want to use Autologon)
          //allinside += "mydomain=''; "                  // Domain (leave empty '' if you don't have an Active Directory domain)
          allinside += "sameasweb = 'yes'; ";         // Port to use for the RDP connection ('yes' if you want to use the same port as this page's web server address, 'no' otherwise
          allinside += "insidecheck = true; ";        // Start the Java Client inside the browser (true to start it inside the browser, false to start it externally)
          allinside += "soundsup = true; ";           // Sound Support (true to activate it, false otherwise)
          allinside += "mapsup = true; ";             // Local Disk Mapping (true to activate it, false otherwise)
          allinside += "activex = false; ";           // ActiveX instead of Java in Internet Explorer browsers (true if you want to use ActiveX client instead of the Java client, false otherwise)
          allinside += "interval_print_option='11'; ";        // Web Printing Options
          // --------------- End of Java Access Configuration ---------------
          // --------------- PWA Configuration ---------------
          var isPWAEnabled = "yes";
          var edgeVersion = navigator.userAgent.match(/(Edge|Edg)\/(\d+)/i);
          var isOldEdge = edgeVersion !== null && edgeVersion[2] < 80;
          var isIE = typeof window.document.documentMode !== "undefined";
          var isFirefox = navigator.userAgent.indexOf("Firefox") > -1;
          var isPWASupported = !(isOldEdge || isIE || isFirefox);
          // Delete previous service worker cache
          if (typeof(caches) !== "undefined") {
              caches.delete('site-dynamic-v1');
          }
          if (isPWAEnabled != "no" && isPWASupported && 'serviceWorker' in navigator) {
              var link = document.createElement('link');
              link.rel = 'manifest';
              link.href = 'manifest.json';
              document.head.append(link);
              navigator.serviceWorker.register('./sw.js')
                  .then(function (reg) { console.log('Service Worker registered') })
                  .catch(function (err) { console.log('Service Worker not registered', err) });
          }
          else {
              if ('serviceWorker' in navigator) {
                  navigator.serviceWorker.getRegistration('./sw.js').then(function (reg) {
                      if (reg !== undefined) {
                          console.log('Unregistering Service Worker');
                          reg.unregister();
                      }
                  }).catch(function (err) {
                      console.log('Service Worker unregistration failed: ', err);
                  });
              }
          }
    // --------------- End of PWA Configuration ---------------
      </script>
      <!--[if IE]><script type="text/javascript">window.iecondition = true;</script><![endif]-->
      <script type="text/javascript" src="software/lang.js"></script>
      <script type="text/javascript" src="software/common.js"></script>
      <link type="text/css" href="fonts-inter.css" rel="stylesheet" />
      <script src="software/js/jquery.min.js"></script>
      <style type="text/css">
          html {
              margin: 0;
              padding: 0;
              font-size: 14px;
              font-family: Inter, sans-serif;
              color: #999999;
              background: url('templates/creative/BG/Bright.jpg') no-repeat center fixed;
              -webkit-background-size: cover;
              background-size: cover;
              font-family: Inter, sans-serif;
              height: 100%;
              width: 100%;
          }
  
          body {
              margin: 0;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              -o-font-smoothing: antialiased;
          }
  
          input {
              font-family: Inter, sans-serif;
              font-size: 16px;
              font-weight: 500;
              width: 256px;
              height: 20px;
              line-height: 20px;
              background: none;
              color: #4A4A4A;
              border: 0;
              border-bottom: 1px solid #999999;
              padding-left: 4px;
              padding-right: 4px;
              padding-top: 6px;
              padding-bottom: 6px;
              margin-bottom: 27px;
              display: block;
          }
  
  
          select {
              font-family: Inter, sans-serif;
              font-size: 16px;
              font-weight: 500;
              color: #4A4A4A;
              width: 264px;
              height: 32px;
              line-height: 20px;
              margin: 0;
              margin-top: 3px;
              margin-bottom: 37px;
              padding-top: 6px;
              padding-bottom: 6px;
              padding-left: 4px;
              padding-right: 4px;
              background: transparent no-repeat 236px 50%;
              background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='%23999999' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 8L15 0H0L7.5 8Z' /%3E%3C/svg%3E");
              /* dans le "fill" du code svg -> fill='%23999999' */
              /* bien garder le %23 sinon KO */
              border: 0;
              border-bottom: 1px solid #999999;
              appearance: none;
              -webkit-appearance: none;
              cursor: pointer;
          }
  
          select:focus {
              outline: none;
              border-bottom: 2px solid #4A4A4A;
              transition: color 0.3s ease;
          }
  
          select:disabled {
              opacity: 1;
              background-image:none;
              cursor: auto;
          }
  
          select option {
              padding: 0;
          }
  
          input[type="button"] {
  
              background: #4A4A4A;
              color: #FFFFFF;
              padding: 15px;
              padding-bottom: 22px;
              padding-top: 22px;
              line-height: 0;
              font-weight: 600;
              font-size: 18px;
              width: 264px;
              border-radius: 6px;
          }
  
          input[type="button"]:hover {
              cursor: pointer;
              opacity: 0.8;
          }
  
          input[type="radio"] {
              display: inline;
              width: auto;
              height: 12px;
              width: 12px;
              margin: 0;
              padding: 0;
              border: none;
          }
  
          input[type="text"]:focus,
          input[type="password"]:focus {
              outline: none;
              border-bottom: 2px solid #4A4A4A;
              transition: color 0.3s ease;
              margin-bottom: 26px;
          }
  
          label {
              line-height: 30px;
              display: inline-block;
              margin: 5px;
          }
  
          ::-webkit-input-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          :-moz-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          ::-moz-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          :-ms-input-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          .styled-select select {
              appearance: none;
              -moz-appearance: none;
              -webkit-appearance: none;
          }
  
          .panel {
              margin: auto;
              position: absolute;
              left: 0;
              right: auto;
              min-height: 100%;
              width: 420px;
              border-left: 1px solid rgba(255, 255, 255, 0.10); /* fixed color */
              border-right: 1px solid rgba(255, 255, 255, 0.10); /* fixed color */
              display: -ms-flexbox;
              display: flex;
              flex-direction: column;
              border-radius: 0px;
              background-color: rgba(235, 237, 242, 0.4);
              backdrop-filter: blur(20px);
              -webkit-backdrop-filter: blur(20px);
          }
  
          .panel.left {
              left: 0;
              right: auto;
          }
  
          .panel.right {
              left: auto;
              right: 0;
          }
  
          .panel.center {
              left: 0;
              right: 0;
          }
  
          .panelcontainertop,
          .panelcontainerfooter {
              margin-left: auto;
              margin-right: auto;
              margin-top: 40px;
              margin-bottom: 40px;
              width: 264px;
          }
  
          .paneltop,
          .panelform,
          .custom-text {
              text-align: left;
          }
  
          .panelcontainertop {
              margin-top: 100px;
              -ms-flex: 1 1 auto;
              flex: 1 1 auto;
          }
  
          .panelseparation {
              height: 1px;
              background-color: #999999;
              opacity: 0.6;
              margin-top: 40px;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          }
  
          .panelcontainerfooter {
              margin-left: auto;
              margin-right: auto;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          }
  
          .logo {
              max-height: 250px;
              max-width: 250px;
          }
  
          .title {
              color: #4A4A4A;
              font-weight: bold;
              font-size: 33px;
              margin-bottom: 31px;
          }
  
          .custom-text {
              color: #4A4A4A;
              font-size: 13px;
              margin: 0;
          }
  
          .footer-link {
              font-weight: 600;
              text-decoration: underline;
              color: #4A4A4A;
              transition: color 0.3s ease;
          }
  
          .footer-link:hover {
              cursor: pointer;
              opacity: 0.7;
          }
  
          .button-login {
              -ms-flex: 1 1 auto;
              flex: 1 1 auto;
              border-bottom: none;
              margin-bottom: 10px;
              transition: all 0.3s ease;
          }
  
          .fa-eye {
              background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' width='20' height='16' viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99844 2.5C7.96111 2.5 6.28626 3.425 5.002 4.61562C3.79898 5.73437 2.9678 7.0625 2.54283 8C2.9678 8.9375 3.79898 10.2656 4.99887 11.3844C6.28626 12.575 7.96111 13.5 9.99844 13.5C12.0358 13.5 13.7106 12.575 14.9949 11.3844C16.1979 10.2656 17.0291 8.9375 17.454 8C17.0291 7.0625 16.1979 5.73437 14.998 4.61562C13.7106 3.425 12.0358 2.5 9.99844 2.5ZM3.98021 3.51875C5.45196 2.15 7.47366 1 9.99844 1C12.5232 1 14.5449 2.15 16.0167 3.51875C17.479 4.87812 18.4571 6.5 18.9227 7.61562C19.0258 7.8625 19.0258 8.1375 18.9227 8.38437C18.4571 9.5 17.479 11.125 16.0167 12.4812C14.5449 13.85 12.5232 15 9.99844 15C7.47366 15 5.45196 13.85 3.98021 12.4812C2.51784 11.125 1.5398 9.5 1.07734 8.38437C0.974221 8.1375 0.974221 7.8625 1.07734 7.61562C1.5398 6.5 2.51784 4.875 3.98021 3.51875ZM9.99844 10.5C11.3796 10.5 12.4982 9.38125 12.4982 8C12.4982 6.61875 11.3796 5.5 9.99844 5.5C9.97656 5.5 9.95782 5.5 9.93594 5.5C9.97656 5.65937 9.99844 5.82812 9.99844 6C9.99844 7.10312 9.10164 8 7.99861 8C7.82675 8 7.65802 7.97812 7.49865 7.9375C7.49865 7.95937 7.49865 7.97813 7.49865 8C7.49865 9.38125 8.61731 10.5 9.99844 10.5ZM9.99844 4C11.0592 4 12.0765 4.42143 12.8266 5.17157C13.5767 5.92172 13.9981 6.93913 13.9981 8C13.9981 9.06087 13.5767 10.0783 12.8266 10.8284C12.0765 11.5786 11.0592 12 9.99844 12C8.93766 12 7.92034 11.5786 7.17026 10.8284C6.42018 10.0783 5.99879 9.06087 5.99879 8C5.99879 6.93913 6.42018 5.92172 7.17026 5.17157C7.92034 4.42143 8.93766 4 9.99844 4Z' /%3E%3C/svg%3E");
              /* dans le "fill" du code svg -> fill='%23999999' */
               /* bien garder le %23 sinon KO */
              height: 16px;
              width: 20px;
          }
  
          .fa-eye-slash {
              background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' width='20' height='16' viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21268 0.159551C0.887676 -0.0966993 0.415801 -0.0373243 0.159551 0.287676C-0.0966993 0.612676 -0.0373243 1.08455 0.287676 1.3408L18.7877 15.8408C19.1127 16.0971 19.5846 16.0377 19.8408 15.7127C20.0971 15.3877 20.0377 14.9158 19.7127 14.6596L16.4252 12.0846C17.6627 10.8158 18.5002 9.39393 18.9221 8.38455C19.0252 8.13768 19.0252 7.86268 18.9221 7.6158C18.4564 6.50018 17.4783 4.87518 16.0158 3.51893C14.5471 2.15018 12.5252 1.00018 10.0002 1.00018C7.86893 1.00018 6.09393 1.82205 4.70955 2.90018L1.21268 0.159551ZM5.93143 3.85643C7.06268 3.0533 8.42205 2.50018 10.0002 2.50018C12.0377 2.50018 13.7127 3.42518 14.9971 4.6158C16.2002 5.73455 17.0314 7.06268 17.4564 8.00018C17.0627 8.87518 16.3127 10.0877 15.2408 11.1533L13.5596 9.83455C13.8439 9.28455 14.0033 8.66268 14.0033 8.00018C14.0033 5.7908 12.2127 4.00018 10.0033 4.00018C8.99705 4.00018 8.07518 4.37205 7.37205 4.98455L5.93143 3.85643ZM12.3408 8.88143L9.79393 6.88455C9.92518 6.61893 10.0002 6.3158 10.0002 6.00018C10.0002 5.8283 9.9783 5.65955 9.93768 5.50018C9.95955 5.50018 9.9783 5.50018 10.0002 5.50018C11.3814 5.50018 12.5002 6.61893 12.5002 8.00018C12.5002 8.30955 12.4439 8.60643 12.3408 8.88143ZM13.9439 13.9846L12.6346 12.9533C11.8377 13.2939 10.9596 13.5002 10.0002 13.5002C7.96268 13.5002 6.28768 12.5752 5.0033 11.3846C3.80018 10.2658 2.96893 8.93768 2.54393 8.00018C2.8033 7.42518 3.2158 6.7033 3.77518 5.97518L2.59705 5.04705C1.88455 5.97518 1.37518 6.90018 1.0783 7.6158C0.975176 7.86268 0.975176 8.13768 1.0783 8.38455C1.54393 9.50018 2.52205 11.1252 3.98455 12.4814C5.4533 13.8502 7.47518 15.0002 10.0002 15.0002C11.4939 15.0002 12.8096 14.5971 13.9439 13.9846ZM11.1939 11.8189L9.43768 10.4377C8.7033 10.2689 8.0908 9.77518 7.75955 9.1158L6.00643 7.73455C6.00018 7.82205 5.99705 7.90955 5.99705 8.00018C5.99705 10.2096 7.78768 12.0002 9.99705 12.0002C10.4127 12.0002 10.8127 11.9377 11.1908 11.8189H11.1939Z' /%3E%3C/svg%3E");
              /* dans le "fill" du code svg -> fill='%23999999' */
               /* bien garder le %23 sinon KO */
              height: 16px;
              width: 20px;
          }
  
          .collapsible {
              color: white;
              cursor: pointer;
              padding: 18px;
              width: 100%;
              border: none;
              text-align: left;
              outline: none;
              font-size: 15px;
              background-color: #a3a3a3; /* fixed color */
          }
  
          .active,
          .collapsible:hover {
              background-color: #4a4a4a; /* fixed color */
          }
  
          .collapsiblecontent {
              padding: 0 18px;
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.2s ease-out;
              background-color: #f1f1f1; /* fixed color */
          }
  
          /* Styles for the button and options */
          .dropdown-container {
              position: relative;
              display: inline-block;
          }
  
          .dropdown-button {
              padding-top: 15px;
              padding-bottom: 15px;
              padding-right: 26px;
              padding-left: 10px;
              cursor: pointer;
              background-color: #A3A3A3;
              color: #FFFFFF;
              font-size: 12px;
              font-weight: 600;
              font-family: Inter, sans-serif;
              position: relative;
              border-radius: 0px 6px 6px 0px;
              margin-left: -6px;
              height: 14px;
          }
  
          .dropdown-options {
              visibility: hidden;
              position: absolute;
              top: 44px;
              background-color: #fff; /* fixed color */
              font-size: 14px;
              font-family: Inter, sans-serif;
              font-weight: 500;
              color: #808080;
              /* Fixed color */
              border-radius: 0px 6px 6px 6px;
              list-style: none;
              padding: 0;
              margin: 0;
              margin-left: -6px;
              z-index: 1;
              box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1)
          }
  
          .dropdown-options label {
              display: block;
              padding-right: 23px;
              margin: 0;
              padding-top: 4px;
              padding-bottom: 4px;
              padding-left: 30px;
              cursor: pointer;
              border-top: 1px solid rgb(225, 225, 225);
              /* Fixed color */
              position: relative;
              text-align: left;
              transition: color 0.3s ease;
          }
  
          .dropdown-options label:first-of-type {
              border-top: 0;
          }
  
          .dropdown-options.first label {
              border-top: 0;
          }
  
          .dropdown-options label:hover {
              background-color: #eaeaea;
              /* Fixed color */
          }
  
          /* make the radio button look like a dropdown */
          .custom-radio {
              display: none !important;
          }
  
          .dropdown-icon {
              position: absolute;
              top: 50%;
              right: 8px;
              transform: translateY(-50%);
              font-size: 16px;
          }
  
          .check-icon {
              position: absolute;
              top: 50%;
              left: 10px;
              transform: translateY(-50%);
              font-size: 18px;
              display: none;
  
          }
  
          /* Show the check icon when radio button is checked */
          .custom-radio:checked+.check-icon {
              display: inline-block;
          }
  
          .two-buttons-wrapper {
              margin-top: 10px;
              display: -ms-flexbox;
              display: flex;
          }
          .resetPassword {
              cursor: pointer !important;
              background-color: transparent !important;
              border: 0 !important;
              color: #999999 !important;
              padding: 0 !important;
              padding-top: 0px !important;
              padding-bottom: 10px !important;
              text-align: center !important;
              font-family: Inter, sans-serif !important;
              font-size: 14px !important;
              font-weight: 500 !important;
              width: 100% !important;
              white-space: normal !important;
              line-height: 18px !important;
              height: auto !important;
          }
  
          #divcenter_remoteapp2install {
              font-size: 16px;
              font-weight: 500;
              color: #999999;
          }
  
          #tr-domain,
          #tr-password,
          #tr-verifypassword {
              display: none;
              margin-top: 0px;
          }
  
          #select-server {
              display: none;
          }
  
          #span-login-ok,
          #span-password-ok,
          #span-login-ko,
          #span-password-ko,
          #span-credentials-ko,
          #span-twofa-ko {
              display: none;
          }
  
          #retype-password-input,
          #retype-password-label {
              display: none;
          }
  
          #span-credentials-ko {
              font-weight: bold;
              text-align: center;
              margin-top: 2px;
              margin-bottom: 12px;
              font-size: 16px;
              font-family: Inter, sans-serif;
              font-weight: 700;
              color: #999999;
          }
  
          #accesstypeuserpanel {
              display: none;
              text-align: center;
              margin-top: 0px;
          }
  
          #accesstypeuserpanel label {
              display: none;
          }
  
          #top_right_menu_actions input {
              width: auto;
          }
  
  
          /* IE ONLY */
          @media all and (-ms-high-contrast: none),
          (-ms-high-contrast: active) {
  
              .panel {
                  background-color: rgba(235, 237, 242, 0.4) !important;
              }
  
              input[type="password"]::-ms-reveal,
              input[type="password"]::-ms-clear {
                  display: none !important;
              }
          }
  
          @media screen and (max-width:770px) {
              .panel {
                  width: 100%;
              }
   
              .panelcontainertop{
                  margin-top: 40px;
              }
          }
  
          @media screen and (max-width:400px) {
              .dropdown-options {
                  right: 0;
              }
          }
      </style>
      <link rel="stylesheet" type="text/css" href="popins.css" />
      <!--[if lte IE 8]>
    <style type="text/css">
      .center {
        background:transparent;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b46C764A,endColorstr=#b46C764A);
        zoom: 1;
      }
    </style>
  <![endif]-->
      <link rel="stylesheet" type="text/css" href="custom.css" />
      <script type="text/javascript" src="custom.js"></script>
  </head>
  
  <body onkeypress="CheckKey(event);" onload="setAll(); onCommonJsExecuted();">
  
      <div class="panel gauche" id="divcenter">
          <!-- add class left/right/center (if just "panel" -> left) -->
          <div class="panelcontainertop">
              <div class="paneltop">
                  <img src="software/java/img/header_web.png" class="logo">
                  <p class="title">Log on</p>
              </div>
              <div name="logonform" class="panelform" id="logonformid">
  
                  <span id="tr-domain">
                      <input type="text" name="Domain" id="Editbox3" value="" placeholder="Domain:">
                  </span>
  
                  <input type="text" name="username" id="Editbox1" onblur="onLoginTyped();" value=""
                      placeholder="User name:">
                  <span id="span-login-ok">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM11.5312 6.53125C11.825 6.2375 11.825 5.7625 11.5312 5.47188C11.2375 5.18125 10.7625 5.17813 10.4719 5.47188L7.00313 8.94063L5.53438 7.47188C5.24063 7.17813 4.76562 7.17813 4.475 7.47188C4.18437 7.76563 4.18125 8.24062 4.475 8.53125L6.475 10.5312C6.76875 10.825 7.24375 10.825 7.53438 10.5312L11.5312 6.53125Z" fill="url(#paint0_linear_661_44)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_44" x1="2" y1="2" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#6EE27A"/>
                                  <stop offset="1" stop-color="#3A9E44"/>
                                  <stop offset="0%" stop-color="#6EE27A"/>
                                  <stop offset="100%" stop-color="#3A9E44"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
                  <span id="span-login-ko">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM5.46875 5.46875C5.175 5.7625 5.175 6.2375 5.46875 6.52812L6.9375 7.99687L5.46875 9.46562C5.175 9.75937 5.175 10.2344 5.46875 10.525C5.7625 10.8156 6.2375 10.8187 6.52812 10.525L7.99687 9.05625L9.46562 10.525C9.75937 10.8187 10.2344 10.8187 10.525 10.525C10.8156 10.2312 10.8187 9.75625 10.525 9.46562L9.05625 7.99687L10.525 6.52812C10.8187 6.23437 10.8187 5.75938 10.525 5.46875C10.2312 5.17812 9.75625 5.175 9.46562 5.46875L7.99687 6.9375L6.52812 5.46875C6.23437 5.175 5.75938 5.175 5.46875 5.46875Z" fill="url(#paint0_linear_661_48)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_48" x1="2" y1="2.23517e-07" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#F06565"/>
                                  <stop offset="1" stop-color="#BF3B3B"/>
                                  <stop offset="0%" stop-color="#F06565"/>
                                  <stop offset="100%" stop-color="#BF3B3B"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
  
                  <span id="tr-password">
                      <input type="password" name="Password" id="Editbox2" onfocus="onPasswordFocused();" value=""
                          placeholder="Password:">
                      <span toggle="#password-field" id="password-visibility"
                          class="fa fa-fw fa-eye field-icon toggle-password"
                          style="float: right; margin-top: -52px; margin-right: 10px; cursor: pointer; position: relative;"></span>
                  </span>
  
                  <span id="span-password-ok">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM11.5312 6.53125C11.825 6.2375 11.825 5.7625 11.5312 5.47188C11.2375 5.18125 10.7625 5.17813 10.4719 5.47188L7.00313 8.94063L5.53438 7.47188C5.24063 7.17813 4.76562 7.17813 4.475 7.47188C4.18437 7.76563 4.18125 8.24062 4.475 8.53125L6.475 10.5312C6.76875 10.825 7.24375 10.825 7.53438 10.5312L11.5312 6.53125Z" fill="url(#paint0_linear_661_44)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_44" x1="2" y1="2" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#6EE27A"/>
                                  <stop offset="1" stop-color="#3A9E44"/>
                                  <stop offset="0%" stop-color="#6EE27A"/>
                                  <stop offset="100%" stop-color="#3A9E44"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
                  <span id="span-password-ko">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM5.46875 5.46875C5.175 5.7625 5.175 6.2375 5.46875 6.52812L6.9375 7.99687L5.46875 9.46562C5.175 9.75937 5.175 10.2344 5.46875 10.525C5.7625 10.8156 6.2375 10.8187 6.52812 10.525L7.99687 9.05625L9.46562 10.525C9.75937 10.8187 10.2344 10.8187 10.525 10.525C10.8156 10.2312 10.8187 9.75625 10.525 9.46562L9.05625 7.99687L10.525 6.52812C10.8187 6.23437 10.8187 5.75938 10.525 5.46875C10.2312 5.17812 9.75625 5.175 9.46562 5.46875L7.99687 6.9375L6.52812 5.46875C6.23437 5.175 5.75938 5.175 5.46875 5.46875Z" fill="url(#paint0_linear_661_48)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_48" x1="2" y1="2.23517e-07" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#F06565"/>
                                  <stop offset="1" stop-color="#BF3B3B"/>
                                  <stop offset="0%" stop-color="#F06565"/>
                                  <stop offset="100%" stop-color="#BF3B3B"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
  
  
                  <select id="select-server" name="server"></select>
  
  
  
                  <div class="two-buttons-wrapper">
                      <input class="button-login" id="buttonLogOn" type="button" value="Log on" />
  
                      <div class="dropdown-container">
  
                          <!-- Button triggering the dropdown -->
                          <div class="dropdown-button" onclick="toggleDropdown()">
                              <span id="selected-option-text">HTML5</span>
                              <span class="dropdown-icon">&#9662;</span>
                          </div>
  
                          <!-- Options in the dropdown -->
                          <span id="accesstypeuserpanel" class="dropdown-options">
                              <label id="label_accesstypeuserchoice_html5" for="accesstypeuserchoice_html5">
                                  <input type="radio" value="html5" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_html5" onchange="remoteAppPluginPopinHide();"
                                      onclick="updateSelectedOptionText('HTML5');" checked class="custom-radio"> HTML5
                                  <span class="check-icon">&#10003;</span>
                              </label>
                              <label id="label_accesstypeuserchoice_java" for="accesstypeuserchoice_java">
                                  <input type="radio" value="java" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_java" onchange="remoteAppPluginPopinHide();"
                                      onclick="updateSelectedOptionText('Java');" class="custom-radio"> Java
                                  <span class="check-icon">&#10003;</span>
                              </label>
                              <label id="label_accesstypeuserchoice_remoteapp" for="accesstypeuserchoice_remoteapp">
                                  <input type="radio" value="remoteapp" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_remoteapp" onchange="remoteAppPluginPopinHide();"
                                      onclick="updateSelectedOptionText('Windows');" class="custom-radio"> Windows
                                  <span class="check-icon">&#10003;</span>
                              </label>
                              <label id="label_accesstypeuserchoice_remoteapp2" for="accesstypeuserchoice_remoteapp2">
                                  <input type="radio" value="remoteapp2" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_remoteapp2" onchange="remoteAppPluginPopinShow();"
                                      onclick="updateSelectedOptionText('RemoteApp');"  class="custom-radio"> RemoteApp
                                  <span class="check-icon">&#10003;</span>
                              </label>
                          </span>
                      </div>
                  </div>
              </div>
  
              <p id="span-credentials-ko">Invalid credentials</p>
  
              <div id="top_right_menu_actions">
                  <input type="button" id="windows-password-reset-button" class="resetPassword"
                      value="Reset Windows password" onclick="showResetWindowsPasswordPopin();return false;"
                      style="display: none;" />
              </div>
  
  
  
  
              <div style="visibility:hidden;display:none;width:0px;height:0px;">
                  <span id="tr-verifypassword"></span>
                  <span id="retype-password-label"></span>
                  <span id="retype-password-input"></span>
              </div>
              <div id="divcenter_remoteapp2install" style="display:none;">
                  <br>
                  <div id ="sp-windowsplugin">Windows plugin not found.</div>
                  <div id ="sp-windowsplugin-actions">Install the plugin and 'Log in' again</div>
                  <br><br>
                  <input type="button" value="Download Plugin" onclick="remoteAppDownloadPlugin();return false;" />
              </div>
          </div>
          <div class="panelseparation" style="display:none;">
          </div>
          <div class="panelcontainerfooter">
              <p class="custom-text"></p>
              <!-- Add <a class="footer-link" href="/my-link"></a> autour des liens -->
          </div>
          <div  style="display:none;">     
              <a href="https://unsplash.com/@?utm_source=TSPlus&utm_medium=referral">Photo by </a> on <a href="https://unsplash.com/?utm_source=TSPlus&utm_medium=referral">Unsplash</a>
          </div>
      </div>
  
  
  
      <a id="open-twofa" href="#verify" style="display: none"></a>
      <div class="twofa-popin" id="verify">
          <div class="sp-body">
              <div class="sp-table">
                  <div class="sp-cell">
                      <h2 id="sp-title">Protect your account with 2-step verification</h2>
                      <form autocomplete="off">
                          <div id="sp-appactivation">
                              <button type="button" id="sp-app" class="collapsible">Configure your authentication
                                  app</button>
                              <div class="collapsiblecontent">
                                  <br />
                                  <li id="sp-appstep1">Open the authenticator app on your mobile phone.</li>
                                  <li id="sp-appstep2">Scan the QR code displayed below:</li>
                                  <figure>
                                      <img id="twofaqrcode" src=""
                                          alt="No QR code was generated! Please enter your credentials on the logon page." />
                                      <figcaption id="qrcodecaption"></figcaption>
                                  </figure>
                              </div>
                          </div>
                          <div id="sp-smsactivation">
                              <button type="button" id="sp-sms" class="collapsible">Or receive your verification code
                                  via
                                  SMS</button>
                              <div class="collapsiblecontent">
                                  <br />
                                  <li id="sp-smsstep1">Type your phone number below, using the international phone
                                      numbers
                                      format (e.g. +14155552671):</li>
                                  <input type="text" id="sp-phonenumber" value="" placeholder="Your phone number" oninput="onChangeTrim(this);" required
                                      pattern="^\+?[1-9]\d{1,14}$" minlength="1" maxlength="15">
                                  <span id="sp-phonenumbererror" class="error" aria-live="polite"></span>
                                  <li id="sp-smsstep2">Click Send SMS button to register your phone number and receive
                                      your verification code.</li>
                                  <input type="button" id="sp-register" style="cursor: pointer;" value="Receive SMS"
                                      onclick="requestVerificationCodeBySms();">
                              </div>
                              <span id="sms-error" class="error" aria-live="polite"></span>
                          </div>
                          <div id="sp-emailactivation">
                              <button type="button" id="sp-email" class="collapsible">Or receive your verification
                                  code
                                  via e-mail</button>
                              <div class="collapsiblecontent">
                                  <br />
                                  <li id="sp-emailstep1">Enter your e-mail address below:</li>
                                  <input type="email" id="sp-emailaddress" value="" placeholder="Your e-mail address" oninput="onChangeTrim(this);" required
                                      pattern="[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.[a-zA-Z.]{2,15}">
                                  <span id="sp-emailaddresserror" class="error" aria-live="polite"></span>
                                  <li id="sp-emailstep2">Click Send e-mail button to register your e-mail and receive
                                      your
                                      verification code.</li>
                                  <input type="button" id="sp-sendemail" style="cursor: pointer;" value="Send e-mail"
                                      onclick="requestVerificationCodeByEmail();">
                              </div>
                              <span id="email-error" class="error" aria-live="polite"></span>
                          </div>
                          <h4 id="sp-validate">Validate your verification code</h4>
                          <input type="text" id="twofacode" value="" placeholder="2-step verification:"
                              onkeyup="validate2faKeyUpHandler(event);" oninput="onChangeTrim(this);" required
                              pattern="[0-9]{4,12}" minlength="4" maxlength="12">
                          <span id="twofaerror" class="error" aria-live="polite"></span>
                          <input type="button" id="sp-verify" style="cursor: pointer;" value="Validate"
                              onclick="verifyCode();">
                      </form>
                      <a href="#" id="twofaclose" class="sp-close" onclick="exitVerification();">⨯</a>
                  </div>
              </div>
          </div>
      </div>
  
      <a id="open-expiration-password-reminder" href="#expiration-password-reminder" style="display: none"></a>
      <div class="expiration-password-reminder-popin" id="expiration-password-reminder">
          <div class="sp-body">
              <div class="sp-table">
                  <div class="sp-cell">
                      <div id="password-expiration-reminder-section">
                          <h2 id="sp-title-expiration-password-reminder">Expiration password reminder</h2>
                          <h3 id="password-expiring">Your windows password currently expires in XX days.</h3>
                          <h3 id="change-password-now">Would you like to change it now?</h3>
                          <input type="button" id="password-expiration-choice-change-password" value="Yes"
                              onclick="showResetWindowsPasswordPopin();">
                          <input type="button" id="password-expiration-choice-connect" value="No"
                              onclick="closePasswordExpirationReminderPopin();refreshDisplayAndOpenSession();">
                      </div>
                      <a href="#" id="expiration-password-reminder-close" class="sp-close">⨯</a>
                  </div>
              </div>
          </div>
      </div>
      
      <a id="open-reset-windows-password" href="#reset-windows-password" style="display: none"></a>
      <div class="reset-windows-password-popin" id="reset-windows-password">
          <div class="sp-body">
              <div class="sp-table">
                  <div class="sp-cell">
                      <div id="reset-windows-password-section">
                          <h2 id="sp-title-reset-windows-password">Reset your windows password</h2>
                          <input type="text" id="sp-full-username" value=""
                              placeholder="Your Windows username - Ex: CORP\johndoe">
                          <input type="password" id="sp-old-password" value="" placeholder="Your old password">
                          <input type="password" id="sp-new-password" value="" placeholder="Your new password">
                          <input type="password" id="sp-confirm-new-password" value=""
                              placeholder="Confirm your new password">
                          <input type="button" style="cursor: pointer;" id="reset-windows-password-choice-validate"
                              value="Validate" onclick="changeWindowsPassword();">
                          <span id="reset-windows-password-error" class="error" aria-live="polite"
                              style="display: none;"></span>
                      </div>
                      <a href="#" id="reset-windows-password-close" class="sp-close">⨯</a>
                  </div>
              </div>
          </div>
      </div>
  
      <script>
          (function ($) {
              $.support.placeholder = ('placeholder' in document.createElement('input'));
          })(jQuery);
          //fix for IE7 and IE8
          $(function () {
              if (!$.support.placeholder) {
                  $("[placeholder]").focus(function () {
                      if ($(this).val() == $(this).attr("placeholder")) $(this).val("");
                  }).blur(function () {
                      if ($(this).val() == "") $(this).val($(this).attr("placeholder"));
                  }).blur();
                  $("[placeholder]").parents("form").submit(function () {
                      $(this).find('[placeholder]').each(function () {
                          if ($(this).val() == $(this).attr("placeholder")) {
                              $(this).val("");
                          }
                      });
                  });
              }
          });
          $(function () {
              $(".toggle-password").click(function () {
                  $(this).toggleClass("fa-eye fa-eye-slash");
                  var eyeIcon = document.getElementById("Editbox2");
                  if (eyeIcon.type === "password") {
                      eyeIcon.type = "text";
                  } else {
                      eyeIcon.type = "password";
                  }
              })
          });
      </script>
      <script>
      var coll = document.getElementsByClassName("collapsible");
      var i;
      for (i = 0; i < coll.length; i++) {
          coll[i].addEventListener("click", function () {
              this.classList.toggle("active");
              var content = this.nextElementSibling;
              if (content.style.maxHeight) {
                  content.style.maxHeight = null;
              } else {
                  content.style.maxHeight = content.scrollHeight + "px";
              }
          });
      }
       
      try {
          // store variables for the splashscreen to use
          localStorage.setItem("backgroundColor", "rgba(235, 237, 242, 0.4)");
          localStorage.setItem("backgroundImage", "templates/creative/BG/Bright.jpg");
          localStorage.setItem("textColor", "#4A4A4A");
          localStorage.setItem("logo", "software/java/img/header_web.png");
  
          function onCommonJsExecuted() {
              // Sets the connection mode display name depending on the checked input
              var selectedModes = $("input[name='accesstypeuserchoice']:checked");
              if (selectedModes.length == 1) {
                  var modeName = selectedModes[0].nextSibling.nodeValue.trim();
                  var selectedOptionText = document.getElementById("selected-option-text");
                  if (selectedOptionText != null) {
                      selectedOptionText.innerText = modeName;
                  }
              }
  
              //change the dropdown options from inline to block (inline set by common.js...) so wait for it to be executed first
              var dropdownOptions = document.querySelectorAll("#accesstypeuserpanel label");
              if (dropdownOptions != null) {
                  dropdownOptions.forEach(function (item) {
                      if (getComputedStyle(item).display === "inline") {
                          item.style.display = "block";
                      }
                  });
              }
          }
       
          // update the selected option text and hide dropdown
          function updateSelectedOptionText(optionValue) {
              var selectedOptionText = document.getElementById("selected-option-text");
              selectedOptionText.innerText = optionValue;
       
              var dropdownOptions = document.querySelector(".dropdown-options");
              dropdownOptions.style.visibility = dropdownOptions.style.visibility === "visible" ? "hidden" : "visible";
          }
       
          // toggle the display of dropdown options
          function toggleDropdown() {
              var dropdownOptions = document.querySelector(".dropdown-options");
              dropdownOptions.style.visibility = dropdownOptions.style.visibility === "visible" ? "hidden" : "visible";
          }
       
          // hide dropdown when clicking outside
          document.documentElement.addEventListener('click', function (event) {
              var dropdownContainer = document.querySelector('.dropdown-container');
              if (!dropdownContainer.contains(event.target)) {
                  var dropdownOptions = document.querySelector('.dropdown-options');
                  dropdownOptions.style.visibility = 'hidden';
              }
          });
       
          //hide the secondary button if there is only one access_type option (html5/remoteApp)
          if (page_configuration["access_type"].indexOf("+") === -1) {
              document.getElementsByClassName("dropdown-button")[0].style.display = "none";
          }
          
          //change the dropdown options from inline to block (inline set by common.js...) so wait for it to be executed first
          setTimeout(function(){
              var dropdownOptions = document.querySelectorAll("#accesstypeuserpanel label");
       
              dropdownOptions.forEach(function (item) {
                  if (getComputedStyle(item).display === "inline") {
                      item.style.display = "block";
                  }
              });
          },500);
       
      } catch (error) {
          console.error("An error occurred: ", error.message);
      }
       
      </script>
  
  </html>
  
  
services.body_hash_sha1: sha1:ec51fcf8c85a88a30b76a5be596ff2db5b6ac0f5
services.supported_versions: HTTP/1.1
services.protocol: HTTP
services.transport_protocol: TCP
services.scan_time: 2025-07-27T13:48:46.150828
services.banner: HTTP/1.1 200 OK
  Content-Length: 55564
  Accept-Ranges: bytes
  Content-Type: text/html; charset=UTF-8
  X-XSS-Protection: 1; mode=block
  Date:  <REDACTED>
  Expires: 0
  Cache-Control: no-cache, no-store, must-revalidate, private, max-age=0
  Last-Modified: Wed, 11 Jun 2025 07:50:08 GMT
  Pragma: no-cache
  
services.version_selected: TLSv1_3
services.cipher_selected: TLS_AES_256_GCM_SHA384
services.ja4s: t130200_1302_a56c5b993250
services.version: TLSv1_3
services.ja4s: t130200_1302_a56c5b993250
services.version: TLSv1_2
services.ja4s: t120100_c030_bc98f8e001b5
services.version: TLSv1_1
services.ja4s: t110100_c014_bc98f8e001b5
services.version: TLSv1_0
services.ja4s: t100100_c014_bc98f8e001b5
services.issuer_dn: C=FR, O=common, OU=user, CN=tst
services.common_name: tst
services.country: FR
services.organization: common
services.organizational_unit: user
services.subject_dn: C=FR, O=common, OU=user, CN=tst
services.common_name: tst
services.country: FR
services.organization: common
services.organizational_unit: user
services.value: login-page
services.value: jquery
services.path: /
services.endpoint_type: HTTP
services.scan_time: 2025-07-27T13:48:46.150828
services.uri: https://122.176.63.225/
services.protocol: HTTP/1.1
services.status_reason: OK
services.key: Last-Modified
services.headers: Wed, 11 Jun 2025 07:50:08 GMT
services.key: Accept-Ranges
services.headers: bytes
services.key: Content-Length
services.headers: 55564
services.key: Cache-Control
services.headers: no-cache, no-store, must-revalidate, private, max-age=0
services.key: Content-Type
services.headers: text/html; charset=UTF-8
services.key: Pragma
services.headers: no-cache
services.key: Date
services.headers: <REDACTED>
services.key: X-XSS-Protection
services.headers: 1; mode=block
services.key: Expires
services.headers: 0
services.html_tags: <title>Web Access</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-XSS-Protection" content="1; mode=block" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="cache-control" content="no-store" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> <meta http-equiv="pragma" content="no-cache" />
services.body: <!-- TEMPLATEVALUES]|[v1]|[Creative]|[Logon]|[127.0.0.1]|[1403]|[Web Access]|[Log on]|[rgba(235, 237, 242, 0.4)]|[rgb(235, 237, 242)]|[#4A4A4A]|[Verdana, Geneva, sans-serif]|[]|[13]|[#999999]|[software/java/img/header_web.png]|[software/java/img/footer.png]|[User name:]|[Password:]|[Domain:]|[Log on]|[]|[]|[]|[false]|[true]|[as_browser]|[remoteapp2+html5]|[true]|[false]|[false]|[true]|[text]|[7]|[32]|[4]|[0]|[15]|[true]|[yes]|[true]|[true]|[false]|[]|[Remote Applications Portal]|[Applications]|[Log Off]|[#AAAAAA]|[#CCCCCC]|[4]|[11]|[11]|[8]|['32']|[11]|[Bright]|[]|[2-step verification:]|[false]|[false]|[0]|[false]|[false]|[7]|[true]|[#4A4A4A]|[#A3A3A3]|[]|[Gauche]|[]|[none]|[#4A4A4A]|[20]|[HTML5]|[RemoteApp]|[]|[]|[HTML5]|[checked]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[]|[ -->
  <!doctype html>
  <html>
  
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
      <meta http-equiv="cache-control" content="max-age=0" />
      <meta http-equiv="cache-control" content="no-cache" />
      <meta http-equiv="cache-control" content="no-store" />
      <meta http-equiv="expires" content="0" />
      <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
      <meta http-equiv="pragma" content="no-cache" />
      <title>Web Access</title>
      <link rel="canonical" href="https://dv.tsplus.net" />
      <script type="text/javascript" src="software/java/third/jws.js"></script>
      <script type="text/javascript" src="software/remoteapp2.js?v=17.20"></script>
      <script type="text/javascript">
          // --------------- Page Configuration ---------------
          var page_configuration = new Array();
          page_configuration["access_type"] = "remoteapp2+html5";     // Client Type (specify the client to use with "remoteapp2" or "html5" (legacy client types: "java", "remoteapp") ; or let the user choose between several clients with "remoteapp2+html5")
          page_configuration["is_standard"] = true;   // Standard Logon Web Page (do not edit this parameter - support only)
          page_configuration["show_domain"] = false;   // Show a Domain field (true if it must be displayed, false otherwise)
          page_configuration["is_webcredentials"] = false;   // Logon using WebCredentials (true if it is, false otherwise)
          page_configuration["allow_empty_password"] = false;   // Allow empty Password field - only intended for WebCredentials (true if it allowed, false otherwise)
          page_configuration["show_password"] = true;   // Show a Password field (true if it must be displayed, false otherwise)
          page_configuration["remember_credentials"] = true;    // Remember login and domain in a cookie (true if must be remembered, false otherwise)
          page_configuration["hide_server_list"] = false;    // Hide the server list if load-balancing is enabled
          page_configuration["applications_portal"] = "";      // Display Application Portal after logon ("your_page_applications.html" to display the application portal, "" to start remote connection directly after logon)
          page_configuration["show_windows_password_reset_button"] = false;      // Display the windows password reset button
          page_configuration["show_windows_password_expiration_alert"] = false;      // Show a windows password expiration alert popin when password expires soon
          page_configuration["show_eye"] = true;      // Display password visibility eye icon
          // --------------- End of Page Configuration ---------------
          // --------------- Access Configuration ---------------
          var user = "";                              // Login to use when connecting to the remote server (leave "" to use the login typed in this page)
          var pass = "";                              // Password to use when connecting to the remote server (leave "" to use the password typed in this page)
          var domain = "";                            // Domain to use when connecting to the remote server (leave "" to use the domain typed in this page)
          var server = "127.0.0.1";                            // Server to connect to (leave "" to use localhost and/or the server chosen in this page)
          var port = "";                              // Port to connect to (leave "" to use localhost and/or the port of the server chosen in this page)
          var lang = "as_browser";                    // Language to use
          var serverhtml5 = "127.0.0.1";              // Server to connect to, when using HTML5 client
          var porthtml5 = "1403";                     // Port to connect to, when using HTML5 client
          var cmdline = "";                           // Optional text that will be put in the server's clipboard once connected
          // --------------- End of Access Configuration ---------------
          // --------------- Seamless Access Configuration ---------------
          var alloutside = "dummyvaro=false; ";
          alloutside += "switcher=7; ";               // Resolution to use (if your server supports RemoteApp, leave 7. Otherwise, use one of the following values: 0 = full window, 1 = full screen, 2 = 640x480, 3 = 800x600, 4 = 1024x768, 5 = 1280x1024, 6 = 1600x1200)
          alloutside += "bpp_all=32; ";               // Pixel Depth to use for Windows clients (use one of the following values: 15 for 15 bits display, 16 for 16 bits, 24 for 24 bits, 32 for 32 bits)
          alloutside += "bpp_all_mac='4'; ";          // Pixel Depth to use for MAC clients (use one of the following values: 1 for 15 bits display, 2 for 16 bits, 3 for 24 bits, 4 for 32 bits)
          alloutside += "cmdline='" + cmdline + "'; ";
          //alloutside += "server=''; ";                  // Server (leave empty '' for auto recognition)
          //alloutside += "username=''; ";                // Autologon User Login (leave empty '' if you don't want to use Autologon)
          //alloutside += "rdppass=''; ";                 // Autologon User Password (leave empty '' if you don't want to use Autologon)
          //alloutside += "mydomain=''; "                 // Domain (leave empty '' if you don't have an Active Directory domain)
          alloutside += "interval_print_option='11'; ";    // Web Printing Options
          // --------------- End of Seamless Access Configuration ---------------
          // --------------- Java Access Configuration ---------------
          var allinside = "dummyvari=false; ";
          allinside += "switcher=0; ";                // Resolution to use (use one of the following values: 0 = full window, 1 = full screen, 2 = 640x480, 3 = 800x600, 4 = 1024x768, 5 = 1280x1024, 6 = 1600x1200)
          allinside += "bpp_all=15; ";                // Pixel Depth to use (use one of the following values: 15 for 15 bits display, 16 for 16 bits, 24 for 24 bits)
          allinside += "cmdline='" + cmdline + "'; ";
          //allinside += "server=''; ";                   // Server (leave empty '' for auto recognition)
          //allinside += "username=''; ";                 // Autologon User Login (leave empty '' if you don't want to use Autologon)
          //allinside += "rdppass=''; ";                  // Autologon User Password (leave empty '' if you don't want to use Autologon)
          //allinside += "mydomain=''; "                  // Domain (leave empty '' if you don't have an Active Directory domain)
          allinside += "sameasweb = 'yes'; ";         // Port to use for the RDP connection ('yes' if you want to use the same port as this page's web server address, 'no' otherwise
          allinside += "insidecheck = true; ";        // Start the Java Client inside the browser (true to start it inside the browser, false to start it externally)
          allinside += "soundsup = true; ";           // Sound Support (true to activate it, false otherwise)
          allinside += "mapsup = true; ";             // Local Disk Mapping (true to activate it, false otherwise)
          allinside += "activex = false; ";           // ActiveX instead of Java in Internet Explorer browsers (true if you want to use ActiveX client instead of the Java client, false otherwise)
          allinside += "interval_print_option='11'; ";        // Web Printing Options
          // --------------- End of Java Access Configuration ---------------
          // --------------- PWA Configuration ---------------
          var isPWAEnabled = "yes";
          var edgeVersion = navigator.userAgent.match(/(Edge|Edg)\/(\d+)/i);
          var isOldEdge = edgeVersion !== null && edgeVersion[2] < 80;
          var isIE = typeof window.document.documentMode !== "undefined";
          var isFirefox = navigator.userAgent.indexOf("Firefox") > -1;
          var isPWASupported = !(isOldEdge || isIE || isFirefox);
          // Delete previous service worker cache
          if (typeof(caches) !== "undefined") {
              caches.delete('site-dynamic-v1');
          }
          if (isPWAEnabled != "no" && isPWASupported && 'serviceWorker' in navigator) {
              var link = document.createElement('link');
              link.rel = 'manifest';
              link.href = 'manifest.json';
              document.head.append(link);
              navigator.serviceWorker.register('./sw.js')
                  .then(function (reg) { console.log('Service Worker registered') })
                  .catch(function (err) { console.log('Service Worker not registered', err) });
          }
          else {
              if ('serviceWorker' in navigator) {
                  navigator.serviceWorker.getRegistration('./sw.js').then(function (reg) {
                      if (reg !== undefined) {
                          console.log('Unregistering Service Worker');
                          reg.unregister();
                      }
                  }).catch(function (err) {
                      console.log('Service Worker unregistration failed: ', err);
                  });
              }
          }
    // --------------- End of PWA Configuration ---------------
      </script>
      <!--[if IE]><script type="text/javascript">window.iecondition = true;</script><![endif]-->
      <script type="text/javascript" src="software/lang.js"></script>
      <script type="text/javascript" src="software/common.js"></script>
      <link type="text/css" href="fonts-inter.css" rel="stylesheet" />
      <script src="software/js/jquery.min.js"></script>
      <style type="text/css">
          html {
              margin: 0;
              padding: 0;
              font-size: 14px;
              font-family: Inter, sans-serif;
              color: #999999;
              background: url('templates/creative/BG/Bright.jpg') no-repeat center fixed;
              -webkit-background-size: cover;
              background-size: cover;
              font-family: Inter, sans-serif;
              height: 100%;
              width: 100%;
          }
  
          body {
              margin: 0;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              -o-font-smoothing: antialiased;
          }
  
          input {
              font-family: Inter, sans-serif;
              font-size: 16px;
              font-weight: 500;
              width: 256px;
              height: 20px;
              line-height: 20px;
              background: none;
              color: #4A4A4A;
              border: 0;
              border-bottom: 1px solid #999999;
              padding-left: 4px;
              padding-right: 4px;
              padding-top: 6px;
              padding-bottom: 6px;
              margin-bottom: 27px;
              display: block;
          }
  
  
          select {
              font-family: Inter, sans-serif;
              font-size: 16px;
              font-weight: 500;
              color: #4A4A4A;
              width: 264px;
              height: 32px;
              line-height: 20px;
              margin: 0;
              margin-top: 3px;
              margin-bottom: 37px;
              padding-top: 6px;
              padding-bottom: 6px;
              padding-left: 4px;
              padding-right: 4px;
              background: transparent no-repeat 236px 50%;
              background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='%23999999' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 8L15 0H0L7.5 8Z' /%3E%3C/svg%3E");
              /* dans le "fill" du code svg -> fill='%23999999' */
              /* bien garder le %23 sinon KO */
              border: 0;
              border-bottom: 1px solid #999999;
              appearance: none;
              -webkit-appearance: none;
              cursor: pointer;
          }
  
          select:focus {
              outline: none;
              border-bottom: 2px solid #4A4A4A;
              transition: color 0.3s ease;
          }
  
          select:disabled {
              opacity: 1;
              background-image:none;
              cursor: auto;
          }
  
          select option {
              padding: 0;
          }
  
          input[type="button"] {
  
              background: #4A4A4A;
              color: #FFFFFF;
              padding: 15px;
              padding-bottom: 22px;
              padding-top: 22px;
              line-height: 0;
              font-weight: 600;
              font-size: 18px;
              width: 264px;
              border-radius: 6px;
          }
  
          input[type="button"]:hover {
              cursor: pointer;
              opacity: 0.8;
          }
  
          input[type="radio"] {
              display: inline;
              width: auto;
              height: 12px;
              width: 12px;
              margin: 0;
              padding: 0;
              border: none;
          }
  
          input[type="text"]:focus,
          input[type="password"]:focus {
              outline: none;
              border-bottom: 2px solid #4A4A4A;
              transition: color 0.3s ease;
              margin-bottom: 26px;
          }
  
          label {
              line-height: 30px;
              display: inline-block;
              margin: 5px;
          }
  
          ::-webkit-input-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          :-moz-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          ::-moz-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          :-ms-input-placeholder {
              color: #999999;
              font-size: 16px;
              font-weight: 500;
              width: 264px;
              opacity: 1;
          }
  
          .styled-select select {
              appearance: none;
              -moz-appearance: none;
              -webkit-appearance: none;
          }
  
          .panel {
              margin: auto;
              position: absolute;
              left: 0;
              right: auto;
              min-height: 100%;
              width: 420px;
              border-left: 1px solid rgba(255, 255, 255, 0.10); /* fixed color */
              border-right: 1px solid rgba(255, 255, 255, 0.10); /* fixed color */
              display: -ms-flexbox;
              display: flex;
              flex-direction: column;
              border-radius: 0px;
              background-color: rgba(235, 237, 242, 0.4);
              backdrop-filter: blur(20px);
              -webkit-backdrop-filter: blur(20px);
          }
  
          .panel.left {
              left: 0;
              right: auto;
          }
  
          .panel.right {
              left: auto;
              right: 0;
          }
  
          .panel.center {
              left: 0;
              right: 0;
          }
  
          .panelcontainertop,
          .panelcontainerfooter {
              margin-left: auto;
              margin-right: auto;
              margin-top: 40px;
              margin-bottom: 40px;
              width: 264px;
          }
  
          .paneltop,
          .panelform,
          .custom-text {
              text-align: left;
          }
  
          .panelcontainertop {
              margin-top: 100px;
              -ms-flex: 1 1 auto;
              flex: 1 1 auto;
          }
  
          .panelseparation {
              height: 1px;
              background-color: #999999;
              opacity: 0.6;
              margin-top: 40px;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          }
  
          .panelcontainerfooter {
              margin-left: auto;
              margin-right: auto;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          }
  
          .logo {
              max-height: 250px;
              max-width: 250px;
          }
  
          .title {
              color: #4A4A4A;
              font-weight: bold;
              font-size: 33px;
              margin-bottom: 31px;
          }
  
          .custom-text {
              color: #4A4A4A;
              font-size: 13px;
              margin: 0;
          }
  
          .footer-link {
              font-weight: 600;
              text-decoration: underline;
              color: #4A4A4A;
              transition: color 0.3s ease;
          }
  
          .footer-link:hover {
              cursor: pointer;
              opacity: 0.7;
          }
  
          .button-login {
              -ms-flex: 1 1 auto;
              flex: 1 1 auto;
              border-bottom: none;
              margin-bottom: 10px;
              transition: all 0.3s ease;
          }
  
          .fa-eye {
              background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' width='20' height='16' viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99844 2.5C7.96111 2.5 6.28626 3.425 5.002 4.61562C3.79898 5.73437 2.9678 7.0625 2.54283 8C2.9678 8.9375 3.79898 10.2656 4.99887 11.3844C6.28626 12.575 7.96111 13.5 9.99844 13.5C12.0358 13.5 13.7106 12.575 14.9949 11.3844C16.1979 10.2656 17.0291 8.9375 17.454 8C17.0291 7.0625 16.1979 5.73437 14.998 4.61562C13.7106 3.425 12.0358 2.5 9.99844 2.5ZM3.98021 3.51875C5.45196 2.15 7.47366 1 9.99844 1C12.5232 1 14.5449 2.15 16.0167 3.51875C17.479 4.87812 18.4571 6.5 18.9227 7.61562C19.0258 7.8625 19.0258 8.1375 18.9227 8.38437C18.4571 9.5 17.479 11.125 16.0167 12.4812C14.5449 13.85 12.5232 15 9.99844 15C7.47366 15 5.45196 13.85 3.98021 12.4812C2.51784 11.125 1.5398 9.5 1.07734 8.38437C0.974221 8.1375 0.974221 7.8625 1.07734 7.61562C1.5398 6.5 2.51784 4.875 3.98021 3.51875ZM9.99844 10.5C11.3796 10.5 12.4982 9.38125 12.4982 8C12.4982 6.61875 11.3796 5.5 9.99844 5.5C9.97656 5.5 9.95782 5.5 9.93594 5.5C9.97656 5.65937 9.99844 5.82812 9.99844 6C9.99844 7.10312 9.10164 8 7.99861 8C7.82675 8 7.65802 7.97812 7.49865 7.9375C7.49865 7.95937 7.49865 7.97813 7.49865 8C7.49865 9.38125 8.61731 10.5 9.99844 10.5ZM9.99844 4C11.0592 4 12.0765 4.42143 12.8266 5.17157C13.5767 5.92172 13.9981 6.93913 13.9981 8C13.9981 9.06087 13.5767 10.0783 12.8266 10.8284C12.0765 11.5786 11.0592 12 9.99844 12C8.93766 12 7.92034 11.5786 7.17026 10.8284C6.42018 10.0783 5.99879 9.06087 5.99879 8C5.99879 6.93913 6.42018 5.92172 7.17026 5.17157C7.92034 4.42143 8.93766 4 9.99844 4Z' /%3E%3C/svg%3E");
              /* dans le "fill" du code svg -> fill='%23999999' */
               /* bien garder le %23 sinon KO */
              height: 16px;
              width: 20px;
          }
  
          .fa-eye-slash {
              background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' width='20' height='16' viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21268 0.159551C0.887676 -0.0966993 0.415801 -0.0373243 0.159551 0.287676C-0.0966993 0.612676 -0.0373243 1.08455 0.287676 1.3408L18.7877 15.8408C19.1127 16.0971 19.5846 16.0377 19.8408 15.7127C20.0971 15.3877 20.0377 14.9158 19.7127 14.6596L16.4252 12.0846C17.6627 10.8158 18.5002 9.39393 18.9221 8.38455C19.0252 8.13768 19.0252 7.86268 18.9221 7.6158C18.4564 6.50018 17.4783 4.87518 16.0158 3.51893C14.5471 2.15018 12.5252 1.00018 10.0002 1.00018C7.86893 1.00018 6.09393 1.82205 4.70955 2.90018L1.21268 0.159551ZM5.93143 3.85643C7.06268 3.0533 8.42205 2.50018 10.0002 2.50018C12.0377 2.50018 13.7127 3.42518 14.9971 4.6158C16.2002 5.73455 17.0314 7.06268 17.4564 8.00018C17.0627 8.87518 16.3127 10.0877 15.2408 11.1533L13.5596 9.83455C13.8439 9.28455 14.0033 8.66268 14.0033 8.00018C14.0033 5.7908 12.2127 4.00018 10.0033 4.00018C8.99705 4.00018 8.07518 4.37205 7.37205 4.98455L5.93143 3.85643ZM12.3408 8.88143L9.79393 6.88455C9.92518 6.61893 10.0002 6.3158 10.0002 6.00018C10.0002 5.8283 9.9783 5.65955 9.93768 5.50018C9.95955 5.50018 9.9783 5.50018 10.0002 5.50018C11.3814 5.50018 12.5002 6.61893 12.5002 8.00018C12.5002 8.30955 12.4439 8.60643 12.3408 8.88143ZM13.9439 13.9846L12.6346 12.9533C11.8377 13.2939 10.9596 13.5002 10.0002 13.5002C7.96268 13.5002 6.28768 12.5752 5.0033 11.3846C3.80018 10.2658 2.96893 8.93768 2.54393 8.00018C2.8033 7.42518 3.2158 6.7033 3.77518 5.97518L2.59705 5.04705C1.88455 5.97518 1.37518 6.90018 1.0783 7.6158C0.975176 7.86268 0.975176 8.13768 1.0783 8.38455C1.54393 9.50018 2.52205 11.1252 3.98455 12.4814C5.4533 13.8502 7.47518 15.0002 10.0002 15.0002C11.4939 15.0002 12.8096 14.5971 13.9439 13.9846ZM11.1939 11.8189L9.43768 10.4377C8.7033 10.2689 8.0908 9.77518 7.75955 9.1158L6.00643 7.73455C6.00018 7.82205 5.99705 7.90955 5.99705 8.00018C5.99705 10.2096 7.78768 12.0002 9.99705 12.0002C10.4127 12.0002 10.8127 11.9377 11.1908 11.8189H11.1939Z' /%3E%3C/svg%3E");
              /* dans le "fill" du code svg -> fill='%23999999' */
               /* bien garder le %23 sinon KO */
              height: 16px;
              width: 20px;
          }
  
          .collapsible {
              color: white;
              cursor: pointer;
              padding: 18px;
              width: 100%;
              border: none;
              text-align: left;
              outline: none;
              font-size: 15px;
              background-color: #a3a3a3; /* fixed color */
          }
  
          .active,
          .collapsible:hover {
              background-color: #4a4a4a; /* fixed color */
          }
  
          .collapsiblecontent {
              padding: 0 18px;
              max-height: 0;
              overflow: hidden;
              transition: max-height 0.2s ease-out;
              background-color: #f1f1f1; /* fixed color */
          }
  
          /* Styles for the button and options */
          .dropdown-container {
              position: relative;
              display: inline-block;
          }
  
          .dropdown-button {
              padding-top: 15px;
              padding-bottom: 15px;
              padding-right: 26px;
              padding-left: 10px;
              cursor: pointer;
              background-color: #A3A3A3;
              color: #FFFFFF;
              font-size: 12px;
              font-weight: 600;
              font-family: Inter, sans-serif;
              position: relative;
              border-radius: 0px 6px 6px 0px;
              margin-left: -6px;
              height: 14px;
          }
  
          .dropdown-options {
              visibility: hidden;
              position: absolute;
              top: 44px;
              background-color: #fff; /* fixed color */
              font-size: 14px;
              font-family: Inter, sans-serif;
              font-weight: 500;
              color: #808080;
              /* Fixed color */
              border-radius: 0px 6px 6px 6px;
              list-style: none;
              padding: 0;
              margin: 0;
              margin-left: -6px;
              z-index: 1;
              box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1)
          }
  
          .dropdown-options label {
              display: block;
              padding-right: 23px;
              margin: 0;
              padding-top: 4px;
              padding-bottom: 4px;
              padding-left: 30px;
              cursor: pointer;
              border-top: 1px solid rgb(225, 225, 225);
              /* Fixed color */
              position: relative;
              text-align: left;
              transition: color 0.3s ease;
          }
  
          .dropdown-options label:first-of-type {
              border-top: 0;
          }
  
          .dropdown-options.first label {
              border-top: 0;
          }
  
          .dropdown-options label:hover {
              background-color: #eaeaea;
              /* Fixed color */
          }
  
          /* make the radio button look like a dropdown */
          .custom-radio {
              display: none !important;
          }
  
          .dropdown-icon {
              position: absolute;
              top: 50%;
              right: 8px;
              transform: translateY(-50%);
              font-size: 16px;
          }
  
          .check-icon {
              position: absolute;
              top: 50%;
              left: 10px;
              transform: translateY(-50%);
              font-size: 18px;
              display: none;
  
          }
  
          /* Show the check icon when radio button is checked */
          .custom-radio:checked+.check-icon {
              display: inline-block;
          }
  
          .two-buttons-wrapper {
              margin-top: 10px;
              display: -ms-flexbox;
              display: flex;
          }
          .resetPassword {
              cursor: pointer !important;
              background-color: transparent !important;
              border: 0 !important;
              color: #999999 !important;
              padding: 0 !important;
              padding-top: 0px !important;
              padding-bottom: 10px !important;
              text-align: center !important;
              font-family: Inter, sans-serif !important;
              font-size: 14px !important;
              font-weight: 500 !important;
              width: 100% !important;
              white-space: normal !important;
              line-height: 18px !important;
              height: auto !important;
          }
  
          #divcenter_remoteapp2install {
              font-size: 16px;
              font-weight: 500;
              color: #999999;
          }
  
          #tr-domain,
          #tr-password,
          #tr-verifypassword {
              display: none;
              margin-top: 0px;
          }
  
          #select-server {
              display: none;
          }
  
          #span-login-ok,
          #span-password-ok,
          #span-login-ko,
          #span-password-ko,
          #span-credentials-ko,
          #span-twofa-ko {
              display: none;
          }
  
          #retype-password-input,
          #retype-password-label {
              display: none;
          }
  
          #span-credentials-ko {
              font-weight: bold;
              text-align: center;
              margin-top: 2px;
              margin-bottom: 12px;
              font-size: 16px;
              font-family: Inter, sans-serif;
              font-weight: 700;
              color: #999999;
          }
  
          #accesstypeuserpanel {
              display: none;
              text-align: center;
              margin-top: 0px;
          }
  
          #accesstypeuserpanel label {
              display: none;
          }
  
          #top_right_menu_actions input {
              width: auto;
          }
  
  
          /* IE ONLY */
          @media all and (-ms-high-contrast: none),
          (-ms-high-contrast: active) {
  
              .panel {
                  background-color: rgba(235, 237, 242, 0.4) !important;
              }
  
              input[type="password"]::-ms-reveal,
              input[type="password"]::-ms-clear {
                  display: none !important;
              }
          }
  
          @media screen and (max-width:770px) {
              .panel {
                  width: 100%;
              }
   
              .panelcontainertop{
                  margin-top: 40px;
              }
          }
  
          @media screen and (max-width:400px) {
              .dropdown-options {
                  right: 0;
              }
          }
      </style>
      <link rel="stylesheet" type="text/css" href="popins.css" />
      <!--[if lte IE 8]>
    <style type="text/css">
      .center {
        background:transparent;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b46C764A,endColorstr=#b46C764A);
        zoom: 1;
      }
    </style>
  <![endif]-->
      <link rel="stylesheet" type="text/css" href="custom.css" />
      <script type="text/javascript" src="custom.js"></script>
  </head>
  
  <body onkeypress="CheckKey(event);" onload="setAll(); onCommonJsExecuted();">
  
      <div class="panel gauche" id="divcenter">
          <!-- add class left/right/center (if just "panel" -> left) -->
          <div class="panelcontainertop">
              <div class="paneltop">
                  <img src="software/java/img/header_web.png" class="logo">
                  <p class="title">Log on</p>
              </div>
              <div name="logonform" class="panelform" id="logonformid">
  
                  <span id="tr-domain">
                      <input type="text" name="Domain" id="Editbox3" value="" placeholder="Domain:">
                  </span>
  
                  <input type="text" name="username" id="Editbox1" onblur="onLoginTyped();" value=""
                      placeholder="User name:">
                  <span id="span-login-ok">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM11.5312 6.53125C11.825 6.2375 11.825 5.7625 11.5312 5.47188C11.2375 5.18125 10.7625 5.17813 10.4719 5.47188L7.00313 8.94063L5.53438 7.47188C5.24063 7.17813 4.76562 7.17813 4.475 7.47188C4.18437 7.76563 4.18125 8.24062 4.475 8.53125L6.475 10.5312C6.76875 10.825 7.24375 10.825 7.53438 10.5312L11.5312 6.53125Z" fill="url(#paint0_linear_661_44)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_44" x1="2" y1="2" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#6EE27A"/>
                                  <stop offset="1" stop-color="#3A9E44"/>
                                  <stop offset="0%" stop-color="#6EE27A"/>
                                  <stop offset="100%" stop-color="#3A9E44"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
                  <span id="span-login-ko">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM5.46875 5.46875C5.175 5.7625 5.175 6.2375 5.46875 6.52812L6.9375 7.99687L5.46875 9.46562C5.175 9.75937 5.175 10.2344 5.46875 10.525C5.7625 10.8156 6.2375 10.8187 6.52812 10.525L7.99687 9.05625L9.46562 10.525C9.75937 10.8187 10.2344 10.8187 10.525 10.525C10.8156 10.2312 10.8187 9.75625 10.525 9.46562L9.05625 7.99687L10.525 6.52812C10.8187 6.23437 10.8187 5.75938 10.525 5.46875C10.2312 5.17812 9.75625 5.175 9.46562 5.46875L7.99687 6.9375L6.52812 5.46875C6.23437 5.175 5.75938 5.175 5.46875 5.46875Z" fill="url(#paint0_linear_661_48)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_48" x1="2" y1="2.23517e-07" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#F06565"/>
                                  <stop offset="1" stop-color="#BF3B3B"/>
                                  <stop offset="0%" stop-color="#F06565"/>
                                  <stop offset="100%" stop-color="#BF3B3B"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
  
                  <span id="tr-password">
                      <input type="password" name="Password" id="Editbox2" onfocus="onPasswordFocused();" value=""
                          placeholder="Password:">
                      <span toggle="#password-field" id="password-visibility"
                          class="fa fa-fw fa-eye field-icon toggle-password"
                          style="float: right; margin-top: -52px; margin-right: 10px; cursor: pointer; position: relative;"></span>
                  </span>
  
                  <span id="span-password-ok">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM11.5312 6.53125C11.825 6.2375 11.825 5.7625 11.5312 5.47188C11.2375 5.18125 10.7625 5.17813 10.4719 5.47188L7.00313 8.94063L5.53438 7.47188C5.24063 7.17813 4.76562 7.17813 4.475 7.47188C4.18437 7.76563 4.18125 8.24062 4.475 8.53125L6.475 10.5312C6.76875 10.825 7.24375 10.825 7.53438 10.5312L11.5312 6.53125Z" fill="url(#paint0_linear_661_44)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_44" x1="2" y1="2" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#6EE27A"/>
                                  <stop offset="1" stop-color="#3A9E44"/>
                                  <stop offset="0%" stop-color="#6EE27A"/>
                                  <stop offset="100%" stop-color="#3A9E44"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
                  <span id="span-password-ko">
                      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="float: right;margin-top:-52px;margin-right:-30px;padding-right:5px;">
                          <path d="M8 1.5C9.72391 1.5 11.3772 2.18482 12.5962 3.40381C13.8152 4.62279 14.5 6.27609 14.5 8C14.5 9.72391 13.8152 11.3772 12.5962 12.5962C11.3772 13.8152 9.72391 14.5 8 14.5C6.27609 14.5 4.62279 13.8152 3.40381 12.5962C2.18482 11.3772 1.5 9.72391 1.5 8C1.5 6.27609 2.18482 4.62279 3.40381 3.40381C4.62279 2.18482 6.27609 1.5 8 1.5ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM5.46875 5.46875C5.175 5.7625 5.175 6.2375 5.46875 6.52812L6.9375 7.99687L5.46875 9.46562C5.175 9.75937 5.175 10.2344 5.46875 10.525C5.7625 10.8156 6.2375 10.8187 6.52812 10.525L7.99687 9.05625L9.46562 10.525C9.75937 10.8187 10.2344 10.8187 10.525 10.525C10.8156 10.2312 10.8187 9.75625 10.525 9.46562L9.05625 7.99687L10.525 6.52812C10.8187 6.23437 10.8187 5.75938 10.525 5.46875C10.2312 5.17812 9.75625 5.175 9.46562 5.46875L7.99687 6.9375L6.52812 5.46875C6.23437 5.175 5.75938 5.175 5.46875 5.46875Z" fill="url(#paint0_linear_661_48)"/>
                          <defs>
                              <linearGradient id="paint0_linear_661_48" x1="2" y1="2.23517e-07" x2="12" y2="16" gradientUnits="userSpaceOnUse">
                                  <stop stop-color="#F06565"/>
                                  <stop offset="1" stop-color="#BF3B3B"/>
                                  <stop offset="0%" stop-color="#F06565"/>
                                  <stop offset="100%" stop-color="#BF3B3B"/>
                              </linearGradient>
                          </defs>
                      </svg>
                  </span>
  
  
                  <select id="select-server" name="server"></select>
  
  
  
                  <div class="two-buttons-wrapper">
                      <input class="button-login" id="buttonLogOn" type="button" value="Log on" />
  
                      <div class="dropdown-container">
  
                          <!-- Button triggering the dropdown -->
                          <div class="dropdown-button" onclick="toggleDropdown()">
                              <span id="selected-option-text">HTML5</span>
                              <span class="dropdown-icon">&#9662;</span>
                          </div>
  
                          <!-- Options in the dropdown -->
                          <span id="accesstypeuserpanel" class="dropdown-options">
                              <label id="label_accesstypeuserchoice_html5" for="accesstypeuserchoice_html5">
                                  <input type="radio" value="html5" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_html5" onchange="remoteAppPluginPopinHide();"
                                      onclick="updateSelectedOptionText('HTML5');" checked class="custom-radio"> HTML5
                                  <span class="check-icon">&#10003;</span>
                              </label>
                              <label id="label_accesstypeuserchoice_java" for="accesstypeuserchoice_java">
                                  <input type="radio" value="java" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_java" onchange="remoteAppPluginPopinHide();"
                                      onclick="updateSelectedOptionText('Java');" class="custom-radio"> Java
                                  <span class="check-icon">&#10003;</span>
                              </label>
                              <label id="label_accesstypeuserchoice_remoteapp" for="accesstypeuserchoice_remoteapp">
                                  <input type="radio" value="remoteapp" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_remoteapp" onchange="remoteAppPluginPopinHide();"
                                      onclick="updateSelectedOptionText('Windows');" class="custom-radio"> Windows
                                  <span class="check-icon">&#10003;</span>
                              </label>
                              <label id="label_accesstypeuserchoice_remoteapp2" for="accesstypeuserchoice_remoteapp2">
                                  <input type="radio" value="remoteapp2" name="accesstypeuserchoice"
                                      id="accesstypeuserchoice_remoteapp2" onchange="remoteAppPluginPopinShow();"
                                      onclick="updateSelectedOptionText('RemoteApp');"  class="custom-radio"> RemoteApp
                                  <span class="check-icon">&#10003;</span>
                              </label>
                          </span>
                      </div>
                  </div>
              </div>
  
              <p id="span-credentials-ko">Invalid credentials</p>
  
              <div id="top_right_menu_actions">
                  <input type="button" id="windows-password-reset-button" class="resetPassword"
                      value="Reset Windows password" onclick="showResetWindowsPasswordPopin();return false;"
                      style="display: none;" />
              </div>
  
  
  
  
              <div style="visibility:hidden;display:none;width:0px;height:0px;">
                  <span id="tr-verifypassword"></span>
                  <span id="retype-password-label"></span>
                  <span id="retype-password-input"></span>
              </div>
              <div id="divcenter_remoteapp2install" style="display:none;">
                  <br>
                  <div id ="sp-windowsplugin">Windows plugin not found.</div>
                  <div id ="sp-windowsplugin-actions">Install the plugin and 'Log in' again</div>
                  <br><br>
                  <input type="button" value="Download Plugin" onclick="remoteAppDownloadPlugin();return false;" />
              </div>
          </div>
          <div class="panelseparation" style="display:none;">
          </div>
          <div class="panelcontainerfooter">
              <p class="custom-text"></p>
              <!-- Add <a class="footer-link" href="/my-link"></a> autour des liens -->
          </div>
          <div  style="display:none;">     
              <a href="https://unsplash.com/@?utm_source=TSPlus&utm_medium=referral">Photo by </a> on <a href="https://unsplash.com/?utm_source=TSPlus&utm_medium=referral">Unsplash</a>
          </div>
      </div>
  
  
  
      <a id="open-twofa" href="#verify" style="display: none"></a>
      <div class="twofa-popin" id="verify">
          <div class="sp-body">
              <div class="sp-table">
                  <div class="sp-cell">
                      <h2 id="sp-title">Protect your account with 2-step verification</h2>
                      <form autocomplete="off">
                          <div id="sp-appactivation">
                              <button type="button" id="sp-app" class="collapsible">Configure your authentication
                                  app</button>
                              <div class="collapsiblecontent">
                                  <br />
                                  <li id="sp-appstep1">Open the authenticator app on your mobile phone.</li>
                                  <li id="sp-appstep2">Scan the QR code displayed below:</li>
                                  <figure>
                                      <img id="twofaqrcode" src=""
                                          alt="No QR code was generated! Please enter your credentials on the logon page." />
                                      <figcaption id="qrcodecaption"></figcaption>
                                  </figure>
                              </div>
                          </div>
                          <div id="sp-smsactivation">
                              <button type="button" id="sp-sms" class="collapsible">Or receive your verification code
                                  via
                                  SMS</button>
                              <div class="collapsiblecontent">
                                  <br />
                                  <li id="sp-smsstep1">Type your phone number below, using the international phone
                                      numbers
                                      format (e.g. +14155552671):</li>
                                  <input type="text" id="sp-phonenumber" value="" placeholder="Your phone number" oninput="onChangeTrim(this);" required
                                      pattern="^\+?[1-9]\d{1,14}$" minlength="1" maxlength="15">
                                  <span id="sp-phonenumbererror" class="error" aria-live="polite"></span>
                                  <li id="sp-smsstep2">Click Send SMS button to register your phone number and receive
                                      your verification code.</li>
                                  <input type="button" id="sp-register" style="cursor: pointer;" value="Receive SMS"
                                      onclick="requestVerificationCodeBySms();">
                              </div>
                              <span id="sms-error" class="error" aria-live="polite"></span>
                          </div>
                          <div id="sp-emailactivation">
                              <button type="button" id="sp-email" class="collapsible">Or receive your verification
                                  code
                                  via e-mail</button>
                              <div class="collapsiblecontent">
                                  <br />
                                  <li id="sp-emailstep1">Enter your e-mail address below:</li>
                                  <input type="email" id="sp-emailaddress" value="" placeholder="Your e-mail address" oninput="onChangeTrim(this);" required
                                      pattern="[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.[a-zA-Z.]{2,15}">
                                  <span id="sp-emailaddresserror" class="error" aria-live="polite"></span>
                                  <li id="sp-emailstep2">Click Send e-mail button to register your e-mail and receive
                                      your
                                      verification code.</li>
                                  <input type="button" id="sp-sendemail" style="cursor: pointer;" value="Send e-mail"
                                      onclick="requestVerificationCodeByEmail();">
                              </div>
                              <span id="email-error" class="error" aria-live="polite"></span>
                          </div>
                          <h4 id="sp-validate">Validate your verification code</h4>
                          <input type="text" id="twofacode" value="" placeholder="2-step verification:"
                              onkeyup="validate2faKeyUpHandler(event);" oninput="onChangeTrim(this);" required
                              pattern="[0-9]{4,12}" minlength="4" maxlength="12">
                          <span id="twofaerror" class="error" aria-live="polite"></span>
                          <input type="button" id="sp-verify" style="cursor: pointer;" value="Validate"
                              onclick="verifyCode();">
                      </form>
                      <a href="#" id="twofaclose" class="sp-close" onclick="exitVerification();">⨯</a>
                  </div>
              </div>
          </div>
      </div>
  
      <a id="open-expiration-password-reminder" href="#expiration-password-reminder" style="display: none"></a>
      <div class="expiration-password-reminder-popin" id="expiration-password-reminder">
          <div class="sp-body">
              <div class="sp-table">
                  <div class="sp-cell">
                      <div id="password-expiration-reminder-section">
                          <h2 id="sp-title-expiration-password-reminder">Expiration password reminder</h2>
                          <h3 id="password-expiring">Your windows password currently expires in XX days.</h3>
                          <h3 id="change-password-now">Would you like to change it now?</h3>
                          <input type="button" id="password-expiration-choice-change-password" value="Yes"
                              onclick="showResetWindowsPasswordPopin();">
                          <input type="button" id="password-expiration-choice-connect" value="No"
                              onclick="closePasswordExpirationReminderPopin();refreshDisplayAndOpenSession();">
                      </div>
                      <a href="#" id="expiration-password-reminder-close" class="sp-close">⨯</a>
                  </div>
              </div>
          </div>
      </div>
      
      <a id="open-reset-windows-password" href="#reset-windows-password" style="display: none"></a>
      <div class="reset-windows-password-popin" id="reset-windows-password">
          <div class="sp-body">
              <div class="sp-table">
                  <div class="sp-cell">
                      <div id="reset-windows-password-section">
                          <h2 id="sp-title-reset-windows-password">Reset your windows password</h2>
                          <input type="text" id="sp-full-username" value=""
                              placeholder="Your Windows username - Ex: CORP\johndoe">
                          <input type="password" id="sp-old-password" value="" placeholder="Your old password">
                          <input type="password" id="sp-new-password" value="" placeholder="Your new password">
                          <input type="password" id="sp-confirm-new-password" value=""
                              placeholder="Confirm your new password">
                          <input type="button" style="cursor: pointer;" id="reset-windows-password-choice-validate"
                              value="Validate" onclick="changeWindowsPassword();">
                          <span id="reset-windows-password-error" class="error" aria-live="polite"
                              style="display: none;"></span>
                      </div>
                      <a href="#" id="reset-windows-password-close" class="sp-close">⨯</a>
                  </div>
              </div>
          </div>
      </div>
  
      <script>
          (function ($) {
              $.support.placeholder = ('placeholder' in document.createElement('input'));
          })(jQuery);
          //fix for IE7 and IE8
          $(function () {
              if (!$.support.placeholder) {
                  $("[placeholder]").focus(function () {
                      if ($(this).val() == $(this).attr("placeholder")) $(this).val("");
                  }).blur(function () {
                      if ($(this).val() == "") $(this).val($(this).attr("placeholder"));
                  }).blur();
                  $("[placeholder]").parents("form").submit(function () {
                      $(this).find('[placeholder]').each(function () {
                          if ($(this).val() == $(this).attr("placeholder")) {
                              $(this).val("");
                          }
                      });
                  });
              }
          });
          $(function () {
              $(".toggle-password").click(function () {
                  $(this).toggleClass("fa-eye fa-eye-slash");
                  var eyeIcon = document.getElementById("Editbox2");
                  if (eyeIcon.type === "password") {
                      eyeIcon.type = "text";
                  } else {
                      eyeIcon.type = "password";
                  }
              })
          });
      </script>
      <script>
      var coll = document.getElementsByClassName("collapsible");
      var i;
      for (i = 0; i < coll.length; i++) {
          coll[i].addEventListener("click", function () {
              this.classList.toggle("active");
              var content = this.nextElementSibling;
              if (content.style.maxHeight) {
                  content.style.maxHeight = null;
              } else {
                  content.style.maxHeight = content.scrollHeight + "px";
              }
          });
      }
       
      try {
          // store variables for the splashscreen to use
          localStorage.setItem("backgroundColor", "rgba(235, 237, 242, 0.4)");
          localStorage.setItem("backgroundImage", "templates/creative/BG/Bright.jpg");
          localStorage.setItem("textColor", "#4A4A4A");
          localStorage.setItem("logo", "software/java/img/header_web.png");
  
          function onCommonJsExecuted() {
              // Sets the connection mode display name depending on the checked input
              var selectedModes = $("input[name='accesstypeuserchoice']:checked");
              if (selectedModes.length == 1) {
                  var modeName = selectedModes[0].nextSibling.nodeValue.trim();
                  var selectedOptionText = document.getElementById("selected-option-text");
                  if (selectedOptionText != null) {
                      selectedOptionText.innerText = modeName;
                  }
              }
  
              //change the dropdown options from inline to block (inline set by common.js...) so wait for it to be executed first
              var dropdownOptions = document.querySelectorAll("#accesstypeuserpanel label");
              if (dropdownOptions != null) {
                  dropdownOptions.forEach(function (item) {
                      if (getComputedStyle(item).display === "inline") {
                          item.style.display = "block";
                      }
                  });
              }
          }
       
          // update the selected option text and hide dropdown
          function updateSelectedOptionText(optionValue) {
              var selectedOptionText = document.getElementById("selected-option-text");
              selectedOptionText.innerText = optionValue;
       
              var dropdownOptions = document.querySelector(".dropdown-options");
              dropdownOptions.style.visibility = dropdownOptions.style.visibility === "visible" ? "hidden" : "visible";
          }
       
          // toggle the display of dropdown options
          function toggleDropdown() {
              var dropdownOptions = document.querySelector(".dropdown-options");
              dropdownOptions.style.visibility = dropdownOptions.style.visibility === "visible" ? "hidden" : "visible";
          }
       
          // hide dropdown when clicking outside
          document.documentElement.addEventListener('click', function (event) {
              var dropdownContainer = document.querySelector('.dropdown-container');
              if (!dropdownContainer.contains(event.target)) {
                  var dropdownOptions = document.querySelector('.dropdown-options');
                  dropdownOptions.style.visibility = 'hidden';
              }
          });
       
          //hide the secondary button if there is only one access_type option (html5/remoteApp)
          if (page_configuration["access_type"].indexOf("+") === -1) {
              document.getElementsByClassName("dropdown-button")[0].style.display = "none";
          }
          
          //change the dropdown options from inline to block (inline set by common.js...) so wait for it to be executed first
          setTimeout(function(){
              var dropdownOptions = document.querySelectorAll("#accesstypeuserpanel label");
       
              dropdownOptions.forEach(function (item) {
                  if (getComputedStyle(item).display === "inline") {
                      item.style.display = "block";
                  }
              });
          },500);
       
      } catch (error) {
          console.error("An error occurred: ", error.message);
      }
       
      </script>
  
  </html>
  
  
services.body_hash_sha1: sha1:ec51fcf8c85a88a30b76a5be596ff2db5b6ac0f5
services.supported_versions: HTTP/1.1
[binary data, 11 values, 272 bytes]