html,
body {
	background-color: #F8F9FA;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: Open Sans,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
	margin: 0;
	padding: 0;
}

.login-box {
	background: url(../images/grow-rotary-logo.jpeg);
	background-color: rgba(255, 255, 255, 1.0);
	background-position: 50% 40px;
	background-repeat: no-repeat;
	background-size: 60%;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	left: 50%;
	min-height: 228px;
	padding: 80px 8px 8px 8px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 280px;
}

.login-box-button {
	background-color: #16438B;
	border: 0;
	color: #FFF;
	font-size: 16px;
	padding: 4px 5%;
	width: 90%;
}

.login-box-input {
	border: 0;
	border-bottom: 1px solid #858585;
	margin: 0 5%;
	padding: 2px 4px;
	width: 90%;
}

.login-box-label {
	color: #959595;
	font-size: 14px;
	margin: 12px 0 4px 0;
	padding: 0 5%;
	text-align: left;
}

.login-box-rotary-image-wrapper > img {
	height: 128px;
	width: 128px;
}

.login-box-test {
	color: orange;
    font-weight: bold;
    font-size: 14px;
    left: 129px;
	position: absolute;
	top: 101px;
}

.login-box-title {
	color: #16438B;
	font-size: 24px;
	font-weight: bold;
	margin: 58px 0 44px 0;
	position: relative;
	z-index: 3;
}

.login-box-button.test {
	background-color: orange !important;
}

.login-dev {
	left: 113px;
	position: absolute;
    text-transform: capitalize;
	top: -42px;
}

.login-message {
	color: red;
	font-size: 14px;
	padding: 12px 5%;
	width: 90%;
}