.body {
	text-align: center;
	background-color: #E0E0E0;
	border: 1px solid gray;
	border-radius: 25px;
	margin: 150px 5%;
}
.body:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	min-height: calc(100vh - 603px); /* 603 = 130(height header) + 171(height footer) + 300(margin-top-botton body) + 2(border body)*/
}
.centered {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}
#infoLogin {
	float: left;
	display: none;
	width: 49%;
	min-height: 250px;
	padding-left: 6%;
	padding-top: 1%;
	z-index: 0;
}
#infoRegister {
	float: right;
	width: 49%;
	min-height: 250px;
	padding-right: 6%;
	padding-left: 8%;
	padding-top: 1%;
	z-index: 0;
}
#formLogin {
	float: left;
	width: 49%;
	min-height: 500px;
	margin: -100px 0;
	padding: 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px 9px #C2C2C2;
	border-radius: 5px;
	z-index: 1;
}
#formRegister {
	float: right;
	display: none;
	width: 49%;
	min-height: 500px;
	margin: -100px 0;
	padding: 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px 9px #C2C2C2;
	border-radius: 5px;
	z-index: 1;
}
.closeText:before {
    content: "Cerrar";
}
#formRegister textarea {
	resize: none;
}
#formRegister em {
	color: red;
	width: 65%;
	float: left;
	text-align: left;
	font-size: 11px;
	padding-top: 23px;
}
#infoTitleLogin {
	text-align: left;
	font-size: 30px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
}
#infoLogin p {
	text-align: left;
	font-size: 14px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
}
#btnLogin {
	width: 35%;
	float:left
}
#infoTitleRegister {
	text-align: right;
	font-size: 30px;
	color: black;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#infoRegister p {
	text-align: right;
	font-size: 14px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
}
#btnRegister {
	width: 40%;
	float: inherit;
}
#infoTitleContacto {
	text-align: right;
	font-size: 30px;
	color: black;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#btnContacto {
	width: 40%;
	float: inherit;
}
.panelTitle {
	font-size: 30px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
	padding-bottom: 2%;
}
.linea {
	width: 100%;
	float: inherit;
	height: 6px;
	border: none;
	border-radius: 6px;
}
#linkRestablecer {
	width: 65%;
	float: left;
	text-align: left;
	font-weight: bold;
	padding-top: 14px;
}
.btnSubmit {
	width: 35%;float: right;
}
#formRecupera {
	float: left;
	width: 49%;
	min-height: 500px;
	margin: -100px 0;
	padding: 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px 9px #C2C2C2;
	border-radius: 5px;
	z-index: 1;
}
#infoRecupera {
	float: right;
	width: 49%;
	min-height: 250px;
	padding-right: 6%;
	padding-left: 8%;
	padding-top: 1%;
	z-index: 0;
}
#infoTitleRecupera {
	text-align: right;
	font-size: 30px;
	color: black;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#infoRecupera p {
	text-align: right;
	font-size: 14px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
}
#formNew {
	float: left;
	width: 49%;
	min-height: 500px;
	margin: -100px 0;
	padding: 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px 9px #C2C2C2;
	border-radius: 5px;
	z-index: 1;
}
#infoNew {
	float: right;
	width: 49%;
	min-height: 250px;
	padding-right: 6%;
	padding-top: 1%;
	z-index: 0;
}
#infoTitleNew {
	text-align: right;
	font-size: 30px;
	color: black;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#infoNew p {
	text-align: right;
	font-size: 14px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
}
#formContacto {
	float: left;
	width: 49%;
	min-height: 500px;
	margin: -100px 0;
	padding: 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 15px 9px #C2C2C2;
	border-radius: 5px;
	z-index: 1;
}
#formContacto textarea {
	resize: none;
}
#formContacto em {
	color: red;
	width: 65%;
	float: left;
	text-align: left;
	font-size: 11px;
	padding-top: 23px;
}
#infoContacto {
	float: right;
	width: 49%;
	min-height: 400px;
	padding-right: 6%;
	padding-left: 8%;
	padding-top: 4%;
	z-index: 0;
}
#infoContacto p {
	text-align: right;
	font-size: 14px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: black;
}
.row {
	margin: 0;
}
.obligatorio {
	border-color: #A94442 !important;
}
.obligatorio:focus {
	border-color: #843534 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #CE8483 !important;
}

/* 2022 INI */

.loader {
	position: fixed;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("../img/load.gif") 50% 50% no-repeat #FFF;
	opacity: .8;
}

.popover { 
    max-width: 90%; 
    margin-right: 10px;
    background-color: #FFFBE5;
}

.popover.right>.arrow:after {
	border-right-color: #FFFBE5;
}

.popover.left>.arrow:after {
	border-left-color: #FFFBE5;
	}

#formRegister .flex, #formNew .flex {
	display: flex;
	align-items: center;
}

#formRegister strong.fa, #formNew strong.fa {
	margin-left: 5px;
	cursor: pointer;
}

#formRegister strong.fa:focus, #formNew strong.fa:focus{
  outline: none;
  box-shadow: none;
}

.info-error {
	text-align: left;
	width: 100%;
	color: #A94442;
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}

#formRegister .input-group {
	width: 100%;
}

#formRegister .with-help, #formNew .with-help {
	width: 97%;
}


#logObligatorios, #regObligatorios, #regObligatoriosRecupera {
	display: none;
}

.input-group-addon {
	cursor: pointer;
}

input::-ms-reveal, input::-ms-clear { /* Evitar funcionalidad de ver password que viene por defecto en IE y Edge */
	display: none;
}

.password-ok {
	background-color: #DFFFE4;
}

.password-no-ok {
	background-color: #F2DEDE;
}

/* 2022 FIN */

@media (max-width: 800px) {
	.body {
		margin: 5% 15%;
	}
	.body:before {
		min-height: auto;
	}
	.centered {
		width: 100%;
	}
	#formLogin {
		float: unset;
		width: calc(100% + 100px);
		min-height: 400px;
		margin: 0 -50px;
		/*padding: 8px; /*2021 Comentado de momento*/
		/*border-radius: 0; /*2021 Comentado de momento*/
	}
	#formRegister {
		float: unset;
		width: calc(100% + 100px);
		min-height: 400px;
		margin: 0 -50px;
		/*padding: 8px; /*2021 Comentado de momento*/
		/*border-radius: 0; /*2021 Comentado de momento*/
	}
	#infoRegister {
		float: unset;
		width: 100%;
		min-height: auto;
		padding: 2%;
	}
	#infoLogin {
		float: unset;
		width: 100%;
		min-height: auto;
		padding: 2%;
	}
	#infoTitleRegister {
		text-align: center;
	}
	#infoRegister p {
		text-align: center;
	}
	#btnRegister {
		float: unset;
		width: auto;
	}
	#infoTitleContacto {
		text-align: center;
	}
	#btnContacto {
		float: unset;
		width: auto;
	}
	#infoTitleLogin {
		text-align: center;
	}
	#infoLogin p {
		text-align: center;
	}
	#btnLogin {
		float: unset;
		width: auto;
	}
	#formRecupera {
		float: unset;
		width: calc(100% + 100px);
		min-height: 200px;
		margin: 0 -50px;
		/*padding: 8px; /*2021 Comentado de momento*/
		/*border-radius: 0; /*2021 Comentado de momento*/		
	}
	#infoRecupera {
		float: unset;
		width: 100%;
		min-height: auto;
		padding: 2%;
	}
	#infoTitleRecupera {
		text-align: center;
	}
	#infoRecupera p {
		text-align: center;
	}
	#formNew {
		float: unset;
		width: calc(100% + 100px);
		min-height: 250px;
		margin: 0 -50px;
		/*padding: 8px; /*2021 Comentado de momento*/
		/*border-radius: 0; /*2021 Comentado de momento*/		
	}
	#infoNew {
		float: unset;
		width: 100%;
		min-height: auto;
		padding: 2%;
	}
	#infoTitleNew {
		text-align: center;
	}
	#infoNew p {
		text-align: center;
	}
	#formContacto {
		float: unset;
		width: calc(100% + 100px);
		min-height: 200px;
		margin: 0 -50px;
		/*padding: 8px; /*2021 Comentado de momento*/
		/*border-radius: 0; /*2021 Comentado de momento*/		
	}
	#infoContacto {
		float: unset;
		width: 100%;
		min-height: auto;
		padding: 2%;
	}
	#infoContactoNew {
		text-align: center;
	}
	#infoContacto p {
		text-align: center;
	}
}