html {
    background: #5b2fa0;
}

.splash {
    background-color: #5b2fa0;
}

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

header.header-main {
    background-color: #5b2fa0; /* logo background color */
    height: 8.5em;
    /*  Header bottom border  */
    border-bottom: 1px solid #7450af;
}


.logo {
    background: url('https://s3.amazonaws.com/test-photos.onlinephotosubmission.com/custom-assets/100586/153_logo.png') top center no-repeat;
    display: inline-block;
    max-width: 400 px !important;
    background-size: contain;
}


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

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

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

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

.header-page button {
    background-color: #b1ff9c
    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: #1e7de6;
    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: #1e7de6;
}
button:focus,
button:hover {
    background-color: #64a1e3;
}

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

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


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

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

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

.admin-links a {
    background-color: #5b2fa0;
}
.admin-links a:hover {
    background-color: #b1ff9c;
}

.footer {
  background: #5b2fa0;
}

.logo {
height: 14em;
}
.user-info{
color: #ffffff
}
.header-page h1{
color: #1B4C0A;
}
.header-page .buttons button {
color: #ffffff;
border: 2px solid #145091;
}
.header-page .buttons button:hover {
color: #ffffff;
}
.sidebar-main, .sidebar-mobile {
border-bottom: 1px solid #7450af;
}
.admin-links a {
color: #fefefecf;
}
.admin-links a:hover{
background-color:#7049AC;
color:#a8f0a0;
border-left: 4px solid #f0c400;
}
.admin-links li:hover i{
color: #a8f0a0;
}
h3.show-settings{
color: #ffffff;
}
h3.show-settings:hover{
filter: brightness(1.2);
transition: .3s;
}
a.au-target:nth-of-type(1) h3.show-settings {
  background-color: #1E7DE6;
border: 4px solid #2b6cc4;
    border-radius: 10px;
}

a.au-target:nth-of-type(2) h3.show-settings {
  background-color: #D42B2C;
border: 4px solid #a12021;
    border-radius: 10px;
}

a.au-target:nth-of-type(3) h3.show-settings {
  background-color: #E87D10;
border: 4px solid #b8630d;
    border-radius: 10px;
}

a.au-target:nth-of-type(4) h3.show-settings {
  background-color: #E041A0;
border: 4px solid #ab327a;
    border-radius: 10px;
}
a.au-target:nth-of-type(5) h3.show-settings {
  background-color: #5B2FA0;
border: 4px solid #3f2170;
    border-radius: 10px;
}
a.au-target:nth-of-type(6) h3.show-settings {
  background-color: #83c337;
border: 4px solid #1b3610;
    border-radius: 10px;
}
a.au-target:nth-of-type(7) h3.show-settings {
  background-color: #656562;
border: 4px solid #2c2b27;
    border-radius: 10px;
}
#general-settings {
    --theme-color: #317DE6; 
}


#email-settings {
    --theme-color: #D42B2C;
}


#download-settings{
    --theme-color: #E87D10;
}
#photo-settings {
    --theme-color: #E041A0;
}


#integration-settings {
    --theme-color: #83c337;
}


#uncommon-settings {
    --theme-color: #656562;
}

.settings-group .form-group ul a.button {
    border-color: var(--theme-color);
    color: #333;
}

.settings-group .form-group ul a.button .fa {
    color: var(--theme-color);
}

.settings-group .form-group ul a.button:hover {
    background-color: var(--theme-color);
    color: white;
}

.settings-group .form-group ul a.button:hover .fa {
    color: white;
}
.settings-group .form-group ul a .fa {
color: var(--theme-color)
}
.settings-group .form-group ul a {
color: var(--theme-color)
}