<style>
/*alternate-color:#D9EDF7,;*/
.sjlogo{
    width:55px;
    float: left;
    margin-left: 25px;
    border-radius: 50%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.navbar-brand {
  font-size: 1.3em;
  margin-left: 0px !important;
  padding: 20px;
  margin: auto;
  font-weight: 600;
  color: #fff !important;
}
.navbar{
background-image: none;
/*background:#9A182C !important;#468847*/
background:#468847 !important;
width: 100%;
margin: 0px !important;
/*border-bottom:1px solid #29166F;*/
}
.margin-header{height:100px;
/*border-bottom:2px solid red;*/
}
#myNavbar{
  
  margin-top: 10px;
  font-weight: bold;
}
.icon-bar{
  width: 30px!important;
}
.navbar-toggle{
border-radius:5px;    
background:#005500;
}
.navbar p : hover{
color: #fff !important;  
}
.navbar li a:hover{
/*color: #29166F !important;*/
color:#fff;
/*border-bottom: 2px solid #29166F;*/
border-bottom: 2px solid #fff;
/*background-color: #fff !important;    */
background-color:#468847 !important;
}
.navbar li a{
      margin-left: 10px;
      padding: 1em 1.5em;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #fff !important;
}
.glyphicon-chevron-down{ margin-left:10px;}

.icon-bar{ padding: 2px;background: #fff; }

 /* Dropdown Button */
.dropbtn {
  /*background-color: #fff;  */
  background:#468847;
  cursor: pointer;
    border: none;
    margin-left: 10px;
    padding: 1em 1.5em;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    /*color: #212529 !important;*/
    color:#fff;
}
li .dropbtn :hover{
/*color: #29166F !important;  */
}
.dropdown {
  position: relative;
  display: inline-block;
  color: #fff !important;  
  background-color:#468847 !important;
}

.dropdown:hover{  
  /*color: #fff !important;*/
/*border-bottom: 2px solid #29166F !important;*/
/*border-bottom: 2px solid #fff !important;*/
/*background-color: #fff !important; */
background:#468847;
}
/* Dropdown Content (Hidden by Default) */


/* Links inside the dropdown */
.dropdown-menu a {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
}
.dropdown-menu{
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  position: absolute;
  background-color:#468847 !important;
  font-size:14px !important;
  margin-left:20px;
}</style>
<nav class="navbar  navbar-nav navbar-fixed-top   ">
<div class="container-fluid">
<a class="navbar-brand" href="#">MTMHSS Koyla Nagar</a>
<!--<img src="<?php echo base_url();?>assets/images/MTM logo.png" class="sjlogo"/>-->
<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>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
    
<li class="active"><a href="<?php echo base_url();?>KoylaNagarFee/dashboard">Home</a></li>

<li class="">
  <div class="dropdown">
    <p class= "dropbtn dropdown-toggle" data-toggle="dropdown">
      Fee
<i class="glyphicon glyphicon-chevron-down"></i>      
    </p>
<div class="dropdown-menu">
<a class="dropdown-item" href="<?php echo base_url();?>KoylaNagarFee/fee_structure">Fee Structure</a>
<a class="dropdown-item" href="#">Collection</a>
<a class="dropdown-item" href="#">Defaulter</a>
<a class="dropdown-item" href="#">#</a>
<div class="dropdown-divider"></div>
      
</div>
  </div>

</li>

<li>
<div class="dropdown">
<p class= "dropbtn dropdown-toggle" data-toggle="dropdown">Student<i class="glyphicon glyphicon-chevron-down"></i></p>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="<?php echo base_url();?>Student/add_new_student/">Add New Student</a>
      <a class="dropdown-item" href="#">Profile </a>
    </div>
  </div>

</li>
<li><a href="#">Result</a></li>

</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="<?php echo base_url();?>KoylaNagarFee/logout"><span class="glyphicon glyphicon-phone"></span> Logout</a></li>
</ul>
</div>
</div>
</nav>
<div class="margin-header"></div>