/************************************************************
 * Push Sidebar Menu
 * 
 * Created on: March 3,2015
 * License   : MIT
 * Author    : Amr Mekkawy <amr.mekkawy@gmail.com>
 * URL       : http://github.com/AmrMekkawy/push-sidebar-menu
 ************************************************************/

body.show_sidebar {position:fixed;left:0;top:0;}

body.show_sidebar .nav_trigger {
	margin-right: 5px;
}
#push_sidebar {
	position: fixed;
    text-align:center;
	background: rgb(86, 146, 72,0.95);
	bottom: 0;
	color: #fff;
	box-shadow:-3px 0 10px rgba(0,0,0,0.1);
	left: 100%;
	overflow: auto;
	top: 0;
	width: 25%;
	z-index:9;
	padding:30px;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
body.show_sidebar #push_sidebar {left: 75%;}

.list-unstyled {list-style:none;}


#hd.show_sidebar {background:transparent;}

@media (max-width: 767px) {
	.nav_trigger {
		font-size: 19px;
		margin: 5px 5px 0 20px;
	}
	#push_sidebar {
		width: 100%;
	}
	body.show_sidebar #push_sidebar {
		left: 0;
	}

}

@media (min-width: 992px) {
	#push_sidebar {
		width: 0;
	}
	body.show_sidebar #push_sidebar {
		left: 100%;
	}

}

/***********************************/


#push_sidebar li {text-align:left;width:100%;padding:0;margin:0;}

#w { display: block; width: 100%; margin: 0 auto; }

#leftpanel {-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
background:#31373d;color:#fff;}

/* nav menu styles */
#push_sidebar nav { 
  position:absolute;
  left:0;top:50%;
  display: block; 
  width: 100%; 
  margin-top:-130px;
}

#push_sidebar nav a {color:#fff;}

#push_sidebar nav .btn_adm {float:none;margin:5px auto;color:#fff !important;width:80%;max-width:200px;}
#push_sidebar nav .btn_download {margin-top:30px;}




#nav > li > a { 
  display: block; 
  padding: 10px;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-align:center;
  text-decoration: none;
  font-family:inherit;

}
#nav > li > a:hover, 
#nav > li > a.open {}

#nav li ul { display: none; }

#nav li ul li {}

#nav li ul li.mobile_main {border:0;}
#nav li ul li.mobile_sub {border:0;}
#nav li ul li.mobile_sub:last-child {padding-bottom:8px;}


#nav li ul {margin-top:10px;}
#nav li ul li a { 
  display: block; 
  background: none;
  padding: 7px 0px;
  padding-left: 15px;
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
  color: #767676;
  border-bottom:0 !important;
  border:0 !important;
}


.open {
    background: url(../img/icon_arrow_up.png) no-repeat right 3px center;
    background-size: 12px auto;
}
.hassub {
    background: url(../img/icon_arrow_down.png) no-repeat right 3px center;
    background-size: 12px auto;
}