/* ============================================================================================== */
/*Login*/

body {
	background: #fff;
	background-size: cover;
}


/*----------------------------------------------------------------------------------*/
/*box-grid*/
.box-grid {
	border: none;
	padding: 10px;
	border-radius: 0px;
	box-sizing: border-box;
}

.box-grid-content {
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
 	box-shadow: 0 0 0.5rem 0 rgba(53, 64, 82, 0.1);
 	color: #404040;
}


#login .row {
	margin: auto;
	justify-content: center;
}

#login .row .brand {
	margin: 0; padding: 0;
}

#login .row .brand img {
	height: 50px;
}

#login .row form {
	padding: 10px;
}
#login .row form label {
	font-size: 13px;
}

/* ======================================================================================================
 * Login
*/
.app-login {
	margin: 0; padding: 0;
}


.app-login .row .img-logo img {
	width: 100%;
}

.app-login .col-4 {
	margin-top: 50px;
}

.app-login section.banner-hero {
	margin: 0;
	padding: 0;
	background-size: cover;
}
.app-login .banner-hero .content-hero {
	margin: 0;
	padding: 0;
	position: relative;
	
}
.app-login .banner-hero form label, .app-login .banner-hero form i, .app-login .banner-hero form legend {
	color: #606060;
}
.app-login .banner-hero form .input-control {
	color: #606060;
}
.app-login .banner-hero form .input-control:focus {
	background: rgba(0, 0, 0, .5);
	color: #fff;
}

.app-login button {
	width: 100%;
}