body {
  margin: 0;
}

 
.mob-nav{position:fixed; bottom:-10px !important; z-index:9999; width:100%; /* background:#eee;padding:5px 10px; */}
.mob-nav .nav {
    list-style: outside none none;
    margin-bottom: 0;
  /*   padding: 5px 10px; */
}

.pushmenu { /*this is the nav*/
  /* background: #3c3933; */
  background: #012d19;
 /*  font-family: Arial, Helvetics, sans-serif; */
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
  position:fixed;
  
}

.pushmenu h3 {
  color: #cbbfad;
  font-size: 22px !important;
  font-weight: bold;
  padding: 15px 20px;
  margin: 0;
  background: #282522;    
/*   height: 16px; */
}
.pushmenu ul {
  margin:0;
}
.pushmenu ul li {
 list-style-type:none;
 color:#fff;
}

.pushmenu a {
  display: block; /* drops the nav vertically*/
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
   border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
 /*  border-top: 1px solid #56544e;
  border-bottom: 1px solid #312e2a; */
  padding: 14px;
}

.pushmenu a:hover {
 /*  background:#00A287 !important; */
  background:#009933 !important;
}

.pushmenu a:active {
  background: #454f5c !important;
  color: #fff;
}



.pushmenu-left {
  left: -240px;

}

.pushmenu-left.pushmenu-open {
  left: 0;
}

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.pushmenu-push-toright {
  left: 240px;
}

.pushmenu .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #00622d;
    border-color: #00622d;
}

.pushmenu .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    background: #6aa018;
	color:#fff;
    padding: 5px 15px 5px 25px;
}

.pushmenu .dropdown-menu > li > a {
    clear: both;
    display: block;
    font-weight: 400;
    white-space: inherit;
}

/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;  
}

 /* #nav_list {
  background: url(demo/jquery/icon_nav.png) no-repeat left top;

  cursor: pointer;
  height: 27px;
  width: 33px;
  text-indent: -99999em;
} */

.pushmenu .navbar-brand {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    font-size: 20px;
    height: 60px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-top: 25px;
    width: 100%;
}


#nav_list {
  cursor: pointer;
/*   font-size:25px; */
  font-weight:300;
  color:#fff;
  float:left;
  list-style-type:none;
/*   margin-left:-20px; */
}

nav-list.active {
  background-position: -33px top;
}

 .buttonset {
      background:#95bc0d;
     height:40px;
      padding:5px 20px 20px 20px;
	  float:left;
	  width:100%;
 }
 
 section.content {
   padding: 10px 20px;
 }
	 
		 
/* ************************** icon-bar STARTS here ********************** */
	
	
.pushmenu-push .icon-bar {
    width: 100%;
    text-align: center;
   /*  background-color: #555; */
    background-color: #6aa018;
    overflow: auto;
}

.pushmenu-push .icon-bar a {
    width: 25%;
    padding: 12px 0;
    float: left;
    transition: all 0.3s ease;
    color: white;
    font-size: 36px;
}

.pushmenu-push .icon-bar a:hover {
   /* background-color: #000;*/
    background-color:rgba(55, 88, 4, 0.91);
	color:#fff;
}

.pushmenu-push .active {
    /* background-color: #4CAF50 !important;*/
	background-color: #006335 !important;
}