body, html {
	height           : 100%;
	background-repeat: no-repeat;    
	position         : relative;
}
#login-box {
	position  : absolute;
	top       : 25%;
	left      : 50%;
	transform : translateX(-50%);
	width     : 350px;
	margin    : 0 auto;
	border    : 1px solid black;
	background: rgba(48, 46, 45, 1);
	min-height: 350px;
	padding   : 20px;
	z-index   : 9999;
}
#login-box  .caption {
	/*font-family: 'Poiret One', cursive;*/
	color        : white;
	text-align   : center;
	margin-bottom: 0px;
}
#login-box  .tweak {
	color: #ff5252;
}
#login-box .controls {
	padding-top: 30px;
}
#login-box .controls input {
	border-radius: 0px;
	background   : rgb(98, 96, 96);
	border       : 0px;
	color        : white;
	font-family  : 'Nunito', sans-serif;
}
#login-box .controls input:focus {
	box-shadow: none;
}
#login-box .controls input:first-child {
	border-top-left-radius : 2px;
	border-top-right-radius: 2px;
}
#login-box .controls input:last-child {
	border-bottom-left-radius : 2px;
	border-bottom-right-radius: 2px;
}
#login-box button.btn-custom {
	border-radius: 2px;
	margin-top   : 8px;
	background   :#ff5252;
	border-color : rgba(48, 46, 45, 1);
	color        : white;
	font-family  : 'Nunito', sans-serif;

}
#login-box button.btn-custom:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition   : all 500ms ease;
	-ms-transition    : all 500ms ease;
	-o-transition     : all 500ms ease;
	transition        : all 500ms ease;
	background        : rgba(48, 46, 45, 1);
	border-color      : #ff5252;
}