::-webkit-input-placeholder { /* WebKit browsers */
    color:    #5a5a5a;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #5a5a5a;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #5a5a5a;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #5a5a5a;
}


.login-container{
    position: relative;
    width: 300px;
    height: 348px;
    margin: 10px auto 30px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background-image: url('../img/login-background.png');
    
    -webkit-box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.5);
}

	.login-container .form-box{
		margin-top: 95px;
	}
	
	
	.form-box input{
	    width: 100%;
	    padding: 10px;
	    text-align: center;
	    height:40px;
	    border: 1px solid rgba(255,255,255,0.8);
	    background: rgba(255,255,255,0.7);
	    transition:0.2s ease-in-out;
	    color: #333333;
	}
	
	.form-box input:focus{
	    outline: 0;
	}
	
	.form-box input[type="text"]{
	}
	
	.form-box input[type="password"]{
	    border-top: 0;
	}
	
	.form-box button.login{
		outline: none;
	    margin-top:15px;
	    margin-bottom: 15px;
	    padding: 10px 20px;
	    border-radius: 0px;
	    background: rgba(42,171,210,0.9);
	}
	
	.form-box button.login:active{
		outline: none;
	    background: rgba(42,171,210,0.9);
	}