/*
==========================================================================
LOGIN PAGE
==========================================================================
*/

#signInButton {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.loginHeader{
    margin-top:20px;

}

.loginBox{
    padding-top:40px !important;
    margin-top: 6em !important;
    padding-bottom: 20px !important;
    background: #666666 !important;
    border: 1px solid #C9C9C9 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px !important;
}

.loginBox label{
    color:white !important;
}
.text-center .logo img{
    max-width:325px;
    padding-top:2em;
}
.loginBox h1 {
   color:#C0C0C0;
}
.loginError{
    padding-left:0;
    padding-right:0;
}
.loginError .error{
    margin-top: 4em;
}

.mobileMessage{
    padding-right:0;
     margin-top: 6em;
    padding-bottom: 20px;
    max-width:383px;
}

.mobileMessage p{
    font-size: 18px;
    line-height: 26px;
    padding-left: 0.9375rem;
    padding-right: 2.3rem;
}

.greyInfo-text {
    color: #8A8A8A;
    line-height: 5px;
    font-size: 12px;
}

.greyInfo-text-13 {
    color: #8A8A8A;
    font-size: 13px;
}

@media only screen and (max-width: 40em) {
    .loginBox{
        margin-top:0;
        background: none;
        border:none;
        border-radius: 0;
    }
    .loginBox label{
        color:#3E3F41;
    }
    .loginError {
        border-radius: 0;
        color: #FFF;
        display: block;
        font-size: 14px;
        margin-bottom:0;
    }
    .loginImage {
        display:none;
    }
}

.loginImage {
  width:483px;
  height:350px;
}

.loginPage {
    background-color:#E6E6E6;
    height: 100%;
}

.loginPage .footer {
    background-color:#E6E6E6;
}