/* UFV customizations for eAccounts */

/* Import our usual font, Open Sans */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");

:root {
    --ufv-green: #00703c;
    --ufv-light-green: #7cb232;
}

html {
    height: 100%;
}

body {
    font-family: Open Sans, "segoe ui", Arial, sans-serif;
    min-height: 400px;
    margin-bottom: 100px;
    clear: both;
}

#mainContainer {
    min-height: 70%;
}

#footerContainer {
    min-height: 30%;
}

/* Header Colors and Logo Size */
.headerContainer {
    background-color: var(--ufv-green);
    color: white;
}

.loginHeader1 {
    background-color: var(--ufv-green);
}

.loginHeader2 {
    background-color: var(--ufv-light-green);
}

#siteName {
    color: white;
}

#logo {
    width: 196px;
    height: 48px;
}

/* The two boxes and the sign-in box on the login page */
#GuestDepositContainer,
#LogOnPanel,
#signInNotify {
    /* Rounded corners on div */
    border-radius: 10px;
    border: 3px solid var(--ufv-green) !important;
    color: var(--ufv-green) !important;
    background-color: white !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Center buttons */
#MainContent_SignInButton,
#MainContent_GuestDepositButton {
    display: block;
    margin: 0 auto;
    float: unset !important;
    width: 100% !important;
    height: 48px !important;
    font-weight: 600;
    border-radius: 10px;
}

/* Hide the username and password field since we are using SSO */
#LogOnPanel .formLine:not(:last-child) {
    display: none;
}

#signInNotify,
#signInSummary {
    background-color: white !important;
}

INPUT[type=button],
INPUT[type=submit],
INPUT[disabled],
table,
.formPanel,
.formSection,
.Feedback,
.FeedbackSuccess,
.FeedbackSuccess,
.button,
.account,
.accountDetails {
    /* Rounded corners */
    border-radius: 10px;
}

/* button.button */
INPUT[type=button],
INPUT[type=submit],
INPUT[disabled] .button {
    background-color: var(--ufv-green) !important;
}

INPUT[type=button]:hover,
INPUT[type=submit]:hover,
.button:hover {
    background-color: var(--ufv-light-green) !important;
}

.login a,
.login a:hover,
.login a:visited {
    color: white;
}

/* Menu Colors*/
.SiteMenu1 {
    background-color: var(--ufv-light-green);
}

.SiteMenu1 .SiteMenuActive A {
    color: white;
}

.SiteMenu1 .SiteMenuInactive A {
    color: white;
}

.SiteMenu2 {
    background-color: #ccc;
}

.SiteMenu2 .SiteMenuActive A {
    color: Black;
}

.SiteMenu2 .SiteMenuInactive A {
    color: Black;
}

/* Footer Colors */
#footerContainer,
#footerContainer a,
#footerContainer a:hover,
#footerContainer a:visited {
    background-color: var(--ufv-green);
    color: #ddd;
}

/* Footer positioning */
#footerContainer {
    /* position: fixed; */
    bottom: 0;
    /* width: 100%; */
    overflow: auto;
    margin: 0 auto 1px auto;
}

.copyright {
    color: #ddd;
}

/* Ad box on the left of the main page after signed in */
/* Let's hide this for now until we figure out what it is for */
#MainContent_AdBlock {
    display: none;
}

/* Remove the redundant links in the footer */
#SiteMapMenuFooter {
    display: none;
}

/* Remove the redundant text in the middle of the sign in section */
#LogOnPanel #signInSummary {
    display: none !important;
}