/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 5, 2016, 6:49:46 PM
    Author     : CWDAD-2
*/

body.show_sidebar .nav_trigger {
    right: 0%;
    top: 0;
}
.fa-menuclose, .fa.fa-menuclose.fa-menu_inner {
    background: #fe0000 url("../images/icon_close_inner.png") no-repeat scroll 0 0 !important;
    border: 0 none !important;
    height: 42px;
    transition: all 0.3s ease-in-out 0s;
    width: 42px;
}
.fa-menu {
    background: #fe0000 url("../images/icon_menu_inner.png") no-repeat scroll 0 0;
    height: 42px;
    transition: all 0.3s ease-in-out 0s;
    width: 42px;
}
.nav_trigger {
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 26px;
    margin: 0;
    position: fixed;
    left: 30px;
    top: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;
                    z-index: 111111;
}
body.show_sidebar .nav_trigger {
	left: 20%;
        top:0px;
}
#push_sidebar {
	background:#fe0000;
	z-index: 2147483647;
	bottom: 0;
	color: #95A7B7;
	left:-20%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 20%;
        -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:0px;
}
#wrapper {
	margin-right: 0;
	overflow: hidden;
	width: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#push_sidebar li a span{background:url(../images/menu_line.png) no-repeat left center;padding-left: 20px;}
#push_sidebar li a .fa {
	font-size: 19px;
	float: right;
	width: 30px;
	text-align: center;
	margin-left: 5px;
}
body.show_sidebar #wrapper {
    margin-left: 20%;
    width: 80%;
}