html {
    background: #da291c;
}

.splash {
    background-color: #da291c;
}

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

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


.logo {
    background: url('https://s3.ca-central-1.amazonaws.com/photos.cloudcard/custom-assets/100477/11_logo.png') top center no-repeat;
    display: inline-block;
    max-width: 400 px !important;
    background-size: contain;
}


header.header-page {
    background-color: #54585a;
}

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

/*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: #888b8d;
}

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

.header-page button {
    background-color: #54585a
    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: #888b8d;
    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: #888b8d;
}
button:focus,
button:hover {
    background-color: #d9d9d6;
}

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

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: #d9d9d6;
}


/* 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: #d9d9d6;
}

.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: #da291c;
}

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

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

.footer {
  background: #da291c;
}