/*
 * DNA Solutions bird portal - 2026 look.
 * Colours taken from the new logo: navy #1d264c and red #b12025.
 * Loaded after app.css so it overrides the old colours without a rebuild.
 */

/* New logo in the top left */
.backContent #wrapper .navbar .navbar-header a.navbar-brand {
	background-image: url(/v2/logo.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-origin: content-box;
	padding: 8px 12px;
}

/* Left menu */
@media (min-width: 768px) {
	.backContent #wrapper .side-nav {
		background-color: #1d264c;
		border-top: 3px solid #b12025;
	}
}

.backContent #wrapper .side-nav > li {
	border-bottom: 1px solid #2c3766;
}

.backContent #wrapper .side-nav > li > a {
	border-left: 4px solid transparent;
	transition: background-color .15s, border-color .15s;
}

.backContent #wrapper .side-nav > li > a:hover,
.backContent #wrapper .side-nav > li > a:focus {
	background-color: #2a3566 !important;
	border-left-color: #b12025;
	color: #fff !important;
}

.backContent #wrapper .side-nav > li.active > a,
.backContent #wrapper .side-nav > li > ul > li.active > a {
	background-color: #2a3566 !important;
	border-left-color: #b12025;
	color: #fff !important;
	font-weight: bold;
}

.backContent #wrapper .side-nav > li > ul {
	background-color: #161d3b;
}

.backContent #wrapper .side-nav > li > ul > li > a:hover {
	color: #fff !important;
	background-color: #2a3566 !important;
}

/* "Bird #N" counter on the Create a job pages */
.next-bird-number {
	display: inline-block;
	margin-left: 10px;
	padding: 1px 8px;
	border-radius: 10px;
	background-color: #b12025;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

/* Login page */
.frontContent .login .login-photo {
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.frontContent .login .login-welcome {
	display: block;
	margin: 10px 0 0;
	color: #1d264c !important;
	font-weight: bold;
	text-align: center;
}