body,
.page-header {
	font-family: Ubuntu, Arial, "libra sans", sans-serif;
}

a,
a:link,
a:visited {
  color: $brand-color;
}

.topbar,
.topbar .switcher_bar .btn.btn-topnav {
	background: $brand-color;
}

.topbar .switcher_bar .btn.btn-topnav {
	border-color: $brand-color;
	color: $white;

	&:hover,
	&:focus {
		border-color: $topbar-link-hover;
		background: $topbar-link-hover;
		color: $white;
	}
}

.topbar h1.brand a {
	background-image: url("/static/themes/ubuntu/ubuntu.png");
	background-position: left 4px;
}

.btn-primary {
	background: $brand-color;
	border-color: darken($brand-color, 5%);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
	background: lighten($brand-color, 5%);
	border-color: $brand-color;
}

.nav_accordion dt li a.active,
.nav_accordion dd li a.active {
	  border-left: 4px solid $brand-color;
	  color: $brand-color;
}

#splash {
	background: url("/static/themes/ubuntu/image-background-pattern.png");
	background: linear-gradient(to right, rgba(100, 100, 100, 0.2), transparent), url("/static/themes/ubuntu/image-background-pattern.png");

	.login {
		background-color: $white;
		background-image: url("/static/themes/ubuntu/logo-ubuntu-orange.png");
		padding-top: 125px;
		-moz-box-shadow: 0px 1px 3px 1px rgba(51,51,51,0.2);
		-webkit-box-shadow: 0px 1px 3px 1px rgba(51,51,51,0.2);
		box-shadow: 0px 1px 3px 1px rgba(51,51,51,0.2);

		&:after {
			content: "Openstack Dashboard";
			position: absolute;
			top: 70px;
			color: $brand-color;
			display: block;
			text-align: center;
			width: 100%;
			font-size: 21px;
		}
	}
}
