.body,
.ui-widget,
.ui-widget.ui-widget {
  font-family:'titillium_webregular' !important;
  font-size:14px;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight {
  background-color: #B0C4DE;
}
.ui-panel .ui-panel-content {
    padding: 0.2em .2em;
}
.ui-steps {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.ui-tabs-top {
 padding: 5px !important;
}
.ui-menu {
  width: 21em;
}
.ui-button .ui-button-icon-left, 
.ui-button .ui-button-text {
 color: white;
}
.ui-panel .ui-panel-titlebar,
.ui-datatable .ui-datatable-header {
	font-weight: normal !important;
}
.ui-panelgrid,
.ui-panelgrid tbody tr td,
table.ui-panelgrid,
td.ui-panelgrid-cell,
div.ui-panelgrid,
div.ui-panelgrid-cell,
div.ui-panelgrid-content {
  border: transparent !important;
  padding: 2px 0px !important;
}
.ui-fieldset {
  /* margin: 5px !important; */
}
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-footer {
  text-align: right !important;
}
.ui-growl, .ui-growl-message {
  width: auto !important;
	color: #0c5460 !important;
}
.janal-growl-message {
  float:none !important;
  padding: 0px !important
}
.ui-growl-item-container { margin: 49px 16px 10px 0 !important; color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; border-radius: .25rem; }
.ui-growl-item { background: rgba(255, 255, 255, 0.8); border: solid 1px #0c5460; }
.janal-growl-error.ui-growl-message,
.janal-growl-error.ui-growl-item {
  float: none;
  padding: 10px 10px !important;
}
.janal-align-right{position: relative; float: right; margin-right:0px;}
.janal-align-left{position: relative; float: left; margin-right:0px;}
.janal-font-bold{font-weight: bold !important;}
.janal-with-out-lines {border-width: 0px;}
.janal-only-out-lines {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  width: 100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.janal-only-out-lines tr td {
  border-width: 0px;
}
.ui-grid-responsive .ui-grid-row {
  border: none !important;
}
.janal-etapa {
  color: red !important;
}
.janal-top-menu {
  border-bottom: 0px !important;
  border-top: 0px !important;
  border-color: transparent;
  border-width: 0px;
  margin-top: 3px;
 }
.janal-icon-ajax {
  position:relative;
  float:right;
  margin-right:100px;
  margin-top:-33px;
}
.janal-menu-header.ui-panel,
.janal-menu-header.ui-panel-titlebar {
}
.janal-menu-header.ui-widget-header {
  font-weight: normal !important;
  margin-top: -6px;
}
.janal-display-none {
  display: none !important;
}
.janal-border-none {
  border: none !important;
}
.janal-content-center {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px !important;
}
.janal-content-table {
  width: 99%;
  margin-bottom: 10px !important;
}
.janal-content-header {
  margin: 0px !important;
	border: 0px;
}
.janal-header-page {
	z-index: 1 !important;
}
.janal-line-button {
  padding-top: 0px;
  margin-top: 2px;
  margin-bottom: 0px;
  text-shadow: inherit;
  text-align: right;
  width: 100%;
  alignment-baseline: central;
  alignment-adjust: central;
}
.janal-column-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.janal-column-right {
  text-align: right;
}
.janal-column-left {
  text-align: left;
}
.janal-column-icon {
  text-align: center;
  width: 38px;
}
.janal-context-menu {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
.janal-data-table-opciones, .janal-steps-boton-siguiente {
  float:right !important;
}
.janal-help-icon {cursor:help;}
.janal-wid-1 {width: 1% !important;}
.janal-wid-2 {width: 2% !important;}
.janal-fix-2 {width: 2% !important;}
.janal-wid-3 {width: 3% !important;}
.janal-fix-3 {width: 3% !important;}
.janal-wid-4 {width: 4% !important;}
.janal-fix-4 {width: 4% !important;}
.janal-wid-5 {width: 5% !important;}
.janal-fix-5 {width: 5% !important;}
.janal-wid-6 {width: 6% !important;}
.janal-wid-7 {width: 7% !important;}
.janal-wid-8 {width: 8% !important;}
.janal-wid-9 {width: 9% !important;}
.janal-wid-10 {width: 10% !important;}
.janal-fix-10 {width: 10% !important;}
.janal-wid-12 {width: 12% !important;}
.janal-fix-12 {width: 12% !important;}
.janal-wid-13 {width: 13% !important;}
.janal-fix-13 {width: 13% !important;}
.janal-fix-14 {width: 14% !important;}
.janal-wid-15 {width: 15% !important;}
.janal-fix-15 {width: 15% !important;}
.janal-wid-17 {width: 17% !important;}
.janal-fix-17 {width: 17% !important;}
.janal-wid-18 {width: 18% !important;}
.janal-wid-20 {width: 20% !important;}
.janal-fix-20 {width: 20% !important;}
.janal-wid-22 {width: 22% !important;}
.janal-wid-24 {width: 24% !important;}
.janal-wid-25 {width: 25% !important;}
.janal-fix-25 {width: 25% !important;}
.janal-wid-26 {width: 26% !important;}
.janal-wid-30 {width: 30% !important;}
.janal-fix-30 {width: 30% !important;}
.janal-wid-33 {width: 33% !important;}
.janal-fix-33 {width: 33% !important;}
.janal-fix-34 {width: 34% !important;}
.janal-fix-35 {width: 35% !important;}
.janal-wid-36 {width: 36% !important;}
.janal-wid-40 {width: 40% !important;}
.janal-fix-40 {width: 40% !important;}
.janal-wid-45 {width: 45% !important;}
.janal-fix-47 {width: 40% !important;}
.janal-wid-50 {width: 50% !important;}
.janal-fix-50 {width: 50% !important;}
.janal-wid-55 {width: 55% !important;}
.janal-wid-60 {width: 60% !important;}
.janal-fix-60 {width: 60% !important;}
.janal-wid-65 {width: 65% !important;}
.janal-fix-65 {width: 65% !important;}
.janal-wid-70 {width: 70% !important;}
.janal-fix-70 {width: 70% !important;}
.janal-wid-75 {width: 75% !important;}
.janal-fix-75 {width: 75% !important;}
.janal-wid-80 {width: 80% !important;}
.janal-fix-80 {width: 80% !important;}
.janal-wid-81 {width: 81% !important;}
.janal-wid-85 {width: 85% !important;}
.janal-wid-86 {width: 86% !important;}
.janal-fix-85 {width: 85% !important;}
.janal-wid-88 {width: 88% !important;}
.janal-wid-90 {width: 90% !important;}
.janal-wid-92 {width: 92% !important;}
.janal-wid-93 {width: 93% !important;}
.janal-wid-94 {width: 94% !important;}
.janal-wid-95 {width: 95% !important;}
.janal-fix-95 {width: 95% !important;}
.janal-wid-96 {width: 96% !important;}
.janal-fix-96 {width: 96% !important;}
.janal-wid-97 {width: 97% !important;}
.janal-fix-97 {width: 97% !important;}
.janal-wid-98 {width: 98% !important;}
.janal-fix-98 {width: 98% !important;}
.janal-wid-99 {width: 99% !important;}
.janal-wid-100 {width: 100% !important;}

.janal-wid-col-5 {width: 5px !important;}
.janal-wid-col-8 {width: 8px !important;}
.janal-wid-col-10 {width: 10px !important;}
.janal-wid-col-15 {width: 15px !important;}
.janal-wid-col-20 {width: 20px!important;}
.janal-wid-col-18 {width: 18px !important;}
.janal-wid-col-20 {width: 20px !important;}
.janal-wid-col-25 {width: 25px !important;}
.janal-wid-col-30 {width: 30px !important;}
.janal-wid-col-38 {width: 3% !important;}
.janal-wid-col-40 {width: 40px !important;}
.janal-wid-col-50 {width: 50px !important;}
.janal-wid-col-60 {width: 60px !important;}
.janal-wid-col-70 {width: 70px !important;}
.janal-wid-col-80 {width: 80px !important;}
.janal-wid-col-85 {width: 85px !important;}
.janal-wid-col-90 {width: 90px !important;}
.janal-wid-col-100 {width: 100px !important;}
.janal-wid-col-110 {width: 110px !important;}
.janal-wid-col-120 {width: 120px !important;}
.janal-wid-col-130 {width: 130px !important;}
.janal-wid-col-140 {width: 140px !important;}
.janal-wid-col-150 {width: 150px !important;}
.janal-wid-col-160 {width: 160px !important;}
.janal-wid-col-170 {width: 170px !important;}
.janal-wid-col-180 {width: 180px !important;}
.janal-wid-col-200 {width: 200px !important;}
.janal-wid-col-220 {width: 220px !important;}
.janal-wid-col-230 {width: 230px !important;}
.janal-wid-col-250 {width: 250px !important;}
.janal-wid-col-280 {width: 280px !important;}
.janal-wid-col-300 {width: 300px !important;}
.janal-wid-col-320 {width: 320px !important;}
.janal-wid-col-350 {width: 350px !important;}
.janal-wid-col-380 {width: 380px !important;}
.janal-wid-col-450 {width: 450px !important;}
.janal-wid-col-480 {width: 480px !important;}
.janal-wid-col-500 {width: 500px !important;}
.janal-wid-col-530 {width: 530px !important;}
.janal-wid-col-550 {width: 550px !important;}
.janal-wid-col-600 {width: 600px !important;}
.janal-wid-col-650 {width: 650px !important;}
.janal-wid-col-700 {width: 700px !important;}
.janal-wid-col-750 {width: 750px !important;}
.janal-wid-col-850 {width: 850px !important;}
.janal-wid-col-900 {width: 900px !important;}

.janal-text-one-line {white-space: nowrap;}
.janal-text-white {color: #ffffff !important;}
.janal-descuento-gris {
  font-size: 14px;
	color: gray;
}	
.janal-precio-normal {
	font-weight: bold;
  font-size: 18px;
	color: black;
}	
.janal-precio-normal janal-precio-rojo {
	color: red;
}	
.janal-precio-normal janal-precio-azul {
	color: blue;
}	
.janal-header-title {
  font-size: 22px;
  position: relative;
  font-weight: normal;
  white-space: nowrap;
	margin: 0px;
}
.janal-header-acronym {
  font-size: 14px;
  position: relative;
}
.janal-header-sedesol {   
  height: 54px;
  background-image:url("/javax.faces.resource/img/sistema/logo-sedesol.png.jsf?ln=janal");
  transition:all ease-in .2s;
  background-repeat: no-repeat;
  background-position: left;
}
.janal-header-kajool {   
  height: 45px;
  background-image:url("/javax.faces.resource/img/sistema/logo-header.svg.jsf?ln=janal");
  transition:all ease-in .2s;
  background-repeat: no-repeat;
}
.janal-button-alone span.ui-button-text {
  border: none !important;
  box-shadow: none;
  font-size: 20px;
}
.janal-text-small {
	font-size: 10px !important;
}
.janal-help-title {
  display: none;
}
#sortable {
	list-style-type: none;
	margin: 5px 0px 0px 16px;
	padding: 0;
}
#sortable li {
	margin: 3px 3px 3px 0;
	padding: 1px;
	float: left;
	width: 35px;
	height: 35px;
	font-size: 20px;
	text-align: center;
	line-height:35px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);				
	background:#2daebf;
	color:#fff;
	font-weight:normal;
}
.captcha_wrap {
	border:1px solid #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	overflow:hidden;
}
.icono-agregar {width: 16px; height: 16px; padding: 0px 5px !important; background: url("/javax.faces.resource/icon/acciones/agregar.png.jsf?ln=janal") no-repeat !important;}
.icono-modificar {width: 16px; height: 16px; padding: 0px 5px !important; background: url("/javax.faces.resource/icon/acciones/modificar.png.jsf?ln=janal") no-repeat !important;}
.icono-eliminar {width: 16px; height: 16px; padding: 0px 5px !important; background: url("/javax.faces.resource/icon/acciones/eliminar.png.jsf?ln=janal") no-repeat !important;}
.icono-buscar {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/buscar.png.jsf?ln=janal") no-repeat !important;}
.icono-pdf {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/pdf.png.jsf?ln=janal") no-repeat !important;}
.icono-xls {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/xls.png.jsf?ln=janal") no-repeat !important;}
.icono-comunidad {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/comunidad.png.jsf?ln=janal") no-repeat !important;}
.icono-persona {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/persona.png.jsf?ln=janal") no-repeat !important;}
.icono-dbf {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/csv.png.jsf?ln=janal") no-repeat !important;}
.icono-csv {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/csv.png.jsf?ln=janal") no-repeat !important;}
.icono-foxpro {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/foxpro.png.jsf?ln=janal") no-repeat !important;}
.icono-txt {width: 16px; height: 16px; padding: 0px 5px !important; background :url("/javax.faces.resource/icon/acciones/txt.png.jsf?ln=janal") no-repeat !important;}

.ui-icon-styleagregar {background-image: url("/javax.faces.resource/icon/acciones/agregar.png.jsf?ln=janal") !important;}
.ui-icon-stylemodificar {background-image: url("/javax.faces.resource/icon/acciones/modificar.png.jsf?ln=janal") !important;}
.ui-icon-styleeliminar {background-image: url("/javax.faces.resource/icon/acciones/eliminar.png.jsf?ln=janal") !important;}
.ui-icon-stylebuscar {background-image: url("/javax.faces.resource/icon/acciones/buscar.png.jsf?ln=janal") !important;}
.ui-icon-stylepdf {background-image: url("/javax.faces.resource/icon/acciones/pdf.png.jsf?ln=janal") !important;}
.ui-icon-stylexls {background-image: url("/javax.faces.resource/icon/acciones/xls.png.jsf?ln=janal") !important;}
.ui-icon-stylecomunidad {background-image: url("/javax.faces.resource/icon/acciones/comunidad.png.jsf?ln=janal") !important;}
.ui-icon-stylepersona {background-image: url("/javax.faces.resource/icon/acciones/persona.png.jsf?ln=janal") !important;}

.ui-state-default .icono-agregar {background-image: url("/javax.faces.resource/icon/acciones/agregar.png.jsf?ln=janal") !important;}
.ui-state-default .icono-modificar {background-image: url("/javax.faces.resource/icon/acciones/modificar.png.jsf?ln=janal") !important;}
.ui-state-default .icono-eliminar {background-image: url("/javax.faces.resource/icon/acciones/eliminar.png.jsf?ln=janal") !important;}
.ui-state-default .icono-buscar {background-image: url("/javax.faces.resource/icon/acciones/buscar.png.jsf?ln=janal") !important;}
.ui-state-default .icono-pdf {background-image: url("/javax.faces.resource/icon/acciones/pdf.png.jsf?ln=janal") !important;}
.ui-state-default .icono-xls {background-image: url("/javax.faces.resource/icon/acciones/xls.png.jsf?ln=janal") !important;}
.ui-state-default .icono-comunidad {background-image: url("/javax.faces.resource/icon/acciones/comunidad.png.jsf?ln=janal") !important;}
.ui-state-default .icono-persona {background-image: url("/javax.faces.resource/icon/acciones/persona.png.jsf?ln=janal") !important;}

.ui-icon-graphicagregar {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/agregar.png.jsf?ln=janal") !important;}
.ui-icon-graphicmodificar {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/modificar.png.jsf?ln=janal") !important;}
.ui-icon-graphiceliminar {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/eliminar.png.jsf?ln=janal") !important;}
.ui-icon-graphicbuscar {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/buscar.png.jsf?ln=janal") !important;}
.ui-icon-graphicpdf {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/pdf.png.jsf?ln=janal") !important;}
.ui-icon-graphicxls {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/xls.png.jsf?ln=janal") !important;}
.ui-icon-graphiccomunidad {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/comunidad.png.jsf?ln=janal") !important;}
.ui-icon-graphicpersona {background-position: center; background-image: url("/javax.faces.resource/icon/acciones/persona.png.jsf?ln=janal") !important;}

/*Css que modifica las cabeceras*/
.titulo-proyecto{display:block}
.titulo-siglas{display:none !important;}
.margin-fecha {padding-left: 28px;}
.xs-pantalla{display:none !important;}
.lg-pantalla{display:contents !important;}
.fecha {
   font-size: 14px;
   font-weight: 100 !important;
}
#j_idt15 > div.ui-layout-unit-content {
  overflow: hidden;
  min-height:110px !important;
  max-height: 240px;
}
.version {
  font-size: 14px;
  font-weight: 100 !important;
}
.janal-logo-kajool {
  height: 90px;
  width: 180px;
  text-align: center;  
}
.janal-logo-mini {width: 35px;}
.distribucion {width: 100%; display: flex; flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.distribucion .categoria {margin: 0 0 0 0; text-align: left;}    
.distribucion .galeria  {margin-right: 1%; text-align: center; width: 70%;}
.producto .galeria img {width: 200px; height: 60px;}
/*==== Media queries =====*/
/* Smartphones (portrait) ----------- */
@media  (max-width : 480px) {
  .distribucion .galeria {width: 95%;}
  .janal-column-icon {
    text-align: left;
    width: 100%;
  }
  .ui-tabs .ui-tabs-panel {padding: initial;}
  .janal-header-sedesol {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 0%;
    background-position: center;
    margin: -20px;
  }
  .ui-sticky {top: 89px !important;}
  .layout-header-widgets {top: -1px;}
  .janal-logo-kajool {
    height: 60px;
    width: 80px;
    text-align: center;  
  }
  .janal-logo-mini {width: 30px;}
  .janal-grid-row {}
  .producto .galeria .galeria-nombre {font-size: 0.8rem !important;}
  .producto .galeria .galeria-marca {font-size: 1.0rem !important;}
  .producto .galeria img {width: 80px; height: 25px;}
  .xs-pantalla{display:block !important;}
  .lg-pantalla{display: none !important;}
  .titulo-proyecto{margin-bottom: 0px; margin-top: 0px; display:none !important;}
  .titulo-siglas{margin-bottom: 0px; margin-top: 0px; display:block !important;}
  .margin-fecha {padding-left: 0px;}
  .margin-desarrollo {margin-top: 0px !important;}
  .margin-version {margin-top: 0px !important;}
  .janal-wid-3 {width: 97% !important}
  .janal-wid-5 {width: 97% !important}
  .janal-wid-8 {width: 97% !important}
  .janal-wid-10 {width: 97% !important}
  .janal-wid-13 {width: 97% !important}
  .janal-wid-15 {width: 97% !important}
  .janal-wid-20 {width: 97% !important}
  .janal-wid-25 {width: 97% !important}
  .janal-wid-30 {width: 97% !important}
  .janal-wid-33 {width: 97% !important}
  .janal-wid-34 {width: 97% !important}
  .janal-wid-35 {width: 97% !important}
  .janal-wid-40 {width: 97% !important}
  .janal-wid-45 {width: 97% !important}
  .janal-wid-50 {width: 97% !important}
  .janal-wid-55 {width: 97% !important}
  .janal-wid-60 {width: 97% !important}
  .janal-wid-66 {width: 97% !important}
  .janal-wid-70 {width: 97% !important}
  .janal-wid-80 {width: 97% !important}
  .janal-wid-86 {width: 97% !important}
  .janal-wid-90 {width: 97% !important}
  .janal-wid-93 {width: 97% !important}
  .janal-wid-94 {width: 97% !important}
  .janal-wid-96 {width: 97% !important}
  .janal-wid-98 {width: 97% !important}
  .janal-wid-99 {width: 97% !important}
  .janal-wid-col-38 {width: 85px !important;}
  .janal-top-menus {top: 6px;}
}
/* long-Smartphones (portrait) ----------- */
@media (min-width : 481px) and (max-width : 767px) {
  .distribucion .galeria {width: 95%;}
	.janal-column-icon {
    text-align: left;
    width: 100%;
  }
  .ui-tabs .ui-tabs-panel {padding: initial;}
  .ui-sticky {top: 89px !important;}
  .layout-header-widgets {top: -5px;}
  .janal-logo-kajool {
    height: 60px;
    width: 80px;
    text-align: center;  
  }
  .janal-logo-mini {width: 30px;}
  .titulo-proyecto{margin-bottom: 0px; margin-top: 0px; display:none !important;}
  .titulo-siglas{margin-bottom: 0px; margin-top: 0px; display:block !important;}
  .margin-fecha {padding-left: 0px;}
  .janal-header-sedesol {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    margin: -10px;
  }
  .janal-grid-row {}
  .producto .container {width: 95% !important;}
  .producto .item-image img {width: 435px !important; height: 250px !important;}
  .producto .galeria .galeria-nombre {font-size: 0.8rem !important;}
  .producto .galeria .galeria-marca {font-size: 1.0rem !important;}
  .producto .galeria img {width: 80px; height: 25px;}
  .xs-pantalla{display:block !important;}
  .lg-pantalla{display: none !important;}
  .janal-header-acronym {font-size: 24px;letter-spacing:.3em}
  .margin-fecha {padding-left: 0px;}
  .margin-desarrollo {margin-top: 0px !important;}
  .margin-version {margin-top: 0px !important;}
  .janal-wid-3 {width: 97% !important}
  .janal-wid-5 {width: 97% !important}
  .janal-wid-8 {width: 97% !important}
  .janal-wid-10 {width: 97% !important}
  .janal-wid-13 {width: 97% !important}
  .janal-wid-15 {width: 97% !important}
  .janal-wid-20 {width: 97% !important}
  .janal-wid-25 {width: 97% !important}
  .janal-wid-30 {width: 97% !important}
  .janal-wid-33 {width: 97% !important}
  .janal-wid-34 {width: 97% !important}
  .janal-wid-35 {width: 97% !important}
  .janal-wid-40 {width: 97% !important}
  .janal-wid-45 {width: 97% !important}
  .janal-wid-50 {width: 97% !important}
  .janal-wid-55 {width: 97% !important}
  .janal-wid-60 {width: 97% !important}
  .janal-wid-66 {width: 97% !important}
  .janal-wid-70 {width: 97% !important}
  .janal-wid-80 {width: 97% !important}
  .janal-wid-86 {width: 97% !important}
  .janal-wid-90 {width: 97% !important}
  .janal-wid-93 {width: 97% !important}
  .janal-wid-94 {width: 97% !important}
  .janal-wid-96 {width: 97% !important}
  .janal-wid-98 {width: 97% !important}
  .janal-wid-99 {width: 97% !important}
  .janal-wid-col-38 {width: 85px !important;}
  .janal-top-menus {top: 87px;}
}
/* tablets (portrait) ----------- */
@media (min-width : 768px) and (max-width : 1410px) {
   .distribucion .galeria {width: 73%;}
   .janal-header-sedesol {
     background-repeat: no-repeat;
     background-size: 80%
   }
   .producto .galeria img {width: 120px; height: 40px;}
}
/* monitor extendido (landscape) ----------- */
@media (min-width: 1411px) and (max-width: 3000px) {
  .distribucion .galeria {width: 86%;}
  .producto .galeria img {width: 200px; height: 80px;}
}
.janal-mapa {
  height: 50vh;
}
.janal-back-color {
  background-color: azure;
}
.janal-back-normal{background-color: initial;}
.janal-field-error{color: red;}
.janal-color-red{color: red;}
.janal-color-orange{color: orange;}
.janal-color-purple{color: purple;}
.janal-color-green{color: green;}
.janal-color-blue{color: blue;}
.janal-color-white{color: white;}
.janal-color-gray{color: gray;}
.janal-color-black{color: black;}
.janal-color-yellow{color: yellow;}
.janal-color-cyan{color: cyan;}
.janal-tr-orange{background-color: rgba(255, 0, 0, 0.3) !important;}
.janal-tr-green{background-color: rgba(0, 255, 0, 0.3) !important;}
.janal-tr-purple{background-color: rgba(138, 43, 226, 0.3) !important;}
.janal-tr-blue{background-color: rgba(0, 0, 255, 0.3) !important;}
.janal-tr-red{background-color: rgba(255, 0, 0, 0.6) !important;}
.janal-tr-yellow{background-color: rgba(255, 255, 0, 0.5) !important;}
.janal-tr-lime{background-color: rgba(173, 255, 47, 0.5) !important;}
.jana-bar-top { filter:alpha(opacity=80); opacity:0.8; padding:10px 0 0 50px; z-index: 1000; height: 120px !important; }
.janal-padding-cero { padding-bottom: 0 !important; padding-left:  0 !important; padding-right: 0 !important;	padding-top: 0 !important; }
.janal-wid-100-txt { width: -webkit-fill-available; width: -moz-available;}
.ui-datalist .ui-paginator { background-color: transparent !important; margin: 0px; padding: 5px 0px; }

.ui-growl-error-container, .ui-error-messages { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; border-radius: .25rem; }
.ui-growl-warn-container, .ui-warn-messages { color: #856404; background-color: #fff3cd; border-color: #ffeeba; border-radius: .25rem; }
.ui-growl-info-container, .ui-info-messages { color: #004085; background-color: #cce5ff; border-color: #b8daff; border-radius: .25rem; }
.ui-growl-fatal-container, .ui-fatal-messages { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; border-radius: .25rem; }
.ui-growl-fade.show { opacity: 1; }
.ui-growl-error-image {background-image:url("/javax.faces.resource/icon/acciones/error.svg.jsf?ln=janal") !important; background-position:center !important; background-size: 140% !important; margin-top:5px;}
.ui-growl-warn-image {background-image:url("/javax.faces.resource/icon/acciones/warn.svg.jsf?ln=janal") !important; background-position:center !important; background-size: 140% !important; margin-top:5px;}
.ui-growl-info-image {background-image:url("/javax.faces.resource/icon/acciones/info.svg.jsf?ln=janal") !important; background-position:center !important; background-size: 140% !important; margin-top:5px;}
.ui-growl-fatal-image {background-image:url("/javax.faces.resource/icon/acciones/fatal.svg.jsf?ln=janal") !important; background-position:center !important; background-size: 140% !important; margin-top:5px;}
strong { font-weight: bolder; }
.ui-growl-error-item { background: rgba(255, 255, 255, 0.8); border: solid 1px #721c24; }
.ui-growl-warn-item { background: rgba(255, 255, 255, 0.8); border: solid 1px #856404; }
.ui-growl-info-item { background: rgba(255, 255, 255, 0.8); border: solid 1px #004085; }
.ui-growl-fatal-item { background: rgba(255, 255, 255, 0.8); border: solid 1px #0c5460; }
.ui-messages-error { border: solid 1px #721c24 !important; border-radius: .25rem; }
.ui-messages-warn { border: solid 1px #856404 !important; border-radius: .25rem; }
.ui-messages-info { border: solid 1px #004085 !important; border-radius: .25rem; }
.ui-messages-fatal { border: solid 1px #0c5460 !important; border-radius: .25rem; }
.ui-growl-error-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-error.svg.jsf?ln=janal") !important; background-position: -80px -128px; background-size: 110%; background-position: center; }
.ui-growl-warn-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-warn.svg.jsf?ln=janal") !important; background-position: -80px -128px; background-size: 110%; background-position: center; }
.ui-growl-info-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-info.svg.jsf?ln=janal") !important; background-position: -80px -128px; background-size: 110%; background-position: center; }
.ui-growl-fatal-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-fatal.svg.jsf?ln=janal") !important; background-position: -80px -128px; background-size: 110%; background-position: center; }
.ui-messages-error-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-error.svg.jsf?ln=janal") !important; background-size: 110%; background-position: center; }
.ui-messages-warn-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-warn.svg.jsf?ln=janal") !important; background-size: 110%; background-position: center; }
.ui-messages-info-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-info.svg.jsf?ln=janal") !important; background-size: 110%; background-position: center; }
.ui-messages-fatal-icon-close { background-image:url("/javax.faces.resource/icon/acciones/close-fatal.svg.jsf?ln=janal") !important; background-size: 110%; background-position: center; }
.janal-zero-size { visibility: hidden; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; }
.janal-icons-header { float: left !important; }
.janal-icons-message { float: right !important; }

.janal-tr-diferencias {	background-color: #ABEBC6 !important; }
.janal-tr-nuevo { background-color: #FDF5E6 !important; }
.janal-tr-error { background-color: #FF7F50 !important; }