/*
	#Homepageinformations! Please do not remove these lines
	#name: Scratch
	#autor: L.Gmann
	#img: theme-scratch.png
	#txtcolor: #ddd
	#dashboardbgcolor: #333
	
	First-Coder Teamspeak 3 Webinterface for everyone
	Copyright (C) 2017 by L.Gmann

	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.
	
	for help look http://first-coder.de/
	
	Here will be all Themes / Colors defined. This Document has a full Dokumentation! Just add this Code, Refresh your Webpage and see the Result
*/

/*
	Main Tags
*/
	body
	{
		background-image: url('../../images/bgScratch.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color: #aaa;
	}
	
/*
	Main Classes
*/
	/*
		--==>> Table
	*/
	.fixed-table-pagination .pagination > .active > a, .fixed-table-pagination .pagination > .active > span
		, .fixed-table-pagination .pagination > .active > a:hover, .fixed-table-pagination .pagination > .active > span:hover
		, .fixed-table-pagination .pagination > .active > a:focus, .fixed-table-pagination .pagination > .active > span:focus
	{
		background-color: #666;
		border-color: #333;
	}
	
	.fixed-table-pagination .pagination > li > a:hover, .fixed-table-pagination .pagination > li > span:hover, .fixed-table-pagination .pagination > li > a:focus
		, .fixed-table-pagination .pagination > li > span:focus
	{
		color: #333;
	}
	
	.fixed-table-pagination .pagination > li > a, .fixed-table-pagination .pagination > li > span
	{
		color: #666;
	}
	
	.table-striped tbody tr:nth-of-type(odd)
	{
		background-color: transparent;
	}
	
	.table-hover tbody tr:hover
	{
		background-color: rgba(255,255,255,0.1);
	}
	
	/*
		--==>> Bootstrap Radio buttons
	*/
	.c-input
	{
		color: #aaa;
	}
	
	.c-input > input:checked ~ .c-indicator
	{
	  background-color: #333;
	}
	
	.c-input > input:focus ~ .c-indicator
	{
		-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #333;
		box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #333;
	}

	.c-input > input:active ~ .c-indicator
	{
		background-color: #666;
	}
	
	/*
		--==>> Lists
	*/
	.custom-list a:before
	{
		background: #666;
	}
	
	.custom-list a:hover:after
	{
		border-left-color: #666;
	}
	
	/*
		--==>> Navigation
	*/
	.navigationitem:hover
	{
		color: #666;
	}
	
	/*
		--==>> Input
	*/
	.form-control:focus
	{
		border-color: #aaa;
	}
	
	/*
		--==>> Button
	*/
	.btn-custom
	{
		color: #fff;
		background-color: #666;
	}
	
	.btn-custom:hover, .btn-custom:focus
	{
		color: #fff;
		background-color: #333;
	}
	
	.btn-custom:active, .btn-custom.active
	{
		background-color: #333 !important;
	}

	/*
		--==>> Navigationsbar
	*/
	.navbar-default
	{
		box-shadow: 0 2px 10px #000;
	}

	.navbar-default .navbar-brand
	{
		color: rgba(0,0,0,0.7);
	}

	.navbar-default .nav li a:hover, .navbar-default .nav li a:focus, .navbar-default .nav li a.current, #NaviCon:hover
	{
		color: #aaa;
	}
	
	.gn-submenu li a:hover
	{
		color: #aaa;
	}
	
	.navbar-default .active,
		.card-block .active:not(.btn):not(.nav-link):not(.day):not(.month):not(.year)
	{
		color: #aaa !important;
	}
	
	/*
		--==>> Card Block
	*/
	.card
	{
		background-color: rgba(0,0,0,0.7);
		border: 1px solid #aaa;
	}
	
	.text-muted
	{
		color: #5f6a72;
	}
	
	.card-block-header a:hover
	{
		color: #aaa;
	}

/*
	Login spinner
*/
	.aussenRing
	{
		border:5px solid rgba(0,0,0,0.7);
		box-shadow: 0 0 35px #aaa;
	}
	
	.innenRing
	{
		border:5px solid rgba(0,0,0,0.7);
		box-shadow: 0 0 15px #aaa; 
	}
	
/*
	Serverview section
*/
	.nav-pills a
	{
		color: #666;
	}
	
	.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus
	{
		background-color: #333;
	}
	
	.tab-content #settings a
	{
		color: #666;
	}
	
	.tab-content #settings a:hover, .tab-content #settings a:focus
	{
		color: #aaa;
	}
	
/*
	Teamspeak tree
*/
	.editable-click, a.editable-click, a.editable-click:hover
	{
		border-bottom: dashed 1px #aaa;
	}