/********** WIDGETS ANCHOS ***************/
.DEUDA.widget .widget-area, 
.MULTAS.widget .widget-area,
.OTRIB.widget .widget-area,
.BUZONDOC.widget .widget-area,
.LISTALIQ.widget .widget-area,
.CSVT.widget .widget-area,
.EXPEDIENTES_FULL.widget .widget-area,
.NOTIF.widget .widget-area,
#NAV_BANNERHOME ,
.EMBARGOS_DEUDOR.widget .widget-area,
.ACCESO_DEUDA.widget .widget-area
{ max-width: 100rem;}


/************* WIDGET HTML ************************/

.componenteHTML
{
    display: flex;
    flex-flow: column;
}
.componenteHTML img {
	object-fit: contain;
}
.HTML.widget {

}
/************* WIDGET DEUDA **********************/

/*.recibos */
.tablaLista tr.onCesta {
    opacity: 0.4;
}

/*.TOOLTIP INFO */

.calcularImp-wrap span.ajax-loader
{
  margin: -0.5em 1em  
}

.importes-detallados {
	line-height: 12px;
	margin: 8px auto;

}

.importes-detallados.seccion {
	line-height: inherit;
	margin: 15px;
}

.importes-detallados td {
	padding: 4px 16px 4px 8px;
}

.importes-detallados td.label {
	background-color: #F5F5F5;
}

.importes-detallados td.value {
	text-align: right;
}

.importes-detallados tr:last-child td {
	border-top: 1px solid gray;
	font-size: 110%;
	font-weight: bold;
	padding: 8px 16px 12px 8px;
}

.calcularImp-wrap {
    margin: 20px 0;
    min-width: 270px;
}



/************* WIDGET MULTAS **********************/
.importe-multa {
	margin-right: 1em;
}

.linea-importes-multa {
	display: flex;
	justify-content: flex-end;
	font-size: 1.0em;
	align-items: baseline;
}

.precio-inicial {
	text-decoration: line-through from-font;
	color: #8a8a8a;
}

.precio-actual {
	margin-left: 0.4em;
	min-width: 4em;
	text-align: right;
	font-size: 1.313em;
	color: #7e7b7b;
	font-weight: bold;
	margin-top: 0.2em;
}
.precio-actual.con-descuento {
	color: #bf0019;
}

.fecha-descuento {
	font-size: 0.813em;
	text-align: right;
	line-height: 1.2em;
	margin-top: 0.2em;
}
.fecha-descuento.valida {
	color: green;
	font-weight: bold;
}
.fecha-descuento.caducada {
	color: #8a8a8a;
}

.fecha-descuento.no-notificada {
	color:  #229954;
}

/************* WIDGET OTRIBS **********************/
	/********* SELECTOR CALFISCAL *******/

.numReferencia {
	white-space: nowrap;
}

.entity-selector
{
	margin-bottom: 10px;
	padding: 8px 0 15px;
}
.entity-selector > * {margin-right: 20px;}


/* Se pone un padding a la columna  por la izquierda para dar espacio al boton quitar domi. */
.tablaLista tr td.HTML_CUENTADOM {
	padding-left: 20px;
	width: 270px;
}

.otrib-periodosPlazos {
	border-bottom: 0px dotted silver;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

table.dataTable .otrib-periodosPlazos tr {
    background-color: transparent;
}

.otrib-periodosPlazos tr td {
	font-size: 1em;
	padding: 0;
}

.valorAtributo .otrib-periodosPlazos tr td {
	font-size: inherit;
}

.tablaLista .otrib-periodosPlazos tr td.tipo {
	padding-left: 10px;
	width: 115px;
}

.valorAtributo .otrib-periodosPlazos tr td.tipo {
	width: 110px;
}
.tablaLista .otrib-periodosPlazos tbody tr td {
    border-top: 0 solid;
}
.otrib-periodosPlazos.single {
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.calendar-alter {
	display: none;
}

.DOMICILIAR_OT .calendar-alter,
.DESDOMICILIAR_OT .calendar-alter,
tr.isSelected .accion-domi.calendar-alter,
tr.selected .accion-domi.calendar-alter,
tr.onCesta .accion-domi.calendar-alter,
tr.onCesta .accion-desdom.calendar-alter,
.ui-tooltip .calendar-alter
{
	display: block;
}

div.accion-alternativa {
	margin: 2px 0 5px;
	text-align: center;
}

.accion-alternativa span,.accion-complementaria span {
	color: dodgerblue;
}

tr.onCesta .accion-alternativa span,tr.onCesta .accion-complementaria span
	{
	color: #888888;
}

.ui-tooltip .accion-alternativa span.accion {
	background: url("/skin/img/webapps/components/down3.png") no-repeat
		scroll 0 0 transparent;
	padding-left: 20px;
}

.accion-alternativa span.accion {
	background: url("/skin/img/webapps/components/down3.png") no-repeat
		scroll 0 0 transparent;
	padding-left: 20px;
}

tr.onCesta .accion-alternativa span.accion {
	background: url("/skin/img/webapps/components/down4.png") no-repeat
		scroll 0 0 transparent;
}

.accion-complementaria {
	display: none;
	margin: 5px 10px 0;
}

.accion-complementaria span.accion {
	background: url("../../skin/img/webapps/components/right3.png")
		no-repeat scroll 0 -1px transparent;
	padding-left: 18px;
}

tr.onCesta .accion-complementaria span.accion {
	background: url("../../skin/img/webapps/components/right4.png")
		no-repeat scroll 0 -1px transparent;
}

tr.isSelected .accion-complementaria,
tr.selected .accion-complementaria,
tr.onCesta .accion-cambiar.accion-complementaria
{
	display: block;
}

span.pendiente-cesta {
	display: none;
	color: firebrick !important;
}

.pendiente-cesta.boton-quitar {
	background: url("/skin/img/webapps/components/icon-sprites.png")
		no-repeat scroll -36px -2px transparent;
	width: 15px;
	cursor: pointer;
}

tr:hover .pendiente-cesta.boton-quitar {
	background: url("/skin/img/webapps/components/icon-sprites.png")
		no-repeat scroll -18px -2px transparent;
}

span:hover.pendiente-cesta.boton-quitar {
	background: url("/skin/img/webapps/components/icon-sprites.png")
		no-repeat scroll 0px -2px transparent;
}

tr.onCesta .pendiente-cesta {
	display: inline-block;
}

.new-calendar {
	border: 1px dashed dodgerblue;
	padding: 5px;
    font-size: 0.8em;
    opacity: 0.7;	
}

tr.onCesta .new-calendar {
	border: 1px dashed #888888;
	padding: 5px;
}

.calendar-alter .otrib-periodosPlazos {
	width: 100%;
}

.item-dom-button {
	float: left;
    margin-left: -4px;
    	
/*	margin: -2px 6px 0 -21px; */
}

.item-domiciliado {
	
}
.item-dom-button + .titulo.item-domiciliado
{
	margin-left: 20px; 
}



.item-no-domiciliado {
    color: darkred;
    padding: 0.4em 1em;
}


.tablaLista  .Icon.DesDom {
	background: url("/skin/img/webapps/components/icon-sprites.png")
		no-repeat scroll -34px -18px transparent;
}

.tablaLista tr:hover  .Icon.DesDom {
	background: url("/skin/img/webapps/components/icon-sprites.png")
		no-repeat scroll -16px -18px transparent;
}

.tablaLista span:hover.Icon.DesDom {
	background: url("/skin/img/webapps/components/icon-sprites.png")
		no-repeat scroll 2px -18px transparent;
}

.tablaLista tr.onCesta .Icon.DesDom {
	display: none;
}





table.dataTable .accion svg.icon {
    height: 0.8em;
    margin: 0 0.5em 0 0;
    width: 0.8em;
}

.otribs .tablaLista .Icon {
	display: block;
	height: 17px;
	width: 17px;
	cursor: pointer;
}





/************* WIDGET SPT ************************/
.box.tributo {
    /*max-width: 35em;*/
}

.box.tributo .field-body .ui-in {
	 /* max-width: 10em;  */
	}

.connectingPlatform {
    font-size: 1.2em;
    padding: 1em;
}
.connectingPlatform > * {
    margin-bottom: 2em;
    margin-top: 2em;
}
.lista-justificantes li
{
	list-style: none;
}



/************* CONTACTO ************************/
/*
.CONTACTO.widget
{
	 max-width: 65rem;
}

#contacto.box {
    max-width: 40em;
}
*/

/************* VALDOCS ************************/

.field label[for="codigo"] {
    min-width: 15em;
}

/************* INFRACTOR ************************/

.INFRACTOR section .entry-label { flex-basis: 16em; }
.INFRACTOR section .entry-value { flex-basis: 90%; }

/************* CALFISCAL ********************/

.calendar-wrapper {
	/* box-shadow: 1px 1px 8px #d7d7d7; */
	box-sizing: border-box;
	overflow-x: auto;
	padding: 0em 0 0 0;
	margin: 1em 0;
}

/************* CSVT ********************/

/*
.CSVT .seccion.data-view .entry-label,
.CSVT .seccion .section-entry.data-view .entry-label {
    flex-basis: calc(100% * 2 / 5);
}
/*.CSVT .box { max-width: 50em;}*/

/************* EXPEDIENTES ********************/


div.ovt_contenido .docs-pendientes-aportar-expediente > li {
	list-style-type: decimal;
}

/************* EMBARGOS ********************/

.formulario-embargo .field > label 
{
	min-width: 33%;
}
/*
.formulario-embargo .seccion.data-view .entry-label { flex-basis: calc(100% * 1 / 3);}
.formulario-embargo .seccion.data-view .entry-value { flex-basis: calc(100% * 2 / 3)}
*/
#importe-embargo
{
    /*background-color: #ddd;*/	
    border-radius: 5px;
    margin-top: 1.5em;   
    box-sizing: border-box;   
    padding-left: 0.5em;
}
#div_ajustar_importe, #div_ajustar_importe input:not(.invalidMessage)
{
	color: #1a7cdb;
	border-color: #1a7cdb;
}
#div_ajustar_importe input:not(.invalidMessage) {
	font-size: 1.071rem;
	font-weight: bold;
}

#importe-embargo-ajustado
{
	background-color: #c0e3ff;
	border-radius: 5px;
	padding: 8px;
	margin-left: 3em;
	width: auto;
	font-weight: bold;	
}
#div_diferencial
{
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 3em;
	width: auto;
}


.formulario-embargo .calculated-value {}
#importe-embargo-valor { }

#embargos-resumen {
    margin: 1.5em 0 1em;
    min-height: 3em;
}

.descargar-documento
{
	padding: 3em;
}
#boton-ver-carta-pago {
    display: flex;
}

/*OPCIONES de EMBARGOS: */

.embargo-opcion:not(.inactivo) {
	border-top-width: 9px;
	border-top-style: solid;
}
.embargo-opcion:not(.inactivo).estado-0,
.embargo-opcion:not(.inactivo).estado-2 { border-top-color: #2c66a4; }
.embargo-opcion:not(.inactivo).estado-1 { border-top-color: orange; }
.embargo-opcion:not(.inactivo).estado-3 { border-top-color: firebrick; }

.embargo-opcion .estado .valor.no_comunicado { color:#2c66a4; }
.embargo-opcion .estado .valor.entramite { color: orange; }
.embargo-opcion .estado .valor.recibida { color: #008000ad; }
.embargo-opcion .estado .valor.no-aceptada { color: firebrick; }
.embargo-opcion.opcion2 .texto-descriptivo{ padding: 0 1em;  }


.embargo-opcion .estado .etiqueta {
	margin-right: 0.3em;
}
.embargo-opcion .estado .valor {
	font-size: 1.188em;
	white-space: nowrap;
}

.embargo-opcion-body {
    display: flex;
    justify-content: space-between;
    padding: 1em 1em 1.5em 1em;
	align-items: center;
	flex-direction: column;
}
.embargo-opcion-mostrar {
    order: 1;
	padding: 1em 1em 1em 2em;
	text-align: center;
}

.embargo-opcion-main-body
{
	display: flex;
	flex-direction: column;
}

.contestacion-recibida{
	display: flex;
	align-items: center;
}
.embargo-opcion-main-body .icon {
    max-width: 2em;
    max-height: 2em;
    margin: 0em 1em;
}

.contestacion-en-tramite{
    background: transparent url("/skin/img/webapps/icons/warning16.png") no-repeat scroll left 2px;
    margin: 1em;
    padding-left: 2em;
    color:    #888;
    font-size: 1.2em;
}

.contestacion-no-aceptada {
    color: firebrick;
    background-color: #ffc0cb52;
    border-radius: 0.6em;
    padding: 1em 2em;
    margin: 0.5em 1em 1em 1em;
}

.contestacion-no-aceptada .texto {
	font-size: 1.063em;
	font-weight: bold;
    display: flex;
    align-items: center;
}
.contestacion-no-aceptada .motivo {
    padding: 0.8em 1em 1em 1em;
    margin: 1em 0em 0em;
    border-top: 1px solid indianred;
    opacity: 0.8;
}

@media screen and (min-width: 500px) {
	.embargo-opcion-main-body {
		padding-right: 1em;
	}
	.embargo-opcion-body{
		flex-direction: row;
	}
	.embargo-opcion:not(.opcion2):not(.estado-0) .embargo-opcion-main-body {
		border-right: 1px dotted #ccc;
		flex-grow: 1;
	}
	.embargo-opcion-main-body > a {
		margin: 1em auto 1em 1em;
	}	

	.embargo-opcion .estado {
		display: flex;
		flex-flow: row wrap;
		align-items: baseline;
	}
}
@media screen and (max-width: 560px) {
	.frame-head {
		flex-direction: column;
	}
	.embargo-opcion .estado {
		margin-top: 0.5em;
		border-top: 1px dotted gray;
		padding: 0.4em 0 0 0em;
		margin-left: 2.5em;
	}
}

/* CONTESTACION / COMUNICACION */

@media screen and (min-width: 800px) {
	.consulta-contestacion {
		margin: 2em 6em;
		box-sizing: border-box;
		border: 1px solid silver;
		padding: 0em 2em 2em 3em;
		box-shadow: 2px 2px 6px  silver;
	}
}



#situacion-laboral{
	padding: 1em 0;	
}
#situacion-laboral > div {
    margin: 1em 0em 2em 0em;
    display: flex;
    flex-flow: row wrap;
}
.radio-box-list-option > label {
    /*pendiente de corrección : deveria ser un div toda la linea y no tener que jugar con el flex-basis para que ocupe toda la fila*/
    flex-basis: calc(100% - 4em);
    margin-left: 1em;
}

#situacion-laboral label.radio {
    opacity: 0.8;
}

#situacion-laboral [type="radio"]:checked ~ label {
    font-weight: bold;
}

.sitaucion-detalle {
	padding-left: 2em;
}



#fechas-previstas {
    margin: 1em 0;
}

.contestacion-fecha-importe {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    max-width: 24rem;
}

#situacion-laboral .contestacion-fecha-importe {
    max-width: 30rem;
}

.contestacion-fecha-importe.linea {
    padding: 0.2em 0;
}

.contestacion-fecha-importe .columna-fecha {
    width: 10em;    
}


.consulta-contestacion #fechas-previstas {
    margin: 1em 1em;
}

.consulta-contestacion .contestacion-fecha-importe.linea {
    margin: 0.2em 0;
    font-size: 1.4em;
}
.contestacion-fecha-importe.header {
    opacity: 0.7;
}
#situacion-laboral .contestacion-fecha-importe.header .columna-importe {
    margin-right: 2em;
}



.contestacion-fecha-importe .columna-importe {
    max-width: 14em;
	text-align: right;
	margin-left: auto;
	margin-right: 2em;
}
.contestacion-fecha-importe .columna-importe .ui-in {
    justify-content: flex-end;
}

.cancel-dupla {
    width: 2em;
    text-align: center;
    visibility: hidden;
    cursor: pointer;
	color: silver;
	position: absolute;
	padding-top: 0.5em;
}
.borrable .cancel-dupla {
    visibility: visible;
}
.cancel-dupla:hover {
    color: firebrick;
}
.cancel-dupla .icon {
    width: 1.2em;
    height: 1.2em;
}


#añadir-fecha-importe {
    margin: 1em 0em 0em -0.5em;
}



@media screen and (min-width: 600px) {
	
	.consulta-contestacion,
	.formulario-contestacion {
		margin: 0em 1em 3em;
	}

	#situacion-laboral{
		padding: 1em;	
	}
	.sitaucion-detalle {
		flex-basis: 100%;
		margin-left: 2em;
		padding: 1em;
	}

	#fechas-previstas {
		margin: 1em 3em;
	}

	#fechas-prevalentes
	{
		padding-left: 2em;
	}
}















/****************** en pantalla ancha ****************************************/
@media screen and (min-width: 500px) {

	.importes-embargo .seccion.data-view .entry-label { flex-basis: 100%; max-width: 18em;}
	.importes-embargo .seccion.data-view .entry-value { flex-basis: 8em; text-align: right;}

	.formulario-embargo .res-form { max-width: 45em; }
	.formulario-embargo .field { justify-content: space-between }
	.formulario-embargo .res-form .field > label
	{
		flex: 1 1 auto	;
		max-width: inherit;
		min-width: inherit;
	}
	.formulario-embargo .field-body { flex: 0 1 auto; }

	.formulario-embargo .res-form.unified .field:not(.autosize) .field-body .ui-in,
	.formulario-embargo .res-form.unified .field:not(.autosize) .calculated-value
	{
	    width: 10em;
	}

	.formulario-embargo .res-form.unified .field:not(.autosize) .field-body .ui-in > *:not(.extra),
	.formulario-embargo .invalidMessage
	{
	    text-align: right;
	}
	 
	/* alineamiento a la derecha */
	.formulario-embargo .field-body 
	{
	    align-items: flex-end;
	    display: flex;
	    flex-flow: column nowrap;
	}	
}



/************* TALON ************************/
ul.tablon-anuncios {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
}
.tablon-anuncios > li {
    flex: 0 0 0px;
    list-style: outside none none;
    margin: 1em;
    min-width: 18em;
    padding: 1em;    
}
.tablon-anuncios a {
	text-decoration: none;
	display: flex;
	/*align-items: center;*/

}
.tablon-item-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em;   
	color: #666;	
}

.tablon-anuncios .icon,
.tablon-anuncios img,
.tablon-anuncios svg
 {
    height: 5em;
    width: 5em;
    margin-right: 1em;
    flex: 0 0 auto;

    /*color: #ccc;*/
}
.tablon-anuncios img{
	object-fit: contain;
	background-color: whitesmoke;
}



/* EFECTO HOVER */
.tablon-anuncios > li {
    transition:border-color 0.15s ease  0s;
    position: relative;
}
.tablon-anuncios > li::before {
	background-color: black;
	border-radius: 5px;
	bottom: 0;
	content: "";
	height: 0%;
	left: 0;
	opacity: 0.05;
	position: absolute;
	transition: all 0.15s ease 0s;
	width: 100%;
	z-index: -1;
}
.tablon-anuncios > li:hover::before
{
    height: 100%
}

@media screen and (max-width: 400px) {
	ul.tablon-anuncios {justify-content: center;}
	.tablon-anuncios > li {
	    margin: 1em auto;
	    padding: 1em;   	
	}
}

/************* CATSERV ************************/
#descripcion-tramite
{
	margin: 3em 1em;
}
.CATSERV h3 + dl {
	margin: 3em 0;
}
.CATSERV .entry-value table {
	border: 1px solid silver;
	table-layout: auto;
} 
.CATSERV.widget:not(.NAVEGACION) .entry-value h4 {
	
} 
.CATSERV.widget:not(.NAVEGACION) h4 {
	border-bottom: 0;
	color: currentColor;
	font-size: 1.1875em;
	/* text-decoration: underline; */
	font-weight: bold;
	opacity: .8;
}
.CATSERV h5:not(.ui-accordion-header) {
	font-size: 1em;
	color: currentColor;
	text-decoration: unset;
	font-weight: normal;
	margin: 0 0 10px 0;
	/* font-weight: 501; */
	text-decoration: none;
	opacity: 1;
	line-height: 1.3em;
}
.CATSERV .documents-description > ul > li > :not(h5) {
	line-height: 1.3em;
	font-size: 0.9375em;
	margin: -5px 0em 1.4em 0em;
	/* font-weight: lighter; */
	opacity: 0.6;
}
.CATSERV .documents-description > ul > li > :not(h5) > p {
	margin: 0;
}
/**/
.CATSERV .documents-node > dt
{
	border-bottom: 0;
	color: currentColor;
	font-size: 1em;
	/* text-decoration: underline; */
	font-weight: bold;
	opacity: .8;
	float:	none;
	
	margin: 0px 8px 10px;
}

.CATSERV dd.sub-definition > .documents-node > dt {
	font-size: 0.9375em;
	display: list-item;
	margin: -5px 12px 5px;
	/* font-weight: bold; */
}

.CATSERV .sub-definition > dl > dd
{
	margin: 5px 5px 5px 12px;
	opacity: 0.8
	
}

.CATSERV .document-list > dt
{
	float:	none;
    display: list-item;
    list-style-type: disc;
    
	line-height: 1.3em;
	font-size: 0.875em;
	opacity: 0.7;
	margin: 5px 0em 10px 1em;    	
}

.CATSERV .document-description
{

    	
	line-height: 1.3em;
	font-size: 0.835em;
	margin: -5px 0em 10px 1em;
	/* font-weight: lighter; */
	opacity: 0.6;
}

.CATSERV .document-description
{
	white-space: preserve-breaks;
	
}

/************* LOGIN ************************/

.loginPage
{
	display: flex;
	justify-content: center;
	/* Comentado porque da problemas con altos pequeños ya que al centrar se corta la parte de arriba
		 al tener fijado el alto del elemento con 100vh
	height: 100vh;
	align-items: center;	
	*/
}
.loginPage .ovt_panel.widget-area
{
    margin: 4em;
    max-width: 65em;
	text-align: center;
}

.logins-description > li {
    margin: 2em 1em;
}


ul.login-types {
	/* align-items: center; */
	display: flex;
	/* flex-flow: nowrap; */
	justify-content: space-around; 
	padding: 0;
}
.login-types li {
	list-style-type: none;
}

.login-types > li {
	margin: 0.5em;

}

.login-types li a {
	display: flex;
	font-size: 1.4em;
	border-radius: 10px;
	border: 1px solid transparent;
	/* padding: 0.5em; */
	flex-flow: column nowrap;
	align-items: center;
	height: 100%;
}

.login-types li a:hover
{
    border-color: silver;
    box-shadow: 1px 1px 10px silver;
}

.login-types li a .imagen {
	display: flex;
	/* flex-grow: 1; */
	justify-content: center;
	margin: 0.5em;
	min-width: 5em;
	align-items: center;
	height: 100%;
}
.login-types li a .imagen > * {
	max-width: 8em;
	max-height: 4em;
}
.login-types li a .enlace {
	align-self: center;
	display: flex;
	flex: 0 1 auto;
	flex-flow: column nowrap;
	padding: 0.5em 1em 1em 1em;
}
.login-types a  .enlace span {
    display: block;
    text-align: center;
}
.login-types ul {
    display: flex;
    padding: 0;
    align-items: center;
	order: -1;
}

.login-types ul li {
    margin: 0em 0.8em 1em;
}

.login-types ul li img {
    max-height: 2em;
    max-width: 4em;
}



/*********** @media screen *******************/
@media screen and (max-width: 700px) {
	.loginPage .ovt_panel.widget-area { margin: 1em; }
}
@media screen and (max-width: 600px) {
	/*.login-types li a .imagen {display: none;}*/
	ul.login-types {
		flex-flow: column nowrap;
	}


}
@media screen and (max-width: 500px) {
	.login-types ul { display: none; }
}




/* INTAREAS *******************************************/

.intareas {
	border-spacing: 0em 0.2em;
	margin: 0.5em 0em;	
}

.intareas .col-decripcion {
	text-align: left;    
}

.intareas .col-SMS,
.intareas .col-email
{
	text-align: center;
	padding: 0.4em 1em;
}
.intareas tr td {
    background-color: #EEE;
}

#intareas-status
{
	height: 2.5em;
	border: 1px solid transparent; /* necesario para que mantenga siempre el alto aunque tenga elementos flex dentro.*/
}
#intareas-status > div
{
	color: #999;
	clear:	both;
}
#intareas-guardado {
	display: flex;
	align-items: center;
	margin-top: -.4em;		
}
#intareas-guardado .icon{
	width: 3em;
	height: 2em;
}


/*********** @media screen *******************/
@media screen and (min-width: 400px) {
	.intareas {	font-size: 1.1em;}
	.intareas .col-decripcion {
    	padding-right: 5em;
    	padding-left: 1em;
    }

}
@media screen and (min-width: 1024px) {
	.intareas {	font-size: 1.2em;}
}
@media screen and (max-width: 500px) {
	table.intareas {width: 100%;}

}





#intareas-modificado {
   /* background: transparent url("/skin/img/webapps/list/infoInactive.png") no-repeat scroll 6px 3px;
    padding-left: 3em;
    margin-left: 4px;
    */
}


/*
#link-clave {
	background: url("../../img/webapps/clave.png") no-repeat scroll 0 center
		transparent;
}

#link-certificado {
	background: url("../../img/webapps/certificado.png") no-repeat scroll 45px
		center transparent;
}
#link-valid {
	background: url("../../img/webapps/valid-mini.png") no-repeat scroll 13px
		center transparent;
}
*/

/* ANOTACIONES *******************************************/
.anotacion .icon {
	max-width: 1.5em;
    max-height: 1.5em;
}

.anotacion.entrada { color: red; }
.anotacion.salida { color: green; }



/* CATALOGO *******************************************/

ul.catalogo-links {
    list-style: none;
    padding-left: 0;
    margin: 2em;
}

li.catalogo-link 
{
    margin: 1em 0;
    margin: 1em 0;
    display: flex;
    border: 1px solid #ddd;
	flex-flow: column;
}

.catalogo-type {
    background-color: whitesmoke;
	padding: 0.6em 1em;
	font-size: 1.125em;
    display: flex;
    align-items: center;
}

.catalogo-link .icon {
    height: 1.5em;
    width: 1.5em;
    margin-right: 1em;
}
.acceso-tramites {
    padding: .5em .5rem .5rem 3em;
    border-top: 1px solid #ddd;
}

ul.catalogo-accesos {
	padding: 0;
	margin: -0.5em 0 0 0;
	max-width: 35em;    
}
.catalogo-accesos li {
    list-style: none;
    margin: 1em 0em;
}

.catalogo-accesos .acceso-mark {
    display: flex;
    align-items: center;
    height: 3em;
    background-repeat: no-repeat;
	background-position: left center;      
}


.acceso-title {
    /*line-height: 3em;  */
    position: relative;
    /*font-size: 1.2em;*/
    font-weight: bold;
	padding: 0em 2em 0 7.5em;
	cursor: pointer;

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;   	
}

.expandable .acceso-title
{
	/*border-bottom: 1px solid silver;*/
}

.acceso-title.acceso-mark::before {
    background-color: #f0f0f0;
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
    opacity: 0;

	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;    
}
.acceso-title.acceso-mark:hover::before {
	opacity: 1;
}

li.activo .acceso-title
{
	background-color: #DDD;
}

.expandable .acceso-title::after
{
	font-size: 1.4em;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	content: "+";
}

li.activo .acceso-title::after {
  transform: rotate(315deg);
}

.catalogo-accesos .acceso-mark .icon { display: none;}

.catalogo-accesos .acceso-mark {
  
}
.catalogo-accesos .acceso-mark.user { background-image: url('/skin/img/anonymous.png');  background-position: 1.2em center;}
.catalogo-accesos .acceso-mark.lock { background-image: url('/skin/img/candado.png');  background-position: 1.2em center;}
.catalogo-accesos .acceso-mark.certificate { background-image: url('/skin/img/icono_certificado.png');  background-position: 1.2em center;}
.catalogo-accesos .acceso-mark.autofirma { background-image: url('/skin/img/icono_autofirma.png');  }
.catalogo-accesos .acceso-mark.clave { background-image: url('/skin/img/webapps/clave-micro.png');  }
.catalogo-accesos .acceso-mark.valid { background-image: url('/skin/img/webapps/valid-micro.png');  }
.catalogo-accesos .acceso-mark.bak { background-image: url('/skin/img/webapps/bak-micro.png');  }
.catalogo-accesos .acceso-mark.shi { background-image: url('/skin/img/webapps/shibboleth-micro.png');  }


.acceso-content
{
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s;
	-o-transition: max-height .4s;
	transition: max-height .4s;	
}

li.activo .acceso-content 
{
	max-height: 100vh;
}

.catalogo-accesos .sub-form {
	border-top:    1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1em;
	background-color: #F8F8F8;
}

@media screen and (max-width: 500px) {
	.acceso-tramites { padding: 1em;}
}


/* LIQUIDACIONES LIQSEC *******************************************/
/*************************************************************/

.content2Modal .persona-fisica,
.content2Modal .persona-juridica
{
	min-height: 20em;
}

/* IPSI GT *******************************************/
/*************************************************************/

#importe-totalR {
  font-size: 1.6em;
  border: none;
  text-align: right;
}

.liqsec-ipsi-tabla-total .field > label {
    max-width: 30em;
    min-width: 26em;
}

/* AUTOLIQS GT *******************************************/
/*************************************************************/
.GTLIQS div.ovt_contenido li,
.GT2LIQS div.ovt_contenido li {

}



/* PARAMETRICAS GT *******************************************/
/*************************************************************/
#conceptos-area {
	margin: 1em 0;
}

ul.liqsec-param-conceptos
{
	padding: 0.4em 0 0;
}


.liqsec-param-conceptos li {
    list-style: none outside none;
}

.liqsec-param-concepto-title {
    color: gray;
    font-weight: bold;
	font-size: 1.143em;    
	border-bottom: 2px solid transparent;
}

.liqsec-param-concepto-title span {
	text-transform: lowercase;
	display: inline-block;
}
.liqsec-param-concepto-title span::first-letter {
  text-transform: capitalize;
}

.liqsec-param-concepto-title.no-transform-title span,
.liqsec-param-concepto-title.no-transform-title span::first-letter
{
	text-transform: initial;
}

.liqsec-param-concepto-title.seleccionado
{
	border-color: currentColor;
	transition: all .5s ease-in;

}
.special-checkbox .liqsec-param-concepto-title 
 [type="checkbox"] + label{
    padding-left: 2.00em;
    font-size: 0.8em;
    top: -0.2em;
}


.liqsec-param-concepto-content{
	padding: 1em 0;
}


.more-concepts {
	margin: .5em 0 1.5em;
	display: inline-block;
}
.more-concepts span {
	cursor: pointer;
	font-size: 1em;
	color: gray;
	display: flex;
	flex-flow: row;
	align-items: center;
	transition: all .2s ease;
}
.more-concepts span:hover {
    /*text-decoration: underline;*/
    color: #00B7F3;
}

.more-concepts span:before {
  content: '+';
  height: 1em;
  width: 1em;
  font-size: 2.4em;
  border-radius: 1em;
  background-color: #ccc;
  color: white;
  text-align: center;
  line-height: 1em;
  margin: 0 0.4em;
}
.more-concepts span:hover:before {
   
    background-color: #00B7F3;
}

.info-debug-calcul {
	font-size: 0.7em;
	margin-left: 1em;
	opacity: 0.6;
}


.liqsec-param-concepto-edit + .liqsec-param-concepto-edit {
    /*border-top: 1px dotted silver;*/
}
.liqsec-param-concepto-edit {
    
	background-color: whitesmoke;
    padding: 0 0.8em;
    position: relative;
	margin: 1em auto;
	box-shadow: 2px 3px 5px #DDD;
}

.liqsec-param-concepto-form.res-form.vertical {
	margin: 0;
	padding: 1em 0em 1em;
}

.liqsec-param-concepto-form {
	display: flex;
	flex-flow: column;

}
.liqsec-param-concepto-form-box:not(:first-child) {
	/*border: 1px solid lightblue;*/
	padding: 0em;


}


.liqsec-param-concepto-form-box.delete-concept {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.7em 1em;
    cursor: pointer;
}


.liqsec-param-conceptos .res-form.vertical .ui-in {

    width: inherit;

}



.field.borderless > label
/*.field.solo-lectura > label */
{
	text-align: right;
    font-size: 1em;
    padding: 0.5em 6px 2px;
    line-height: 1em;
    color: #999;
	/*background: #EEE;*/
	min-width: inherit;   
	max-width: inherit; 

}
.liqsec-param-concepto-form-box.borderless .field-body{
	padding: 0;
}
.liqsec-param-concepto-form-box.borderless .ui-in.currency::after{
	/* padding-right: 6px; */
}

.borderless .ui-in > input:not(.extra) {
	border-color: transparent;
	background-color: transparent;
    font-size: 1.16em;
    padding-top: 0em;
    padding-right: 1em;
    color: inherit;
    padding-bottom: 0;
}

/* IMPORTE */
.liqsec-param-concepto-form-box.importe.field.borderless label {

  width: 100%;
  font-size: 1.1em;
  padding-right: 6px;
}
.liqsec-param-concepto-form-box.importe.borderless .field-body  {
    padding-right: 0em;
}

.liqsec-param-concepto-form-box.importe.borderless .ui-in  {
    font-size: 1.2em;
}

.liqsec-param-concepto-form-box.field.borderless,
.liqsec-param-concepto-form-box.field.solo-lectura
{
    align-items: flex-end;
}

.tarifa.borderless:not(.hidden) + .importe.borderless {
    border-top: 1px dashed silver;
	margin-top: 0.5em;    
}

/* COMBO TARIFA BORDERLESS */
.liqsec-param-concepto-form-box.tipotarifa.field.borderless select {
  background-color: transparent;
  border: 0px;
  color: inherit;
  font-size: 1.16em;
  text-align-last: right;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  direction: rtl; /* only para IE */
}
.liqsec-param-concepto-form-box.tipotarifa.field.borderless select,
.liqsec-param-concepto-form-box.tipotarifa.field select:disabled
{
	display: none;
}

.liqsec-param-concepto-form-box.tipotarifa.field.borderless select::-ms-expand { display: none; }

.res-form .ui-in > .valor-select {
	border: 0px;
	background-color: transparent;
	text-align: right;
	line-height: 1.2em;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.16em;
	padding-right: 6px;
}

/* Importe total */
.liqsec-param-importe-total {
  border-top: 1px solid gray;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  padding: 1em 2.5em 1em 1em;
}
.liqsec-param-importe-total label {
  color: gray;
  font-size: 1em;
}
#importe-total {
  font-size: 1.6em;
  border: none;
  text-align: right;
}


.liqsec-param-concepto-form .Delete.Icon 
{
    display: none;
    height: 1em;
    color: gray;
    position: relative;
    font-size: 0.95em;
    transition: all 0.1s ease;
    color: firebrick;
}
.liqsec-param-concepto-form .Delete.Icon:hover 
{
	text-decoration: underline;
}
.liqsec-param-conceptos.alta .liqsec-param-concepto-content.delete-active .Delete.Icon 
{
	display: flex;
}
.liqsec-param-concepto-form .Delete.Icon svg {
	display: none;	
}



.liqsec-param-concepto-content.tipo-1 .field > label {
	padding-top: 1.8em;
}

.liqsec-param-concepto-edit.invalidEdit{ 
	box-shadow: 2px 2px 4px pink;
	border: 1px solid pink;
	background-color: #fdeef1;
}
.liqsec-param-concepto-edit.invalidEdit:not(.tipo-1) .liqsec-param-concepto-form-box.importe .currency input{ 
	 text-decoration: line-through;
	 opacity: 0.5;
}
.liqsec-param-concepto-edit.invalidEdit:not(.tipo-1) .liqsec-param-concepto-form-box.importe .currency::after{ 
	 opacity: 0.5;
}

/***********************************************************************/
@media screen and (min-width: 800px) {


	.liqsec-param-concepto-form {
		flex-flow: row;
    	justify-content: flex-end;
	}

	.liqsec-param-concepto-form.res-form.vertical {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 3.3em;
	}

	.liqsec-param-concepto-form-box.delete-concept {
	    left: 0;
	    right: inherit;
	    top: 0;
	    bottom: 0;
	    display: flex;
	    align-items: center;
	    font-size: 0.9em;
	    padding: 0;
	    border-right: 1px dotted #ddd;
	    transition: all 0.1s ease;
	}
	.liqsec-param-concepto-form-box.delete-concept:hover {
		background-color: #EDEDED;
	}
	.liqsec-param-concepto-form-box.delete-concept:hover::before{
		background-color: rgba(0,0,0,0.05);
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	content: '';
    }

	.liqsec-param-concepto-form .Delete.Icon{
	    width: inherit;
	    height: inherit;
		flex-flow: column;
		align-items: center;
		width: 4.2em;
		/*color: #9bb1c6;*/
	}
	.liqsec-param-concepto-form-box.delete-concept:hover .Delete.Icon{
		text-decoration: none;
	}

	.liqsec-param-concepto-form-box.delete-concept:not(:hover) .Delete.Icon{
		color: lightgray;
	}
	.liqsec-param-concepto-form-box.delete-concept .Delete.Icon span { opacity: 1; transition: all 1s ease 0s; }
	.liqsec-param-concepto-form-box.delete-concept:not(:hover) .Delete.Icon span { opacity: 0; 	}
	.liqsec-param-concepto-form-box.delete-concept:hover .Delete.Icon span { opacity: 1; transition: all 1s ease 0s; 	}

	.liqsec-param-concepto-form .Delete.Icon svg {
    	display: inherit;
    	height: 1.5em;
    	width: 1.5em;
    	margin-top: 1em;
	}

	.more-concepts span:before { font-size: 2rem; }


	.liqsec-param-concepto-form-box.base,
	.liqsec-param-concepto-form-box.base2,
	.liqsec-param-concepto-form-box.base3,
	.liqsec-param-concepto-form-box.coeficiente {max-width: 9em;}
	.liqsec-param-concepto-form-box.tipotarifa { width: 100%; }	
	.liqsec-param-concepto-form-box.tarifa {max-width: 7em;}
	.liqsec-param-concepto-form-box.importe {max-width: 11em;}

	.tipo-3 .liqsec-param-concepto-form-box.base {max-width: 16em;}
	.tipo-3 .liqsec-param-concepto-form-box.tarifa {
		margin-right: auto;
		max-width: 16em;
	}



	.liqsec-param-concepto-form-box {
		
		/*border-right: 1px dashed blueviolet;*/
	}


	.liqsec-param-concepto-form-box.field > label {
    	padding: 0em 6px 0;
	}
	.liqsec-param-concepto-content.tipo-1 .field > label {
    	padding-top: 0.5em;
	}
	


	.liqsec-param-concepto-form-box.field.borderless 		{ padding-top: .9em; }
	.liqsec-param-concepto-form-box.field.borderless.tarifa { padding-top: 1.2em; }
	.liqsec-param-concepto-form-box.field.borderless.tipotarifa { padding-top: 1.2em; }

	



	.tarifa.borderless:not(.hidden) + .importe.borderless {
  		border-top: none;
   		margin-top: 0;
	}

	.liqsec-param-conceptos .res-form.vertical
	.liqsec-param-concepto-form-box.tipotarifa .ui-in {
		width: 100%;
	}


	.liqsec-param-conceptos .invalidMessage {
		/*padding: 0em 1em 0.8em;
    	display: inline-block;*/
	}
}
@media screen and (min-width: 800px) {
	.liqsec-param-conceptos
	{
		font-size: 0.938em;
	}
}@media screen and (min-width: 1024px) {
	.liqsec-param-conceptos
	{
		font-size: 0.875em;
	}
}


/********************* AUTOLIQ IIVT  *****************************/

.selectTransmitente label {
	width: 40%;
}

/* Comportamiento de Mortis-causa / aplicar prorroga */
@media screen and (min-width: 600px) {
	.LIQSEC_DATOSIIVT .res-form  .field > label,
	.LIQSEC_DATOSIIVT .res-form  .field > .label{
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% * 1.2 / 4);
	}
}

#puedo-aplicar-prorroga,
#no-puedo-aplicar-prorroga {
    display: none;
}

.aplicar-prorroga.mortis-causa.fecha-no-pasada #puedo-aplicar-prorroga,
.aplicar-prorroga.mortis-causa.fecha-pasada #no-puedo-aplicar-prorroga {
    display: inline-flex;
}

.alta-liq .aplicar-prorroga.mortis-causa.fecha-no-pasada #puedo-aplicar-prorroga,
.alta-liq .aplicar-prorroga.mortis-causa.fecha-pasada #no-puedo-aplicar-prorroga {
    display: inline-flex;
}

.aplicar-prorroga label {
    top: 0px;
}

#no-ref-cat
{
	margin: 0.5em 0em 2em 0em;
}    

.seccion-inmueble.res-form .field > label ,
.iivt-hecho .field > label				  { flex-basis: calc(100% * 1/3); }
#valor-catastral 		   .field > label { flex-basis: calc(100% * 1/3 + -2em); } /* se iguala la distancia*/

#valor-catastral.warning {
	border: 1px solid darkorange;
	padding: 1em;
	margin: 0 0 2em 0;
	border-radius: 4px;
	background-color: #ffa50014;
}


#info-buscando-inmueble{
	justify-content: flex-start;
}
#info-buscando-inmueble span {
	display: block;
	line-height: 2.5em;
}

/* .calculo-REAL {display:none}
.metodo-real-activo .calculo-REAL {display:flex} */

#deuda-ok .box-summary.line {
	padding: 1em 2em;
	font-size: 0.938em;
}
#deuda-ok .title.main-element {
	display: flex;
	margin-left: -0.7em;
	font-size: 1.125em;
	align-items: center;
}
.elegido .valor {
	font-weight: bold;
	margin: 0 0.2em;
}
.valor-elegido {
	margin: 0 1em;
	font-size: 0.875em;
	font-weight: bold;
}
.text.descartado {
	/* color: #999;  */
}
.descartado span.valor{
	text-decoration: line-through;
	margin: 0 0.2em;
}
span.descartado {
	margin: 0em 1em auto;
	font-weight: bold;
	color: #999;
}
.descartado .valor {
	text-decoration: line-through;
	color: #999;
}


/* transmisiones ************/

.transmisiones 
{
	
}
h5 + .transmisiones
{
	margin: 1.5em 0 0;
}

.transmision {
	display: flex;
	margin: 0 0 1em;
	position: relative;
	padding-left: 3.5em;
	flex-flow: wrap;
}
.transmision.form-line{
	display: inherit;
	margin: inherit;
	padding: 0em .5em .5em 2.5em;
	flex-flow: inherit;
}


.box-transmision {
}



.box-transmision.delete-trans {
	display: flex;
	visibility: hidden;
	color: silver;
	transition: color .2s , background-color .2s;
	/* align-items: baseline; */
	padding: 0 0.5em;
	border-right: 1px dotted #ddd;
	position: absolute;
	top: 0.0em;
	left: 0;
	bottom: 0;
}

.box-transmision.delete-trans > span {
	margin-top: 0.5em;
	cursor: pointer;
	/* line-height: 2em; */
	/* background-color: antiquewhite; */
	display: block;
	height: 1.6em;
}




.box-transmision.delete-trans .icon	{
	width: 1.2em;
	height: 1.2em;    

}
.transmision:hover .box-transmision.delete-trans {
	background-color: rgba(0,0,0,0.03);
}
.box-transmision.delete-trans span:hover {
	color: darkred;
}

.transmisiones.delete-active .transmision .delete-trans {
	visibility: visible;
}
.transmisiones.delete-active .transmision.alta .Icon {
    cursor: pointer;
}
.transmisiones.is-full .more-concepts { display: none;}

/*
.box-transmision.delete-trans .delete-concept {
    height: 35px;
    left: 10px;
    padding-top: 17px;
    width: 18px;
}
*/
.transmision:not(.form-line) .box-transmision:not(.delete-trans) {
	display: flex;
	flex-flow: column;
	min-width: 15em;
	margin: 0;
	padding: 0.4em 0 0.8em;
}


.box-transmision.fecha { margin: 0; }
.box-transmision.porcentaje { margin: 0; }
.box-transmision.valor-adq { margin: 0; }
.box-transmision.valor-trans { margin: 0; }


.box-transmision > label:first-child {
	margin: 0 0 0.5em 0;
}

@media screen and (max-width: 800px) {
	.transmision {
	}


}




/*
.mas-transmisiones {
	margin:  0.5em 0;
}

.mas-transmisiones span {
    background: url("/skin/img/sta_plus_item.png") no-repeat scroll 5px 1px transparent;
    cursor: pointer;
    padding-left: 20px;
    color: gray;
}
.mas-transmisiones span:hover {
    text-decoration: underline;
    color: #00B7F3;
}
*/


.ajax-search-field .info-en-linea {
	/* border: 1px solid red; */
	line-height: 2.5em;
	justify-content: flex-start;
	display: flex;
	align-items: center;
}



#completar-persona.persona-fisica   .persona-fisica   { display: inherit;}
#completar-persona.persona-juridica .persona-fisica   { display: none;}
#completar-persona.persona-juridica .persona-juridica { display: inherit;}
#completar-persona.persona-fisica   .persona-juridica { display: none;}


.group-form-info {
	border: 1px solid orange;
	margin: 0 0 2em 0;
	border-radius: 4px;
	background-color: #fbfbfb;
}
.group-form-info > div:not(.informativo-inline) {
	padding: 0em 1em;
}
.group-form-info > .informativo-inline.warning {
	max-width: inherit;
	padding: 1em;
	margin: 0;
	background-color: #fff2ea;
	font-size: 0.913em;
}





/********************* BENEFICIOS *****************************/


/* SELECCION FORMA **************************/


.link-options {

    display: flex;
    margin: 0em;
    padding: 0;
    justify-content: stretch;
 
}
.link-options a {
    flex: 1 0 0px;
    border: 2px solid transparent;
    padding: 1em;
    border-radius: 1em;
    font-size: 1.4em;
	display: flex;
	flex-flow: column;
    align-items: stretch; 
    text-align: center;
    margin: 0.8em 0.5em;
    background-color:white;
    justify-content: center;
    box-shadow: 2px 2px 35px #ddd;
    transition: all 0.3s ease-out;
    font-weight: bold;
}

.link-options a:hover {

    border-color: currentColor;
    text-decoration: none;
    box-shadow: 2px 2px 20px #bbb;
    
}
.link-options a .enlace {
	margin: 0.5em 0 0;
}


@media screen and (max-width: 550px) {
	.link-options {
		flex-flow: column;
	}

}
/*
.link-options .a-text {
    transition: all 0.3s ease-out;
    display: block;
}
.link-options a:hover .a-text {
    transform: translateY(-0.1em);
    text-shadow : 3px 3px 5xp silver; 
}
*/




/* SELECCION BENEFICIO **************/

.beneficios-persona
{

}

.beneficios-persona .beneficio {
    margin: 1.5em 1em;
}

.beneficios-persona .beneficio .nombre{
    /* font-size: 1.4em; */
    font-weight: normal;
}

/* .beneficios-contendio {
    min-height: 30em;
	padding: 1em;
	box-sizing: border-box;
} */




/* Tributos *********************************/

ul.tributos-persona {
    margin: 1em 0em 2em;
    padding: 0;
}

.BENEFIS .trib {
	display: flex;
	border-radius: 0.4em;
	padding: 0.5em 1em 1em;
	transition: all 0.3s ease-out;
	margin: 0em;
	font-size: .750em;
}
.trib-info {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid silver;
    width: 100%;
    margin: 0;
    padding: 0px 0 0.5em 0.5em;
	box-sizing: border-box;
}
.trib-id {
    display: flex;
	flex-flow: column;
	line-height: 1.7em;
}
.trib-name {
    font-size: 1.25em;
    font-weight: bold;
    opacity: 0.8;
}
.trib-id label {
    display: flex;
    flex-flow: column;
}

.trib-desc{

}
.trib-extra{

}
.trib-ref {
    display: flex;
}
.trib-inst{
	margin-right: 1em;
}
.trib-ref-label {
    opacity: 0.6;
}
.trib-ref .trib-ref-label{

} 
.trib-inst .trib-ref-label{
    text-align: right;
} 

.trib-ref-value {
	margin-left: 1em;
    font-size: 1.125em;
}
.trib-inst .trib-ref-value {
    font-size: 1.313em;
}

.trib-id label:hover {
    cursor: pointer;
}

.BENEFIS .trib:hover{
    /*background-color: #eee;  */
}
[type="checkbox"]:checked + .trib-info {
    border-bottom: 1px solid darkgray;
    /*background-color:    #eee;*/
}



/* DOCS ***********************/
/*
ul.beneficios-docs {
    margin: 0;
}
ul.beneficios-docs > li {
    margin: 0.1em 0;
}

.titulo-doc {
    font-weight: bold;
    opacity: 0.7;
    border-bottom: 1px dotted     darkgray;
    padding-bottom: 4px;
    min-height: 2em;
    display: flex;
    align-items: center;
}
.BENEFIS .widget-upload-files .head .wrapper {
	padding: 0.6em;
	margin-right: 1em;
}

.BENEFIS .widget-upload-files .head {
	align-items: flex-start;
	flex-flow: inherit;	
}
.BENEFIS .widget-upload-files .doc-infos {
    justify-content: flex-start;
    margin-top: .4em;
    font-size: 0.9em;
}

.BENEFIS .doc-infos span.label {
    opacity: 0.7;
}
.BENEFIS .doc-infos > span:first-child > .value {
	margin-right: 1em;
	white-space: nowrap;	
}
*/


/* RESUMEN *****************/
.benficio-titulo {
    font-size: 1em;
    font-weight: bold;
    opacity: 0.8;
    padding: 0 1.5em 2em;
}
ul.beneficios-docs.aportables {
	margin-bottom: 3em;
}

/* DOCS APORTADOS */
ul.beneficios-docs-aportados {
    padding: 0 0 1em;
    margin: 0;
}
ul.beneficios-docs-aportados > li {
    margin: 2em 0em;
    display: flex;
    border: 1px solid #cacaca;
    box-shadow: 2px 2px 4px #dadada;
}
ul.beneficios-docs-aportados > li > * {
    flex: 1 0 0px;
    padding: 0.7em;
}

ul.beneficios-docs-aportados .doc-descrip {
    font-size: 1.2em;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    border-right: 1px solid #ddd;
}
ul.multiple-docs-aportados{
    margin: 0em;
}
.multiple-docs-aportados > li{ 
}
.multiple-docs-aportados .icon
{
	height: 2em;
	width: 2em;
}

@media screen and (max-width: 500px) {
	.trib-info {
		flex-flow: column;
	}
	.trib-inst {
		display: flex;
	}

	ul.beneficios-docs-aportados > li {
		flex-direction: column;
	}
}

@media screen and (max-width: 550px) {

	ul.beneficios-docs {
		padding: 0;
	}
	.BENEFIS .widget-upload-files .head {
		align-items: stretch;
		flex-flow: column;
	}
	.BENEFIS .widget-upload-files .head .wrapper {
		margin-right: 0em;
	}
}



/********************* CESTA *****************************/
#contenedorCesta {
	 /* opacity: 1;
    visibility: inherit;
    transform: inherit;   */

	min-width: 27em;
}
.wacesta {
	max-width: 800px;
}

.cesta-items {
	margin: 0;
	padding: 0;
}
.cesta-item {
	border-top: 1px solid silver;
	padding: 0.4em 0 .4em 0.4em;
	margin: 0em 0 0 0;
	position: relative;
}

.cesta-header {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	opacity: 0.5;
}

.cesta-item-main {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.cesta-ident {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.cesta-ident > * {
    flex-basis: 100%;
}

.cesta-item .descGrupo {
	opacity: 0.8;
	font-weight: 500;
	font-size: 1.063em;
	margin-bottom: 0.3em;
}
.cesta-item .grupo,
.cesta-item .tipo ,
.cantidad-etiqueta
{
	flex-basis: auto;
	margin-right: 1em;
	opacity: 0.7;
}



.cesta-acciones {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0.5em 0;
}

.cesta-accion1 {
	min-width: 8em;
	box-sizing: border-box;
	margin-right: 3em;
}

.cesta-estado {
	text-align: center;
	width: 8em;
}
.cesta-item .cesta-estado {
	text-align: center;
	margin-left: auto;
	font-weight: bold;
	justify-content: center;

	position: absolute;
	bottom: 1.5em;
	right: 0;
}


.cesta-cantidad {
	width: 6em;
	text-align: center;
	justify-content: center;
}
.cesta-importe {
	width: 7rem;
	text-align: right;
	margin-right: 1.2rem;	
}
.cesta-item-main > .cesta-importe {
	
	font-size: 1.188em ;
	font-weight: 500;
	opacity: 0.8;
}

.cesta-header,
.cesta-item-main > .cesta-cantidad
{
	display: none;
}

/* CESTA MINI*/
.wacesta.mini-cesta a.ui-btn.mini {
	font-size: 0.8em;
	padding: 0.2em 1.2em;
}
.wacesta.mini-cesta .cesta-acciones {
	margin: 0;
}
.wacesta.mini-cesta .cesta-item .grupo,
.wacesta.mini-cesta .cesta-item .tipo ,
.wacesta.mini-cesta .cantidad-etiqueta
{
	font-size: 0.938em;
}
.wacesta.mini-cesta .cesta-items
{
    max-height: 65vh;
    overflow-y: auto;
}
.wacesta.mini-cesta  .cesta-item:first-child
{
	border-top: none;
}

.wacesta .cesta-item.estado-E     .cesta-estado-valor {color: darkred;}
.wacesta .cesta-item.estado-P     .cesta-estado-valor {color: darkorange;}
.wacesta .cesta-item.seleccionado .cesta-estado-valor {color: #1335b7;}
.wacesta .cesta-item.estado-F     .cesta-estado-valor {color: darkgreen;}

/* CESTA FULL */
.wacesta.full-cesta .cesta-items {
	border-bottom: 1px solid silver;
}
.wacesta.full-cesta > a {
	display: none;
}
.wacesta.full-cesta .cesta-item.seleccionado:not(.estado-F)
{
	background-color: #f7f7f7;
}
.wacesta .cesta-item.estado-F
{
	opacity: .5;
}


.adding2cesta
{
	opacity: 0.4;
}
tr:not(.onCesta) > td > .CestaOut { display: none;}
tr.onCesta       > td > .CestaIn { display: none;}

.acciones-detalle-pagable.is-onCesta .Icon.Cesta {display:none;}
.acciones-detalle-pagable:not(.is-onCesta) .Icon.onCesta {display:none;}

.Icon.Cesta.is-onCesta { display: none; }
.Icon.Cesta.is-onCesta   ~ .onCestaDependiente { display: none; }
.Icon.Cesta:not(.is-onCesta) ~ .onCesta {display: none; }
.onCesta .informativo-inline {
	margin: .4em 1em;
}
.info-is-OnCesta {
	display: flex;
	align-items: center;
}
.Icon.ahora {
	order: -1;
}
.info-is-OnCesta.disableOnCestaAction.disabled {
	opacity: 0.5;
}
.ui-link.Delete.pedienteAmount {
	display: none;
}





@media screen and (min-width: 650px) {

	.wacesta.full-cesta .cesta-item {
		padding: 1em 0 0.2em;
		padding-left: 1em;
	}
	.wacesta.full-cesta .cesta-item .descGrupo {
		font-size: 1.313em;
		margin-bottom: 0.5em;
	}
	.wacesta.full-cesta .cesta-item-main > .cesta-importe {
		font-size: 1.375em;
	}

	.wacesta.full-cesta .cesta-estado {
		position: inherit;
		bottom: inherit;
		right: inherit;
	}		
	
	.wacesta.full-cesta .linea-cantidad
	{display: none;}
	
	.wacesta.full-cesta .cesta-header
	{
		display: flex;
	}
	.wacesta.full-cesta .cesta-item-main > .cesta-estado
	{
		display: flex;
	}
	.wacesta.full-cesta .cesta-item-main > .cesta-cantidad
	{
		display: block;
	}
}

/* ICONOS Y BOTONOES CESTA ******************************/
.Cesta.Icon {
    align-items: center;
	display: flex;
	
}
/* Por ahora no tenemos el botón quitar de la cesta implementado: solo aplica al CestaIn */
.Cesta.Icon.CestaIn { cursor: pointer; }
.Cesta.Icon.CestaIn:hover {
	transform: translate(-1px, -1px);
	filter: drop-shadow(0px 0px 1px #BBB);
}

.sub-icon {
    height: 1em;
    width: 1em;
}
.rowActive .Cesta.Icon {
	cursor: pointer;
}



/****************** ACCESO A DEUDA desde la parte no identificada *******************************/


.recibo-identificado {
	background-color: #EEE;
	/* max-width: 48em; */
	margin: 1em 0;
	box-shadow: 1px 1px 3px silver;
}
.recibo-identificado .datos-principales {
	display: inline-flex;
	flex-flow: row wrap;
}
.recibo-identificado .datos {
	padding: .5em;
	/* max-width: 30em; */
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recibo-identificado .dato {
	padding: 0.5em 1em;
}
.recibo-identificado .etiqueta {
	font-size: 0.9em;
	font-weight: 300;
	opacity: 0.8;
}
.recibo-identificado .valor {
	font-size: 1.250em;
	opacity: 0.9;
}

.recibo-identificado .dato.importe-anterior .valor{
	text-decoration: line-through;
	color: #AAA;
}

.recibo-identificado .datos > .dato.importe{
	align-self: flex-start;
	text-align: right;	
}
.recibo-identificado .datos > .dato.importe .valor {
	font-size: 2em;
	line-height: 1em;
}
.recibo-identificado .valor.importe-actual.con-descuento  {
	color: darkgreen;
}

.recibo-identificado .info-acciones {
	display: flex;
	padding: 0em 0.5em 1em 0.5em;
	background-color: #f7f7f7;
	flex-flow: row wrap;
}
.recibo-identificado .datos-info {
	/* color: #333; */
	font-size: 0.875em;
	padding: 1em 1em 1em;
	font-weight: 300;
	max-width: 30em;
	min-height: 3.7em;
}
.recibo-identificado .adicional {
	color: #777;
	margin-top: 0.5em;
	display: block;
}

.recibo-identificado .datos-info .destacado {
	color: #333;
	font-weight: normal;
	font-size: 1.125em;
}
.recibo-identificado .datos-info .domiciliado {
    color: green;
    font-weight: normal;
    font-size: 1.425em;
}

.recibo-identificado .acciones {
	display: flex;
	padding: 0 1em 0em 1em;
	/* justify-content: space-evenly; */
	flex: 1 0 auto;
	align-self: flex-end;
	justify-content: flex-end;
}
.recibo-identificado .acciones > :not(:last-child) {
	margin-right: 1em;
}



@media screen and (min-width: 1024px) {
	.ACCESO_DEUDA  .wizard-content .column-side {
		margin-right: 2em;
		margin-left: 0;
		order: -100;

	}
}

/*****  NOTICIAS ****************/
.NOTICIAS .ovt_frame {
    width: 100%;
}
/*
.noticia-titulo {
    font-size: 150%;
    font-weight: bold;
    line-height: 35px;
}
.noticia-subtitulo {
    font-size: 110%;
    font-weight: bold;
    line-height: 30px;
}
.noticia-texto {}
.noticia-imagen {
    margin: 15px;
}
.noticia-autor {
    text-align: right;
}
*/
/*******************************************/


/***********CONTRATANTE****************/
.CONTRATANTE .res-form .field > label,
.CONTRATANTE .res-form .field > .label {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% * 1.5 / 4);
}
.CONTRATANTE .field > label,
.CONTRATANTE .field > .label {
   max-width: 25em; 
}


/*********** VALDOCS ****************/

.deco-box .documento-correcto {
	margin: 1em;
	width: auto;
}


/*************** FRAC RESPONSIVE *****************/
/*************************************************/

#config-precal {
	max-width: 35em;
	flex-basis: 35em;
}

/*********** @media screen *****************/
@media screen and (max-width: 1024px) {
	.FRAC_DEUDA .column-side {
		max-width: 30em;
	}
	#frac-resumen {
		margin-top: 1em;
	}
}

#frac-config-cuotas
{

}
#frac-result-calc
{
	/* max-width: 30em; */
}

.slide-frac {
	margin: 1em 0.5em 3em 0.5em;
}
.slide-frac label {
	font-weight: 600;
	color: #888;
	font-size: 0.875em;
}


.irs-handle.single {
	border-color: #295A86;
}
.irs--round .irs-bar,
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single  {
	background-color: #295A86;
}
.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before {
	border-top-color: #295A86;
}






table.dataTable td.main-number {
	font-size: 1.3em;
	/* padding-right: 0; */
	/* padding-top: 0; */
	vertical-align: middle;
	/* padding-bottom: 0.6em; */
	font-weight: 600;
	color: #555;
}






/*
#LISTA_RECIBOS_FRAC.dataTable.display tbody tr:not(.rowActive),
#LISTA_RECIBOS_FRAC.dataTable.display tbody tr.odd:not(.rowActive)
{
	background-color: white;
	color: #888;
}
#LISTA_RECIBOS_FRAC.dataTable.stripe tbody tr.odd:not(.selected),
#LISTA_RECIBOS_FRAC.dataTable.display tbody tr.odd:not(.selected) {
	background-color: #f5f8fb; 
}
#LISTA_RECIBOS_FRAC.dataTable.stripe tbody tr.odd:not(.selected),
#LISTA_RECIBOS_FRAC.dataTable.display tbody tr.odd:not(.selected) {
	background-color: #f5f8fb; 
}
#LISTA_RECIBOS_FRAC.dataTable tbody tr:not(.selected) {
	background-color: #f5f8fb;
}
#LISTA_RECIBOS_FRAC.dataTable.row-border tbody td,
#LISTA_RECIBOS_FRAC.dataTable.display tbody td {
	border-top: 1px solid #7f90a8;
	padding: 0;
}
*/
#LISTA_RECIBOS_FRAC.dataTable.display thead th {
	font-weight: normal;
}
#LISTA_RECIBOS_FRAC.dataTable.hover > tbody > tr:not(.rowActive):hover,
#LISTA_RECIBOS_FRAC.dataTable.display > tbody > tr:not(.rowActive):hover {
	background-color: inherit;
}
#LISTA_RECIBOS_FRAC.dataTable.stripe tbody tr:not(.rowActive).odd,
#LISTA_RECIBOS_FRAC.dataTable.display tbody tr:not(.rowActive).odd {
	background-color: white;
}


#LISTA_RECIBOS_FRAC.dataTable.display tbody tr:not(.rowActive),
#LISTA_RECIBOS_FRAC.dataTable.display tbody tr.odd:not(.rowActive)
{
	/* background-color: white; */
	/* color: #888; */
	/* opacity: .5; */
}
#LISTA_RECIBOS_FRAC.dataTable.display tbody td {
	padding: 0;
}


.recibo-body {
	display: flex;
	justify-content: space-between;
	min-height: 7rem;
}

.recibo-main-data {
	display: flex;
	flex: 1 1 0px;
	/* min-width: 29em; */
}
.recibo-situacion {
	margin: 0.4em;
	display: flex;
	flex-flow: column;
	justify-content: space-around;
	align-items: center;
	order: -10;	
}
.recibo-ejercicio {
	font-weight: 600;
	color: hsl(202, 22%, 45%);
	margin-left: 0.5em;
	font-size: 0.938em;
}
.recibo-periodo {
	font-size: 0.75em;
	color: #999;
}
.recibo-periodo-tag {
	margin: 0 0.6em;
}

.recibo-periodo-situacion {
	color: #9f3434;
	background-color: #ffdbe1;
	border-radius: 1em;
	padding: 0em 0.5em;
	text-transform: uppercase;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.3rem;
	letter-spacing: 1px;
	border: 1px solid #ff9090;

}

.recibo-concepto {
	margin: 0.4em;
	/* background-color: beige; */
	flex: 1 1 0px;
	/* flex-basis: 100%; */
	display: flex;
	flex-flow: column;
	word-wrap: anywhere;
	min-width: 15em;
	padding-left: 0.5em;
}
.recibo-concepto .titulo {
	font-size: 1.125rem;
	font-weight: 600;
	color: #555;
}
.recibo-concepto .subtitulo {
	opacity: inherit;
	font-size: 0.8em;
	/* color: #777; */
}
.recibo-concepto-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
}

.recibo-concepto .institucion {
	/* text-align: right; */
	margin: 0.2em 0;
	font-size: 0.875em;
	font-weight: 600;
	color: #4d8cb3;
}
.recibo-importe-base {
	/* margin: 0.5em; */
	display: flex;
	/* width: 9em; */
	/* margin-left: 4em; */
	opacity: 0;
	transition: opacity 0.4s ease-in 0s;
}
tr:hover .recibo-importe-base {
	opacity: 1;
}
.recibo-importe-base-tag {
	font-size: 0.825rem;
	color: hsl(202, 55%, 40%);
	text-align: right;
	margin: 0em 0.6em;
}
.recibo-importe-base-valor {
	font-size: 1rem;
	font-weight: 600;
	color: hsl(202, 55%, 40%);
	margin: 0em;
	text-align: right;
}





.recibo-importes {
	/* width: 7em; */
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.recibo-importe {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-end;
	min-width: 10rem;
	align-self: stretch;
}

tr .recibo-importe-desglose {
	margin: 0.7rem 0.5rem;
	opacity: 0;
	transition: opacity 0.4s ease-in 0s;
}
tr:hover .recibo-importe-desglose {
	opacity: 1;
}

.recibo-importe-desglose-linea {
	display: flex;
	min-width: 8rem;
	justify-content: space-between;
	color:hsl(202, 55%, 40%);
	font-size: 0.825rem;
	line-height: 1.3rem;
}
.recibo-importe-desglose-linea:not(:first-child) {
	border-top: 1px dotted hsl(202, 55%, 40%);
}



.recibo-importe-actual {
	font-size: 1.7rem;
	font-weight: 600;
	color: hsl(202, 22%, 45%);
	margin: 1rem 1rem 0.5em;
}


.recibo-footer .informativo-inline {
	padding: 0.6rem 1rem;
	font-size: 0.938rem;
	background-color: #fff4e8;
	margin: 0;
	/* border-top: 1px solid darkorange; */
}

tr:not(.rowActive) .recibo-concepto .titulo,
tr:not(.rowActive) .recibo-ejercicio,
tr:not(.rowActive) .recibo-importe-actual {
	color: #c6c6c6;
}
tr:not(.rowActive) .recibo-periodo-situacion {
	color: #c18b8b;
	background-color: #fdf7f8;
	border: 1px solid #ffcdcd;
}

.selecionar-ordenar {
	display: flex;
	justify-content: space-between;
}
.order {
	display: flex;
}


.info-espera {
	display: flex;
	margin: 4em 0;
	justify-content: center;
	box-sizing: border-box;
}
.text-destacado {
    font-size: 1.4em;
    color: #666;
}










/*********** Tabla Recibos fraccionables en responsive @media screen *****************/
@media screen and (max-width: 550px){
	.recibo-main-data {
		display: block;
		flex-direction: column;
	}
	.recibo-situacion {
		flex-flow: row wrap;
		justify-content: space-between;
		margin: -0.4rem 0 0.5rem;
	}
	.recibo-periodo {
		display: flex;
		align-items: center;
	}
	.recibo-ejercicio {
		/* margin-left: 0.5rem; */
	}
	.recibo-concepto {
		min-width: initial;
		padding-left: 0;
	}

	.recibo-importe {
		min-width: initial;
	}

	tr .recibo-importe-desglose,
	tr .recibo-importe-base {
		display: none;
	}




	.selecionar-ordenar {
		flex-flow: column;
	}
	.order {
		order: -10;
		margin: 0.3rem 0rem 1em;
	}
	th.select-checkbox::before,
	th.select-checkbox::after
	{
		top: initial;
		bottom: 0.9rem;
	}
}



#search-box {
	margin: 0em -2em 0 0.6em;
}
#search-box form {
	display: flex;
	align-items: center;
	width: 100%;
}
#search-box input {
	min-width: 8em;
	padding-left: 1.6em;
	border-radius: 5px;
	border: 1px solid silver;
	line-height: 1.6em;
	outline: 0;
}
#search-box input:focus {
	border-color: cadetblue;
	box-shadow: 0 0 8px cadetblue;
}

#search_btn {
	margin: 0em 0em 0em 0.2em;
	padding: 0;
}
#search svg {
	font-size: 0.75em;
	margin: -0.2em;
	fill: silver;
	position: absolute;
}

@media screen and (max-width: 600px) {
	.sede {
		justify-content: space-between;
	}	
}
@media screen and (max-width: 500px) {
	#search-box {
		display: flex;
		align-items: center;
		margin: 0.5em 0.6em;
		width: 100%;
		order: 20;
	}
	.sede {
		padding: 0.35em 1em;
		display: flex;
		justify-content: space-between;
		flex: 1 1 0;
		align-items: center;
		min-height: 1.5em;
	}	
	.sede {
		flex-flow: row wrap;
	  }
	  #search-box input {
		width: 100%;
	}	  

	.sede > :not(.fecha-hora):first-child {
		margin-left: inherit;
	}

}
	.liqsec-param-concepto-form-box.delete-concept:hover { position: absolute }
	
/*********** PADRON ****************/

.ficha-persona-nombre {}
.ficha-persona-fecha-nac{max-width: 25rem;}
.ficha-persona-documento-identidad{max-width: 15rem;}
.ficha-persona-mail{max-width: 25rem;}

.convivientes {
    padding: 1em 2em;
    margin: 2em 0;
}

#box-datos-tutor-legal
{
	margin-right: 3em;
	width: auto;
}
#div_tutor-legal
{
	margin-left: 1em;	
}

.margin-top
{
	margin-top: 20px;	
}

/*********** NOTIF / AUTH ****************/

.NOTIF.widget .widget-area.detalle
{ max-width: 70rem;}

.AUTH .botonera > .izquierda:first-child {
	/* margin-right: auto; */
	width: 100%;
	justify-content: center;
}
/*********** SUSCRIPCION ****************/

.SUSCRIPCION.widget div.Informativo {
	margin: 1em 0.5em;
}