<style>
      .navbar-toggle{
        padding: 10PX 10PX;
      }
      .icon-bar{
        background-color:#ffb900;
        font-weight:bolder;
      }
      .navbar{
        border-radius: 0px;
        /*box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);*/
        background-color: #131e2a;
      }
      .nav li {
        padding: 10px 0px;
      }
      .nav .active a{
        border-bottom:4px solid #c94c06;
        color:gray;
      }
      .nav .round a{
        border:2px solid #fff;
        color:gray;
        margin-right: 20px;
      }
      .nav li a{
        color: #000000;
        font-size: 14px;
      }
      .nav li a:hover{
        color: #000000;
        background-color: transparent;
      }
      .navbar-brand {
        color: #fff;
        margin-top:-10px;
      }
      .brand2 {
        margin-top:-10px !important;
        margin-left: -17px;
      }
      .brand2{
        margin-top:-15px;
      }
      .inner-dropdown ul{
        background-color: #123962;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);
      }
      .inner-dropdown ul li{
        padding: 3px 3px;
        background-color: transparent;
      }
      .inner-dropdown ul li a:hover{
        background-color: transparent;
      }
      ul .divider{
        padding: 0px 0px;
        background-color: red;
      }
      .top-header{
        margin: 0px;
        width: 100%;
      }
      .top-header{
        width:100%;
        margin-top: 0px;
        margin-left: 0px;
        height:35px;
        background-color: #333;
        color:#fff;
      }
      .top-header ul{
        list-style: none;
        display: inline;
        margin-top: 10px;
        margin-right: 0px;
      }
      .top-header ul li{
        display: inline;
        padding: 10px 15px;
      }
      .top-header ul li a{
        color:#fff;
      }
      .top-header .z-nav-right {
         float: right;
      }
      .login-button{
        padding: 10px 20px;
        background-color: #db0011;
        color:white;
        text-decoration: none;
      }
      .login-button:hover{
        padding: 10px 20px;
        background-color:darkred;
        color:white;
        text-decoration: none;
      }

      ul {
          list-style-type: none;
          padding: 0;
          margin: 0;
      }

      div ul li {
          display: table-row;
      }    

      .img {
          float: left;
          margin: 0 0 5px 0;
          padding: 0px;
          vertical-align: middle;
      }
      .navbar-right{
        background-color: transparent !important;
      }
    </style>
    <!--
    <div class="top-header">
        <ul class="z-nav-left">
          
        </ul>
        <ul class="z-nav-right">
          <li><a href=""><img class="img" src="images/chflag.png" class="img-responsive" width="21" style="box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);"><span style="margin-left:-12px; ">翻译成中文</span></a></li>
          <li><a href="online-registration.php">REGISTER</a></li>
          <li><a href="login.php" class="selected-item login-button" target="_blank" style="cursor: pointer;">LOGIN</a></li>
        </ul>
    </div>
  -->
   
<nav class="navbar navbar-fixed-top hidden-sm hidden-xs">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span> 
              </button>
              <div class="hidden-xs hidden-sm">
              <a class="navbar-brand" href="dashboard.php"><img src="<?php echo $sitelogo ?>" class="img-responsive" width="140"></a>
              </div>
              <div class="hidden-lg hidden-md" style="margin-top:3px;">
                <a class="navbar-brand brand2" href="index.php"><img src="<?php echo $sitelogo ?>" class="img-responsive" width="140"></a>
                &nbsp;&nbsp;
             </div>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
              <ul class="nav navbar-nav">
                <!--<li><a href="index.php">HOME</a></li>-->
                
              </ul>
              <style>
                .open_acc{
                  background-color: #c94c06;
                  color:white;
                  padding: -100px 5px;
                  border-radius: 5px;
                }
                .open_acc:hover{
                  background-color: #963f04;
                }
                .navbar-right {
                  position:relative;
                  top:0px;
                  right:20px;
                }
              </style>
             
              <ul class="nav navbar-nav navbar-right">
                
               

                  <a class="btn navbar-btn btn-lg" href="logout.php" style="font-weight:bolder; background-color:transparent; border-color: transparent; color:#fff; border-radius:6px; font-size:16px;"><i class="fa fa-power-off"></i></a>

              </ul>

              

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


        <!------------------------MOBILE NAV------------>

        <div class="container-fluid navbar-fixed-top hidden-lg hidden-md" style="background-color:#131e2a; padding:10px 15px;">
          <div class="row">
            <div class="col-xs-3" align="left">
              <div style="margin-top:3px; margin-left: 3px;" onclick="openNav()">
                <i class="fa fa-th" style="color: rgb(45, 156, 219); font-weight: bold; font-size: 25px;"></i>
                <br>
                <span style="color:rgb(45, 156, 219); font-size: 9px; letter-spacing: 0.5px; margin-left: -1px;">MENU</span>
              </div>
            </div>

            <div class="col-xs-5" align="left">
              <a class="navbar-brand brand2" href="dashboard.php"><img src="https://trustopus.online/images/trustopus.png" class="img-responsive" width="170px"></a>
            </div>


            <div class="col-xs-4" align="right">
             
            </div>
          </div>
        </div>

        <!-------------------MOBILE SIDE BAR----------------------->

       <style>
/* MOBILE SIDEBAR CSS *//* MOBILE SIDEBAR CSS *//* MOBILE SIDEBAR CSS *//* MOBILE SIDEBAR CSS */
  .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color:#131e2a;
      box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);
      overflow-x: hidden;
      padding-top: 60px;
  }
  .sidenav ul{
      margin-left: -30px;
  }
  .sidenav li a:hover{
    color: #fff;
  }

  .sidenav a {
      padding:0px 10px;
      text-decoration: none;
      font-size:18px;
      color: #fff;
      display: block;
      transition: 0.3s

  }
  .sidenav-mobile li a i{
    color:rgb(45, 156, 219);
    font-weight: lighter;
  }

  .sidenav a:hover, .offcanvas a:focus{
      color: #123962;
  }

  .closebtn {
      font-size: 25px !important;
      color:gray !important;
      font-weight: lighter;
    
  }
  .closebtndiv{
    margin-top: -130px;
    padding-right:5px;
  }
  .sidenav ul li{
    list-style: none;
  }

  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 14px;}
  }

  .mobile-sidebar-data-div{
    margin-left: 35px;
  }
  /* /MOBILE SIDEBAR CSS *//* MOBILE SIDEBAR CSS *//* MOBILE SIDEBAR CSS *//* MOBILE SIDEBAR CSS */
</style>
        
          <!-- MOBILE Side bar starts here--><!-- MOBILE Side bar starts here--><!-- MOBILE Side bar starts here-->
           <div id="mySidenav" class="sidenav">
            <br><br><br><br><br><br><br>
            <div class="closebtndiv" align="right"><a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><i class="fa fa-times" style="font-weight: lighter; color: #fff;"></i></a></div>
            <br><br>
            <div class="mobile-sidebar-data-div">
            <ul class="sidenav-mobile">
                 <li><a href="dashboard.php"><i class="fa fa-th-large"></i>&nbsp;&nbsp;Dashboard</a></li><br><br>

                 <li><a href="all-users.php"><i class="fa fa-users"></i>&nbsp;&nbsp;All Users</a></li><br><br>
                 <li><a href="all-trans.php"><i class="fa fa-exchange"></i>&nbsp;&nbsp;All Transactions</a></li><br><br>
                 <li><a href="all-msg.php"><i class="fa fa-wechat"></i>&nbsp;&nbsp;All Messages</a></li><br><br>

                 <li><a href="add-epayments.php"><i class="fa fa-btc"></i>&nbsp;&nbsp;Add EPayment</a></li><br><br>

                 <li><a href="all-cards.php"><i class="fa fa-credit-card"></i>&nbsp;&nbsp;Cards Request</a></li><br><br>
                 <li><a href="all-loans.php"><i class="fa fa-money"></i>&nbsp;&nbsp;Loan Request</a></li><br><br>

                 <li><a href="mailer.php"><i class="fa fa-envelope"></i>&nbsp;&nbsp;Mailer</a></li><br><br>
                 
                 <!--<li><a href="all-withdrawal.php"><i class="fa fa-credit-card"></i>&nbsp;&nbsp;Bids/offers</a></li><br><br>
                 <li><a href="connected-miners.php"><i class="fa fa-calculator"></i>&nbsp;&nbsp;All Transfers</a></li><br><br>
                 <li><a href="naira-requests.php"><i class="fa fa-google-wallet"></i>&nbsp;&nbsp;All Withdrawal <sup><span style="font-size: 12px; color: #00d67d;"> $</span></sup></a></li><br><br>-->
               
                 <li><a href="settings.php"><i class="fa fa-cog"></i>&nbsp;&nbsp;Settings</a></li><br><br>
                 <!--<li><a href="security.php"><i class="fa fa-shield"></i>&nbsp;&nbsp;Security</a></li><br><br>
                 <li><a href="live-chat.php"><i class="fa fa-comments-o"></i>&nbsp;&nbsp;Live Chat</a></li><br><br>-->
                 <li><a href="logout.php"><i class="fa fa-power-off"></i>&nbsp;&nbsp;Logout</a></li>
                </ul>   
             
                </div> 
          </div>
          <script>
          function openNav() {
              document.getElementById("mySidenav").style.width = "100%";
          }

          function closeNav() {
              document.getElementById("mySidenav").style.width = "0";
          }
          </script>
          <!-- MOBILE Side bar starts here--><!-- MOBILE Side bar starts here--><!-- MOBILE Side bar starts here-->
        
        