
/* sidebar switcher */
 
#sidebar-wrapper.bg-theme .brand-logo .logo-text{
	color: #ffffff;
}

#sidebar-wrapper.bg-theme .brand-logo{
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

#sidebar-wrapper.bg-theme .user-details{
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

#sidebar-wrapper.bg-theme .user-details .media .media-body .side-user-name{
	color: #ffffff;
}

#sidebar-wrapper.bg-theme .user-details div.user-pointer:after{
	color: #ffffff;
}

#sidebar-wrapper.bg-theme .user-setting-menu>li>a{
	color: rgba(255, 255, 255, 0.22);
}

#sidebar-wrapper.bg-theme .user-setting-menu>li>a:hover{
	color: rgba(255, 255, 255, 255);
}

#sidebar-wrapper.bg-theme .sidebar-header{
	color: rgba(255, 255, 255, 0.50);
}

#sidebar-wrapper.bg-theme .navigation > li > a {
	color: rgba(255, 255, 255, 0.50);
}

#sidebar-wrapper.bg-theme .navigation li ul > li > a {
	color: rgba(255, 255, 255, 0.50);
}



/* topbar switcher */

.color-header .toggle-menu i{
	color: #ffffff;
}

.color-header .right-nav-link a.nav-link{
	color: #ffffff;
}


.color-header .right-nav-link a.nav-link{
	color: #ffffff;
}

.color-header .search-bar input {
	 background-color: #ffffff;
	 border: 1px solid #ffffff;
}

.color-header .search-bar input:focus { 
   box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.255);
}


// Sidebar Active Colors

	// Active1
#active-class.active1 li.open > a {
	background: #ffffff45;
	color: rgb(255, 255, 255);
}


#active-class.active1 li:hover > a {
	background: #ffffff45;
	color: #fff;
}


#active-class.active1 li.active > a {
	background: #ffffff45;
	color: #fff;
}

#active-class.active1 li ul li:hover > a, #active-class.active1 li ul li.active > a {
	background: none;
	color: #fff;
}


	// Active2
#active-class.active2 li.open > a {
	background: #f7932030;
	color: #f79420;

}


#active-class.active2 li:hover > a {
	background: #f7932030;
	color: #f79420;
}

#active-class.active2 li.active > a {
	background: #f7932030;
	color: #f79420;
}

#active-class.active2 li ul li:hover > a, #active-class.active2 li ul li.active > a {
	background: none;
	color: #f79420;
}



	// Active3
#active-class.active3 li.open > a {
	background: #8ec44330;
	color: #8ec443;
}

#active-class.active3 li:hover > a {
	background: #8ec44330;
	color: #8ec443;
}


#active-class.active3 li.active > a {
	background: #8ec44330;
	color: #8ec443;
}

#active-class.active3 li ul li:hover > a, #active-class.active3 li ul li.active > a {
	background: none;
	color: #8ec443;
}


	// Active4
#active-class.active4 li.open > a {
	background: #ff2fa030;
	color: #ff2fa0;
}

#active-class.active4 li:hover > a {
	background: #ff2fa030;
	color: #ff2fa0;
}



#active-class.active4 li.active > a {
	background: #ff2fa030;
	color: #ff2fa0;
}

#active-class.active4 li ul li:hover > a, #active-class.active4 li ul li.active > a {
	background: none;
	color: #ff2fa0;
}


	// Active5
	
#active-class.active5 li.open > a {
	background: #e9eaea;
	color: #212529;
}

#active-class.active5 li:hover > a {
	background: #e9eaea;
	color: #212529;
}


#active-class.active5 li.active > a {
	background: #e9eaea;
	color: #212529;
}

#active-class.active5 li ul li:hover > a, #active-class.active5 li ul li.active > a {
	background: #e9eaea;
	color: #212529;
}



	// Active6
	
#active-class.active6 li.open > a {
	background: #808386;
	color: #fff;
}

#active-class.active6 li:hover > a {
	background: #0f1e35;
	color: #fff;
}


#active-class.active6 li.active > a {
	background: #0f1e35;
	color: #fff;
}

#active-class.active6 li ul li:hover > a, #active-class.active6 li ul li.active > a {
	background: #0f1e35;
	color: #fff;
}



// Sidebar Shadow Color

	// Shadow1
#active-class.shadow1 li.open > a {
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
}


#active-class.shadow1 li:hover > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
	//color: #fff;
}


#active-class.shadow1 li.active > a {
	background: #ffffff70;
	//color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);

}

#active-class.shadow1 li ul li:hover > a, #active-class.shadow1 li ul li.active > a {
	background: none;
	box-shadow: none;

}


	// Shadow2
#active-class.shadow2 li.open > a {
	background: #fff;
	box-shadow: 0 2px 10px #f7932260;
	color: #f79322;

}


#active-class.shadow2 li:hover > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #f7932260;
	color: #f79322;
}



#active-class.shadow2 li.active > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #f7932260;
	color: #f79322;

}

#active-class.shadow2 li ul li:hover > a, #active-class.shadow2 li ul li.active > a {
	background: none;
	box-shadow: none;
	color: #f79322;


}

	// Shadow3
#active-class.shadow3 li.open > a {
	background: #fff;
	box-shadow: 0 2px 10px #8dc44260;
	color: #8dc442;

}


#active-class.shadow3 li:hover > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #8dc44260;
	color: #8dc442;
}


#active-class.shadow3 li.active > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #8dc44260;
	color: #8dc442;

}

#active-class.shadow3 li ul li:hover > a, #active-class.shadow3 li ul li.active > a {
	background: none;
	box-shadow: none;
	color: #8dc442;


}

	// Shadow4
#active-class.shadow4 li.open > a {
	background: #fff;
	box-shadow: 0 2px 10px #29aae160;
	color: #29aae1;

}


#active-class.shadow4 li:hover > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #29aae160;
	color: #29aae1;
}

#active-class.shadow4 li.active > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #29aae160;
	color: #29aae1;

}


#active-class.shadow4 li ul li:hover > a, #active-class.shadow4 li ul li.active > a {
	background: none;
	box-shadow: none;
	color: #29aae1;

}


	// Shadow5
#active-class.shadow5 li.open > a {
	background: #fff;
	box-shadow: 0 2px 10px #fd355060;
	color: #fd3550;

}


#active-class.shadow5 li:hover > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #fd355060;
	color: #fd3550;
}

#active-class.shadow5 li.active > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #fd355060;
	color: #fd3550;

}

#active-class.shadow5 li ul li:hover > a, #active-class.shadow5 li ul li.active > a {
	background: none;
	box-shadow: none;
	color: #fd3550;


}


	// Shadow6
#active-class.shadow6 li.open > a {
	background: #fff;
	box-shadow: 0 2px 10px #15ca2060;
	color: #15ca20;

}


#active-class.shadow6 li:hover > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #15ca2060;
	color: #15ca20;
}


#active-class.shadow6 li.active > a {
	background: #ffffff70;
	box-shadow: 0 2px 10px #15ca2060;
	color: #15ca20;

}

#active-class.shadow6 li ul li:hover > a, #active-class.shadow6 li ul li.active > a {
	background: none;
	box-shadow: none;
	color: #15ca20;


}

