/* Frame Breaker Style */
html{ display : none ; }

/* Login Control Style */
body {
    background-color: #08569e;
    background: url("/Marketing/content/login_background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #B6B6B6;
    }

.loginContainer button, .loginContainer input[type="submit"] {
    background: #f39001;
    border: 0px;
    color: White;
    font-weight: normal;
    transition: background .15s linear, color .15s linear;
    -moz-transition: background .15s linear, color .15s linear;
    -webkit-transition: background .15s linear, color .15s linear;
}

    .loginContainer button:hover, .loginContainer input[type="submit"]:hover {
        background: #F0A73D;
    }

.loginContainer {
    max-width: 580px;
    margin: auto;
    background-color: white;
    padding: 10px;
    margin-bottom: 20px;
}

    .loginContainer .loginSpacer {
        padding: 30px 50px 30px 50px;
    }

.logo {
    padding-bottom: 20px;
    margin: auto;
}

    .logo img {
        max-width: 450px;
    }

.title {
    font-size: 18px;
    color: #808080;
    padding-bottom: 20px;
    font-weight: 300;
}

.loginContainer form {
    padding-bottom: 20px;
}

.loginContainer input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px white inset;
}

.loginContainer .btn {
    background: #F39001;
    font-size: 20px;
    color: white;
    border: 0px;
    text-shadow: inherit;
    padding: 12px;
    width: 50%;
}

.loginContainer .forgot {
    color: #676767;
}

    .loginContainer .forgot:hover {
        color: #B6B6B6;
    }

footer {
    color: white;
    text-align: center;
    font-size: 12px;
}

    footer .signUp .btn {
        background: #F39001;
        border: 1px solid #F39001;
        margin-bottom: 60px;
        color: white !important;
        border-radius: 4px;
        display: inline-block;
        transition: background .3s linear, color .3s linear;
        -moz-transition: background .3s linear, color .3s linear;
        -webkit-transition: background .3s linear, color .3s linear;
    }

        footer .signUp .btn:hover {
            background: #F0A73D;
            color: #FFF !important;
            font-weight: normal;
        }

    footer a {
        color: white;
        font-size: 14px;
    }

.alert {
    font-size: 16px;
    padding: 5px;
    margin-bottom: 5px;
    border: 0px;
    color: #FF0A09;
    border-radius: 0px;
    font-weight: 200;
}

    .alert a, .alert-error a {
        color: #FF0A09;
    }

.language a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}

@media only screen and (max-width : 767px) {
    .logo img {
        width: 100%;
    }

    .collapseContainer .title {
        font-size: 5.5vw;
    }
}

@media only screen and (max-width : 414px) {
    .title {
        font-size: 20px;
    }

    .loginContainer {
        margin-top: 0px;
    }

        .loginContainer .loginSpacer {
            padding: 5%;
        }
}

.languageContainer {
    margin: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.languageButton, .languageButton:hover, .languageButton:focus {
    color: white;
    text-transform: uppercase;
    font-size: 12px;
}

    .languageButton:hover {
        color: #B6B6B6;
    }

#languageOptions {
    left: -25px;
    margin-top: 8px;
    position: relative;
    width: 400px;
}

    #languageOptions a {
        color: white;
        display: block;
        margin-bottom: 5px;
    }

        #languageOptions a:hover {
            color: #B6B6B6;
        }

.blurbContainer {
    max-width: 580px;
    margin: auto;
    background-color: #003b54;
    /*border: 1px dashed #000000;*/
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    font: 21px sans-serif; 
    color: #fff;
}

    .blurbContainer .btn.btn-link {
        font: 21px sans-serif; 
        color: #f39001;
    }

/* Multifactor */
.mfContainer {
    max-width: 580px;
    margin: auto;
    background-color: white;
    padding: 10px;
    margin-bottom: 20px;
}
    .mfContainer .logo {
        padding-bottom: 10px;
    }  
    .mfContainer p { margin-bottom: 17px;}
    .mfContainer .btn-outline {
        color: #00559c;
        border: 3px solid #00559c;
        border-radius: 8px;
        font-size: 20px;
        font-weight: 400;
        padding: 12px 30px 8px;
        background-color: #ffffff;
    }  

    .mfContainer .btn-outline:hover {
        color: #00559c;
        border: 3px solid #00559c;
    } 

    .mfContainer .btn-outline.selected {
        color: #ffffff;
        border: 3px solid #00559c;
        background-color: #00559c;
    } 
    .mfContainer .btn-outline.disabled, 
    .mfContainer .btn-outline.aspNetDisabled {
        color: #fff;
        border: 3px solid #808080;
        background-color: #808080;
    }
    .mfContainer .btn-outline i {display:inline-block; width:48px; height: 41px; vertical-align:inherit;}
    .mfContainer .btn-outline i.icon-email {
        background-image: url("/Marketing/content/email-blue.png");
        background-position: 77px 50px;
        background-size: 150px auto;
    }
    .mfContainer .btn-outline i.icon-sms {
        background-image: url("/Marketing/content/sms-blue.png");
        background-position: 75px 50px;
        background-size: 150px auto;
    }
    .mfContainer .btn-outline.selected i.icon-email, 
    .mfContainer .btn-outline.aspNetDisabled i.icon-email {
        background-image: url("/Marketing/content/email-white.png");
    }
    .mfContainer .btn-outline.selected i.icon-sms, 
    .mfContainer .btn-outline.aspNetDisabled i.icon-sms {
        background-image: url("/Marketing/content/sms-white.png");
    }

    .mfContainer input[type="submit"] {
        margin-top: 20px;
        background: #f39001 none repeat scroll 0 0;
        border: 0 none;
        color: White;
        font-weight: normal;
        transition: background 0.15s linear 0s, color 0.15s linear 0s;
        font-size: 20px;
        padding: 10px 40px;
    }
    .mfContainer .footnote {
        color: #808080;
        font-size: 11px;
    }

.mf-spacer {
    padding: 10px 65px 30px 65px;
    color: #808080;
}
    .mf-spacer .title {
        font-size: 18px;
        color: #808080;
        padding-bottom: 10px;
        font-weight: 500;
    }
    .mf-spacer .cbtext {
        line-height: 20px;
        margin-left: 6px;
        vertical-align: top;
    }