.box{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width: 400px;
padding:40px;
background:gray;
opacity: .8;
box-sizing: border-box;
box-shadow:0 15px 25px rgba(0,0,0,.5);
border-radius:10px;
}
.box h3{
margin:0;
padding:o;
color:#fff;
text-align:center;
}
.box .inputBox{
position:relative;
}
.box .inputBox input{
width:100%;
padding:10px;
font-size:16px;
color:#fff;
margin-bottom:30px;
border:none;
border-bottom:1px solid #FFFFFF;
outline:none;
background:transparent;
}
.box .inputBox label{
position:absolute;
top:0;
left:0;
padding:10px 0;
font-size:16px;
color:#fff;
pointer-events:none;
transition: .5s;
}
.box .inputBox input:focus ~label,
.box .inputBox input:valid ~label
{
top:-20px;
left:0;
color:#0000ee;
font-size:18px;
}
.box input[type="submit"]{
background:transparent;
border:none;
outline:none;
background:#0000FF;
padding:10px;
color:#FFFFFF;
cursor:pointer;
border-radius:5px;

}

.box a{
background:transparent;
border:none;
outline:none;
background:#0000FF;
padding:10px;
color:#FFFFFF;
cursor:pointer;
border-radius:5px;

}
#frm{
	width:30%;
	border:solid gray 1px;
	border-radius:5px;
	margin:100px auto;
	background:transparent !important;
}
.header{
	width:100%;
	height:35px;
	background-color:green;
	margin-top:-30px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-size:24px;
	}
	
#frm input[type="submit"]{
background:transparent;
border:none;
outline:none;
background:#0000FF;
padding:10px;
color:#FFFFFF;
cursor:pointer;
border-radius:5px;

}
.from input[type="text"]{

width:100%;
padding:10px;
font-size:16px;
color:#fff;
margin-bottom:30px;
border:none;
border-bottom:1px solid #FFFFFF;
outline:none;
background:transparent;
}

.from input[type="password"]{

width:100%;
padding:10px;
font-size:16px;
color:#fff;
margin-bottom:30px;
border:none;
border-bottom:1px solid #FFFFFF;
outline:none;
background:transparent;
}


#login .form-signin{
	background: url("../../images/pixel-60fff.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 6, 0.75) !important;
	-moz-box-shadow:    2px 2px 5px rgba(0, 0, 6, 0.75) !important;
	box-shadow:         2px 2px 5px rgba(0, 0, 6, 0.75) !important;
    box-shadow: 0 1px 3px rgba(15, 15, 15, 0.2) !important;

}