/**************************************************************************************************************
********************************************Login**************************************************************
**************************************************************************************************************/
#loginWrapper{
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0%;
    width: 100%;
    height: 306%;
    margin-top: 0px!important;
    z-index: 9999;
    left: 0;
    position: absolute;
    /* top: 10%; */
    /* left: calc(50% - 175px); */
}
#loginWrapperInner{
    /*    border:3px solid yellow;*/
    width: 100%;
    min-width: 374px;
    float:none;
    margin:197px auto 0px auto;
    /*    width: 100%;*/
}
#loginWrapperInner div{
/*    width: auto;
    min-width: 374px;
    clear: both;*/
}
#loginForgotPswd .btn-primary,
#loginWrapper .btn-primary,
#loginCreateForm .btn-primary,
#loginMain .btn-primary, 
#loginCreate .btn-primary{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    margin-top: 20px;
    font-weight: normal;
    height: inherit;
    height:auto;
}
#loginForgotPswdForm .login-message-inner img{
    height:auto;
    /*border:2px solid red;*/
}
#loginWrapper a,
#loginCreateForm a,
#loginMain a, 
#loginCreate a{
    float:left;
}
#loginMessage{
    /*    border: 1px solid white;*/
    color: crimson;
    min-height: 30px;
    height: 30px;
    z-index: 999;
    /*    margin-top: 197px;*/
    text-align: center;
    font-size: large;
    line-height: 30px;
    margin-bottom: 20px;
} 
#loginMessage span {
    /* border: 1px solid white; */
    color: crimson;
    min-height: 30px;
    height: 30px;
    z-index: 999;
    /* margin-top: 197px; */
    text-align: center;
    font-size: large;
    line-height: 30px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: auto;
    margin: 0px auto;
    min-width: auto;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
}
#loginCreate{
    /* border: 6px solid yellow; */
    background: white;
    padding: 20px;
    margin: 0px calc(50% - 15%) 0% calc(50% - 15%);
    border-radius: 4px;
    box-shadow: 5px 5px 25px #000;
    width: 30%;
    min-width: 572px;

}

#loginForgotPswdForm{
    /*  border: 6px solid red;*/
    background: white;
    padding: 0px;
    border-radius: 4px;
    /*  box-shadow: 5px 5px 25px #000;*/
    width: 100%;
    min-width: 100%;
    float: left;
}
#forgot-password-message{
    color:crimson;
}
#loginForgotPswd{
    /*     border: 6px solid yellow; */
    background: white;
    padding: 20px;
    margin: 10px auto 0% auto;
    border-radius: 4px;
    box-shadow: 5px 5px 25px #000;
    width: 20%;
    min-width: 374px;
    overflow: visible; 
}
#loginForgotPswd,
#reset-pswd-wrapper,
#loginCreate,
#loginMain,
#loginSubmit, 
#loginCheckEmail{
    /*  border: 6px solid yellow; */
    background: white;
    padding: 20px;
    margin: 10px auto 0% auto;
    border-radius: 4px;
    box-shadow: 5px 5px 25px #000;
    float: none!important;
    max-width: 300px;

}

#loginMain div,
#loginForm div,
#loginForgotPswdForm div{
    /* border: 1px solid red; */
    float: none;
    margin: 0px auto 0px auto;
    text-align: center;
}


.submit-wrapper {
    text-align: center;
}

#statement-number-message {
    text-align: left;
/*    margin: 0 290px;*/
}
.img-1, .img-3 {
    height: 211px;
    margin-top: 35px;
    margin-bottom: 38px;
}
.form-signin {
        max-width: 392px;
    padding: 15px;
    margin: 0 auto;
}
#loginShadow{
    position: fixed!important;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    width:100%;
    z-index: -1;
}
#loginWrapper {
    background-color: transparent!important;
}

#reset_password{
    padding: 6px 12px;
    border-radius: 4px;
    width: 260px;
}

#reset_password_confirm{
    padding: 6px 12px;
    border-radius: 4px;
    margin-bottom: 20px;
    width: 260px;
}

@media (max-width: 320px) {
#reset-pswd-wrapper{
    margin:5px;
    /*border: 1px solid red;*/
    }
}

@media (max-width: 320px) {
#reset_password, #reset_password_confirm{
width: 260px;
    }
}


    
/**************************************************************************************************************
********************************************END Login**************************************************************
**************************************************************************************************************/