/* CUSTOM CSS - LOGIN SCREEN */
.index-background { background: linear-gradient(to right, #eee, #fafafa, #eee);  }

.logo-concept img { margin-top: 0.5%; margin-bottom: 1%; width: 8%; }

.login-box { background-color: #fff; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 4px 2px #f0f0f0; margin-bottom: 30px; }
	.col.login-box { padding: 25px 15px 20px 15px; }

	form.form-login div.input-field { padding-left: 20px; padding-right: 20px; }
	form.form-login label { padding-left: 5px; }

	.login-box h5 { margin: 0px; font-size: 28px; font-weight: 400; }
	.login-box h6 { margin-top: 5px; margin-bottom: 40px; font-weight: 310; font-size: 20px; }

	.login-box .div-buttons { padding-right: 25px; margin-top: 10px; }
		.div-buttons button { margin-top: 20px; }

	img.btn-password { position: absolute; width: 20px; top: 15; right: 25; cursor: pointer; }


@media screen and (max-width: 1000px) {
	.logo-concept img { margin-top: 1%; margin-bottom: 2%; width: 16%; }
}


@media screen and (max-width: 550px) {
	.logo-concept img { margin-top: 1.5%; margin-bottom: 3%; width: 32%; }
	.login-box { box-shadow: 0px 0px 4px 2px #e7e7e7; }
}