<!DOCTYPE html>
<html lang="en">
    <head>
        <style type="text/css">
            .modal {
                overflow-y:hidden !important;
            }
            .nav-sec-login .nav > li{
                width: 12.5%;
            }

            .field-icon {
              float: right;
              margin-left: -25px;
              margin-top: -25px;
              position: relative;
              z-index: 2;
            }
        </style>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <meta http-equiv=X-UA-Compatible content="IE=edge">
        <meta name=viewport content="width=device-width,initial-scale=1">
        <title>
            Original Global Impact Login
        </title>
        <link href="/rep/favicon.ico" type="image/x-icon" rel="icon"/><link href="/rep/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
	<link rel="stylesheet" type="text/css" href="/rep/theme/Login/assets/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="/rep/theme/Login/assets/css/new-login-screen-bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="/rep/theme/Login/assets/css/modern-business.css"/>
	<link rel="stylesheet" type="text/css" href="/rep/theme/Login/assets/css/new-login-screen.css"/>
	<link rel="stylesheet" type="text/css" href="/rep/theme/Login/assets/css/style.css"/>
	<link rel="stylesheet" type="text/css" href="/rep/theme/Login/assets/font-awesome/css/font-awesome.min.css"/>

	<script type="text/javascript" src="/rep/theme/Login/assets/js/jquery.js"></script>
	<script type="text/javascript" src="/rep/theme/Login/assets/js/bootstrap.js"></script>
	<script type="text/javascript" src="/rep/theme/Login/assets/js/modern-business.js"></script>
    </head>
    <body>
    <!-- Page Content -->
    <div class="container">
        <div class="newlogin-bg">
            <!-- Marketing Icons Section -->
            <div class="row">
                <div class="col-lg-5 mb-5">
                    <div class="log-logo"><img src="/rep/assets/logo_ogimpact/original_global_impact_black_250.png" alt="Original Global Impact"/></div>
                    <h2>Welcome to Original Global Impact (OGI)<br> Backoffice Dashboard</h2>
                    <p>In order to login please use your registration username and password.</p>
                    <div class="row" style="text-align: center;">
                        <div style="margin: auto;">
                                                    </div>
                    </div>
                    <form action="/rep/users/login?url=users%2Flogin" role="form" id="UserLoginForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                        <div class="form-group">
                            <label for="Username">Username</label>
                            <input name="data[User][username]" class="login-fld form-control" placeholder="Username" id="Username" maxlength="255" type="text" required="required"/>                        </div>
                        <div class="form-group">
                            <label for="password-field">Password</label>
                             <input name="data[User][password]" class="login-fld form-control" placeholder="Password" id="password-field" type="password" required="required"/>                            <span style="font-size: 15px; margin-right: 5px;" toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span>
                            <small id="emailHelp" class="form-text text-muted text-right" data-toggle="modal" data-target="#myModal">
                                <a href="javascript:void(0);" onclick="$('.dontshow').show();">
                                    Reset/Forgot your password                                </a>
                            </small>
                        </div>
                        <div class="submit"><input class="btn btn-orange loginbutton" type="submit" value="LOGIN"/></div>                    </form>                        <p style="font-size: 12px;text-align: center;margin-top: 10px;">Not a member yet? Click
                        <a href="/rep/users/prelogin" style="font-size: 12px; color: #333333 !important; text-decoration: underline;">here</a>                        </p>
                </div>
                <div class="col-lg-7">
                    <div class="newLogbg">
                        <div class="new-loglogo-area">
                            <h4>Use the links below to navigate to our software</h4>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://ogimarketingsystem.com/Customers/login">
                                            <img alt="Olympic Marketing System" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_OMS.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://www.ourglobalidea.com/rep/users/olylogin/">
                                            <img alt="Olympic Idea" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_OCOM.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://myautomatedwebinar.com/login/">
                                            <img alt="My Automated Webinar" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_MAW.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://www.ogiwebinar.com/rep/login"> <!--https://www.ogiwebinar.com:8082/login"-->
                                            <img alt="OGI Webinar" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_WR.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://myappointments.biz/Login">
                                            <img alt="MyAppointments" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_MyAppointments.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://www.ourglobalidea.com/rep/users/bizlogin/">
                                            <img alt="OlympicBiz" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_OBiz.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://ogiai.com/">
                                            <img alt="OGI-AI" src="/rep/app/webroot/logos_ogi/OGIAI_Logo.png" height="41px">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <!-- <a href="http://dashboard.ogiapps.com/logins"> -->
                                        <a href="https://builder.ogiapps.com/login">
                                            <img alt="Olympic AppBuilder" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_AppB.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://www.my-online.coach/login/users/login">
                                            <img alt="My Online Coach" src="/rep/app/webroot/logos_ogi/tiny_logo/logo136x41_Coach.png" >
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 px-2 mb-3">
                                    <div class="logo-box">
                                        <a href="https://ogiai.com/">
                                            <img alt="OGI-AI" src="/rep/app/webroot/logos_ogi/OGIAI_Logo.png" height="41px">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- /.row -->
        </div>
    </div>
    <!-- /.container -->

     <div class="container">
            <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header" style=" background-color: #f17a02; color: white;">
                            <h2>Forgot Password</h2>
                            <a class="close" data-dismiss="modal">&times;</a>
                        </div>
                        <div class="modal-body">
                            <p style="line-height: normal; text-align: left; margin: 6px 30px 0px; padding-left: 8px;">Please enter your account's email address</p>
                            <form action="/rep/users/forgotpassword" role="form" id="UserForgotpasswordForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                            <div class="form-group required"><input name="data[User][email]" class="login-fld email-wid" placeholder="Email" id="email" style="margin: 0; opacity: 1; background-color: rgb(255, 255, 255); background-position: initial; background-repeat: initial;" maxlength="255" type="email" required="required"/></div>                            <div class="submit"><input class="email-btn" id="signupb" style="margin: -34px 0 0; background-color: #f17a02;" type="submit" value="Submit"/></div>                            </form>                        </div>
                        <div class="modal-footer" style="border: none;"></div>
                    </div>
                </div>
            </div>
        </div>
    <script>
        $(".toggle-password").click(function() {
            $(this).toggleClass("fa-eye fa-eye-slash");
            var input = $($(this).attr("toggle"));
            if (input.attr("type") == "password") {
              input.attr("type", "text");
            } else {
              input.attr("type", "password");
            }
        });
    </script>
</body>
</html>
