* {
	padding: 0;
	margin: 0;
}

.background-login-moper {
	box-sizing: border-box;
	position: absolute;
	height: 100vh;
	width: 100%;
	background: url(../img/lagoon_bg-min.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-aclarador {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.);
}


/*Content form login Moper*/

.content-login-moper {
	position: absolute;
	height: 100vh;
	width: 100%;
	background: rgba(255,255,255,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-login-moper {
	height: auto;
	width: 90%;
	max-width: 400px; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/**/

.card-logo-formlogin-moper {
	height: auto;
	width: 100%;
	padding: 10px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/**/
.card-content-formlogin-moper {
	height: auto;
	width: 100%;
	padding: 10px 0px;
}
/**/
.card-footer-formlogin-moper {
	height: auto;
	width: 100%;
	padding: 10px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #3A3A3A;
}

.card-footer-formlogin-moper a {
	color: #3A3A3A;
}

/*btn-login-moper*/

.btn-login-moper {
	display: flex;
	justify-content: center;
	align-items: center;
}

#btn-login-moper-iniciar {
	background: #1B3664;
	border: none;
	border-radius: 0px;
	margin: 0px 15px 0px 0px;
	transition: all .6s ease;
}

#btn-login-moper-iniciar:hover {
	background: #264D8F;
}

#btn-login-moper-cancelar {
	background: rgba(255,255,255,0);
	border: none;
	border-radius: 0px;
	margin: 0px 15px 0px 0px;
	transition: all .6s ease;
}

#btn-login-moper-cancelar:hover {
	background: rgba(255,255,255,0.5);
}

/*login form styles general*/

.form-moper-login input {
	color: #757575;
	padding: 5px 10px;
	width: 100%;
	border: none;
	border-radius: 0px;
}

/*----------------------------------
RESPONSIVE
-----------------------------------*/

@media (min-width: 576px) {
	
}

@media (min-width: 748px) {
	/*Content form login Moper*/

	.content-login-moper {
		width: 40%;
		right: 0;
	}

	/*botones login moper*/
	.btn-login-moper {
		justify-content: flex-end;
	}
}

@media (min-width: 992px) {
	
}

@media (min-width: 1200px) {
	
}

/*<!-- <div class="" align="center">
    
  </div>
  <div class="">
    <div class="padd">
      
      <br>
    </div>
  </div>

  <div class="widget-foot" align="center">
    
  </div> -->*/