<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<meta name="msapplication-tap-highlight" content="no">
<meta name="google" value="notranslate">


<meta id="win8Icon" name="msapplication-TileImage" content="">
<meta id="win8TileColor" name="msapplication-TileColor" content="#3c739b">


<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link id="favicon" rel="shortcut icon" href="v=7.6.2-12.20170307.122958/apps/themes/default/favicon.ico" type="image/x-icon">


<link id="icon57" rel="apple-touch-icon" href="">
<link id="icon72" rel="apple-touch-icon" sizes="72x72" href="">
<link id="icon76" rel="apple-touch-icon" sizes="76x76" href="">
<link id="icon114" rel="apple-touch-icon" sizes="114x114" href="">
<link id="icon120" rel="apple-touch-icon" sizes="120x120" href="">
<link id="icon144" rel="apple-touch-icon" sizes="144x144" href="">
<link id="icon152" rel="apple-touch-icon" sizes="152x152" href="">


<link id="splash460" href="" media="(device-width: 320px)" rel="apple-touch-startup-image">

<link id="splash920" href="" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

<link id="splash1096" href="" media="(device-aspect-ratio: 40/71)" rel="apple-touch-startup-image">

<style type="text/css">

html, body { background-color: #fff; margin: 0; padding: 0; border: 0; }
body { overflow: hidden; }

#background-loader {
    position: absolute; top: 0px; left: 0px;
    width: 100%; height: 100%; background-color: #fff; z-index: 65300;
}

.throbber {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -10px;
}

.throbber > div {
    width: 14px;
    height: 14px;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.throbber .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.throbber .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
</style>

<meta id="bootstrap">
<meta id="theme">
<meta id="css">
<meta id="custom">
<meta id="code">

<link rel="stylesheet" href="v=7.6.2-12.20170307.122958/apps/themes/login/login.css">
<script>
  // signin page
  window.ox = { signin: true };
  // fix broken URL
  var path = location.pathname;
  if (/^\/\//.test(path)) {
    location.href = location.href.replace(path, path.substr(1));
  }
</script>
</head>
<body class="unselectable">


<div id="background-loader" class="busy">
    <div class="throbber">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
</div>


<div id="io-ox-core" class="abs unselectable" style="display: none">
    
    <div id="io-ox-topbar" role="navigation" class="f6-target">
        <ul class="launchers list-unstyled"></ul>
        <div class="launcher-dropdown dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="menuitem" aria-haspopup="true" tabindex="1"><i class="fa fa-bars" aria-hidden="true"></i></a>
            <ul class="dropdown-menu"></ul>
        </div>
    </div>
    
    <div id="io-ox-screens" class="abs">
        
        <div id="io-ox-windowmanager" class="abs" style="display: none">
            <div id="io-ox-windowmanager-pane" class="atb"></div>
        </div>
        
        <div id="io-ox-desktop" class="abs"></div>
    </div>
</div>


<div id="io-ox-login-screen-decorator" style="display: none"></div>
<div id="io-ox-login-screen" class="unselectable" style="display: block">

    
    <div id="io-ox-login-background" class="wallpaper"></div>
    <div id="io-ox-login-form-background"></div>

    <div id="io-ox-login-blocker" style="display: none"></div>

    <div id="io-ox-login-container-scrollpane">
    <div id="io-ox-login-container">

        <div class="css-table">

            <div class="css-table-row">
            <div class="css-table-cell" id="io-ox-login-header">
                <h1 class="clear-title">
                    <span id='io-ox-login-header-prefix'></span>
                    <span id='io-ox-login-header-label'>...</span>
                </h1>
            </div>
            </div>

            <div class="css-table-row">
            <div class="css-table-cell" id="io-ox-login-form-container">
                
                <form action="/appsuite/api/redirect" method="post" id="io-ox-login-form" novalidate>
                    <input type="hidden" name="location" value="">
                    <div class="row">
                        <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label for="io-ox-login-username" class="sr-only" data-i18n="User name">User name</label>
                            <input type="email" id="io-ox-login-username" name="username" class="form-control"
                                maxlength="1000" autocorrect="off" autocapitalize="off" spellcheck="false"
                                aria-required="true" placeholder="User name" data-i18n="User name" data-i18n-attr="placeholder">
                        </div>
                        <div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <label for="io-ox-login-password" class="sr-only" data-i18n="Password">Password</label>
                            <input type="password" id="io-ox-login-password" name="password" class="form-control col-lg-6"
                                maxlength="100" autocorrect="off" autocapitalize="off" aria-required="true"
                                placeholder="Password" data-i18n="Password" data-i18n-attr="placeholder">
                        </div>
                        <div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <input type="submit" name="signin"
                                    id="login-button" class="btn btn-primary btn-block"
                                    value="Sign in" data-i18n="Sign in" data-i18n-attr="value,aria-label">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="io-ox-login-store">
                            <label for="io-ox-login-store-box" class="checkbox" aria-label="Stay signed in"
                                data-i18n="Stay signed in" data-i18n-attr="label,aria-label"
                                ><input type="checkbox" id="io-ox-login-store-box" checked="checked" name="store" value="1">
                                Stay signed in
                            </label>
                        </div>
                        <div class="col-md-6" id="io-ox-forgot-password">
                            <a href="#" target="_blank" data-i18n="Forgot your password?">Forgot your password?</a>
                        </div>
                    </div>

                    
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="io-ox-login-feedback"></div>
                    </div>


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

            <div class="css-table-row">
            <div class="css-table-cell" id="io-ox-login-footer">
                <div id="io-ox-languages"><i id="io-ox-languages-label" data-i18n="Languages" data-i18n-attr="text,aria-label" aria-label="Languages">Languages</i>:&nbsp; <span id="io-ox-language-list"></span></div>
                <div id="io-ox-copyright"></div>
            </div>
            </div>

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


<div id="io-ox-offline" style="bottom: -41px; display: none;"></div>

<div id="tmp" style="display: none;"></div>


<svg style="height:0;"><filter id="overlay-effect"><feGaussianBlur stdDeviation="2"/></filter></svg>

<script src="v=7.6.2-12.20170307.122958/boot.js"></script>


<noscript>
<p class="noscript">This app uses JavaScript. Your browser either doesn't support JavaScript or you have it turned off. To use this app please use a JavaScript enabled browser.</p>
<!-- see bug #26722 -->
</noscript>

<script src="v=7.6.2-12.20170307.122958/precore.js" defer="defer"></script>

</body>
</html>
