/* Colors */
:root {
    /* User Selected Colors */
    --mdc-theme-primary: #55a19f !important;
    --mdc-theme-secondary: #4b4f6b !important;
    /* Derived Variant Colors */
    --mdc-theme-primary-variant: #4C918F !important;
    --mdc-theme-secondary-variant: #535776 !important;
    /* Derived Contrast Colors */
    --mdc-theme-on-primary: black !important;
    --mdc-theme-on-secondary:  white !important;
    --mdc-theme-on-primary-variant: black !important;
    --mdc-theme-on-secondary-variant: white !important;
    /* Deprecated */
    /* --mdc-theme-on-primary-contrast: Find/Replace with --mdc-theme-on-primary */
    /* --mdc-theme-on-secondary-contrast: Find/Replace with --mdc-theme-on-secondary */
}

/* Header Logo */
#topnav .logo-container {
    background-image: url(../custom/home-logo.png) !important;  
}

/* Header Background */
#topnav .banner-container {
    background-image: url(../custom/) !important;
}

/* Login Logo */
.pcs_login_logo {
	background-image:  url(../custom/login-logo-change.png) !important;
}

/* Login Banners */
/* Implimented in Login.aspx.cs, look for "//random loginbg" */

/* Home Greeting Banners */
/* Implimented defaults in GreetingBanner.tsx. Consider refactoring to CSS. */
/* Example CSS: */
#home-greeting-banner.morning-banner {
    background-image: url(.../custom/) !important;
}
#home-greeting-banner.afternoon-banner {
    background-image: url(.../custom/) !important;
}
#home-greeting-banner.evening-banner {
    background-image: url(.../custom/) !important;
}

/* Payslip Banners */
/* Implemented in CrystalLayer.cs, look for "payslip_logo" */