1#@!#!123s

: / home5 / rakcha / www / admin / assets / css /
Filename : theme-color.css
back
/*

 *  Document   : theme-color.css

 *  Author     : RedStar Theme

 *  Description: stylesheet for change theme color, user can set any custom color for template, User have to just replace three classes

 	(header-white white-sidebar-color logo-indigo) with (custom-sidebar-color logo-custom header-custom) classes in template <body> tag 

 	and set bellow variable color as per desire. Thats It !!!!!!

 */

 

 :root {

  --sidebar-color: #ffffff;

  --sidebar-font-color: #4680ff;

  --logo-color: #222c3c;

  --header-color: #6673FC;

}



/*

  --white-color: #ffffff;

  --dark-color: #222c3c;

  --blue-color: #1880c9;

  --indigo-color: #6673FC;

  --cyan-color: #4ABAD2;

  --green-color: #3FCC7E;

  --red-color: #E44F56;

*/





/* Custom Theme Color */

.custom-sidebar-color .sidemenu-container {

    background-color: var(--sidebar-color);

}

.custom-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.custom-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #ffffff;

    border-top-color: transparent;

    color: var(--sidebar-font-color);

}

.custom-sidebar-color .sidemenu-container .sidemenu>li>a, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: #555;

	border-bottom:none;

	background-color: var(--sidebar-color);

}

.custom-sidebar-color .user-panel{

	color: #444;

}

.custom-sidebar-color .txtOnline{

	color: #444;

}



.custom-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.custom-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.custom-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.custom-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.custom-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.custom-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: var(--sidebar-font-color);

}

.custom-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #F5F5F5;

}

.custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color : #444;

}

.custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.custom-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.custom-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: var(--sidebar-font-color);

}

.custom-sidebar-color .page-container{

	background-color : #ffffff;

}

.selector-title{

	margin-top: 0px !important; 

}

.custom-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow{

	    border-right: 8px solid var(--sidebar-font-color);

}

.custom-sidebar-color .sidemenu-hover-submenu li:hover>.sub-menu{

	background-color: #F5F5F5;

}



.logo-custom .page-header.navbar .page-logo{

	background: var(--logo-color);

}



.header-custom .page-header.navbar{

	background-color: var(--header-color);

}

.header-custom form.search-form-opened .btn.submit {

    color: #fff;

}

.header-custom .search-form-opened input[type="text"]{

	color:#fff;

}

.header-custom form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-custom .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-custom .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-custom .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-custom .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-custom .language-switch a{

	color: #fff;

}

.header-custom .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}

.header-custom .page-header.navbar .hor-menu .navbar-nav>li.active>a, 

.header-custom .page-header.navbar .hor-menu .navbar-nav>li.current>a{

	background-color: transparent;

}

.header-custom .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{

	background-color: transparent;

}

.header-custom .dropdown-menu>li.active:hover>a, 

.header-custom .dropdown-menu>li.active>a, 

.header-custom .dropdown-menu>li:hover>a{

	background-color: transparent;

}



.header-custom .language-switch a.dropdown-toggle{

	color:#fff;

}







/* White sidebar color */

.white-sidebar-color .sidemenu-container {

    background-color: #ffffff;

}

.white-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.white-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #F4F6F9;

    border-top-color: transparent;

    color: #4680ff;

}

/* .white-sidebar-color .sidemenu-container .sidemenu>li>a{

	color: #555;

	border-bottom:none;

	background-color: #ffffff;

} */

.white-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.white-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a{

	background-color: #F4F6F9;

    border-top-color: transparent;

    color: #4680ff;

}

.white-sidebar-color .user-panel,

.white-sidebar-color .txtOnline,

.white-sidebar-color .sidemenu-container .sidemenu>li>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: #444;

}

.white-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.white-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.white-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.white-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.white-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.white-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #4680ff;

}

.white-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #F4F6F9;

}

.white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color : #444;

}

.white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.white-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #4680ff;

}

.white-sidebar-color .page-container{

	background-color : #ffffff;

}

.selector-title{

	margin-top: 0px !important; 

}

.white-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow{

	    border-right: 8px solid #4680ff;

}

.white-sidebar-color .sidemenu-hover-submenu li:hover>.sub-menu{

	background-color: #F5F5F5;

}

.white-sidebar-color .sidemenu-container .sidemenu>li.active>a>i,

.white-sidebar-color .sidemenu-container .sidemenu li.active>a>.arrow.open:before, 

.white-sidebar-color .sidemenu-container .sidemenu li.active>a>.arrow:before, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active>a>.arrow.open:before, 

.white-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li.active>a>.arrow:before{

	color: #4680ff;

}



/* Dark sidebar color */

.dark-sidebar-color .sidemenu-container {

    background-color: #222c3c;

}

.dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.dark-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #1e293c;

    border-top-color: transparent;

    color: #fff;

}

.dark-sidebar-color .sidemenu-container .sidemenu>li>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: #b7c0cd;

	border-bottom:none;

}

.dark-sidebar-color .user-panel{

	color: #ccc;

}

.dark-sidebar-color .txtOnline{

	color: #ccc;

}

.dark-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a {

    background-color: #222c3c;

    color: #fff;

}

.dark-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #fff;

}

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #1e293c;

}

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color: rgba(255,255,255,0.5);

}

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #fff;

}

.dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, 

.dark-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, 

.dark-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i{

	color: #fff;

}

.dark-sidebar-color .page-container{

	background-color : #222c3c;

}

.dark-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow {

    border-right: 8px solid #fff;

}

.dark-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a>i {

    color: #ffffff;

}





/* Blue sidebar color */

.blue-sidebar-color .sidemenu-container {

    background-color: #1880c9;

}

.blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.blue-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #186fad;

    border-top-color: transparent;

    color: #fff;

}

.blue-sidebar-color .sidemenu-container .sidemenu>li>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: rgba(255, 255, 255, 0.8);

	border-bottom:none;

}

.blue-sidebar-color .user-panel{

	color: #fff;

}

.blue-sidebar-color .txtOnline{

	color: #fff;

}

.blue-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a {

    background-color: #1880c9;

    color: #fff;

}

.blue-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #fff;

}

.blue-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #186fad

}

.blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color: rgba(255, 255, 255, 0.8);

}

.blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.blue-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #fff;

}

.blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, 

.blue-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i{

	color: #fff;

}

.blue-sidebar-color .page-container{

	background-color : #1880c9;

}

.blue-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, 

.blue-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3{

	color: #fff;

}

.blue-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow {

    border-right: 8px solid #fff;

}





/* Indigo sidebar color */

.indigo-sidebar-color .sidemenu-container {

    background-color: #6673FC;

}

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #545ed6;

    border-top-color: transparent;

    color: #fff;

}

.indigo-sidebar-color .sidemenu-container .sidemenu>li>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: rgba(255, 255, 255, 0.8);

	border-bottom:none;

}

.indigo-sidebar-color .user-panel{

	color: #fff;

}

.indigo-sidebar-color .txtOnline{

	color: #fff;

}

.indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a {

    background-color: #6673FC;

    color: #fff;

}

.indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #fff;

}

.indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #545ed6;

}

.indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color: rgba(255, 255, 255, 0.8);

}

.indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.indigo-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #fff;

}

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i{

	color: #fff;

}

.indigo-sidebar-color .page-container{

	background-color : #6673FC;

}

.indigo-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, 

.indigo-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3{

	color: #fff;

}

.indigo-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow {

    border-right: 8px solid #fff;

}





/* Cyan sidebar color */

.cyan-sidebar-color .sidemenu-container {

    background-color: #4ABAD2;

}

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #34a3bc;

    border-top-color: transparent;

    color: #fff;

}

.cyan-sidebar-color .sidemenu-container .sidemenu>li>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: rgba(255, 255, 255, 0.8);

	border-bottom:none;

}

.cyan-sidebar-color .user-panel{

	color: #fff;

}

.cyan-sidebar-color .txtOnline{

	color: #fff;

}

.cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a {

    background-color: #4ABAD2;

    color: #fff;

}

.cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #fff;

}

.cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #34A3BC

}

.cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color: rgba(255, 255, 255, 0.8);

}

.cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.cyan-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #fff;

}

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i{

	color: #fff;

}

.cyan-sidebar-color .page-container{

	background-color : #4ABAD2;

}

.cyan-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, 

.cyan-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3{

	color: #fff;

}

.cyan-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow {

    border-right: 8px solid #fff;

}

/* Green sidebar color */

.green-sidebar-color .sidemenu-container {

    background-color: #3FCC7E;

}

.green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.green-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #3fa961;

    border-top-color: transparent;

    color: #fff;

}

.green-sidebar-color .sidemenu-container .sidemenu>li>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: rgba(255, 255, 255, 0.8);

	border-bottom:none;

}

.green-sidebar-color .user-panel{

	color: #fff;

}

.green-sidebar-color .txtOnline{

	color: #fff;

}

.green-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.green-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a {

    background-color: #3FCC7E;

    color: #fff;

}

.green-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.green-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #fff;

}

.green-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #3fa961;

}

.green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color: rgba(255, 255, 255, 0.8);

}

.green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.green-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #fff;

}

.green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, 

.green-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, 

.green-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i{

	color: #fff;

}

.green-sidebar-color .page-container{

	background-color : #3FCC7E;

}

.green-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, 

.green-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3{

	color: #fff;

}

.green-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow {

    border-right: 8px solid #fff;

}





/* Red sidebar color */

.red-sidebar-color .sidemenu-container {

    background-color: #E44F56

}

.red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a,

.red-sidebar-color .sidemenu-container .sidemenu>li.active>a,

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a,

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a {

    background-color: #b54b50;

    border-top-color: transparent;

    color: #fff;

}

.red-sidebar-color .sidemenu-container .sidemenu>li>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li>a{

	color: rgba(255, 255, 255, 0.8);

	border-bottom:none;

}

.red-sidebar-color .user-panel{

	color: #fff;

}

.red-sidebar-color .txtOnline{

	color: #fff;

}

.red-sidebar-color .sidemenu-container .sidemenu>li.open>a, 

.red-sidebar-color .sidemenu-container .sidemenu>li:hover>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a {

    background-color: #E44F56;

    color: #fff;

}

.red-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li.open>a>.arrow:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li.open>a>i, 

.red-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li:hover>a>.arrow:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li:hover>a>i, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>.arrow:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.open>a>i, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>.arrow:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li:hover>a>i{

	color: #fff;

}

.red-sidebar-color .sidemenu-container .sidemenu .sub-menu, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu{

	    background-color: #b54b50;

}

.red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li>a{

	color: rgba(255, 255, 255, 0.8);

}

.red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.active>a, 

.red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li.open>a, 

.red-sidebar-color .sidemenu-container .sidemenu .sub-menu>li:hover>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.active>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li.open>a, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu .sub-menu>li:hover>a{

	color: #fff;

}

.red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>.arrow:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li.active.open>a>i, 

.red-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li.active>a>.arrow:before, 

.red-sidebar-color .sidemenu-container .sidemenu>li.active>a>i, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>.arrow:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active.open>a>i, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow.open:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>.arrow:before, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.active>a>i{

	color: #fff;

}

.red-sidebar-color .page-container{

	background-color : #E44F56

}

.red-sidebar-color .sidemenu-container .sidemenu>li.heading>h3, 

.red-sidebar-color .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu>li.heading>h3{

	color: #fff;

}

.red-sidebar-color .sidemenu-hover-submenu li:hover a>.arrow {

    border-right: 8px solid #fff;

}



/***************** Logo Theme **********************/

.logo-white .page-header.navbar .page-logo{

	background: #ffffff;

}

.logo-white .page-logo a{

	color: #000;

	

}

.logo-dark .page-header.navbar .page-logo{

	background: #222c3c;

}

.logo-blue .page-header.navbar .page-logo{

	background: #1880c9;

}

.logo-indigo .page-header.navbar .page-logo{

	background: #6673FC;

}

.logo-cyan .page-header.navbar .page-logo{

	background: #4ABAD2;

}

.logo-red .page-header.navbar .page-logo{

	background: #E44F56

}

.logo-green .page-header.navbar .page-logo{

	background: #3FCC7E;

}







/*************** Header Theme ******************/

/* Header White */

.header-white .page-header.navbar{

	background-color: #ffffff;

}

.header-white form.search-form-opened {

    float: left;

    width: 100%;

    max-width: 200px;

    background-color: transparent;

    color: #fff;

    border-radius: 30px;

    margin: 10px 0 0 10px;

    border: 1px solid #bdbdbd;

}

.header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #000;

}

.header-white .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #000;

}

.header-white .language-switch a{

	color: #000;

}

.header-white .menu-toggler i.icon-menu{

	color: #000000;

	font-size: 18px;

}



.header-white .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3,

.header-white .page-header.navbar .hor-menu .navbar-nav>li>a {

    color: #555;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li>a>i {

    color: #555;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li.open>a,

.header-white .page-header.navbar .hor-menu .navbar-nav>li:hover>a,

.header-white .page-header.navbar .hor-menu .navbar-nav>li>a:hover {

    color: #555;

    background: none !important;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li.open>a>i,

.header-white .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i,

.header-white .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i {

    color: #555;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li.active>a,

.header-white .page-header.navbar .hor-menu .navbar-nav>li.current>a {

    color: #4680ff;

    background-color: transparent;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li.active>a>i,

.header-white .page-header.navbar .hor-menu .navbar-nav>li.current>a>i {

    color: #4680ff;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a, 

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i{

	color: #444;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu {

    box-shadow: 5px 5px rgba(63, 79, 98, .2);

    background: #F5F5F5;

}

/* .header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a,

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

    color: #444 !important;

} */

.header-white .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:hover{

	text-decoration: none;

    color: #46a2ff;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

    color: #000000;

}

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,

.header-white .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {

    color: #46a2ff;

    background: transparent;

}

.header-white #headerSettingButton {

    color: #555 ;

}

/* Header Dark */

.header-dark .page-header.navbar{

	background-color: #222c3c;

}

.header-dark form.search-form-opened .btn.submit {

    color: #fff;

}

.header-dark .search-form-opened input[type="text"]{

	color:#fff;

}

.header-dark form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-dark .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-dark .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-dark .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-dark .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-dark .language-switch a{

	color: #fff;

}

.header-dark .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}

.header-dark .page-header.navbar .hor-menu .navbar-nav>li.active>a, 

.header-dark .page-header.navbar .hor-menu .navbar-nav>li.current>a{

	background-color: transparent;

}

.header-dark .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{

	background-color: transparent;

}

.header-dark .dropdown-menu>li.active:hover>a, 

.header-dark .dropdown-menu>li.active>a, 

.header-dark .dropdown-menu>li:hover>a{

	background-color: transparent;

}



.header-dark .language-switch a.dropdown-toggle{

	color:#fff;

}

.header-dark .navbar-custom {

    background: #343d4c;

}



/* header blue */

.header-blue .page-header.navbar{

	background-color: #1880c9;

}

.header-blue form.search-form-opened .btn.submit {

    color: #fff;

}

.header-blue .search-form-opened input[type="text"]{

	color:#fff;

}

.header-blue form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-blue .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-blue .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-blue .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-blue .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-blue .language-switch a{

	color: #fff;

}

.header-blue .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}



.header-blue .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li>a {

    color: rgba(255, 255, 255, 0.8);

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li.open>a,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li:hover>a,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li>a:hover {

    color: #fff;

    background: none !important;

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li.open>a>i,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i {

    color: #fff;

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li.active>a,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li.current>a {

    color: #fff;

    background: none !important; 

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li.active>a>i,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li.current>a>i {

    color: #fff;

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu {

    box-shadow: 5px 5px rgba(63, 79, 98, .2);

    background: #186fad;

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

    color: #fff;

   /*  background: #47596e; */

}

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,

.header-blue .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {

    color: #fff;

    background: transparent;

}

.header-blue .dropdown-menu>li.active:hover>a, 

.header-blue .dropdown-menu>li.active>a, 

.header-blue .dropdown-menu>li:hover>a{

	background-color: transparent;

}

.header-blue .language-switch a.dropdown-toggle{

	color:#fff;

}

.header-blue .navbar-custom {

    background: #1370b1;

}



/* Header Indigo */

.header-indigo .page-header.navbar{

	background-color: #6673FC;

}

.header-indigo form.search-form-opened .btn.submit {

    color: #fff;

}

.header-indigo .search-form-opened input[type="text"]{

	color:#fff;

}

.header-indigo form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-indigo .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-indigo .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-indigo .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-indigo .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-indigo .language-switch a{

	color: #fff;

}

.header-indigo .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}



.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a {

    color: rgba(255, 255, 255, 0.8);

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.open>a,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li:hover>a,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a:hover {

    color: #fff;

    background: none !important;

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.open>a>i,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i {

    color: #fff;

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.active>a,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.current>a {

    color: #fff;

    background: none !important; 

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.active>a>i,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li.current>a>i {

    color: #fff;

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu {

    box-shadow: 5px 5px rgba(63, 79, 98, .2);

    background: #545ed6;

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

    color: #fff;

   /*  background: #47596e; */

}

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,

.header-indigo .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {

    color: #fff;

    background: transparent;

}

.header-indigo .dropdown-menu>li.active:hover>a, 

.header-indigo .dropdown-menu>li.active>a, 

.header-indigo .dropdown-menu>li:hover>a{

	background-color: transparent;

}

.header-indigo .language-switch a.dropdown-toggle{

	color:#fff;

}

.header-indigo .navbar-custom {

    background: #5360e6;

}



/* Header Cyan */

.header-cyan .page-header.navbar{

	background-color: #4ABAD2;

}

.header-cyan form.search-form-opened .btn.submit {

    color: #fff;

}

.header-cyan .search-form-opened input[type="text"]{

	color:#fff;

}

.header-cyan form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-cyan .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-cyan .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-cyan .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-cyan .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-cyan .language-switch a{

	color: #fff;

}

.header-cyan .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a {

    color: rgba(255, 255, 255, 0.8);

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.open>a,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li:hover>a,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a:hover {

    color: #fff;

    background: none !important;

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.open>a>i,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i {

    color: #fff;

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.active>a,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.current>a {

    color: #fff;

    background: none !important; 

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.active>a>i,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li.current>a>i {

    color: #fff;

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu {

    box-shadow: 5px 5px rgba(63, 79, 98, .2);

    background: #34A3BC;

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

    color: #fff;

   /*  background: #47596e; */

}

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,

.header-cyan .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {

    color: #fff;

    background: transparent;

}

.header-cyan .dropdown-menu>li.active:hover>a, 

.header-cyan .dropdown-menu>li.active>a, 

.header-cyan .dropdown-menu>li:hover>a{

	background-color: transparent;

}

.header-cyan .language-switch a.dropdown-toggle{

	color:#fff;

}

.header-cyan .navbar-custom {

    background: #44a8bd;

}



/* Header Red */

.header-red .page-header.navbar{

	background-color: #E44F56

}

.header-red form.search-form-opened .btn.submit {

    color: #fff;

}

.header-red .search-form-opened input[type="text"]{

	color:#fff;

}

.header-red form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-red .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-red .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-red .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-red .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-red .language-switch a{

	color: #fff;

}

.header-red .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3,

.header-red .page-header.navbar .hor-menu .navbar-nav>li>a {

    color: rgba(255, 255, 255, 0.8);

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li.open>a,

.header-red .page-header.navbar .hor-menu .navbar-nav>li:hover>a,

.header-red .page-header.navbar .hor-menu .navbar-nav>li>a:hover {

    color: #fff;

    background: none !important;

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li.open>a>i,

.header-red .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i,

.header-red .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i {

    color: #fff;

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li.active>a,

.header-red .page-header.navbar .hor-menu .navbar-nav>li.current>a {

    color: #fff;

    background: none !important; 

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li.active>a>i,

.header-red .page-header.navbar .hor-menu .navbar-nav>li.current>a>i {

    color: #fff;

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu {

    box-shadow: 5px 5px rgba(63, 79, 98, .2);

    background: #b54b50;

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a,

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

    color: #fff;

   /*  background: #47596e; */

}

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,

.header-red .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {

    color: #fff;

    background: transparent;

}

.header-red .dropdown-menu>li.active:hover>a, 

.header-red .dropdown-menu>li.active>a, 

.header-red .dropdown-menu>li:hover>a{

	background-color: transparent;

}

.header-red .language-switch a.dropdown-toggle{

	color:#fff;

}

.header-red .navbar-custom {

    background: #ce444b;

}



/* Header Green */

.header-green .page-header.navbar{

	background-color: #3FCC7E;

}

.header-green form.search-form-opened .btn.submit {

    color: #fff;

}

.header-green .search-form-opened input[type="text"]{

	color:#fff;

}

.header-green form.search-form-opened {

    background-color: rgba(255, 255, 255, 0.3);

    border: 0;

}

.header-green .page-header .search-form-opened .input-group .form-control::-moz-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-green .page-header .search-form-opened .input-group .form-control:-ms-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-green .page-header .search-form-opened .input-group .form-control::-webkit-input-placeholder {

    color: #efefef;

    opacity: 1;

}

.header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, 

.header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, 

.header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{

	color: #fff;

}

.header-green .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{

	color: #fff;

}

.header-green .language-switch a{

	color: #fff;

}

.header-green .menu-toggler i.icon-menu{

	color: #ffffff;

	font-size: 18px;

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3,

.header-green .page-header.navbar .hor-menu .navbar-nav>li>a {

    color: rgba(255, 255, 255, 0.8);

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li.open>a,

.header-green .page-header.navbar .hor-menu .navbar-nav>li:hover>a,

.header-green .page-header.navbar .hor-menu .navbar-nav>li>a:hover {

    color: #fff;

    background: none !important;

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li.open>a>i,

.header-green .page-header.navbar .hor-menu .navbar-nav>li:hover>a>i,

.header-green .page-header.navbar .hor-menu .navbar-nav>li>a:hover>i {

    color: #fff;

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li.active>a,

.header-green .page-header.navbar .hor-menu .navbar-nav>li.current>a {

    color: #fff;

    background: none !important; 

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li.active>a>i,

.header-green .page-header.navbar .hor-menu .navbar-nav>li.current>a>i {

    color: #fff;

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu {

    box-shadow: 5px 5px rgba(63, 79, 98, .2);

    background: #3fa961;

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a,

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>i {

    color: rgba(255, 255, 255, 0.8);

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {

    color: #fff;

   /*  background: #47596e; */

}

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,

.header-green .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {

    color: #fff;

    background: transparent;

}

.header-green .dropdown-menu>li.active:hover>a, 

.header-green .dropdown-menu>li.active>a, 

.header-green .dropdown-menu>li:hover>a{

	background-color: transparent;

}

.header-green .language-switch a.dropdown-toggle{

	color:#fff;

}

.header-green .navbar-custom {

    background: #33b76e;

}