html .kyop-rwd-0-959 {
	position: relative;
	min-height: 100vh;
	/* flex-grow: 1; */
	font-family: arial, sans-serif;
	/* font-size: 12px; */
	text-decoration: none;
	background-color: #003e7a;
}
body{
	/* height: 100%; */
	/* position: relative; */
	flex-grow: 1;
	overflow: auto;
}
a{
	cursor:pointer;
	text-decoration:none;
}
h1{
	font-family: Arial;
	font-size: 26px;
	margin-bottom: 30px;
	font-weight: normal;
}

#cuerpo_izquierda_top h1 {
	padding-top: 80px;
}

hr{
	border: 0px;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 2px;
	height:1px;
}
#kyop-ads-container {
	width: 100vw;
	border: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0px;
	overflow: overlay;
	z-index: 10000;
	background: rgba(228, 228, 228, 0.6);
	overflow: auto;
}
.modal-icon {
	position: absolute;
	color: #237ABA;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.kyop_cajacentral {
	color: white;
	/* background: #003e7a; */
	background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="660" height="1068" viewBox="0 0 660 1068">     <defs>         <path id="a" d="M0 0h660v1068H0z"/>     </defs>     <g fill="none" fill-rule="evenodd">         <mask id="b" fill="#fff">             <use xlink:href="#a"/>         </mask>         <use fill="#D8D8D8" xlink:href="#a"/>         <g fill="#004481" mask="url(#b)">             <path d="M-51.077 1708.8h801.214V0H-51.077z"/>             <path d="M750.137 0L-51.077 1708.8h801.214z" opacity=".1" style="mix-blend-mode:multiply"/>             <path d="M750.13 1708.795L-51.077 0H750.13z" opacity=".1" style="mix-blend-mode:multiply"/>         </g>     </g> </svg>');
	background-size: cover;
	width: 50%;
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	/* flex-grow: 1; */
	/* flex-grow: 1; */
	min-height: 100vh;
}
.kyop_cajacentral > * {
	padding-left: 90px;
	padding-right: 90px;
}
.kyop_cajacentral.no_ads {
	width: 100%;
}
.kyop_cajacentral.no_ads #cuerpo_derecha{
	display: none;
}
.kyop_cajacentral.no_ads #cuerpoWrapper{
	display: none;
}
.avisoLegal, .avisoLegal a {
	/* color: white; */
}
.avisoLegal {
	/* background-color: rgba(255, 255, 255, 0.25); */
	/* padding: 4vh; */
	/* margin: -8px; */
	background: white;
}
.kyop_cajacentral a {
	color: white;
}

.enlacesWrapper a {
	display: inline-block;
	max-width: 220px;
}

.left {
	float: left;
}

#cabecera{
	/* position: absolute; */
	/* top: -1px; */
	border-bottom: solid 1px rgba(255, 255, 255, 0.5);
	height: 113px;
	/* padding: 0px 13%; */
	flex-shrink: 0;
}

.logoCabecera{
	position: relative;
	top: 58px;
}
#cuerpo {
	font-family: Arial;
	font-size: 14px;
	/* font-weight: bold; */
	/* padding: 0px 90px; */
	text-align: left;
	color: #ffffff;
	position: relative;
	flex-grow: 1;
}
#cuerpo_izquierda_top {
	/* padding-top: 80px; */
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

#cuerpo p {
	font-size: 12px;
	line-height: 2;
	margin: 5px 0px 5px 24px;
}
.kyop-rwd-0-767 #cuerpo p {
	margin-left: 0px;
}

a#changeLabel {
	display: block;
	order: 3;
	-ms-flex-order: 3;
}
div#divRecDatos > .greetings {

	font-size: 26px;
	font-weight: normal;
	order: 1;
	-ms-flex-order: 1;
}
#cod_usu_Rec {
	text-transform: uppercase;
}
#divRecDatos{
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	margin-bottom: 20px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	height: 165px;
	order: -1;
}

.infoEmpresa {
	font-size: 18px;
	line-height: 24px;
	order: 2;
	-ms-flex-order: 2;
}

h4#companyLabel {
	font-weight: normal;
}
#cuerpo_idioma {
	width: calc(50vw - 15px);
	position: relative;
	left: -100px;
	text-align: right;
	padding-top: 30px;
	font-weight: bold;
	/* padding-right: 80px; */
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#enlaces{
	/* float:right; */
	/* margin-top:4px; */
	font-size: 14px;
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	flex-grow: 1;
	justify-content: flex-end;
	/* flex-grow: 2; */
	/* flex-direction: row; */
}
#enlaces img {
	display: none
}

#enlaces .enlacesWrapper{
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	/* flex-grow: 1; */
	/* float: left; */
	/* padding-left: 9px; */
	padding-right: 9px;
	/* border-right: 1px solid #CCC; */
}
#enlaces .enlacesWrapper:after {
	font-size: 11px;
	font-weight: lighter;
	content: '|';
	padding-left: 10px;
	color: rgba(255, 255, 255, 0.5);
	/* visibility: hidden; */
}

#enlaces .enlacesWrapper > span{
	float:left;
}

#enlaces .enlacesWrapper > img{
	float:left;
	margin-left:5px;
}

#combo_idioma{
	cursor: pointer;
	/* flex-grow: 1; */
	/* flex-grow: 1; */
}

span.icon-ArrowDown {
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


#cuerpo_izquierda {
	width: 100%;
	padding-bottom: 30px;
}
#logonForm {
	margin: 20px 0px 40px;
	/* width: 100%; */
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

#cuerpo_abajo {
	border-bottom: 1px solid #DCDCDC;
	margin: 0 0 0 10px;
	padding-right: 25px;
	width: 46.5%;
}

#cuerpo_izquierda_bottom {
	display: none;
}

.contenido_style_li{
	list-style-type: none
}

.contenido_sangria_ul{

	list-style-position: inside;
}
#cuerpo_derecha > * {
	margin: 0px 70px
}
#cuerpo_derecha {
	font-family: Arial;
	padding-top: 120px;
	/* padding: 120px 70px; */
	width: 50%;
	color: white;
	background-image: url(../img/fondoVela.jpg);
	background-size: cover;
	background-position-y: 15%;
	/* top: 0px; */
	/* right: 0px; */
	position: relative;
	/* padding-bottom: 120px; */
	flex-grow: 1;
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	flex-grow: 1;
}
#pie:after {
	display: none;
	position: absolute;
	/* float: right; */
	bottom: 0px;
	right: -100px;
	background-color: #2dcccd;
	width: 100px;
	height: 100px;
	content:"";
	z-index: 1;
	/* -js-display: flex;
	display: flex;
  display: -ms-flexbox; */
}
#cuerpo_derecha h1 {
	margin-bottom: 20px;
	font-size: 45px;
	line-height: 1.07;
	font-weight: bold;
}

#cuerpo_derecha  h1:first-child{
	/* padding-top: 194px; */
}


#cuerpo_derecha p {
	font-size: 16px;
	line-height: 20px;
	/* text-align: justify; */
	margin-bottom: 15px;
}
/*ANA - 719 - Añadir*/
#cuerpo_derecha #videoplayer, #cuerpo_derecha .imageContainer{
	/* display: none; */
	/* margin:20px 0; */
	/* height: 33vh; */
}
#cuerpo_derecha #videoplayer > div > div {
	height: 300px;
}
#cuerpo_derecha .imageContainer img{
	width:100%;
}
#forgotPasswordEurasia {
	font-weight: bold;
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
}
#forgotPasswordEurasia::before {
	content: '\ea37';
	font-family: 'Netcash';
	font-weight: lighter;
	font-size: 18px;
	margin-right: 5px;
}

#changeLabel::before {
	content: '\ea2b';
	font-family: 'Netcash';
	font-weight: lighter;
	font-size: 18px;
	margin-right: 5px;
}

/*ANA - 719*/
#pie{
	font-family: Arial;
	/* max-height: 96px; */
	position: relative;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	/* padding: 22px 0px 40px 0px; */
	padding-top: 23px;
	padding-bottom: 40px;
	/* flex-shrink: 1; */
	/* display: flow-root; */
	/* -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column; */
}
#pie_izquierda {
	padding-bottom: 12px;
}

/* Logo DPS normativa bancaria Hong Kong */
.logo-dps {
	display: block;
	margin-top: 10px;
}

.logo-dps > img {
	width: 200px;
}

.clearAll {
	clear: both;
	float: none;
}
.texto_azul{
	color: #00A9E8;
	cursor:hand;
	cursor:pointer;
	text-decoration:none;

}
/*ANA-662 poner más abajo para priorizar */
/*input:focus {
	background: #f3fec1 !important;
}*/
/*ANA-662 Fin*/
}
/* Elementos del formulario */
input[type|=text], input[type|=password] {
	background:#ededed;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(top,  #ededed 0%, #fefefe 41%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(41%,#fefefe));
	background:-webkit-linear-gradient(top,  #ededed 0%,#fefefe 41%);
	background:-o-linear-gradient(top,  #ededed 0%,#fefefe 41%);
	background:-ms-linear-gradient(top,  #ededed 0%,#fefefe 41%);
	background:linear-gradient(top,  #ededed 0%,#fefefe 41%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fefefe',GradientType=0 );
	border:1px solid #d5d5d5;
	border-top:2px solid #d5d5d5;
	border-radius:3px;
	padding-left:4px;

}

input[type|=text].desactivado, input[type|=password].desactivado, select.desactivado{
	border:1px solid #CCC;
	background:#F0F2EF;
	color:#AAA;
}
/*ANA-662 y 663 añadir */
#logonForm input[type=text]:focus, #logonForm input[type=password]:focus {
}
/*ANA-662 y 663*/
input::-webkit-input-placeholder{
	color: rgba(255, 255, 255, 0.6)
}
input:-ms-input-placeholder
{
	color: white
}
input::-ms-input-placeholder{
	color: white
}
input.campoError::-webkit-input-placeholder{
	color: #666666
}
input.campoError:-ms-input-placeholder
{
	color: #666666
}
input.campoError::-ms-input-placeholder{
	color: #666666
}

.marginTB5 {
	/* margin-top: 5px !important; */
	/* margin-bottom: 5px; */
}
.marginTop15{
	margin-top: 15px;
}

.marginPDF {
	margin-top: -23px;
	margin-bottom: 1px;
	margin-right: -11px;
	margin-left: 585px;
}

.estirado{
	width: 98%;
	height: 23px;
}
button.grandote {
	line-height: 21px;
	margin: 0px;
	padding:0px;
	/*ANA*/
}
button.grandote.estirado{
	width: 98%;
	height: 30px;
	margin: 10px 10px 0px 0px;
}
button.grandote img {
	margin-left: 10px;
	position:relative;
	top:4px;
}
button.grandote:hover, button.grandote:focus {

}
.azul{
	color:#009DE5;
}
.bbva-aviso-parent {
	/* max-height: 9vh; */
}
/* --- Alertas --- */
div.alerta{
	-moz-border-radius: 3px;
	padding: 24px 24px 24px 60px;
	border-radius: 1px;
	/* margin: 20px 0px; */
	position: relative;
}
div.alerta div.interior1{
	position: absolute;
	line-height: 26px;
	top: 24px;
	left: 30px;
	font-size: 16px;
}
div.alerta div.interior3{
	font-size: 11.5px;
	top: 12px;
	right: 12px;
	cursor:pointer;
	position: absolute;
	color: #237aba;
}
.interior3::before {
	color: #237aba;
}
.bordeWarning div.interior1[class*="icon-"]:before{color: #f35e61;font-size: 24px;}
div.alerta div.interior2{
	margin-left: 20px;
	margin-right: 0px;
	/* padding: 6px 10px 5px; */
}
img[src$="icono_alerta.png"] {
	position: relative;
	bottom: 3px;
}
div.alerta.bordeAmarillo, div.alerta.bordeWarning {
	color: #666;
	background-color: #fcdfdf;
}
div.alerta.bordeInfo {
	color: #666;
	background-color: #d4edfc;
}
div.bbva-aviso.alerta {
	margin: 25px 0 0 !important;
}
.darker {
	font-weight: bold;
}
label {
	font-family: Arial;
	font-size: 12px;
	line-height: 2;
	cursor: pointer;
}

#divPrincipal {
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

#divRecCheck {
	/* margin: 30px; */
}


/*ANA - 696*/
button.grandoteNormalizado{padding:0 11px}

span.lightgrey {
	color: lightgrey;
}

.fondoTransparente{
	width: 100%;
	height: 100%;
	background: #e4e4e4;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 1002;
	-moz-opacity: 0.6;
	opacity: .6;
	filter: alpha(opacity=80);
}
.marginLeft_7{
	margin-left: 7px;
}
.marginLeft_33{
	margin-left: 33px;
}

.marginLeft_helpEmp{
	margin-top: -23px;
	margin-bottom: -9px;
	margin-right: -11px;
	margin-left: 116px;
}

.marginLeft_helpUsu{
	margin-top: -23px;
	margin-bottom: -9px;
	margin-right: -11px;
	margin-left: 51px;
}

.marginLeft_helpPass{
	margin-top: -23px;
	margin-bottom: -9px;
	margin-right: -11px;
	margin-left: 72px;
}

.list_style_ul{
	list-style: initial;
	margin-left: 30px;
}
.list_style_li{
	list-style: inherit;
}

#kyop-ads-iframe{
	width: calc(100% - 40px);
	padding: 20px;
}
div#content {
	margin: 70px;
	background: white;
	padding: 30px;
	border: 4px solid#D3D3D3;
}
.ventanaModal .kyop-modal-iframe{
	border: none;
	width: 100%;
}

.kyop-container-ventanaModal{
	width:100%;
	/* height:100%; */
	position:fixed;
	top:0px;
	left:0px;
	z-index:1005;
}

.kyop-container-ventanaModal .ventanaModal{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin:auto;
	margin-top:18%;
	max-width: 87%;
	width:550px;
}

.kyop-sprite-bbva{
	display:none;
	width: 100%;
	height: 3px;
	margin-top: 10px;
}

#idplegado{
	margin-left:2px;
}

/* INICIO ALBERTO: Añadido para politica de cookies */

.avisoLegal .title {/* border-collapse: collapse;
color: rgb(51, 51, 51);
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 25.2000007629395px; */font-weight: bold;}

.avisoCookies {
	z-index: 1000;
	position: fixed;
	min-height: 25px;
	width: 99.9%;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #DBF1F6;
	background-color: #E2FAFE;
	padding-top: 15px;
	padding-bottom: 15px;
	left: 0;
	top: 0;
}
.avisoCookies div {
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #434A58;
	font-family: Arial,tahoma,verdana;
	margin: auto;
	margin-top: 2px;
}
.avisoCookies div img {
	width: 20px;
	float: left;
	margin-top: 4px;
	padding-right: 10px;
}
.bbva-aviso .up, .bbva-aviso .down {
	margin: 6px 0 2px !important;
}
.avisoCookies div div {
	padding-left: 30px;
}
.avisoCookies a {
	color: #FFF;
	font-weight: bold;
}
.avisoCookies #aviCooInfo {
	background-image: url("../img/ico-aviso-azul-oscuro.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	min-width: 70px;
	float: left;
	min-height: 25px;
}
.avisoCookies div#cerrarAviso {
	background-image: url("../img/ico-cerrar-tipo1.png");
	background-repeat: no-repeat;
	background-position: 30px 0;
	float: right;
	text-align: right;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.avisoCookies #cajonContenido {
	max-width: 960px;
}
.avisoCookies #aviCooInfo p {
	color: #0078D2;
	font-family: Arial;
	font-size: 20px;
	margin-bottom: 0;
}
.avisoCookies #aviCooBajoClear {
	max-width: 925px;
}
.avisoCookies #aviCooBajoClear p {
	font-size: 12px;
}
.avisoCookies #aviCooBajoClear p#aviCooBajoClearP2 {
	padding-top: 0;
}
.avisoCookies p samp#infoCookie {
	color: #0078d3;
	cursor: pointer;
	font-family: Arial, tahoma, verdana;
	font-size: 12px;
	text-decoration: none;
}
.clearBoth {
	clear: both;
}
.bbva-aviso .bbva-aviso-title {
	margin-bottom: 0px !important;
}
.bbva-aviso .bbva-aviso-title + .bbva-aviso-cont{
	margin-top: 6px !important;
}
.avisoCookies p.b_90x20 {
	background-color: #00559D;
	background: linear-gradient(#0079C1,#00559D) repeat scroll 0 0 transparent;
	border: 1px solid #00559D;
	border-radius: 2px 2px 2px 2px;
	color: #FFF;
	cursor: pointer;
	margin-bottom: 20px;
	margin-top: 10px;
	max-width: 65px;
	min-height: 15px;
	padding: 2px 10px!important;
	text-align: center;
}
.avisoCookies p.b_90x20: hover {
	background: linear-gradient(#00559D,#0079C1) repeat scroll 0 0 transparent;
}
.avisoCookies p.b_90x20 a {
	color: #FFF;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
}
/* FIN ALBERTO: Añadido para politica de cookies */


/*avisos APP*/
#splash {
	/* height: 100vh; */
	background:#516b82;
	/* position: absolute; */
}
#splash .uno {
	background:#516b82 url("../img/bg_app.jpg") no-repeat;
	background-size: 100%;
	font-family: arial, sans-serif;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
}
#splash .dos {
	max-width: 90%;
	margin: 0 auto;
}
#splash a {
	color: #fff;
	padding-right: 12px;
	background-size: 6%;
	text-decoration: none;
	font-size: 1.2em;
}
#splash ul {
	margin: 70px auto 0;
	padding: 0;
	font-size: 16px;
}
#splash li {
	list-style: none;
	text-align: center;
}
#splash .app a {
	background: #006ec1;
	box-shadow: 0 0 6px -1px #000;
	display: block;
	margin-bottom: 20px;
	padding: 11px 0;
}
#splash .phone {
	background: url("../img/disp_iphone.png") no-repeat top center;
	background-size: 60% auto;
	width: 100%;
	height: 800px;
	margin: 20px auto 0;
}
#splash .phone.android {
	background: url("../img/disp_nexus.png") no-repeat top center;
}
#splash .phone.tablet {
	background: url("../img/disp_tablet.png") no-repeat top center;
	background-size: 100%;
}
@media (min-width: 400px) {
	#splash  ul { margin-top: 150px; }
	#splash  .phone {display: none;}
}

@media (min-width: 600px) {
	#splash ul { margin-top: 120px}
	#splash .phone {background-size: 45% auto;display: block;}
}

@media (min-width: 700px) {
	#splash ul {margin-top: 180px }
	#splash .phone {background-size: 38% auto;display: block;}
}

@media (min-width: 1200px) {
	#splash ul {margin-top: 220px }
	#splash .phone {background-size: 25% auto;display: block;}
}
/*avisos APP*/



#cuadro_opciones:after, #cuadro_opciones:before{}
#cuadro_opciones{
	display: block;
	/* right: 0%; */
	right: 8px;
}

div.kyop-tootip-background.fondoDiferenciado.tooltip:after {
}


div.fondoDiferenciado {
	background: #F1EFF0;
	padding-bottom: 10px;
	border: 1px solid #F1EFF0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 10px 0px;
}

div.fondoDiferenciado.blanco {
	background: #fafbfc;
	padding: 10px;
	color: black;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	border: 1px solid #dedede;
}

div.fondoDiferenciado.azul {
	background: #c4e2f2;
	color: black;
}

div.fondoDiferenciado.ayuda {
	position: absolute;
	z-index: 20;
	padding: 10px;
	width: 550px;
	margin: 0px;
	background-color: #fbf1d0;
	border: 1px solid #f2d7bb;
}


div.fondoDiferenciado.tooltipElemento {
	cursor: default;
	background-color: #ffffff;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding: 5px;
	box-shadow: 0px 1px 6px 0 rgba(0,0,0,0.20);
	left: 0%;
	position: absolute;
	z-index: 1;
	color: #237ABA;
	margin-left: 90px;
}
div.fondoDiferenciado.tooltipElemento:before {border-style: dashed dashed solid dashed !important;border-width: 7px !important;border-color: transparent #d3d3d3 transparent transparent !important;top: -8px !important;content: "\00a0" !important;display: block !important;position: absolute !important;width: 0 !important;right: -1px !important;z-index: -2 !important;}
div.fondoDiferenciado.tooltipElemento:after {
	border-style: dashed dashed solid dashed;border-width: 10px;border-color: transparent #FFF transparent transparent;

	top: -7px;content: "\00a0";display: block;right: -1px;position: absolute;display: block;height: 5px;width: 0;z-index: 2;}

.kyop-rwd-0-767 div.fondoDiferenciado.tooltipElemento {
	width: auto;
	background-color: #ffffff;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding: 5px;
	box-shadow: 0px 1px 6px 0 rgba(0,0,0,0.20);
	margin-left: 45px;
	position: absolute;
	z-index: 1;
	color: #237ABA;
}

div.fondoDiferenciado.tooltip {
	width: auto;
	to; */
max-width: 38%;
	background-color: #fff;
	font-size: 10px;
	/* padding: 30px 20px 20px 20px; */
	box-shadow: 0px 1px 6px 0 rgba(0,0,0,0.20);
	right: 0%;
	position:absolute;
	z-index: 1;
}

.fondoDiferenciado a.desplegar, a.desplegar {
	color: #00A9E8;
}

.fondoDiferenciado a img.despliegue {
	margin-left: 5px;
}

.fondoDiferenciado .icon-closeTooltip{
	font-size: 0.6em !important;
}


.fondoDiferenciado .icon-closeTooltip:before {
	z-index:1 ;
}

.kyop-ads-wrapper {
	position: relative;
	margin: 7% auto;
	max-width: 732px;
	z-index: 1005;
	overflow: auto;
	background: white;
	padding: 32px;
}

#kyop-telefonos-ul{
	color: #237ABA;
	font-size: 12px !important;
}


#kyop-telefonos-ul:hover{
	color: #1464A5;
	font-size: 12px !important;
}

#kyop-telefonos-ul{
	color: #237ABA;
	font-size: 12px !important;
}

#kyop-telefonos-ul .icon-telefono:before{
	/* 	color: #237ABA !important; */
	float: left !important;
	margin-right: 6px !important;
	font-size: 16px !important;
}

.icon-telefono:before{
	content: "\e928";
}

.kyop-close-tooltip{
	position: absolute !important;
	right: 10px !important;
	top: 10px !important;
	cursor: pointer;
}

.icon-closeTooltip:before {
	content: "\ea27";
}

.colorAzulAccion{
	color: #237ABA;
}

.enlace, .colorAzulAccion{
	cursor: pointer;

}

#login-main-container {
	/* max-width: 1000px; */
	background: #004481;
	margin: auto;
	-js-display: flex;
	display: flex;
	display: -ms-flexbox;
	min-height: 100vh;
	/* height: inherit; */
}

@media only screen and (device-height: 1024px) and (device-width: 768px) and (orientation: portrait),
only screen and (device-height: 768px) and (device-width: 1024px) and (orientation: landscape){
	/* Styles */
	body {
		height: initial;
	}
}
@media screen and (min-height: 900px) {
	body {
		/* min-height: 100vh; */
	}
}


.ventanaModal{position: fixed;top: 100px;left: 30%;right: 30%;width: auto;z-index:1005;overflow: auto;background: white;border: solid 4px #D3D3D3;padding: 20px;-webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;text-align: left !important;}

.icon-return-15:before {
	content: "\ea2e";
	font-size: 16px;
	position:absolute;
	top: 32px;
	right:32px;
}

.ventanaModal #cierreModal{
	color: #237ABA;
	/* margin-bottom: 10px; */
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.ventanaModal #cierreModal:hover  {
	color: #1464A5 !important;
}

#cierreModal  a, #cuadro_opciones a {
	color: #237ABA !important;
	cursor: pointer;
	display: block;
	padding: 7px 3px;
	/*!  */
	/*!  */
	margin: 1px 0px;
	min-width: 56px;
}

#cierreModal  a:hover , #cuadro_opciones a:hover{
	color: #1464A5 !important;
	cursor: pointer;
	background-color: #D4EDFC;
}
#kyop-telephone-body{
	cursor: pointer;
}
#cuadro_opciones td{
	font-size: 11px !important;
	/*!  */
	border-bottom: 1px solid #D3D3D3;
	width: 100%;
	text-align: left;
	/*!  */
	padding: 0px 0px 2px;
	/*! height: 28px; */
}

#cuadro_opciones tr:first-of-type td  {
	/*! float:left; */
	/*! font-size: 11px !important; */
}

#cuadro_opciones tr:last-of-type td  {
	border-bottom: none;
}

#cuadro_opciones td:hover{
	/*! background-color:#D4EDFC; */
}


#cuadro_opciones  .kyop-close-tooltip{
	z-index: 2;
}


.icon-ArrowDown:before{
	content: "\e9af";
}
#combo_idioma  .icon-ArrowDown:before{
	margin:  1px 0 0 5px;
	font-size: 16px !important;
}

bbva-input {
	display: block;
	position: relative;
	height: 64px;
	margin-bottom: 45px;
	/* color: white; */
	font-size: 16px;
	width: auto;
	border-radius: 1px;
	/* background-color: #003e7a; */
	border: none;
	/* border-bottom: solid 2px rgba(255, 255, 255, 0.25); */
	background-image: none;
	line-height: 1.5;
	/* padding: 0px 15px; */
	/* border-bottom: solid 1px rgba(255, 255, 255, 0.5); */

}
bbva-input > * {
	padding-left: 15px;
	padding-right: 15px;
}

bbva-input.campoError[data-message]:before {
	font-size: 1.4em;
	font-family: 'Netcash' !important;
	content: "\ea36";
	position: absolute;
	right: 24px;
	top: 16px;
	color: #f35e61;
	height: 20px;
	width: 20px;
}

bbva-input > input[type] {
	background-color: #f4f4f4;
	background-image: none;
	font-size: 16px;
	border-radius: 0px;
	color: #121212;
	border: none;
	outline: none;
	/* width: calc(100% - 30px); */
	border-bottom: solid 2px rgba(255, 255, 255, 0.25);
	border-bottom: solid 1px rgba(255, 255, 255, 0.5);
	margin-bottom: 0px;
	/* height: inherit; */
	-webkit-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
#bbva-input > input[type] {
	margin-bottom: 0px;
	/* height: inherit; */
}
bbva-input > input + label {

	font-size: 16px;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.2s ease-out;
}

bbva-input > input[type], bbva-input > input[type] + label  {

	padding-top: 20px;

	padding-bottom: 20px;

	line-height: 1.5;

	margin-top: 0px;
}

bbva-input > input:focus + label, bbva-input > input.not-empty + label {
	top: -8px;
	margin: 0px;
	font-size: 12px;
	color: #666666;
}

bbva-input > input:-webkit-autofill + label {
	top: -8px;
	margin: 0px;
	font-size: 12px;
	color: #666666;
}

bbva-input.campoError input {
	color: #121212;
	background-color: #fcdfdf;
}
bbva-input.campoError > input + label {
	color: rgba(102, 102, 102, 0.6);
}
bbva-input.campoError[data-message]:after {
	top: 6px;
	content: attr(data-message);
	opacity: 0.6;
	font-size: 12px;
	/* line-height: 1.33; */
	text-align: left;
	color: #121212;
	position: relative;
	padding-left: 15px;
	display: block;
}
bbva-input > input[type].not-empty, bbva-input > input[type]:focus {
	padding-top: 29px;
	padding-bottom: 11px;
	margin: 0px;
}
bbva-input > input[type]:-webkit-autofill{
	padding-top: 29px;
	padding-bottom: 11px;
	margin: 0px;
}


button[type=submit]{
	padding-left: 25px;
	padding-right: 25px;
	height: 45px;
	background: #237ABA;
	border: none;
	border-radius: 1px;
	font-family: Arial;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	margin-top: 60px;
	transition: background .4s cubic-bezier(.25,.8,.25,1), color .4s cubic-bezier(.25,.8,.25,1);
}
button[type=submit]:hover{
	background: #1464A5;
	color: rgba(255, 255, 255, 0.5);
}

.kyop-rwd-0-959 button.grandote {
	width: 100%;
}

/* Sobre escritura de estilos login */

bbva-input:not(.campoError) > input[type=text], bbva-input:not(.campoError) > input[type=password]{
	color: white;
	background-color: #003e7a;
	/* font-size: 16px; */
	/* text-transform: uppercase; */
}

bbva-input:not(.campoError) > input:focus + label, bbva-input:not(.campoError) > input.not-empty + label {
	color: rgba(255, 255, 255, 0.6);
}
bbva-input:not(.campoError) > input:-webkit-autofill + label {
	color: rgba(255, 255, 255, 0.6);
}
bbva-input.campoError[data-message]:after{
	color: #ffffff
}
bbva-input.campoError > input:-webkit-autofill, bbva-input.campoError > textarea:-webkit-autofill, bbva-input.campoError > select:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0px 32px #fcdfdf;
}
bbva-input:not(.campoError) > input:-webkit-autofill, bbva-input:not(.campoError) > textarea:-webkit-autofill, bbva-input:not(.campoError) > select:-webkit-autofill {
	-webkit-text-fill-color: white !important;
	border-bottom-color: #809FBD;
	-webkit-box-shadow: inset 0 0 0px 32px #003e7a;
}


button[type=submit] {
	margin-top: 30px;
	width: 200px;
	height: 60px;
}
/* IE7 y IE8*/
@media \0screen\,screen\9 {
	#cuerpo_derecha {
		position: absolute\9;
		top: 0px\9;
		right: 0px\9;
		min-height: 100vh\9;
	}
	body input[type=checkbox] {
		display: inline\9;
	}
	#cuerpo_idioma * {
		display: inline;
	}
	#cuerpo_idioma .kyop-container-ventanaModal .ventanaModal  {
		display: block;
	}
	#cuerpo_idioma {
		position: static;
	}
	#enlaces .enlacesWrapper {
		float: left;
	}
	#kyop-ads-container {
		position:relative;
		top: -150px;
	}
	#kyop-ads-iframe {
		width: 100%;
	}
}
/*IE9 */
:root #cuerpo_derecha {
	position: absolute \ ;
	top: 0px \ ;
	right: 0px \ ;
	min-height: 100vh \ ;
}
:root #cuerpo_idioma * {
	display: inline \ ;
}

:root  #cuerpo_idioma .kyop-container-ventanaModal .ventanaModal  {
	display: block;
}
:root #cuerpo_idioma .kyop-header-tooltip-ie7 table * {
	display: block \ ;
}
:root #cuerpo_idioma {
	position: static \ ;
	width: auto \ ;
}
:root #enlaces .enlacesWrapper {
	float: left \ ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#cuerpo_derecha {
		position: relative !important;
		top: 0px \ ;
		right: 0px \ ;
		min-height: 100vh \ ;
	}

}

.noMarginBottom {
	margin-bottom: 0px;
}

/* MODAL REDIRECCION UFE - TEMPORAL */

/* MODAL REDIRECCION UFE - TEMPORAL */

html, :root{
	box-sizing: border-box;
	font-size: 62.5%;
	font-family: 'BentonSans', sans-serif;
	/* 1 */
	line-height: 1.15;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 3 */
	-webkit-text-size-adjust: 100%;
	/* 3 */

	/* Variables */
	--bbva-medium-blue:       #1973B8;

	--bbva-core-blue:         #004481;
	--bbva-core-light-blue:   #1464A5;
	--bbva-core-dark-blue:    #043263;

	--bbva-coral:             #F35E61;
	--bbva-coral-medium:      #D44B50;
	--bbva-coral-white:       #FCDFDF;

	--bbva-medium-aqua:       #02a5a5;

	--bbva-600:               #121212;
	--bbva-500:               #666666;
	--bbva-400:               #BDBDBD;
	--bbva-200:               #E9E9E9;
	--bbva-100:               #F4F4F4;

	--bbva-white:             #FFF;

	--unidad: 8;
	/* Variables */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
	height: 100%;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	line-height: 24px;
}

iframe { border: 0; }

/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section { display: block; }

*, :after, :before {
	box-sizing: inherit;
	outline: none
}

b, strong {
	font-weight: 500;
}

/* Fuentes de texto */
@font-face {
	font-family: 'BentonSans', 'arial';
	src: url("/fonts/BentonSansBBVA-Light.eot");
	src: url("/fonts/BentonSansBBVA-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/BentonSansBBVA-Light.woff") format("woff"), url("/fonts/BentonSansBBVA-Light.ttf") format("truetype"), url("/fonts/BentonSansBBVA-Light.svg") format("svg");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'BentonSans', 'arial';
	src: url("/fonts/BentonSansBBVA-Book.eot");
	src: url("/fonts/BentonSansBBVA-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/BentonSansBBVA-Book.woff") format("woff"), url("/fonts/BentonSansBBVA-Book.ttf") format("truetype"), url("/fonts/BentonSansBBVA-Book.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'BentonSans', 'arial';
	src: url("/fonts/BentonSansBBVA-BookItalic.eot");
	src: url("/fonts/BentonSansBBVA-BookItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BentonSansBBVA-BookItalic.woff") format("woff"), url("/fonts/BentonSansBBVA-BookItalic.ttf") format("truetype"), url("/fonts/BentonSansBBVA-BookItalic.svg") format("svg");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'BentonSans', 'arial';
	src: url("/fonts/BentonSansBBVA-Medium.eot");
	src: url("/fonts/BentonSansBBVA-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/BentonSansBBVA-Medium.woff") format("woff"), url("/fonts/BentonSansBBVA-Medium.ttf") format("truetype"), url("/fonts/BentonSansBBVA-Medium.svg") format("svg");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'BentonSans, 'arial';
	src: url("/fonts/BentonSansBBVA-MediumItalic.eot");
	src: url("/fonts/BentonSansBBVA-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BentonSansBBVA-MediumItalic.woff") format("woff"), url("/fonts/BentonSansBBVA-MediumItalic.ttf") format("truetype"), url("/fonts/BentonSansBBVA-MediumItalic.svg") format("svg");
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'BentonSans, 'arial';
	src: url("/fonts/BentonSansBBVA-Bold.eot");
	src: url("/fonts/BentonSansBBVA-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/BentonSansBBVA-Bold.woff") format("woff"), url("/fonts/BentonSansBBVA-Bold.ttf") format("truetype"), url("/fonts/BentonSansBBVA-Bold.svg") format("svg");
	font-weight: 700;
	font-style: normal;
}
/* Fuentes de texto */

/* Icons */
@font-face {
	font-family: 'BBVA-Icons';
	src: url("fonts/BBVA-Icons.ttf?jupvdg") format("truetype"), url("fonts/BBVA-Icons.woff?jupvdg") format("woff"), url("fonts/BBVA-Icons.svg?jupvdg#BBVA-Icons") format("svg");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: "coronita-icons";
	src: url('/fonts/coronita-icons.eot?1542793077');
	src: url('/fonts/coronita-icons.eot??1542793077#iefix') format('eot'),
	url('/fonts/coronita-icons.woff?1542793077') format('woff'),
	url('/fonts/coronita-icons.ttf?1542793077') format('truetype'),
}

.ufe-modal .ufe-close {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "BBVA-Icons" !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	speak: none;	/* only necessary if not using the private unicode range (firstGlyph option) */
	text-transform: none;
	line-height: 1;
}

.ufe-modal .ufe-close:before {
	content: "\e911";
}
/* Icons */

.ufe-modal h1,
.ufe-modal h2,
.ufe-modal h3,
.ufe-modal h4,
.ufe-modal h5,
.ufe-modal h6,
.ufe-modal p{
	font-weight: normal;
	margin: 0;
}

.ufe-modal .width-30{
	width: 240px;
}

.ufe-modal .margin-auto{
	margin: 0 auto;
}


.ufe-modal .margin-bottom-1{
	margin-bottom: 16px;
}
.ufe-modal .margin-bottom-2{
	margin-bottom: 16px;
}

.ufe-modal .margin-bottom-3{
	margin-bottom: 24px;
	/* font-size: 16px; */
}

.ufe-modal .margin-left-7{
	margin-left: 56px;
}

.ufe-modal .text-center{
	text-align: center;
}

.ufe-modal .text-22 {
	font-size: 22px;
	line-height: 24px;
}

.ufe-modal .h-lightbox {
	font-size: 15px;
	line-height: 24px;
	color: #666666;
	text-transform: uppercase;
	font-weight: 700;
}
.ufe-modal .h-title{
	font-size: 32px;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: -0.2px;
}
.ufe-modal .h-page__title {
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
}

.ufe-modal .u-medium{
	font-weight: 500;
}

.ufe-modal .u-book{
	font-weight: 400;
}

.ufe-modal .bbva-sky-blue {
	color: #5BBEFF;
}

/* GRID */
.ufe-modal .row{
	width: 90vw;
	max-width: 1176px;
	margin: 50px auto;
}


/* CHECKBOX */

.ufe-modal .checkbox { position: relative; }
.ufe-modal .checkbox .cms-auth-business--validation__error {color: var(--bbva-coral-medium); }
.ufe-modal .checkbox .m-validation__icon {color: var(--bbva-coral-medium); }

.ufe-modal .labelcheck {
	margin-bottom: 2.4rem;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	line-height: 2.4rem;
	margin-left: 4rem;
}

.ufe-modal .inputcheckbox {
	position: absolute;
	top: 0;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	z-index: 2;
	opacity: 0;
}

.ufe-modal .checkbox input[type=checkbox]:focus + .check:after {
	position: absolute;
	content: "";
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	box-shadow: 0 0 5px rgba(20, 100, 165, .5)
}

.ufe-modal .checkbox input[type=checkbox] + .check {
	position: absolute;
	font-family: "BBVA-Icons" !important;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
	width: 2.4rem;
	height: 2.4rem;
	background-color: #f4f4f4);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #666666;
	border-radius: 1px
}

.ufe-modal .checkbox input[type=checkbox] + .check:before {
	position: relative;
	top: -1px;
	left: -1px;
	color: var(--bbva-core-blue);
	content: "\e910";
	font-size: 2.4rem;
	font-style: normal;
	display: inline-block;
	opacity: 0;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all .2s cubic-bezier(.54, -.54, .49, 1.54), opacity .25s ease-in-out
}

.ufe-modal .checkbox input[type=checkbox]:checked + .check:before {
	padding: 0;
	margin: 0;
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
/* end CHECKBOX */

/* MODAL */

.ufe-modal.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.ufe-modal .fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}

.ufe-modal.cib-modal {
	opacity: 0;
	z-index: -1;
	will-change: opacity;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.ufe-modal.cib-modal:before {
	width: 100%;
	height: 100%;
	display: block;
	content: " ";
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	pointer-events: none;

}

.ufe-modal.cib-modal .cib-modal-dialog {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 90vw;
	margin: 0 auto;
	padding: 24px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}


.ufe-modal.cib-modal .cib-modal-content {
	background-color: #ffffff;
	margin: auto !important;
	width: 100%;
	padding: 32px 0;
}

.ufe-modal.cib-modal header {
	position: relative;
	padding: 0 32px 32px;
}

.ufe-modal.cib-modal .cib-modal-dialog .cib-modal-content header .btn-close {
	float: right;
	background:url(../img/modal_close.png) center center no-repeat;
}

.ufe-modal.cib-modal .cib-modal-content > .main {
	margin: 0 32px;
}
.ufe-modal.cib-modal .cib-modal-dialog .cib-modal-content footer {
	padding: 32px 32px 0;
}


.ufe-modal.cib-modal .cib-modal-dialog.large {
	max-width: 920px;
}

.ufe-modal.cib-modal.in {
	opacity: 1;
	display: block;
	z-index: 1050;
}
.ufe-modal.cib-modal.in .cib-modal-dialog {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.ufe-modal.modal-open .cib-modal {
	overflow-x: hidden;
	overflow-y: auto;
}
/******/

.ufe-modal.cib-modal.cib-modal--corporative:before {
	background-color: #043263;
	opacity: 1;
}
.ufe-modal.cib-modal.cib-modal--corporative .cib-modal-content {
	background-color: transparent;
	color: #ffffff;
}
.ufe-modal.cib-modal.cib-modal--corporative .cib-modal-content p {
	background-color: #1464A5;
	padding: 16px 0 56px;
	text-align: center;
	border: none;
	margin-bottom: -40px;
}
/* end  MODAL */


/* BOTÓN */
.ufe-modal .btn{
	font-size: 15px;
	line-height: 48px;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	font-weight: 500;
	color: var(--bbva-medium-blue);
	transition: background-position 0.5s cubic-bezier(0.61, 0, 0.39, 1);

	display: inline-block;
	position: relative;

	min-width: 19.2rem;

	border-radius:1px;
	border: none;
	cursor: pointer;

	min-height: 48px;
	max-height: 48px;

	will-change: background-position;

	background-image: none;
	background-size: 210% 100%;
	background-position: 100% center;
	background-repeat: no-repeat;

	outline-offset: 0px;
}

.ufe-modal .btn.btn__prmry{
	color: var(--bbva-white);
	background-color: var(--bbva-medium-blue);
	background-image: linear-gradient(100deg, #1464A5 50%, #237ABA 50%);
}

.ufe-modal .btn.btn__scndry{
	color: var(--bbva-white);
	background-color: var(--bbva-core-dark-blue);
	background-image: linear-gradient(100deg, #043263 50%, #004481 50%);
}

.ufe-modal .btn.btn__trcry{
	color: var(--bbva-white);
	background-color: var(--bbva-medium-aqua);
	background-image: linear-gradient(100deg, #028484 50%, #02a5a5 50%);
}

.ufe-modal .btn:hover{
	background-position: 0 center;
}
/* end BUTTON */

/* ALERT */
.ufe-modal .cib-alert {
	position: relative;
	display: none;
	text-align: left;
	padding: 16px;
	/* margin-bottom: 24px; */
	background-color: #F4F4F4;
	-webkit-transition: all .32s ease-in-out;
	-o-transition: all .32s ease-in-out;
	transition: all .32s ease-in-out;
}
.ufe-modal .cib-alert.info {
	background-color: #D4EDFC;
}
.ufe-modal .show-block {
	display: block !important;
}
.ufe-modal .cib-alert img{
	position: absolute;
	left: 16px;
	top: 16px;
	width: 32px;
}
/* end ALERT */


/* LINK */
.ufe-modal .c-link {
	color: var(--bbva-medium-blue);
	text-decoration: none;
	font-weight: 500;
	display: inline-block;
	font-weight: 500;
}

.ufe-modal .c-link:hover{
	color: var(--bbva-core-blue);
}

.ufe-modal button.c-link {
	border: 0 solid transparent;
	padding: 0;
	background-color: transparent;
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
}
/* end LINK */


/* LOADINGBAR */
.ufe-modal .cib-loading-bar.bar_skew {
	-webkit-transform: skewX(-24deg);
	-ms-transform: skewX(-24deg);
	transform: skewX(-24deg);
}
.ufe-modal .cib-loading-bar.clb-small {
	height: 12px;
}

.ufe-modal .cib-loading-bar {
	background-color: #E9E9E9;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 16px;
}
.ufe-modal .cib-loading-bar.percent100:before, .cib-loading-bar.percentdbl100:after {
	width: 243px;
}
.ufe-modal .cib-loading-bar.slow10seg:before {
	-webkit-transition: width 10s ease-in-out;
	-o-transition: width 10s ease-in-out;
	transition: width 10s ease-in-out;
}

.ufe-modal .cib-loading-bar.bar_skew:before {
	content: "";
	-webkit-transform: skewX(0);
	-ms-transform: skewX(0);
	transform: skewX(0);
}
.ufe-modal .cib-loading-bar__aqua:before {
	background-color: #02A5A5;
}
.ufe-modal .cib-loading-bar:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: -3px;
	width: 0px;
	z-index: 1;
	-webkit-transition: width 2s ease-in-out;
	-o-transition: width 2s ease-in-out;
	transition: width 2s ease-in-out;
	-webkit-transform: skewX(-24deg);
	-ms-transform: skewX(-24deg);
	transform: skewX(-24deg);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.ufe-modal .checkbox input[type=checkbox] + .check {
		background-color: #F4F4F4;
		border: 1px solid #BDBDBD;
	}


	/*****************/
	.ufe-modal .checkbox { position: relative; }
	.ufe-modal .checkbox .cms-auth-business--validation__error {color: #D44B50; }
	.ufe-modal .checkbox .m-validation__icon {color: #D44B50; }


	.ufe-modal .checkbox input[type=checkbox]:focus + .check:after {
		position: absolute;
		content: "";
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		top: -1px;
		left: -1px;
		box-shadow: 0 0 5px rgba(20, 100, 165, .5)
	}

	.ufe-modal .checkbox input[type=checkbox] + .check {

		background-color:#F4F4F4;
		border: 1px solid #666666;
	}

	.ufe-modal .checkbox input[type=checkbox] + .check:before {;
		color: #004481;
	}


	.ufe-modal .btn{
		color: #1973B8;
	}

	.ufe-modal .btn.btn__prmry{
		color: #FFF;
		background-color: #1973B8;
	}

	.ufe-modal .btn.btn__scndry{
		color: #FFF;
		background-color: #043263;
	}

	.ufe-modal .btn.btn__trcry{
		color: #FFF;
		background-color: #02a5a5;
	}

	.ufe-modal .c-link {
		color: #1973B8;
	}

	.ufe-modal .c-link:hover{
		color:#004481;
	}

	.ufe-modal.cib-modal .cib-modal-dialog.es {
		margin-top: -337px;
	}
}

@media screen and (max-width: 480px){
	.ufe-modal.cib-modal .cib-modal-dialog {
		margin-top: -400px;
	}
}
/* end LOADINGBAR */


/* Hacks IE */
@media screen\0{
	.ufe-modal.cib-modal .cib-modal-dialog {
		height: auto;
		display: block;
		top: 50%;
		margin-top: -232px;
	}
}

@media \0screen\,screen\9 {
	#kyop-modal-redirect{
		font-family: Arial, "sans-serif";
	}
	.ufe-modal.cib-modal.in {
		background-image: url(../img/FONDO.png)
	}
	.ufe-modal.cib-modal .cib-modal-dialog {
		height: auto;
		display: block;
		top: 50%;
		margin-top: -232px;

	}

	.ufe-modal .inputcheckbox{
		position: relative;
		float: left;
		margin: 2px 8px 0 0!important;
	}

	.ufe-modal .checkbox INPUT[type=checkbox] + .check {
		border-style: none;
	}

}
@media \0screen {
	.ufe-modal .inputcheckbox{
		position: relative;
		float: left;
		margin: 5px 8px 0 0!important;
	}
}