html {
    background: #1c1c1c;
}

.splash {
    background-color: #1c1c1c;
}

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

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



header.header-page {
    background-color: #2587e8;
}

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

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

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

.header-page button {
    background-color: #2587e8
    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: #2587e8;
    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: #2587e8;
}
button:focus,
button:hover {
    background-color: #8cbff3;
}

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

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


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

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

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

.admin-links a {
    background-color: #353535;
}
.admin-links a:hover {
    background-color: #2587e8;
}

.footer {
  background: #1c1c1c;
}

.user-info > div { 
    color: #e0e0e0; 
}

.admin-links a:focus, .admin-links a:hover {
    background: #282828;
}