<?php 
if($ho_access=='yes') { $branch="Admin"; } else { $branch=$branch; }
?>   
<style>
    img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.navbar {
    background: white;
    opacity: 0.7; 
    border-radius: 0;
    border: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

aside.left-panel {
    background: white;
    opacity: 0.9;
    height: 100vh;
    padding: 0;
    vertical-align: top;
    width: 280px;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    position: fixed;
    left: 0;
    bottom: 0;
    top: 55px;
    z-index: 999;
}

.navbar .navbar-nav > li.active {
    background: white;
    opacity: 0.9;
}
.navbar .navbar-nav li > a {
    background: none !important;
    color: black;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a:hover {
    color: black;
}
.right-panel header.header {
    /* background: #fff; */
    border-bottom: 1px solid #e8e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    padding: 0 30px;
    height: 55px;
    position: fixed;
    left: 280px;
    background: maroon;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}
.right-panel .navbar-header {
    width: 100%;
    background-color:transparent;
    padding: 0 1.25em 0 0;
}
.menutoggle {
    background-color: transparent;
    color: white !important;
    cursor: pointer;
    font-size: 1em;
    height: 40px;
    line-height: 40px;
    width: 40px;
    display: block;
    text-align: right;
}
.user-area .user-avatar {
    /* float: right; */
    width: 33px;
    height: 39px;
    margin-top: 7px;
    margin-left: -53px;
}
/* .right-panel header.header {
    background: maroon;
    border-bottom: 1px solid #e8e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    padding: 0 30px;
    height: 55px;
    position: fixed;
    color: white;
    left: 280px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}
.right-panel .navbar-header {
    width: 100%;
    background-color: maroon;
    padding: 0 1.25em 0 0;
   
}
.user-area .user-avatar {
    float: right;
    width: 30px;
}
.navbar .navbar-nav > li.active {
    background: navajowhite;
    /* color: #ffc34d; 
}*/
/* .navbar .main-menu {
    float: left;
    background: navajowhite;
    padding: 0;
    padding-bottom: 50px;
}
.navbar {
    background: navajowhite;
    border-radius: 0;
    border: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}


aside.left-panel {
    background: navajowhite;
    height: 100vh;
    padding: 0;
    vertical-align: top;
    width: 280px;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    position: fixed;
    left: 0;
    bottom: 0;
    top: 55px;
    z-index: 999;
} */ 
</style>
<!-- Include Select2 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
    <!-- Include Select2 JS -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
   <header id="header" class="header">
            <div class="top-left">
                <div class="navbar-header">
				<a class="navbar-brand" href="<?php echo URL;?>"><img style="width: 60px;height: 49px; margin-left: 20px; margin-top: 2px; border-radius: 121%;" src="<?php echo URL;?>images/cmpylogoo.jpg" alt="Logo"></a>                   
				   <a class="navbar-brand hidden" href="<?php echo URL;?>"><img style="width:100px;" src="<?php echo URL;?>images/bluebase_logo.png" alt="Logo"></a>
                    <a class="navbar-brand hidden" href="<?php echo URL;?>"><img style="width:100px;height:80px;" src="<?php echo URL;?>images/bluebase.png" alt="Logo"></a>
                    <a id="menuToggle" class="menutoggle" ><i class="fa fa-bars"></i></a>
                </div>
            </div>
			
               <div class="top-right">
			    
                <div class="header-menu">
                   <!-- <a> <img class="user-avatar rounded-circle" style="width:100px;margin-right:50px;opacity:2.9px;" src="<?php echo URL;?>images/bluebase_logo.png" alt="User Avatar"></a> -->
				<div class="user-area dropdown float-right">
				    <a href="#" class="dropdown-toggle active" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <img class="user-avatar rounded-circle" src="<?php echo URL;?>images/user_logo.png" alt="User Avatar">
                    <label style="text-transform:uppercase;color:white; "><?php echo $username;?></label>
					</a>
					<div class="user-menu dropdown-menu">
						<a class="nav-link" onclick="my_profile()"><i class="fa fa- user"></i>My Profile</a>
						<a class="nav-link" href="#"><i class="fa fa- user"></i>Notification<span class="count">13</span></a>
						<a class="nav-link" onclick="change_pass()"><i class="fa fa -cog"></i>Change Password</a>
						<a class="nav-link" href="/asset_temp/login/logout.php"><i class="fa fa-power -off"></i>Logout</a>
					</div>
				</div>

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