/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

/*footer*/
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

/* line 10, ../sass/partials/_header.scss */
.eyebrow-container-wrapper {
    position: relative;
    z-index: 10;
    height: 40px;
    width: 100%;
}

/* line 16, ../sass/partials/_header.scss */
.eyebrow-container {
    height: 40px;
    background-color: #0b3a5d;
    position: relative;
    width: 100%;
}
    /* line 22, ../sass/partials/_header.scss */
    .eyebrow-container li {
        list-style: none;
        margin-right: 24px;
        color: #fff;
        padding-top: 8px;
    }
    /* line 28, ../sass/partials/_header.scss */
    .eyebrow-container a {
        font-family: "Raleway", sans-serif;
        color: #fff;
        font-size: .75em;
    }
        /* line 33, ../sass/partials/_header.scss */
        .eyebrow-container a .fa-angle-down {
            font-size: 1.5em;
            vertical-align: baseline;
            padding-left: 10px;
            position: relative;
            top: 2px;
        }

/* line 43, ../sass/partials/_header.scss */
.eyebrow-left-links li {
    float: left;
}

/* line 48, ../sass/partials/_header.scss */
.eyebrow-right-links li {
    float: right;
}
    /* line 51, ../sass/partials/_header.scss */
    .eyebrow-right-links li:first-child {
        margin-right: 0px;
    }

/* line 57, ../sass/partials/_header.scss */
li.dropdown-container.language-container {
    display: block;
}

/* line 60, ../sass/partials/_header.scss */
.eyebrow-sub-menu {
    position: absolute;
    background: #0b3a5d;
    width: 120px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #0b3a5d;
    z-index: -1;
}
    /* line 70, ../sass/partials/_header.scss */
    .eyebrow-sub-menu ul li {
        color: #ecf0f1;
        height: 40px;
        padding-top: 12px;
        font-size: 12px;
        width: 120px;
        text-align: center;
        cursor: pointer;
        float: left;
    }
        /* line 80, ../sass/partials/_header.scss */
        .eyebrow-sub-menu ul li:last-child {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        /* line 84, ../sass/partials/_header.scss */
        .eyebrow-sub-menu ul li:hover {
            background-color: #0076a9;
        }
/* line 88, ../sass/partials/_header.scss */
a.text-size-butt {
    background: url(../images/icon_text_size_transparent_web.png) no-repeat 0 0px;
    padding: 2px 0 2px 28px;
}

/* line 92, ../sass/partials/_header.scss */
a.lang-selector-butt {
    background: url(../images/icon_globe_transparent_web.png) no-repeat 0 0px;
    padding: 2px 0 2px 28px;
}

.has-error {
    border: 1px solid red;
}

    .has-error:focus {
        color: #495057;
        background-color: #fff;
        border-color: red;
        outline: 0;
        box-shadow: 0 0 0 0.03rem red;
    }

footer {
    margin-bottom: 10px;
}

.password-invalid {
    border: 2px solid orangered;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
    .password-valid:focus {
        border: 2px solid orangered;
        box-shadow: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.password-valid {
    border: 2px solid green;
    box-shadow: none;
}
.password-valid:focus {
    border: 2px solid green;
    box-shadow: none;
}
.email-valid {
    border: 2px solid green;
    box-shadow: none;
}
    .email-valid:focus {
        border: 2px solid green;
        box-shadow: none;
    }
.email-invalid {
    border: 2px solid orangered;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
    .email-invalid:focus {
        border: 2px solid orangered;
        box-shadow: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

#memberPassword:focus {
    box-shadow: none;
}
#memberPasswordConfirm:focus {
    box-shadow: none;
}
#memberEmail:focus{
    box-shadow:none;
}

#passwordStrengthText {
    font-size: 0.8em;
    color: white;
    background: orangered;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    width: 100%;
}
#passwordMatchText {
    font-size: 0.8em;
    color: white;
    background: orangered;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    width:100%;
}
#emailCheckText {
    font-size: 0.8em;
    color: white;
    background: orangered;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    width: 100%;
}


@media screen and (min-width:768px){
    .languagepicker {
        width: 40%;
        text-align: right;
    }

    .eyebrow-container-wrapper {
        width: 70%;
    }

    .sub-footer span:first-child {
        float: left;
    }

    .sub-footer span:last-child {
        float: right;
    }
}
@media screen and (max-width:768px)
{
    .footer-bottom-row,.sub-footer{
        text-align:-webkit-center;
    }
    footer {
        margin-bottom: 20px;
    }
    
}
@media screen and (max-width: 425px) {
    .languagepicker {
        width: 100%;
        text-align: center;
        border-radius: 5px;
    }

    .eyebrow-container li {
        margin: auto 8%;
    }

    .eyebrow-container-wrapper {
        width: 100%;
    }

    footer {
        margin-bottom: 10%;
    }
}

@media screen and (max-width: 375px) {
    .languagepicker {
        width: 100%;
        text-align: center;
        border-radius: 5px;
    }

    .eyebrow-container li {
        margin: auto 5%;
    }

    .eyebrow-container-wrapper {
        width: 100%;
    }

    footer {
        margin-bottom: 10%;
    }
}

@media screen and (max-width: 250px) {
    .languagepicker {
        width: 100%;
        text-align: center;
        border-radius: 5px;
    }

    .eyebrow-container li {
        margin: auto 2%;
    }

    .eyebrow-container-wrapper {
        width: 100%;
    }

    footer {
        margin-bottom: 10%;
    }
}