/*bootstrap class override for login page only*/

body{

    background: #FFF ;

}

.form-control{

    border-radius: 0px;

    margin: 12px 3px;

    height: 40px;

}

.logo{

    margin: auto;

    text-align: center;

    padding-top: 20%;

}

.logo img{

    height: 70px;

}

/*footer*/ 

.footer a{

    color: #000;

    text-decoration: none;

}

.footer{

    color: #000;

    text-align: center;

}

/*footer end*/ 





/*for logintemplate blue*/

.grayBody{

    background-color: #FFF;

}

.loginbox{ 
    margin-top: 5%;
    border-top: 6px solid #043883;
    background-color: #2382c0;
    padding: 20px;
    box-shadow: 0 10px 10px -2px rgba(0,0,0,0.12), 0 -2px 10px -2px rgba(0,0,0,0.12);
}

.singtext{    

    font-size: 28px;  

    color: #fff;

    font-weight: 500;

    letter-spacing: 1px;

}

.submitButton{
    background-color: #043883;
    color: #fff;
    margin-top: 12px;
    margin-bottom: 10px;
    padding: 10px 0px;
    width: 100%;
    margin-left: 2px;
    font-size: 16px;
    outline: none;
    box-shadow: 0px 2px 10px 2px #000000;
    border-radius: 7px;

}

.submitButton:hover,.submitButton:focus{

    color: #fff;  

    outline: none;

}

.forGotPassword{

    background-color: #F2F2F2; 

    padding: 15px 0px;

    text-align: center;



}

.forGotPassword:hover{

     box-shadow: 0 10px 10px -2px rgba(0,0,0,0.12);    

}

.forGotPassword a{

    color: #000;

    outline: none;

}

.forGotPassword a:hover, .forGotPassword a:active,.forGotPassword a:focus{  

    text-decoration: none; 

    outline: none;

}