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







/*=================================================================================================================================*/
/*========================== NOTE MUCH OF THE CSS CODE FOR THE SIDEBAR IS CONTAINED IN STYLE.CSS*/
/*=================================================================================================================================*/

/*===========Interesting note about links, they have to be in a certain order to work properly=============*/

.about_featured {
	
  font-family: 'Open Sans', sans-serif;
  color: #bab66f;
  margin: 5px 0px 0px 0px;
  line-height:100%;
}

.about_featured a {
	display: block;
    text-decoration:none;
    color:#bab66f;
	margin-left: 15px;
}

.about_featured a:hover{
	text-decoration:none;
	color: #ffffff;
    background: rgba(255,255,255,0.2);
}
.about_featured a:active{
	text-decoration:none;
	color: #ffffff;
    background: rgba(255,255,255,0.2);
}










#sidebar-wrapper {
	position:absolute;

}
.sidebar-nav {
	position:relative;
}

.sidebar-nav .dropdown-menu{
	background-color: rgba(255,255,255,.7) !important;
	position:relative;
	float: right;/*==========================*/
	margin-left: 5px;
	width: 190px;
	padding-right: 2px !important;/*===========================*/
	/*margin-top: -50px;*/
	height:100%;
	clear:both;
	
}
.sidebar-nav .dropdown-menu >li >a {
	margin-right:0px;/*==========================*/
	padding-right:0px;/*===============================*/
	color:#000 !important;
	
}
.sidebar-nav .dropdown-menu >ul{
}

/*=============================================== added code above the line to style sidebar================================*/
#wrapper {
    padding-right: 0;/*====================*/
	/*padding-top: 50px;*/
	/*margin-top:-50px;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#wrapper.toggled {
    padding-right/*============================*/: 200px;
}
#companylogo {
    height:62px;/*=============== THIS CHANGES THE HEIGHT OF THE BLACK BAR INSIDE THE SIDE MENU*/
	background-color:#000;
	/*margin-bottom: 30px;*/
	position:relative;
	top: 0px;
	left: 0px;
}

#sidebar-wrapper {
    z-index: 1000;/*==================== was 1000 ===================*/
    position: fixed;
    right: 200px;/*=================================================*/
    width: 0;
    height: 100%;/*===== IF YOU CHANGE THIS THE ACCORDIAN IN THE SIDEBAR DISAPPEARS*/
    margin-right: -200px;/*========================================*/
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	/*border-right-width: 40px #000000;*/
	background-color: #CCC;
	border-left: 0px solid #a6a146;
/*border-bottom: 1px solid #000;*/
}

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

#page-content-wrapper {/*============= THE PAGE CONTENT WRAPPER IS WRAPPED BELOW THE NAVBAR AND TO THE END OF THE FOOTER TO MAKE EVERYTHING BELOW THE NAVBAR SLIDE IF YOU TAKE THE PADDING AND MARGIN OFF THE SOURCE PAGE*/
    width: 100%;
    position: absolute;
    padding: 15px;
			    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;


}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-left: -200px;/*=========================================*/
	    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* Sidebar Styles */

/*.sidebar-nav {
    position: absolute;
    top: 0;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;

}

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

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

.sidebar-nav li a:hover {    
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.5);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}
*/
/*.sidebar-nav > li > .dropdown-menu { background-color: #000; } */ /*============== This used to change the background color of the submenu but isn't working*/
/*
.sidebar-nav > .sidebar-brand {

    font-size: 26px;
    line-height: 90px;
	background-color:none!important;
}

.sidebar-nav >li >a {
    color: #fff;
	position:relative;
}

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



@media(min-width:991px) {

	#wrapper {
        padding-left:0px;
    }

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

    #sidebar-wrapper {
        width: 0px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
    }

    #wrapper.toggled #page-content-wrapper {
        margin-right: 0;
    }
	
}