@charset "UTF-8";

/* Colocar aquí SOLO estilos que puedan ser reutilizados en diferentes pantallas. 
   Si son estilos que solo se usarán en un xhtml en particular es mejor colocarlos en el propio xhtml o un un .css particular */
   
.ui-panelgrid-sin-pading .ui-panelgrid-cell {
	padding: 0px 0 !important;
}

.ui-panelgrid-sin-fondo {
	background: none !important;
}

/* Se sobreescribe este estilo de la datatable solo agregándole !important.
* Lo anterior debido a que si el panelGrid usa ui-panelgrid-blank o ui-noborder quitará los bordes del panel pero también cualquier
* borde de las datatable anidadas. Esto afecta sobretodo a la separación entre renglones de una datatable cuando está en modo reflow en responsive
*/
.ui-datatable-reflow .ui-datatable-data tr {
	border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
		
/* Se sobreescribe este estilo del div del picklist que muestra los listados de seleccionado y no seleccionado
* Se incrementa el alto de dichos divs para que se vean todos los elementos ya que el default solo muestra 5 renglones aprox.
* 
* También se sobreescribe el border solo agregándole el !important. 
* Lo anterior debido a que si el panelGrid usa ui-panelgrid-blank o ui-noborder quitará los bordes del panel pero también cualquier borde de picklist anidado
*/
.ui-picklist .ui-picklist-list {
	height:100%;
	border: 1px solid #dee2e6 !important;
	font-size: x-small;
}
		
/** Se sobreescribe el estlo del titulo de cada listado del picklist para que muestre sus margenes a pesar de que el panelGrid tenga noborder */
.ui-picklist .ui-picklist-caption {
	border: 1px solid #dee2e6 !important;
}

/** ui custom aviso simplificado acta nacimiento **/
@media ( max-width : 340px) {
	.adrc-paddingL3 {
		padding-left: 3em !important;
	}
	.adrc-paddingL10 {
		padding-left: 5px !important;
	}
	.adrc-paddingLT{
		padding-left: 3em !important;
	}
	.adrc-titulo-aviso {
		font-size: 9px !important;
	}
	.adrc-descripcion-aviso {
		font-size: 9px !important;
		line-height: 0px !important;
	}
	
	.adrc-link-aviso {
		font-size: 9px !important;
		line-height: 0px !important;
	}
}

@media screen and (min-width: 341px) and (max-width: 640px){
	.adrc-paddingL3 {
		padding-left: 3em !important;
	}
	.adrc-paddingL10 {
		padding-left: 5px !important;
	}
	.adrc-paddingLT{
		padding-left: 2.5em !important;
	}
	.adrc-titulo-aviso {
		font-size: 12px !important;
	}
	.adrc-descripcion-aviso {
		font-size: 12px !important; 
		line-height: 0px !important;
	}
	
	.adrc-link-aviso {
		font-size: 12px !important;
		line-height: 0px !important;
	}
}

@media screen and (min-width: 641px) and (max-width: 900px) {
	.adrc-paddingL3 {
		padding-left: 3em !important;
	}
	.adrc-paddingL10 {
		padding-left: 8px !important;
	}
	.adrc-paddingLT{
		padding-left: 0em !important;
	}
	.adrc-titulo-aviso {
		font-size: 12px !important;
	}
	.adrc-descripcion-aviso {
		font-size: 14px !important;
		line-height: 19px !important;
	}
	.adrc-link-aviso {
		font-size: 14px !important;
		line-height: 19px !important;
	}
}

@media screen and (min-width: 900px) {
	.adrc-paddingL3 {
		padding-left: 3em !important;
	}
	.adrc-paddingL10 {
		padding-left: 8px !important;
	}
	.adrc-paddingLT{
		padding-left: 0em !important;
	}
	.adrc-titulo-aviso {
		font-size: 14px !important;
	}
	.adrc-descripcion-aviso {
		font-size: 14px !important;
		line-height: 19px !important;
	}
	.adrc-link-aviso {
		font-size: 14px !important;
		line-height: 19px !important;
	}
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
	.adrc-paddingL3 {
		padding-left: 3em !important;
	}
	.adrc-paddingL10 {
		padding-left: 8px !important;
	}
	.adrc-paddingLT{
		padding-left: 0em !important;
	}
	.adrc-titulo-aviso {
		font-size: 14px !important;
	}
	.adrc-descripcion-aviso {
		font-size: 14px !important;
		line-height: 19px !important;
	}
	.adrc-link-aviso {
		font-size: 14px !important;
		line-height: 19px !important;
	}
}

.adrc-gridpanel-text-infoaviso {
	font-family: "Noto Sans", sans-serif !important;
	padding: 24px;
	align-items: flex-start;
	gap: 8px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 8px;
	background: #EDF2FE;
}

.adrc-titulo-aviso {
	font-family: "Noto Sans", sans-serif !important;
	color: #224497;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.adrc-descripcion-aviso {
	font-family: "Noto Sans", sans-serif !important;
	color: #224497;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
}

.adrc-link-aviso {
	font-family: "Noto Sans", sans-serif !important;
	color: #224497;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.adrc-paddingB0 {
	padding-bottom: 0px !important;
}

.adrc-paddingT0 {
	padding-top: 0px !important;
}

.adrc-paddingL0 {
	padding-left: 0px !important;
}

.adrc-paddingR0 {
	padding-left: 0px !important;
}

.adrc-paddingL3 {
	padding-left: 3em;
}

.adrc-paddingL10 {
	padding-left: 5px;
}

.adrc-marginpanel{
    margin: 0 0 0px;
}
.adrc-paddingLT{
	padding-left: 0px;
}

/* marca campo requerido */
.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: .4em;
    color: red !important;
}

.homeIcon{
   background-image: url('/resources/img/home.png') !important; 
   width: 24px;
      height: 24px;
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 2px !important;
  }