/* ==========================================================================
   Login Box styles
   ========================================================================== */

body{
background: transparent url(../img/bg.png) repeat;
    min-height:100%; 
}
.alert{
    margin: 10px auto;
    width: 90%;
}
#login-block{	 
    padding-top: 100px;
    padding-bottom: 25px;
}

.login-box{
    max-width:480px;	
    background: transparent url(../img/login-bg.png) repeat;
    border:7px solid rgba(255, 255, 255, 0.31);
    -webkit-background-clip: padding-box; /* for Safari */
    -moz-background-clip: padding-box; /* for old Firefox */
    -o-background-clip: padding-box; /* for old Firefox */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-bottom: 20px;
}

.login-logo{
    text-align: center;
    padding: 10px 0 10px;
    
}

.login-logo img{
    border:0;
    
}
.login-form form p{
    width:80%;
    margin: 5px auto 10px;
    text-align: center;
}
/* for logo animation */
.login-logo img{
    opacity: 1; 
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; 
    height: 240px;
    width: 280px; 
}


.login-form .input-group{
    margin:0 auto 15px;
    width:70%; 
}
/* Login Form */
.login-form input{
    background: #d6d6d6;
    border:1px solid #bfbfbf;
    color:#6c6c6c;
   
}

/* Login Button */
.btn.btn-success {
    width: 120px;
    display:block;
    margin: 20px auto 20px;
    color: white;
    text-transform:uppercase ;	
    text-shadow: 1px 2px 2px #0099ff;
    background: #0099ff; 
    border: 1px solid #3399ff;
    -webkit-box-shadow: inset 0 1px 2px #0099ff;
    -moz-box-shadow: inset 0 1px 2px #0099ff;
    box-shadow: inset 0 1px 2px #0099ff;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;

}
.btn.btn-success:hover {

    background: #0066ff; 
} 
.btn.btn-red.btn-reset{
    width: 180px;
}
.login-links{
    text-align: center;
}

#footer-text, #footer-text a{
    text-align: center;
    color:#FFF;
    opacity: 1;
    text-shadow: 1px 1px 1px #000;
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
    #login-block{	 
        padding-top: 10px;
        padding-bottom: 25px;
        
    }

}

/* Tablet Portrait Size to Tablet Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px){
    #login-block {	 
        margin: 0 auto;
        width: 420px;

    }

}