/*!
 * 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;

}

#sidebar-wrapper{
    
    background: white linear-gradient( 0, #4B4A4B, #4B4A4B ) repeat-y;
    background-color: #ffffff;
    background-size: 50px 50px;
}




#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;
    background: linear-gradient(to right, var(--theme) 49px, transparent 49px);
    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 rgba(141,141,141,0.17);
		line-height: 45px;
}


.sidebar-nav li a:hover{
	background:url(../images/sidebar-bg-active.png) repeat-y;
	background: linear-gradient(to right, var(--theme) 50px, transparent 50px);
	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:var(--theme)!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:var(--theme);
    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;
}


#wrapper{
    background-color: rgba(239,239,239,0.33);
}

.navbar, .panel {
  box-shadow: 0 0 35px 0 rgba(218,219,221,0.60) !important;
  border: 0px solid #efefef;
    /* border-radius: 5px; */

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;


}

#sidebar-wrapper {
  box-shadow: 0 0 15px 0 rgba(30,30,30,0.05) !important;
  border-right: 1px solid #ededed;
}

@media (min-width: 868px) {
  #sidebar-wrapper {
    width: 251px;
  }
}

#page-content-wrapper div > div > div > .panel .panel-body{
    padding: 5px 20px!important;
}


.list-top-controls .row > div{
    padding-left: 5px!important;
}

.nav-left-padding {
  margin-left: 49px;
}



.sidebar-nav li{
    /* border-bottom: 1px solid rgba(141,141,141,0.17); */
}

#sidebar-wrapper a{
    color: #5a5a5a;
}

#sidebar-wrapper .fa-stack i{
    color: #999999;
}




#sidebar-wrapper{
    
    background: white linear-gradient( 0, #4B4A4B, #4B4A4B ) repeat-y;
    background-color: #ffffff;
    background-size: 49px 50px;
}



#sidebar-wrapper a{
    color: #5a5a5a!important;;
}