html {
    background: #02589d;
}

.splash {
    background-color: #02589d;
}

.splash .loading path {
    fill: #fff; /* text over the base color */
}

header.header-main {
    background-color: #02589d; /* logo background color */
    height: 8.5em;
    /*  Header bottom border  */
    
}


.logo {
    background: url('https://s3.us-east-2.amazonaws.com/photos.atrium/custom-assets/60/54_logo.png') top center no-repeat;
    display: inline-block;
    max-width: 400 px !important;
    background-size: contain;
}


header.header-page {
    background-color: #f5f5f5;
}

/*photo section menu link behind*/
.header-page .tabs li a {
    border-bottom-color: #f5f5f5
}

/*Pending,Approved,Denied,Downloaded,Done,Enroute links*/
.header-page .tabs li a:hover,
.header-page .tabs li a:focus{
    color: #fff; /* text over the primary color when hovered */
}


/* Keep this block only if it looks good. */
/* Default violet color when selected pending, approved, denied, download, done and enroute f57523 */
.header-page .tabs a.active {
    border-bottom-color: #02589d;
}

/*f57523 MAIN BUTTONS and button links*/
.header-page .buttons button {
    background-color: #02589d;
    color: #fff; /* fff - text in button */
}
.header-page .buttons button:hover {
    background-color: #02589d;
    color: #fff; /* fff - text in button */
}

.header-page button {
    background-color: #f5f5f5
    color: #fff; /* text over the base color */
}

/* fff  Custom fields text before click */
.header-page .filters .filter:hover select,
.header-page .filters .filter:focus-within select {
    background-color: #02589d;
    color: #fff; /* text over the secondary color */
}

/* fff Custom fields text after click color */
.header-page .filters .filter:hover:after,
.header-page .filters .filter:focus-within:after {
    color: #fff; /* text over the secondary color */
}

/* History Button */
button {
    background-color: #02589d;
}
button:focus,
button:hover {
    background-color: #02589d;
}

router-view .buttons button.primary,
#accept-terms,
button.submit-login
{
    background-color: #02589d;
}

router-view .buttons button.primary:hover,
#accept-terms:hover,
button.submit-login:hover,
router-view .buttons button.primary:focus,
#accept-terms:focus,
button.submit-login:focus
{
    background-color: #02589d;
}


/* user account and org logged in */
.user-info {
    color: #013965; /* seems not to change? */
}

/* Hover for SIGN OUT link */
.user-info a:hover,
.user-info a:focus {
    color: #02589d;
}

.open-nav {
    color: #333; /* nav button - should only change if the logo background changes */
}

.open-nav:hover,
.open-nav:focus
{
    color: #aaa; /* nav button hover. Should only change if the logo background changes. */
}

.admin-links .fa {
    color: #02589d;
}

.sidebar-main,
.sidebar-mobile {
    background: #f5f5f5;
}

.admin-links a {
    background-color: #f5f5f5;
}
.admin-links a:hover {
    background-color: #f5f5f5;
}

.footer {
  background: #02589d;
}

header.header-main {
    background-color: #ffffff;
    border-top: 10px solid #02589d;
    border-bottom: 2px solid #fdc600;
    height: 10.5em;
}
.header-page h1 {
    color: #02589d;
    padding-right: 0.73684em;
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: 400;
}
.sidebar-main, .sidebar-mobile {
    background: #f2f2f2;
    color: #02589d;
    border-right: 1px solid #02589d;
    height: 100% !important;
}
.admin-links a {
    background: #f2f2f2;
    color: #02589d;
	text-transform:uppercase;
	letter-spacing: 1px; 
	font-weight: 500;
	
}

.admin-links a:hover,
.admin-links a:focus {
    background: #f2f2f2;
    color: #02589d;
}
.footer {
    background: #02589D;
    border-top: 2px solid #FDC600;
}
.user-info {
    color: #02589D;
}
.user-info a {
    color: #FDC600;
}
.header-page .tabs li a {
  border-bottom-color:#f5f5f5;
  color: #02589d;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
}

.header-page .tabs li a:hover,
.header-page .tabs li a:focus
{
  color: #02589d;
}

.header-page .tabs a.active {
color: #02589d;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
    border-bottom-color: #fdc600;
}

.header-page .filters .filter:hover select,
.header-page .filters .filter:focus-within select {
    background-color: transparent;
    color: #02589d;
}

.header-page .filters .filter:hover:after,
.header-page .filters .filter:focus-within:after {
    color: #02589d;
}
.header-page .filters select {
	    border: 1px solid #02589d;
	    color: #02589d;
	    background-color: transparent;
	    text-transform:uppercase;
}
.header-page .filters .filter:after{
color: #02589d;
}