@import "../../../assets/css/_structure.less";

@yellow:		#c8b41e;
@light-yellow:		rgba(200, 180, 30, 0.7);

@navbar-default-color:  #6f6f6f;
@navbar-default-bg:     #000;

@brand-primary:         @yellow;
@text-color:            white;

@link-color:            white;
@link-hover-color:      white;

body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg');
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;

	color: #FFF;
	min-height: 100%;
}

.overview {
	.panel {
		.panel-body {
			a { color: black; }
			&:href { color: #666; }
		}
	}
}

html {
	min-height: 100%;
}

.nav-tabs > li.active > a {
	background-color: @yellow;
	color: black; 
}

.nav-tabs > li.active > a:hover {
	background-color: #c8b41e;
	color: black; 
}

.nav-tabs > li > a:hover {
	background-color: #c8b41e;
	color: black; 
}

.nav-tabs > li > a {
	background-color: @light-yellow;
	padding: 2px 5px;
	text-decoration: none;
	border-bottom: 2px solid #666;
}

.well {
	color: black;
}