@import url("fonts.css"); /* Import fonts Barlow */
@import url("modalPanel.css"); /* Import modal style */
@import url("documentacion.css"); /* Import documentacion style */
@import url("banner.css"); /* Import banner style */
@import url("escogerTitular.css"); /* Import escoger titular style */
@import url("datosPersonalesVivienda.css"); /* Import datos personales y de vivienda style */
@import url("configuracionDePerfil.css"); /* Import configuración de perfil style */
@import url("seleccionAcceso.css"); /* Import selección acceso a BE style */
@import url("accesoNoCliente.css"); /* Import acceso No Cliente style */
@import url("documentos.css"); /* Import landing documentacion style */

/*********/
/* RESET */
/*********/

body{font-family: Barlow-Reg, Arial, sans-serif; color:rgba(0,0,0,0.55);}
html, body {height: 100%;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}
li{list-style: none;}
input:focus, select, select:focus, input.form-control:focus, label:focus, .bonificaciones .form-check-input { /* Para que chrome no nos ponga un borde azul*/
	outline-offset: 0px;
	outline: -webkit-focus-ring-color auto 0px;
	outline:none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/*********/
/* COMUNES */
/*********/
h1{font-family: Barlow-Bol, Arial, sans-serif;}
body.scroll{overflow: hidden;}					  

/*********/
/* CABECERA */
/*********/

.header{height: 60px;display: flex;background-color: #fff;padding: 8px 0;position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
.conLogo,.two,.caminoMigas, .contAcciones{display: flex;}
.conLogo{margin-right: 16px;margin-left:12px;}
.caminoMigas {flex: 1;align-items: end;font-size: 12px;--bs-breadcrumb-divider: '|';color: #000}
.caminoMigas ul{display: flex;margin-bottom: 0;}
.caminoMigas ul li{padding-right:8px;}
.caminoMigas ul li:first-child::before{content: "";padding-right: 0px;}
.caminoMigas ul li:before{float: left;padding-right: 8px;color: #6c757d;content: "|";}
.caminoMigas ul li.active{font-family: Barlow-Bol, Arial, sans-serif;}
.caminoMigas ul li a{text-decoration: none;color: #6c757d;}
.contAcciones{align-items: center;margin-right: 10px;}
.selIdioma{font-family: Barlow-Reg, Arial, sans-serif;display: flex;flex-direction: row;margin:0 20px 0 0px;border:0;padding: 6px 12px; font-size: 16px;}
.contAcciones .selIdioma li {border-left: 1px solid #000;display: inline-flex;padding: 0 10px;line-height: normal;}
.contAcciones .selIdioma li:first-child {border: 0;}
.contAcciones .selIdioma li a{padding-top: 0;padding-bottom: 0;}
.contAcciones .selIdioma li a.bold{font-family: Barlow-Bol, Arial, sans-serif;}
.btnMenu{border: 0!important;background-color: transparent;margin-bottom:0!important;}
.btnMenu img{width: 24px;}
.lock, .usuario{background-color: #f8f8f8;border-radius: 6px;text-decoration: none;color: #000;padding: 5px 10px;font-size: 14px;display: flex;align-items: center;margin-right:10px;}
.lock:hover, .usuario:hover{color: #000;}
.lock img{margin-right:5px;}
.lock:hover span{text-decoration: underline;}
.usuario img{width: 20px; margin-right: 10px;}
.notificaciones{text-decoration: none;padding: 5px;display: flex;align-items: center;}
/*
.notificaciones.active {border:1px solid red; padding: 5px; border-radius: 15px;cursor: pointer;background-color: rgba(255,0,0,0.1);}
*/
.circulo-campana .notificaciones img{width: 20px;}								 

.circulo-campana{
	display:flex;
	justify-content:center;
	align-content: center;
	width: 40px;
	height: 40px;
	gap: 0px;
	border-radius: 80px 80px 80px 80px; 
	border: 1px 0px 0px 0px; 
	opacity: 0.5; 
	background: #FFE3E3; 
	border: 1px solid #E30613;
	margin-right: 10px;
}

.circulo-campana.transparente {
	background: transparent;
	border: 1px solid transparent;
}

.circulo-notificaciones{
	display:flex;
	justify-content:center;
	align-content: center;
	flex-wrap: wrap;
	width: 18px;
	height: 18px; 
	border-radius: 18px;
	background: #E30613;
	position: relative;
    top: -15px;
    left: 45px;
    z-index: 10;
}

.circulo-notificaciones:empty{
	display: none;
}

.numero-notificaciones{
	font-family: Barlow-Med;
	font-size: 12px; 
	font-weight: 700; 
	line-height: 19.2px; 
	text-align: left; 
	color: #FFFFFF;
    position: relative;
}

.numero-notificaciones:empty {
	display: none;
}

/*MENU LATERAL*/
.contMenuLateral{
    position: fixed;
    bottom: 0;
	top:76px;
	left:0;
	right:0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: #000;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
	background-color: #f8f8f8;
}
.containerMenu {
	line-height: 1;
	padding: 1rem 1rem;
	width: 100%;
}
.opcionesMenuBE{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
	display: flex;
	margin: 0 auto;
	overflow-y: auto;
	padding-bottom: 1rem;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.opcionesMenuBE .col{
	width: 33.33%;
	padding: 0 12px;
}
.opcionesMenuBE .list-group ul{
	margin-top: 8px;
}
.opcionesMenuBE .list-group li{
	background-color: transparent;
	border: 0;
	padding: 8px 0;
}
.opcionesMenuBE .list-group li a{
	text-decoration: none;
	color:#000;
}
.opcionesMenuBE .listadoPpal{
	font-size: 30px;
	font-family: Barlow-Bol, Arial, sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;	
}
.opcionesMenuBE .listadoPpal li{
	line-height: 30px;
	padding-left: 16px;
}
.opcionesMenuBE .listadoSecund li{
	padding-left: 16px;
	line-height: 20px;
}
.opcionesMenuBE .listadoPpal a.selected, .opcionesMenuBE .listadoPpal .selected a{
	color: #007a87;
}
.opcionesMenuBE .listadoSecund{
	font-size: 20px;
	font-family: Barlow-Bol, Arial, sans-serif;
	padding-top: 10px;
	margin-top:8px;
}
.opcionesMenuBE .secciones{
	font-family: Barlow-Bol, Arial, sans-serif;
	margin-bottom: 10px;
}
.opcionesMenuBE .secciones h6{
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	font-size: 18px;
}
.opcionesMenuBE .secciones h6 img{
	width:20px;
	margin-right: 7px;
}
.opcionesMenuBE .listadoSecciones{
	font-size: 16px;
}
.opcionesMenuBE .separadorAcciones{
	border-top:1px solid #ccc;
	padding-top:15px;
}
.opcionesMenuBE .lockMenu{
	font-family: Barlow-Bol, Arial, sans-serif;
	font-size: 17px;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	text-decoration: none;
	color: #000;
}
.opcionesMenuBE .lockMenu img{width: 30px;}
.opcionesMenuBE .usuarioMenu img{width: 20px; margin-right: 10px;}
 

/*CONTENIDO*/
.contenido {
	display: flex;	
	background: transparent url("../img/fondos/registro.png") no-repeat center top;
	background-size: 1200px;
}

.pie{display: flex; height: 62px;color:#fff;background-color: #000;justify-content:space-between;padding: 0 10px;font-size: 12px;flex-wrap: wrap!important;border-top:  1px solid #ccc;padding-top: 5px;}
.pie ul.enlaces{display: flex;align-items: center;}
.pie ul.enlaces li a{color:#fff; text-decoration: none;}
.pie ul.enlaces li:first-child::before{content: "";padding-right: 0px;}
.pie ul.enlaces li:before{padding-right: 5px;padding-left: 5px;color: #fff;content: "|";}
.pie .copy{display: flex;align-items: center;}

.container{
	width:100%;
	background: linear-gradient(to bottom, transparent 0%, transparent 55%, black 55%, black 100%);	
	color: #000;
	margin:auto;
}

.contenidoPerfilBackgroundBlanco{
	background-color: white;
}

.container-background{
	height: 100%;
}

.contGridPpal{
	display: grid; 
	grid-template-rows: 25% 50%;
	gap: 10px; 
	align-items: center; 
	height:85vh;
}

.contFlexPpalSuperior{
	display: flex; 
	align-content:center; 
	align-items: center; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: center; 
	margin-top: 15px; 
	height:40px;
}

.contFlexPpalSuperiorTexto{
	display: flex; 
	align-content:center; 
	align-items: flex-end; 
	flex-direction: column; 
	flex-wrap: wrap;
}

.txtPanelSeguimiento{
	font-family: Barlow-Med; 
	font-size: 42px; 
	font-weight: 600; 
	line-height: 50px; 
	color: #363635;
	margin-bottom: 15px;
}

.txtHipotecaKutxabank{
	font-family: Barlow-Med; 
	font-size: 34px; 
	font-weight: 600; 
	line-height: 32px; 
	color: #363635;
}

.contPpal{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-height: calc(60vh - 360px);
}

.oculto{display: none;}

/*FORMULARIO*/
.contFormulario{
	border:1px solid #e7e7e7;
	border-radius: 6px;
	background-color: #fff;
	max-width: 300px;
	padding: 20px 40px;
}
.contFormulario h2{
	font-size: 27px;
	text-align: center;
	margin-bottom: 10px;
}
.contFormulario h2 span{
	font-family: Barlow-Bol, Arial, sans-serif;
}
.contFormulario h3{
	margin-bottom: 10px;
}
.contFormulario p{
	font-size: 14px;
	margin-bottom: 10px;
}
.contFormulario p.info{
	text-align: center;
	font-size: 16px;
}
.contFormulario .contInput{
	margin-bottom: 5px;
}
.contFormulario .contInput label{
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	color: #000000;
}
.contFormulario .contInput.clave{
	display: flex;
}
.contFormulario .contInput.clave input{
	font-family: Barlow-Reg, Arial, sans-serif;
	font-size: 20px;
	padding: 15px 10px;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
	text-align: center;
	margin-left: 5px;
}
.contFormulario .contInput.clave input:first-child{
	margin-left: 0;
}
.contFormulario .contInput.clave.error input, .contFormulario .error input{
	border-color: red!important;
}
.contFormulario .error select{
	border-color: red!important;
}
.contFormulario .contInput input{
	font-family: Barlow-Reg, Arial, sans-serif;
	font-size: 16px;
	width: calc(100%);
	padding: 10px;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
}
.contFormulario .contInput select{
	font-family: Barlow-Reg, Arial, sans-serif;
	font-size: 16px;
	width: 100%;
	padding: 10px;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
}

.contFormulario .contInput.clave input:focus {
    border-color: #007a87;
}
.contInput select{
	appearance: none;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(33, 37, 41);
    background-color: rgb(255, 255, 255);
    background-image: url(../img/down.png);
    background-size: 16px 12px;
    appearance: none;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(206, 212, 218);
    border-image: initial;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.contInput option{
	background-color: #fff;
}
.contInput option:focus{
	background-color: #fff;
}
.contErrores .error{
	display: flex;
	align-items: normal;
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
	background: #FBEDED; 
	border: 1px solid #CA2020 !important;
	margin-top:10px;
	font-weight: normal;
}
.contErrores .error img, .contConfirmacion img, .contInfo img{
	width: 15px;
	margin-right: 10px;
	position: relative;
	/*top: 5px;*/
}

.contErroresForm .error{
	display: flex;
	align-items: center;
	font-size: 14px;
	border:1px solid red;
	padding: 10px;
	margin-top:10px;
	font-weight: normal;
	border-radius: 6px;
}
.contErroresForm .error img{
	width: 15px;
	margin-right: 10px;
}

.mensaje_error::before, .mensaje_errorError::before, .mensaje_errorFatal::before, .mensaje_errorInfo::before, .mensaje_errorWarn::before{
	content: url("../img/img_error.svg");
    display: inline-block;
    transform: scale(.3);
    width: 10px;
    height: 10px;
    margin-right: 15px;
}

.imgError{
	content : url("../img/img_error.svg");
}

.imgKB{
	content : url("../img/logo.svg");
    width: 140px;
}

.imgInfo{
	content : url("../img/img_informativo.svg");
}

.imgAfirmativo{
	content : url("../img/img_afirmativo.svg");
}

.imgAdvertencia{
	content : url("../img/img_advertencia.svg");
}

.imgAfirmativo, .imgInfo, .imgAdvertencia, .imgError	{
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 10px;
}

.contErrores .error img{
	content : url("../img/img_error.svg");
	height: 15px;
	width: 15px;
	padding: 10px;
}


.mensaje_error, .mensaje_errorError, .mensaje_errorFatal, .mensaje_errorInfo, .mensaje_errorWarn{
    display: flex;
    background: #FBEDED; 
    border: 1px solid #CA2020;
    font-size: 14px;
    padding: 10px;
    margin-top:10px;
    font-weight: normal;
    border-radius: 6px;
}
.messageInfo{
	font-size: 14px;
	margin-bottom: 10px;
}

.contConfirmacion{
	display: flex;
	align-items: normal;
	padding: 10px;
	border-radius: 5px;
	background: #F7F7F8; 
	border: 1px solid #777676;
}
.contAdvertencia{
	display: flex;
	align-items: normal;
	padding: 10px;
	border-radius: 5px;
	background: #FEF9F0; 
	border: 1px solid #F7AF3E;
	font-size: 14px;
}

.contInfo{
	display: flex;
	align-items: baseline;
	padding: 5px;
}

.pnlTitulares{
	margin-top: 5px;
					   
			  
}

.contGroupInput {
	margin-bottom: 15px;
}
.contFormulario .contGroupInput .contInput label,
form .contInput label {
	font-family: Barlow-Bol, Arial, sans-serif;
}

/*PIE MODAL*/
.txtPieModal{
	font-family: Barlow-Lig, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding:10px 0;
	background-color: #000;
}
.txtPieModal a{
	display: block;
	color: #fff;
	font-weight: 600;
}

/* BOTONES */
.scrollHidden{
	overflow: hidden;
}
.contBtnBienvenida{
	float: right;
}
.contBotones{
	margin-top: 15px;
}
.contBotones .texto{
	font-family: Barlow-Bol, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}
.btn{
	cursor: pointer;
	margin-bottom: 10px;
	border:2px solid #000;
}
.btn-link{
	font-family: Barlow-Bol, Arial, sans-serif;
	border:0;
	background-color: transparent;
	color: #007a87;
	padding: 0;
	margin: 0;
}
.btn-kutxa-negro{
	background-color: #000;
	border-color: #000;
	color: #fff;
	border-radius: 5px;
	padding: 5px 25px;
}
.btn-kutxa-negro:disabled{
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    color: #fff;
	cursor: initial;
}
.btn-kutxa-negro.disabled{
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    color: #fff;
	cursor: initial;
}
.btn-link-negro2 {
    font-family: Barlow-Med, Arial, sans-serif;
    border: 0;
    background-color: transparent;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.btn-kutxa-blanco{
	background-color: #fff;
	border-color: #000;
	color: #000;
	border-radius: 5px;
	padding: 5px 25px;
}
.btn-kutxa-rojo{
	background-color: #e30613;
	border-color: #e30613;
	color: #fff;
	border-radius: 5px;
	padding: 5px 25px;
}
.btn-kutxa-rojo:disabled{
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    color: #fff;
	cursor: initial;
}
.btn-xl{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-xs{
	padding: 10px 30px;
}
.btn-sm{
	padding: 10px 5px;
}
.btn-sl{
	padding: 5px 20px;
}
.btn-close{
	cursor: pointer;
}
.btn-negro{
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 0;
}
.btnInfo{
	border:0;
	background-color: transparent;
	cursor: pointer;
	vertical-align: middle;
}
.btnInfo img{
	width: 18px;
}		
					
/* BOTON CARGANDO */

.topConStatInactv {
    position: absolute;
    left: 0px;
    top: 0px;
    width:0px;
    height:0px;
    background-position: 0px 0px;
    background-repeat:  no-repeat;
    background-image:none;
}

.logo{
	 width: 150;
}


.iceOutConStatActv {
	position:relative;
}

.topConStatActv {
    /*position: absolute;
	left: 20px;
	top: 5px;*/
    /*background:url('/NASApp/BesaideNet2/web/images/cargando1.gif');*/
    background:url('../img/cargando1.gif'); /* ---> modificamos la url */
    /*background-position: 48% 48%;*/
	background-repeat:  no-repeat;
    width: 66px;
    height: 66px;
    overflow:visible;
    z-index:99999;
}

.topConStatCaution {
    position: absolute;
    left: 0px;
    top: 0px;
    /*background:url('/NASApp/BesaideNet2/web/images/connect_caution.gif');*/
    background-position: 0px 0px;
    background-repeat: repeat;
    width: 1px;
    height: 1px;
    overflow:visible;
}

.topConStatDisconnect {
    position: absolute;
    left: 0px;
    top: 0px ;
    /*background:url('/NASApp/BesaideNet2/web/images/connect_disconnected.gif');*/
    background-position: 0px 0px;
    background-repeat:  repeat;
    width: 1px;
    height: 1px;
    overflow:visible;
}

.topConStat{
   margin:0px;
   float:left;
   margin-top: 7px;
}

.iceOutConStat {
    width: 100px;
    height: 100px;
    border: none;
    font-size: .5em;
}

.detalle .selector {
    display: flex;
    justify-content: left;
    margin-top: 10px;
}

.detalle .selector .sinBonificar, .detalle .selector .bonificada{
	text-decoration: none;
	background-color: transparent;
    border: 0;
    font-size: 14px;
    font-family: Barlow-bOL, Arial, sans-serif;
    cursor: pointer;
    color: #ccc;
    text-align: left;
}

.detalle .selector .sinBonificar.active, .detalle .selector .bonificada.active {
	font-family: Barlow-Bol, Arial, sans-serif;
    color: #007a87;
}

.detalle .selector .sinBonificar {
    margin-right: 8px;
}

.detalle .selector .bonificada::before {
    padding-right: 8px;
    color: #6c757d;
    content: "|";
}
/* ACORDEON */
.listCertificados{
	display: grid;
	font-size: 14px;
    margin-bottom: 30px;
}

.accordion {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	padding: 18px 0;
/*	width: 100%; */
	border: none;
	text-align: left;
	outline: none;
	font-size: 14px;
	transition: 0.4s;
	font-family: Barlow-Bol, Arial, sans-serif;
}
  
.activo, .accordion:hover {
	background-color: #fff;
}
  
.accordion:after {
	content: url("../img/arrow_down.png");
	float: right;
	margin-left: 5px;
	margin-right: 10px;
}
  
.activo:after {
	content: url("../img/arrow_up.png");
}
  
.panel{
	background-color: white;
	display:none;
	padding: 0px 20px 10px 20px;
	font-size: 15px; 
}
.panel label{
	font-family: Barlow-Bol, Arial, sans-serif;
}
.panel.desplegar{
	display: block;
}

/*ANCHOS*/
.w15{width: 15%!important;}
.w20{width: 20%!important;}
.w24{width: 24%!important;}
.w25{width: 25%;}
.w50{width: 50%;}
.w60{width: 60%!important;}
.w75{width: 75%!important;}
.w100{width: 100%;}

/*MINIMO ANCHOS*/
.mw150{min-width: 150px;}

/*MARGENES*/
.mb-0{margin-bottom:0px!important;}
.mb-2{margin-bottom:2px;}
.mb-3{margin-bottom:3px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}

.mt-0{margin-top:0px!important;}
.mt-2{margin-top:2px;}
.mt-3{margin-top:3px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
					 
.mr-5 {margin-right: 5px;}

/*PADDING*/
.pb-0{padding-bottom:0px!important;}
.pb-2{padding-bottom:2px;}
.pb-3{padding-bottom:3px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}

.pt-0{padding-top:0px!important;}
.pt-2{padding-top:2px;}
.pt-3{padding-top:3px;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}

/*FONT SIZE*/
.font-esp{font-size: 13px!important;}
.font-12{font-size: 12px!important;}
.font-13{font-size: 13px!important;}
.font-14{font-size: 14px!important;}
.font-15{font-size: 15px!important;}
.font-16{font-size: 16px!important;}
/*BORDER*/
.bt-0{border-top:0px;}

/*ALING*/
							

.txt-center{text-align: center;}
					   
					   
					   
						 
						 
						 

			 
									 
									
									
									
									
									
		  
					  

		 
								
@media (min-width: 1400px) {
	.opcionesMenuBE {
		max-width: 1320px;
	}
}
@media (max-width: 900px){
	.containerMenu {
		padding-left: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.opcionesMenuBE{
		display: block;
		padding: 0;
		width: calc(100% - 30px);
	}
	.opcionesMenuBE .col{
		width: auto;
	}
	.opcionesMenuBE .secciones{
		margin-top:30px;
	}
	.opcionesMenuBE .secciones ul{
		margin-top: 0.5rem!important
	}
	.caminoMigas ul{
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 912px){
	.contFormulario p{font-size: 18px!important;}
	.contFormulario h3{font-size: 22px;}
	.contBotones .btn{font-size: 15px;}
	.txtPieModal{font-size: 17px;}
	.pie{font-size: 14px;}
}
@media (max-width: 768px){
	.opcionesMenuBE{display: block;}
}
@media (max-width: 576px){
	.caminoMigas ul, .lock{display: none;}
	.opcionesMenuBE .separadorAcciones{display: block!important;}
	.opcionesMenuBE .listadoPpal li, .opcionesMenuBE .listadoSecund li{padding-left: 0;}
}

@media (max-width: 414px){
	.contFormulario p{font-size: 18px!important;}
	.contFormulario h3{font-size: 22px;}
	.contBotones .btn{font-size: 15px;}
	.txtPieModal{font-size: 17px;}
	.pie{font-size: 14px;}
	.contenido{background: none;}
	.contGridPpal{display:flex;flex-direction:column;}
    .contFlexPpalSuperior{margin-top:90px; }
	.contPpal{margin-top:50px;min-height:calc(100vh - 174px);}
	.container{background: transparent;}
	.contFormulario{padding: 40px;max-width: 100%;}
	.contFormulario p{font-size: 15px;}
}
@media (max-width: 375px){
	.contFormulario p{font-size: 15px!important;}
	.contFormulario h3{font-size: 1.17rem;}
	.contBotones .btn{font-size: 13px;}
	.txtPieModal{font-size: 14px;}
	.pie{font-size: 12px;}
}
@media (width: 280px){
	.contFormulario p{font-size: 14px!important;}
}
@media (min-width: 1200px) {
	.opcionesMenuBE {
		max-width: 1140px;
	}
}
@media (max-width: 1199px) {
	.opcionesMenuBE {
		max-width: 960px;
	}
}

.iceInpTxt, .iceInpSecrt, .iceInpTxtArea {
    border: 1px solid #ABABAB;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
}
.iceInpTxt, .iceInpSecrt {
    font-family: Arial;
    color: #000000;
    padding: 2px;
}
.totalBonificacion{
    width: 100%;
}
/******************************************boton redcondeado negro*****************************************************/
.boton_redondeado {
	font-family: Arial;
	color: white;
	font-weight: bold;
	font-size: 12px;
	border: none;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: black;
	top: 0px;
	white-space: nowrap;
	cursor:pointer;
}

.contenedor_boton_redondeado {
	background-color: transparent;
}

.contenedor_boton_redondeado .btnNO {
	width: 4px;
	height: 4px;
	background: url("../img/esq_sup_izq_peq.gif") no-repeat transparent;
}

.contenedor_boton_redondeado .btnN {
	padding-top: 4px;
	background-color: black;
}

.contenedor_boton_redondeado .btnNE {
	width: 4px;
	height: 4px;
	background: url("../img/esq_sup_dcha_peq.gif") no-repeat transparent;
}

.contenedor_boton_redondeado .btnO {
	background-color: black;
	padding-left: 4px;
}

.contenedor_boton_redondeado .btnC {
	background-color: black;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;
}

.contenedor_boton_redondeado .btnE {
	background-color: black;
	padding-right: 4px;
}

.contenedor_boton_redondeado .btnSO {
	width: 4px;
	height: 4px;
	background: url('../img/esq_inf_izq_peq.gif') no-repeat transparent;
}

.contenedor_boton_redondeado .btnS {
	padding-bottom: 4px;
	background-color: black;
}

.contenedor_boton_redondeado .btnSE {
	width: 4px;
	height: 4px;
	background: url('../img/esq_inf_dcha_peq.gif') no-repeat transparent;	
}


.pasosASeguir{
	display: flex;
    overflow: auto;
}
@media (max-width: 750px){
	.pasosASeguir{
		display: block;
		position: relative;
  		overflow: hidden;
 		width: 100%;
	}
}
div.image-overlay-line, div.image-overlay-block{
	pointer-events: initial!important;
}
.errorPopup{
	Z-INDEX: 1000; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	/*BACKGROUND: #f5f5f5;*/
	PADDING-TOP: 0px;
	width:600px;
	min-height:45px;
	/*border-color: green;
    border-style: solid;
    border-width:2px;*/
}

.errorPopup TABLE{
	width:100%;
	height:100%;
}
.errorPopupBody{
	padding:0px;;
}
.panelErrorPopUp{
    width:100%;
    background-color:white;
}
.textoPopUpErrorTitulo{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
.textoPopUpError{
	font-family: Arial;
	font-size: 12px;
}
#container{
	height:100%;
}
.circulo-avisos-btn{
	font-family: Barlow-Med;
	font-weight: 700; 
	line-height: 19.2px; 
	text-align: left; 
	color: #FFFFFF;
	position: absolute;
    top: -10px;
    right: 110px;
    background-color: red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.circulo-avisos-btn:empty{
	display: none;
}

.tramite_icono_tipo{
	width: 15px;
	padding-left: 7px;
} 

.tramite_icono_tipo_1{
	content : url("../img/icono_add.svg");
}
.tramite_icono_tipo_2{
	content : url("../img/icono_ojo.svg");
}
.tramite_icono_tipo_3{
	content : url("../img/icono_label.svg");
}
.tramite_icono_tipo_4{
	content : url("../img/icono_maleta.svg");
}
.tramite_icono_tipo_5{
	content : url("../img/icono_pluma.svg");
}
.link_tramite{
	font-family: Barlow-Reg, Arial, sans-serif; 
	font-size: 12.5px;
	text-decoration: none;
	color: rgba(0,0,0,0.55);
}
.link_tramite img{
	width:15px;
	padding-right: 5px;
}
.contFirmaPasos{
	margin-top:10px;
	background-color: #f8f8f8;
}
.pasoFirmas{
	margin-bottom:15px;
	background-color: #FFFFFF;
	padding: 10px;
}
.pasoFirmas_firmado{
	background: #EDFAF7; 
}
.contFirmas .contFirmaPasos .pasoFirmas .pasoCabecera{
    display: flex;
    flex-direction: row;
}
.contFirmas .contFirmaPasos .pasoFirmas .pasoCabecera img{
 	width:20px;
 	height:20px;
 	margin: 5px;
}
.contFirmas .contFirmaPasos .pasoFirmas .pasoCabecera .titulo{
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin: 5px 0;
}
.colIcon{
	width: 3%;
}
.colDesp{
	width: 87%;
}
.colAcci{
	width: 10%;
}
.tablaTramite{
	width: 100%;
	border-bottom: 1px solid #EEEEEE;
}
.filaTramite{
	height:40px;
}
.pasoFirmas .icePnlSrs table:last-child{
	border-bottom:none;
}