<nav class="navbar navbar-expand navbar-light bg-white topbar static-top shadow">
    <!-- Sidebar - Brand -->
    <a class="d-none sidebar-brand d-sm-flex align-items-center justify-content-center" href="index.html">
        <div class="sidebar-brand-icon">
            <img class="d-inline-block align-top" alt=""  height="auto" width="100" src="images/logo1.png"/>
        </div>
        <div class="sidebar-brand-text mx-3"></div>
    </a>
    <!-- Topbar Navbar -->
    <ul class="navbar-nav ml-auto">
        <!-- Nav Item - Alerts -->
        <li class="nav-item dropdown no-arrow mx-1">
            <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-info-circle fa-fw text-dark"></i>
            </a>
            <!-- Dropdown - Alerts -->
            <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="alertsDropdown">
                <a class="dropdown-item d-flex align-items-center" href="#">
                    <div class="text-justify">
                        <span class="font-weight-bold">{{'UNAUTHORIZED.WARNING_MESSAGE' | translate}}</span>
                    </div>
                </a>
            </div>
        </li>
        <div class="topbar-divider"></div>
        <li class="nav-item d-flex align-items-center">
            <a class="text-dark pointer-cursor" ui-sref="login" target="_blank">{{'UNAUTHORIZED.SIGN_IN' | translate}}</a>
        </li>
        <div class="topbar-divider"></div>
        <li class="nav-item d-flex align-items-center">
            <a ui-sref="signUp" class="btn btn-outline-primary" target="_blank">
                {{'UNAUTHORIZED.TRIAL' | translate}}
            </a>
        </li>
    </ul>
</nav>
<!-- End of Topbar -->
<!-- Begin Page Content -->
<div class="mb-3 px-3" ui-view style="margin-bottom: 20.5px;"></div>

<!-- Footer -->
<footer class="sticky-footer fixed-bottom py-1" style="background: #f2f2f2">
    <div class="container my-auto">
        <div class="copyright text-center my-auto">
            <span ng-bind-html="'COMMON.COPY_RIGHT' | translate"></span>
        </div>
    </div>
</footer>
<!-- End of Footer -->
