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


.sidebar-nav.borderless td, .sidebar-nav.borderless th {
	border: none; padding:7px;
}



.navbar .container {padding-left:10px;}
.navbar-default {
    background-color: #000; /* ;*/
	color:#fff !important;
    border-color: #000; /* #e7e7e7;*/
}
.navbar-default a{color:#fff !important;}
.navbar-header{float:left !important;}

@media (min-width: 768px){
	.navbar-expand-md .navbar-toggler {
		display: inline; /* */
	}
}
.navbar-toggler {
    position: relative;
    float: left !important;
	padding:4px 0 4px 0 !important;
	margin-left:-10px !important;
    /*padding: 9px 10px 10px 5px;
    margin-top: 8px;
    margin-left: 0px;
    margin-bottom: 8px;*/
    background-color: #000 !important;
    background-image: none;
    border: 1px solid #000 !important;  /*transparent;*/
    border-radius: 4px;
}
.navbar-toggler:active  {  background-color: #000 !important; /* ;*/
	color:#fff !important;
    border-color: #000 !important; /* #e7e7e7;*/
}
.navbar-toggler:hover{
    background-color: #000 !important; /* ;*/
	color:#fff !important;
    border-color: #000 !important; /* #e7e7e7;*/
}

#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;
}

#wrapper.toggled {
	margin-top:20px;
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
	margin-top:20px;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	overflow-x: hidden !important;
}

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

#page-content-wrapper {
    width: 100%;
    /*position: absolute;*/
}

#wrapper.toggled #page-content-wrapper {
    /*position: absolute;
	top:20px;*/
	width: 100%;
	padding-left:50px !important;
    margin-right: -250px;
	padding-top:30px;
}

	
	#page-content-wrapper-container {
		margin-left: 0px !important;
		padding-right: 0px !important;
    	padding-left: 0px !important;
	}


/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

 .sidebar-nav .fas, 
 .sidebar-nav .far {
    font-size: 20px !important;
}


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

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,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: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.sidebar-nav a{color:#FFF !important; text-decoration:none !important;}

.sidebar-nav .fas, 
.sidebar-nav .far{ text-indent:0 !important; color:#FFF;/**/ }

.sidebar-nav a .fas:hover, 
.sidebar-nav a .far:hover, 
.sidebar-nav a .sidebar-menu-subtitle:hover{
	color:#FF0 !important;
	border:0px !important;
	
}
	
/*	.body-toggle{ background-color:rgba(0,0,0,0.4); overflow-y:hidden;}*/

	.menu-toggle{padding-right:250px;}
	


@media(min-width:768px) {
	
	.navbar .container{width:100%;}
	
	.navbar-toggler{display:block;}
	
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 49px; /* 0; */
    }
	#wrapper.toggled #sidebar-wrapper .sidebar-nav .glyphicon, 
	#wrapper.toggled #sidebar-wrapper .sidebar-nav .fa{ font-size:20px; width:20px;  text-indent:5px !important; }
	
	#wrapper.toggled #sidebar-wrapper:hover{
		 /*width: 250px;*/
	}
	#wrapper.toggled #sidebar-wrapper:hover + #page-content-wrapper{
		/*padding-left:250px;*/
	}
	
	.sidebar-brand-subtitle, 
	.sidebar-menu-subtitle{ visibility:visible !important;}
	
	#wrapper.toggled .sidebar-brand-subtitle, 
	#wrapper.toggled .sidebar-menu-subtitle{ /*margin-left:20px; visibility:hidden !important;*/ color:#FFF;}
	
	#wrapper.toggled #sidebar-wrapper:hover .sidebar-brand-subtitle, 
	#wrapper.toggled #sidebar-wrapper:hover .sidebar-menu-subtitle{ visibility:visible !important;}

    #page-content-wrapper {
        /*padding: 20px;
        position: relative;*/
    }

    #wrapper.toggled #page-content-wrapper {
        /*position: relative;
        margin-right: 0;
		padding-left: 40px;*/
    }
}

@media(max-width:767px){
    #wrapper {
         padding-left: 50px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 50px;
		overflow-x: hidden !important;
    }
	
	#page-content-wrapper{
		/*padding-left:50px !important;*/
	}
	
	#sidebar-wrapper:hover{
		 /*width: 250px;*/
	}
	#sidebar-wrapper:hover + #page-content-wrapper{
		/*padding-left:260px !important;*/
	}
	#sidebar-wrapper .sidebar-nav .glyphicon, 
	#sidebar-wrapper .sidebar-nav .fa{ font-size:20px; width:20px;  text-indent:5px !important; }
	
/*	.sidebar-brand-subtitle, 
	.sidebar-menu-subtitle{ visibility:hidden !important;}
*/	
	#wrapper.toggled .sidebar-brand-subtitle, 
	#wrapper.toggled .sidebar-menu-subtitle{ /*margin-left:20px; visibility:hidden !important;*/}
	
	#sidebar-wrapper:hover .sidebar-brand-subtitle, 
	#sidebar-wrapper:hover .sidebar-menu-subtitle{ visibility:visible !important;}
	
	#wrapper.toggled #sidebar-wrapper{
		width:50px;
	}
	
    #wrapper.toggled #sidebar-wrapper:hover {
        /*width: 250px;  0; */
    }

    #page-content-wrapper {
        /*padding: 20px;
        position: relative;*/
    }

    #wrapper.toggled #page-content-wrapper {
        /*position: relative;
        margin-right: 0;
		padding-left:70px;*/
    }
	
	.navbar-brand{padding-left:0;}
	.navbar-toggler{margin-left:15px; }

}
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		body{ padding-left:5px; padding-right:5px;}
		.col-xs-12{padding-left:15px; padding-right:0; }
		.container-fluid{padding-left:0; padding-right:0;}
	}