/*#######################################################
#####								Custom color style							#####
#######################################################
	
	Set your custom color style in this file or leave it blank if you set page colors in /css/style.css or /css/custom.css.
	
	Use default layout: /css/style.css
	Use custom layout: /css/custom.css
	Use responsive elements: /css/responsive.css
	
	WE RECOMMENDED TO SET DEFAULT LAYOUT IN THE /CSS/STYLE.CSS FILE, NOT THIS FILE.
	WE RECOMMENDED TO SET CUSTOM LAYOUT IN THE /CSS/CUSTOM.CSS FILE, NOT THIS FILE.
	WE RECOMMENDED TO SET RESPONSIVE LAYOUT IN THE /CSS/RESPONSIVE.CSS FILE, NOT THIS FILE.
	
	*/

/*#######################################################
#####										Colors											#####
#######################################################

	It's just a little help for used colors, just scroll to top when you need help.
	
	Update this lines with you colors:
	
	light: 			#fff			rgba(255,255,255,1)
	semi-dark: 	#eee			rgba(238,238,238,1)
	dark: 			#3d4652		rgba(61,70,82,1)
	color: 			#ff3366		rgba(255,51,102,1)

	*/


/*#######################################################
#####								Default settings								#####
#######################################################*/
html, body{
}

/*#######################################################
#####									Page layout										#####
#######################################################*/
/* page loader div */
#pageloader{
	background-color:#fff;
}


/*#######################################################
#####										Helpers											#####
#######################################################*/


/*#######################################################
#####						Custom bootstap elements					 	#####
#######################################################*/
.navbar-custom {
  background-color: #222222;
  border-color: #111111;
}
.navbar-custom .navbar-brand {
  color: #999999;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #808080;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #999999;
}
.navbar-custom .navbar-nav > li > a {
  color: #999999;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #111111;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #101010;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #111111;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #111111;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #999999;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}
.navbar-nav .open .dropdown-menu>li>a{
	color:#c0c0c0;
}
	
.btn-sample { 
  color: #C0C0C0; 
  background-color: #222222; 
  border-color: #222222; 
} 
 
.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #C0C0C0; 
  background-color: #444; 
  border-color: #222222; 
} 
 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none; 
} 
 
.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #222222; 
  border-color: #222222; 
} 
 
.btn-sample .badge { 
  color: #222222; 
  background-color: #C0C0C0; 
}