:root {
    --primary: #007692;
    --hover: #6AA2AF;
    --bgLight: #C9E1E6;
    --bgMid: #506A85;
    --bgDark: #143253;
}

/* Most of the CSS rules in LoginCaregiverRestyled.css which is loaded after this and uses the variables above, the rules below are Helix specific */

body {
    background-color: #EFEFEF;
}

#mainLogo {
    background: url(images/logoGrad_hori_tran.png) no-repeat;
}

.link,
.imgSubtitle,
.privacyLink,
.termsLink,
.passwordlink {
    color: var(--primary);
}

.privacyLink:hover,
.termsLink:hover {
    color: #FFF;
}

.submit-btn-restyle,
.passwordlink {
    color: #FFF;
    border: 2px var(--primary) solid;
    background-color: var(--primary);
}

#loginLink:hover{
    color: var(--bgLight);
}

.submit-btn-restyle,
.passwordlink {
    color: #FFF;
}

    #cTop > .helpLink > a:hover,
    .submit-btn-restyle:hover {
        color: #FFF !important;
        text-decoration: underline;
    }

.InputLabel {
    color: #007692;
}

.AgreeText {
    font-size: 0.75rem;
    border-radius: 5px;
    padding: 5px;
}

.tcLink {
    font-size: 0.75rem !important;
    text-decoration: none;
}

    .tcLink:hover {
        text-decoration: underline;
    }

.errorPanel, .msgPanel {
    color: #F00 !important;
}

.helpbadge {
    background-color: var(--primary);
    color: #FFF;
}

a:hover {
    color: #FFF;
}

#cTop > .helpLink > a:hover,
.submit-btn-restyle:hover {
    color: #FFF;
}