#logo {
	/*width:250px;
	height:38px;*/
	
	background: transparent url('https://morpheus-dev.ecmwf.int/storage/logos/uploads/ApplianceInstance/1/headerLogo/8_original_2x.png') no-repeat;
	
	background-size: auto 38px;
	background-position: left center;
}



#footer-logo {
	
		background: transparent url('https://morpheus-dev.ecmwf.int/storage/logos/uploads/ApplianceInstance/1/footerLogo/2_original_2x.png') no-repeat;
	
	background-size: auto 27px;
	background-position: top left;
}


header #topHeader, header.page-header {
	
	background-color: #0f0e0e;
	
	
	color: #334d7b;
	
}


.nav-tabs {
	border-bottom-color:#0f0e0e;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #0f0e0e;
}
.nav-tabs > li.active:before {
	border-top-color: #0f0e0e;
}
.modal-header h4 {
	background-color: #0f0e0e;
}
nav ul li.active a:before, nav ul li.active a:after {
	border-bottom-color: #0f0e0e;
}
.cart-container ol, .cart-container.visible, header li.item.cart.active, .cart-container .checkout {
	background-color: #0f0e0e;
}
.persona-section h3 {
	background-color: #0f0e0e;
}



	ul.breadcrumbs li.bc {
	    background-color: rgb(21, 20, 20);
	}
	ul.breadcrumbs li.active {
	    background-color: rgb(30, 28, 28);
	}
	ul.breadcrumbs li.bc:after {
	    border-left-color: rgb(21, 20, 20);
	}
	ul.breadcrumbs li.active:after {
	    border-left-color: rgb(30, 28, 28);
	}




.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #334d7b;
}
.modal-header h4 {
	color: #334d7b;
	ul.breadcrumbs li.bc {
	    color: #334d7b;
	}
	ul.breadcrumbs li.active {
	    color: #334d7b;
	}
}
.cart-container ol, .cart-container.visible, header li.item.cart.active, .cart-container .checkout {
	color: #334d7b;
}
.persona-section h3 {
	color: #334d7b !important;
}


header #topHeader .top-row .navbar-right .item .header-search-container input, header #topHeader .top-row .navbar-right .item .header-search-container button {
	
		background-color: rgba(51, 77, 123, .2);
	
}


header #topHeader a, header #topHeader a:active, header #topHeader .top-row .dropdown .user-link, header #topHeader .top-row .dropdown .user-link:active, header #topHeader .top-row .navbar-right .item .header-notification .header-notification-icon .icon {
	
	color: #334d7b;
	
}

header #topHeader .top-row .navbar-right .item .header-search-container input{
	
	color: #334d7b;
		
}

header #topHeader .top-row .navbar-right .item .header-search-container input::placeholder{
	
	color: #334d7b;
		
}

header #topHeader .top-row .navbar-right .item .header-search-container input + span button {
	
	color: #334d7b;
		
}

header #topHeader .top-row .navbar-right .item .header-search-container input:focus, header #topHeader .top-row .navbar-right .item .header-search-container input:focus + span button{
	
	border-color: #334d7b;
		
}

header #topHeader .dropdown-menu a, header #topHeader .dropdown-menu a:active {
	color: black;
}


header, .page-nav-primary {
	background-color: #334d7b;
}



nav.main-nav ul li a, .page-nav-primary .nav-primary ul.nav-primary-list li > a {
	color: #ffffff;
}


.login-body {
	background: #000000 !important;
}


nav.main-nav ul li.active a, nav.main-nav ul li a:hover, nav.main-nav ul li a:focus, .page-nav-primary .nav-primary ul.nav-primary-list li > a:hover, .page-nav-primary .nav-primary ul.nav-primary-list li > a:focus, .page-nav-primary .nav-primary ul.nav-primary-list li.active > a {
	color: #06b4e1;
}

nav.main-nav ul li.active a:after {
	background-image: none;
}

header {
	border-bottom: 2px solid #06b4e1 !important;
}










.footer, .footer a, .footer a:visited {

	background-color:#f3f3f3;


	color:#334d7b;

}

.footer a:hover, .footer a:visited:hover {

	color: rgb(72, 110, 175);

}


	.error-copyright:after {
		content:"ECMWF";
}




#header #topHeader::before {
#  display: block;
#  content: "Network Outage on 2020-11-13 12:00 - 15:00 UTC. See ECMWF Service Status for more info";
#  font-weight: bold;
#  color: red;
#  position: absolute;
#  left: 50%;
#  transform: translate(-50%, 0);
#  width: 650px; 
#}