/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 /* Toggle Styles */

 #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

#wrapper.toggled {
    padding-left: 200px;	
    overflow: hidden;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed; 
    left: 200px; 	
    width: 0;
    height: 100%;
    margin-left: -200px; 	
    overflow: hidden;
	overflow-y: auto;
    background:url(../images/sidebar-bg2.png) repeat-y;;
	border-right:0px solid #F8F8F8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
#wrapper.toggled #sidebar-wrapper {
    width: 200px; 	
}

#page-content-wrapper {
    position: absolute;
    padding: 15px;
    width: 100%;  
    overflow-x: hidden; 
}
.xyz{
    min-width: 360px;
}
#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px; 
}
.fixed-brand{
    width: auto;
}
/* Sidebar Styles */

.sidebar-nav {
    pos ition: absolute;
    top: 0;
    width: 300px; 	/* menuwidth 50 pix will be added with width */ 
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}

.sidebar-nav li {
    text-indent: 15px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #777;
	font-size:14px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #777;
    background: rgba(248,248,248,0.2);

}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #777;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.no-margin{
    margin:0;
}
   #sidebar-wrapper {
        width: 50px;
    }
	#sidebar-wrapper:hover{
		 width: 250px; 	/* menuwidth */
	}
	#page-content-wrapper{padding-left:50px;}
	
	#menu-toggle-2{visibility:hidden;}
@media(min-width:868px) {
	
#menu-toggle-2{visibility:visible;}

    #wrapper {
        padding-left: 250px; 	/* menuwidth */
    }
    .fixed-brand{
        width: 200px; 	
    }
    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px; 	/* menuwidth */
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 200px;
    }
    #wrapper.toggled-2 #sidebar-wrapper {
        width: 50px;
    }
    #wrapper.toggled-2 #sidebar-wrapper:hover {
        width: 250px; 	/* menuwidth */
    }


    #page-content-wrapper {
        padding: 20px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 200px; /* menuwidth */
    }
    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -200px; /* menuwidth */
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;

    }
	
	
}



/* new */

.navbar-brand {
    width: 200px; /* menuwidth */
}
.navbar button,
.navbar button:active,
.navbar button:hover{border:0; padding:14px; margin:0; background:transparent!important;}

.navbar button span{font-size:20px;}


#sidebar-wrapper .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background:url(../images/sidebar-bg-active.png) repeat-y; color:#777;
}

#sidebar-wrapper .nav-pills > li.active > ul > li.active > a .fa-stack .fa-stack-1x{color:#fff!important; bac kground:#F40A0E;}


#sidebar-wrapper .nav-pills>li>a{
	
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.sidebar-nav li{
		border-bottom:1px solid #dedede;
		line-height: 45px;
}


.sidebar-nav li a:hover{background:url(../images/sidebar-bg-active.png) repeat-y; color:#777;}

.sidebar-nav li a::before{
		 content: " ";
		 padding-left:10px;
}
.sidebar-nav > li > a,
.sidebar-nav > li > ul > li > a{position:relative;}
.sidebar-nav > li > a > i.arrow,
.sidebar-nav > li > ul > li > a > i.arrow{position:absolute;right:60px; top:15px;}

.current{
	color:#00ABE3!important;
	position:relative;
}
.current i.fa-angle-right{position:absolute;right:60px; top:15px; col or:#B1B1B1;f ont-size:20px;}



#sidebar-wrapper .nav-stacked>li+li{margin-top: 0px;}


ol ol, ol ul,
ul ol, ul ul {
    margin-bottom: 0;
    margin-left: 0px;
    padding-left: 0px;
}

ol ol li, ol ul li,
ul ol li, ul ul li{
	border:0!important;
	}

.sidebar-nav   li > ul > li > a:before{
		 content: " ";
		 padding-left:25px;
		 border:0!important;
}


.sidebar-nav   li > ul > li > ul > li a:before{
		 content: "–  ";
		 padding-left:25px;
		 border:0!important;
}



.fa-stack-1x{top:5px;}






#sidebar-wrapper .section{

	margin-top:80px;
	margin-bottom:50px;
	border:0px solid #000000;
	position:relative;
	height:1px;
}


#sidebar-wrapper .section .icon{
	font-size:30px;
	color:#777;
	position:absolute;
	top:0;
	left:10px;

	

}


#sidebar-wrapper .section span{
	font-family:roboto_condensedbold;
	text-align:right;
    font-size:15px;
    color:#00ABE3;
    text-transform:uppercase;
	margin-bottom:5px;
	position:absolute;
	top:5px;
	left:60px;
	
}


#wrapper #page-content-wrapper {
  position: relative;
  margin-right: 0;
  margin-left: 0px;
    right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: auto;
}





#sidebar-wrapper{
    box-shadow: 0 0 15px 0 rgba(132,140,151,0.30) !important;
    border-right: 1px solid #e3e3e3;
}


.navbar, .panel{
    box-shadow: 0 0 35px 0 rgba(132,140,151,0.20) !important;
    border: 0;
}

.navbar{
    border-bottom: 1px solid rgba(227,227,227,0.82);
	box-shadow: 0 0 20px 0 rgba(132,140,151,0.30) !important;
}




.dataTable{
    border:0;
}