body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

.bg {
	/* The image used */
	background-image: url(../styles/images/fondo-login.jpg);
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* .login-box { */
/* 	background-image: url(../styles/images/loguin-banner-main.png); */
/* 	background-size: 100%; */
/*   margin: 0 auto; */
/*   width: 200px; */
/*   height: 350px; */
/*   border: 3px solid red; */
/*   position: absolute; */
/*   top: 40%; */
/*   left: 50%; */
/*   transform: translate(-50%, -50%); */

/* } */
.login-container {
	width: 525px;
	height: 600px;
	margin: auto;
	position: absolute;
	border: 5px solid red;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.login2-container {
	width: 525px;
	height: 480px;
	margin: auto;
	position: absolute;
	border: 5px solid red;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.ingresa {
  background-color: #2c466b;
  color: #fff;
  padding: 4px 10px;
  font-weight: bold;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif !important;
}

.login-banner {
  background-color: #2c466b;
  color: #fff;
  padding: 4px 10px;
  font-weight: bold;
  font-size: 15px;
}

.p-ingresa {
  margin-top: -5px;
  margin-bottom: 7px;
}

.ui-button-text {
    font-size: 15px;
}

.btn-block {
  display: block;
  width: 100%;
  background-color: #2c466b;
  color: #fff;
  padding: 10px;
  margin-top: 20px;
}

.box-container {
    margin-top: 20px;
    border: 3px solid red;
    background: white;
    padding: 10px;
    width: 50%;
}

.title-box {
	background-color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px;
}

.btn-cancelar {
  display: block;
  width: 53%;
  background-color: #2c466b;
  color: #fff;
  padding: 10px;
  margin-top: 20px;
}

.errorMessage {
  color: red;
}