body {
    font-family: montserrat, sans-serif;
    font-style: normal;
    font-weight: 100;
    background-image: url(/ccc-portal-background-image);
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Margin bottom by footer height */
    margin-bottom: 100px;
}

html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#content-container {
    position: relative;
    min-height: 250px !important; /* 100% of viewport height. */
}

/* Nav styles. */
ul.breadcrumb {
    display: none;
}

.navbar.navbar-inverse {
    /* background-image: url('PortalHeaderBackground.png'); */
    background: rgb(92,148,191);
    background: linear-gradient(90deg, rgba(92,148,191,1) 30%, rgba(91,185,177,1) 60%);
    height: 127px;
}

.nav.nav-tabs.nav-account {
    display: none;
}

ul.nav.navbar-nav {
    float: right;
}

#navbar {
    height: 127px !important;
    color: #FFF;
}

.divider-vertical {
    display: none;
}

/* Sign-in page styles. */
body[data-sitemap-state="/"] .content-container .page-content {
    margin-left: auto;
    width: 500px;
    margin-right: auto;
}

.form-horizontal {
    padding: 50px;
}

a[title="Forgot your password?"] {
    display: none;
}

/* Sign-in form styles. */
form[action~="/SignIn"], form[action^="/SignIn"] {
    background-color: #A1CBD6;
    color: #54555A;
    border-radius: 20px;
}

    form[action~="/SignIn"] .login-heading-section, form[action^="/SignIn"] .login-heading-section {
        display: none;
    }

    form[action~="/SignIn"] .col-sm-4, form[action^="/SignIn"] .col-sm-4 {
        text-align: left;
    }


    form[action~="/SignIn"] .col-sm-4,
    form[action~="/SignIn"] .col-sm-8,
    form[action^="/SignIn"] .col-sm-4,
    form[action^="/SignIn"] .col-sm-8 {
        width: 100%;
        float: none !important;
        color: #54565B;
    }

    form[action~="/SignIn"] #Username,
    form[action~="/SignIn"] #Password,
    form[action^="/SignIn"] #Username,
    form[action^="/SignIn"] #Password {
        position: relative;
        border-radius: 5px;
        border: 2px solid #5BB9B1;
    }

    form[action~="/SignIn"] .checkbox, form[action^="/SignIn"] .checkbox {
        visibility: collapse;
    }

    form[action~="/SignIn"] #submit-signin-local, form[action^="/SignIn"] #submit-signin-local, #ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton,
    #UpdateButton,
    form[action^='/en-US/Account/Manage/ChangePassword'] .btn.btn-primary {
        background-color: #5C94BF;
        color: #FFF;
        border-radius: 5px;
        border: 1px solid #5C94BF;
        text-transform: uppercase;
        font-size: 15px;
        position: relative;
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #5C94BF;
    border-color: #5C94BF;
}

a[href~="ForgotPassword"] {
    color: #54565B;
    text-decoration: underline;
}

#forgotPasswordLink {
    position: relative;
    right: 15px;
}

    #forgotPasswordLink a {
        color: #54565B;
        text-decoration: underline;
        font-size: 13px;
    }

/* Forgot password page styles. */
form[action^='/Account'] div span {
    color: #FFF;
}


#submit-forgot-password,
#submit-redeem-invitation,
#SubmitButton,
#submit-verify-code {
    background-color: #54565B;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #5C94BF;
    text-transform: uppercase;
}

/* Register page styles. */
form[action^='/Register'] div span,
#ContentContainer_MainContent_MainContent_RegisterLocalFormHeading,
#ContentContainer_MainContent_MainContent_EmailLabel,
#ContentContainer_MainContent_MainContent_UsernameLabel,
#ContentContainer_MainContent_MainContent_PasswordLabel,
#ContentContainer_MainContent_MainContent_ConfirmPasswordLabel {
    color: #FFF;
}

#ContentContainer_MainContent_MainContent_EmailLabel,
#ContentContainer_MainContent_MainContent_UsernameLabel,
#ContentContainer_MainContent_MainContent_PasswordLabel,
#ContentContainer_MainContent_MainContent_ConfirmPasswordLabel {
    font-size: 12px;
}

/* Candidate Grid page styles. */
.entity-grid.entitylist table th a {
    color: #FFF;
}

.entity-grid.entitylist table tbody td a {
    color: gray;
}

.entity-grid.entitylist table thead tr {
    background-color: gray;
    color: #FFF;
}

.entity-grid.entitylist table tbody .btn.btn-default {
    color: #5c94bf;
    border-color: #5c94bf;
}

/* Candidate view details lightbox. */
#Screeners table thead th a, #ScreenerResponses table thead th a {
    color: gray;
}

/* Page Not Found styles. */
h1 {
    font-size: 34px;
    font-family: montserrat, sans-serif;
    font-weight: bold;
}

/* Change Your Password page styles. */
.panel.panel-default.nav-profile a[title='Change Your Email'],
.panel.panel-default.nav-profile a[title='Change Two-Factor authentication'] {
    display: none;
}

/* Footer styles. */
footer.footer {
    padding: 50px;
    height: 127px;
    background-color: #FFF;
}

.footer-bottom {
    margin-top: 100px;
    bottom: 0;
    width: 100%;
}

footer .footer-bottom {
    background-color: #FFF;
    color: #54565B;
    font-size: 10px;
}

footer a, footer p {
    color: #54565B;
    font-size: 14px;
}

footer .footerImages #hpgImage {
    position: relative;
    bottom: 30px;
    float: left;
}

footer .footerImages #ccImage {
    position: relative;
    bottom: 30px;
    float: right;
}