html {
    background: #ffffff;
}

.splash {
    background-color: #ffffff;
}

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

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


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


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

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

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

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

.header-page button {
    background-color: #176646
    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: #276646;
    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: #276646;
}
button:focus,
button:hover {
    background-color: #dbc592;
}

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

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


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

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

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

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

.footer {
  background: #ffffff;
}

.user-info {
color: #000000
}

h3.show-settings {
color: #000000;
font-weight: 500
}

h3.show-settings:hover {
background-color: #276646
}

button {
background-color: #C64600;
color: #FFFFFF;
border-radius: 4px;
border: 1px solid #A13C00
}

.header-page .buttons button.warning:hover {
background-color:#A4232B;
color: #FFFFFF;
border-color: #A4232B;
}

.admin-links .fa:hover {
    color: #CBB677;
}

.admin-links li:hover i{
    color: #CBB677
}

.header-page .buttons button {
    color: #ffffff;
border: 2px solid #ffffff
}

.header-page .buttons button:hover {
    color: #000000;
border: 2px solid #000000
}

.admin-links a {
    color: #000000;
}

/* If the icons also need to be black */
.admin-links .fa {
    color: #000000;
}

footer.footer-main a {
  color: #176646 !important;
}

label[for="noteToCardholder"],
#noteToCardholder {
display: none !important;
}