.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;
}
div[id='panelBusqueda'] {
  border: 1px solid lightgray;border-radius: 5px;
}
div[id='collapse-find']{
  border: 1px solid lightgray;border-radius: 5px;
}
.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: 16.5em;
}
.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-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: -2px;
}
.janal-display-none {
  display: none;
}
.janal-border-none {
  border: none !important;
}
.janal-content-center {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px !important;
}
.janal-content-table {
  width: 100%;
  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-fix-6 {width: 6% !important;}
.janal-wid-7 {width: 7% !important;}
.janal-fix-7 {width: 7% !important;}
.janal-wid-8 {width: 8% !important;}
.janal-fix-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-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-45 {width: 45% !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-90 {width: 90% !important;}
.janal-wid-92 {width: 92% !important;}
.janal-wid-93 {width: 93% !important;}
.janal-wid-94 {width: 94% !important;}
.janal-fix-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-col-13 {width: 13px !important;}
.janal-wid-col-15 {width: 15px !important;}
.janal-col-15 {width: 15px !important;}
.janal-col-18 {width: 18px !important;}
.janal-wid-col-20 {width: 20px!important;}
.janal-col-20 {width: 20px!important;}
.janal-wid-col-18 {width: 18px !important;}
.janal-col-23 {width: 23px !important;}
.janal-wid-col-25 {width: 25px !important;}
.janal-col-25 {width: 25px !important;}
.janal-wid-col-30 {width: 30px !important;}
.janal-col-30 {width: 30px !important;}
.janal-wid-col-31 {width: 31px !important;}
.janal-col-35 {width: 38px !important;}
.janal-wid-col-38 {width: 38px !important;}
.janal-wid-col-40 {width: 40px !important;}
.janal-col-40 {width: 40px !important;}
.janal-col-45 {width: 45px !important;}
.janal-wid-col-50 {width: 50px !important;}
.janal-col-50 {width: 50px !important;}
.janal-col-55 {width: 55px !important;}
.janal-wid-col-60 {width: 60px !important;}
.janal-col-60 {width: 60px !important;}
.janal-wid-col-61 {width: 61px !important;}
.janal-wid-col-65 {width: 65px !important;}
.janal-col-65 {width: 65px !important;}
.janal-wid-col-70 {width: 70px !important;}
.janal-col-70 {width: 70px !important;}
.janal-wid-col-80 {width: 80px !important;}
.janal-col-80 {width: 80px !important;}
.janal-col-85 {width: 85px !important;}
.janal-wid-col-86 {width: 86px !important;}
.janal-col-86 {width: 86px !important;}
.janal-wid-col-90 {width: 90px !important;}
.janal-col-90 {width: 90px !important;}
.janal-wid-col-100 {width: 100px !important;}
.janal-col-100 {width: 100px !important;}
.janal-wid-col-101 {width: 101px !important;}
.janal-wid-col-110 {width: 110px !important;}
.janal-col-110 {width: 110px !important;}
.janal-wid-col-115 {width: 115px !important;}
.janal-wid-col-116 {width: 116px !important;}
.janal-wid-col-120 {width: 120px !important;}
.janal-col-120 {width: 120px !important;}
.janal-wid-col-130 {width: 130px !important;}
.janal-col-130 {width: 130px !important;}
.janal-wid-col-140 {width: 140px !important;}
.janal-col-140 {width: 140px !important;}
.janal-wid-col-150 {width: 150px !important;}
.janal-wid-col-160 {width: 160px !important;}
.janal-col-160 {width: 160px !important;}
.janal-wid-col-170 {width: 170px !important;}
.janal-wid-col-180 {width: 180px !important;}
.janal-col-180 {width: 180px !important;}
.janal-col-190 {width: 190px !important;}
.janal-wid-col-200 {width: 200px !important;}
.janal-col-200 {width: 200px !important;}
.janal-col-205 {width: 205px !important;}
.janal-col-210 {width: 210px !important;}
.janal-wid-col-220 {width: 220px !important;}
.janal-col-220 {width: 220px !important;}
.janal-wid-col-230 {width: 230px !important;}
.janal-col-230 {width: 230px !important;}
.janal-col-240 {width: 240px !important;}
.janal-wid-col-250 {width: 250px !important;}
.janal-col-255 {width: 255px !important;}
.janal-col-270 {width: 270px !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-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: 21px;
  position: relative;
  font-weight: normal;
  white-space: nowrap;
	margin: 0px;
}
.janal-header-acronym {
  font-size: 14px;
  position: relative;
}
.janal-header-logo {   
  height: 54px;
  background-image:url("/javax.faces.resource/img/sistema/sin-foto.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;}
.lg-pantalla{display:contents;}
.janal-view-normal{}
.janal-view-small{display: none}
.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: 97px;}
.manzana-lote-font {font-size: 2.5vw !important;}

/*==== Media queries =====*/
/* Smartphones (portrait) ----------- */
@media  (max-width : 480px) {
  .janal-display-none {
    display: none !important;
  }  
	.janal-column-icon {
    text-align: left;
    width: 100%;
  }
  .ui-tabs .ui-tabs-panel {padding: initial;}
  .janal-header-logo {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 0%;
    background-position: center;
    margin: -20px;
  }
  .ui-sticky {top: 89px !important;}
  .layout-header-widgets {top: -5px;}
  .manzana-lote-font {font-size: 7.5vw !important;}
  .janal-logo-kajool {
    height: 60px;
    width: 80px;
    text-align: center;  
  }
  .janal-logo-mini {width: 85px;}
  .janal-grid-row {}
  .xs-pantalla{display:inline;}
  .lg-pantalla{display: none;}
  .janal-view-normal{display: none;}
  .janal-view-small{}
  .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-1 {width: 99% !important}
  .janal-wid-2 {width: 99% !important}
  .janal-wid-3 {width: 99% !important}
  .janal-wid-4 {width: 99% !important}
  .janal-wid-5 {width: 99% !important}
  .janal-wid-6 {width: 99% !important}
  .janal-wid-7 {width: 99% !important}
  .janal-wid-8 {width: 99% !important}
  .janal-wid-9 {width: 99% !important}
	.janal-wid-10 {width: 99% !important;}
	.janal-wid-11 {width: 30% !important;}
	.janal-wid-12 {width: 99% !important;}
	.janal-wid-13 {width: 99% !important;}
	.janal-wid-15 {width: 99% !important;}
	.janal-wid-16 {width: 99% !important;}
	.janal-wid-17 {width: 99% !important;}
	.janal-wid-18 {width: 99% !important;}
	.janal-wid-20 {width: 99% !important;}
	.janal-wid-22 {width: 99% !important;}
	.janal-wid-24 {width: 99% !important;}
	.janal-wid-25 {width: 99% !important;}
	.janal-wid-26 {width: 99% !important;}
	.janal-wid-33 {width: 99% !important;}
	.janal-wid-35 {width: 99% !important;}
	.janal-wid-36 {width: 99% !important;}
	.janal-wid-40 {width: 99% !important;}
	.janal-wid-45 {width: 99% !important;}
	.janal-wid-50 {width: 99% !important;}
	.janal-wid-55 {width: 99% !important;}
	.janal-wid-56 {width: 99% !important;}
	.janal-wid-65 {width: 99% !important;}
	.janal-wid-70 {width: 99% !important;}
	.janal-wid-75 {width: 99% !important;}
	.janal-wid-80 {width: 99% !important;}
	.janal-wid-83 {width: 99% !important;}
	.janal-wid-85 {width: 99% !important;}
  .janal-wid-81 {width: 86% !important;}
  .janal-wid-88 {width: 88% !important;}
	.janal-wid-90 {width: 99% !important;}
	.janal-wid-91 {width: 99% !important;}
	.janal-wid-92 {width: 99% !important;}
	.janal-wid-93 {width: 99% !important;}
	.janal-wid-94 {width: 99% !important;}
	.janal-wid-95 {width: 99% !important;}
	.janal-wid-96 {width: 89% !important;}
	.janal-wid-97 {width: 99% !important;}
	.janal-wid-98 {width: 99% !important;}
	.janal-wid-99 {width: 99% !important;}
	.janal-wid-col-5 {width: 99% !important;}
	.janal-wid-col-8 {width: 99% !important;}
	.janal-wid-col-10 {width: 99% !important;}
	.janal-wid-col-15 {width: 99% !important;}
	.janal-wid-col-18 {width: 99% !important;}
	.janal-wid-col-20 {width: 99% !important;}
	.janal-wid-col-25 {width: 99% !important;}
  .janal-wid-col-31 {width: 99% !important;}
  .janal-wid-col-38 {width: 99% !important;}
	.janal-wid-col-40 {width: 99% !important;}
	.janal-wid-col-50 {width: 99% !important;}
  .janal-wid-col-61 {width: 99% !important;}
	.janal-wid-col-70 {width: 99% !important;}
	.janal-wid-col-80 {width: 99% !important;}
	.janal-wid-col-86 {width: 99% !important;}
	.janal-wid-col-90 {width: 99% !important;}
	.janal-wid-col-100 {width: 99% !important;}
	.janal-wid-col-101 {width: 99% !important;}
	.janal-wid-col-110 {width: 99% !important;}
  .janal-wid-col-116 {width: 99% !important;}
  .janal-wid-col-120 {width: 99% !important;}
	.janal-wid-col-130 {width: 99% !important;}
	.janal-wid-col-140 {width: 99% !important;}
	.janal-wid-col-150 {width: 99% !important;}
	.janal-wid-col-160 {width: 99% !important;}
	.janal-wid-col-170 {width: 99% !important;}
	.janal-wid-col-180 {width: 99% !important;}
	.janal-wid-col-200 {width: 99% !important;}
	.janal-wid-col-220 {width: 99% !important;}
	.janal-wid-col-230 {width: 99% !important;}
	.janal-wid-col-250 {width: 99% !important;}
	.janal-wid-col-280 {width: 99% !important;}
	.janal-wid-col-300 {width: 99% !important;}
	.janal-wid-col-320 {width: 99% !important;}
	.janal-wid-col-350 {width: 99% !important;}
	.janal-wid-col-380 {width: 99% !important;}
	.janal-wid-col-450 {width: 99% !important;}
	.janal-wid-col-480 {width: 99% !important;}
	.janal-wid-col-500 {width: 99% !important;}
	.janal-wid-col-530 {width: 99% !important;}
	.janal-wid-col-550 {width: 99% !important;}
	.janal-wid-col-600 {width: 99% !important;}
	.janal-wid-col-650 {width: 99% !important;}
	.janal-wid-col-700 {width: 99% !important;}
	.janal-wid-col-750 {width: 99% !important;}
	.janal-wid-col-850 {width: 99% !important;}
	.janal-wid-col-900 {width: 99% !important;}
	.janal-top-menus {top: 6px;}
	.janal-wid-codigo{width: 63% !important;}
	.janal-wid-articulo {width: 59% !important;}
}
/* long-Smartphones (portrait) ----------- */
@media  (min-width : 481px) and (max-width : 767px) {
  .janal-display-none {
    display: none !important;
  }  
	.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: 90px;}
  .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-logo {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    margin: -10px;
  }
  .janal-grid-row {}
  .xs-pantalla{display:inline;}
  .lg-pantalla{display: none;}
  .janal-view-normal{display: none;}
  .janal-view-small{}
  .janal-header-acronym {font-size: 22px;letter-spacing:.3em}
  .margin-fecha {padding-left: 0px;}
  .margin-desarrollo {margin-top: 0px !important;}
  .margin-version {margin-top: 0px !important;}
  .janal-wid-1 {width: 99% !important}
  .janal-wid-2 {width: 99% !important}
  .janal-wid-3 {width: 99% !important}
  .janal-wid-4 {width: 99% !important}
  .janal-wid-5 {width: 99% !important}
  .janal-wid-6 {width: 99% !important}
  .janal-wid-7 {width: 99% !important}
  .janal-wid-8 {width: 99% !important}
  .janal-wid-9 {width: 99% !important}
	.janal-wid-10 {width: 99% !important;}
	.janal-wid-11 {width: 30% !important;}
	.janal-wid-12 {width: 99% !important;}
	.janal-wid-13 {width: 99% !important;}
	.janal-wid-15 {width: 99% !important;}
	.janal-wid-16 {width: 99% !important;}
	.janal-wid-17 {width: 99% !important;}
	.janal-wid-18 {width: 99% !important;}
	.janal-wid-20 {width: 99% !important;}
	.janal-wid-22 {width: 99% !important;}
	.janal-wid-24 {width: 99% !important;}
	.janal-wid-25 {width: 99% !important;}
	.janal-wid-26 {width: 99% !important;}
	.janal-wid-30 {width: 99% !important;}
	.janal-wid-33 {width: 99% !important;}
	.janal-wid-35 {width: 99% !important;}
	.janal-wid-36 {width: 99% !important;}
	.janal-wid-40 {width: 99% !important;}
	.janal-wid-45 {width: 99% !important;}
	.janal-wid-50 {width: 99% !important;}
	.janal-wid-55 {width: 99% !important;}
	.janal-wid-56 {width: 99% !important;}
	.janal-wid-60 {width: 99% !important;}
	.janal-wid-65 {width: 99% !important;}
	.janal-wid-70 {width: 99% !important;}
	.janal-wid-75 {width: 99% !important;}
	.janal-wid-80 {width: 99% !important;}
  .janal-wid-81 {width: 81% !important;}
  .janal-wid-83 {width: 99% !important;}
  .janal-wid-85 {width: 99% !important;}
  .janal-wid-86 {width: 86% !important;}
  .janal-wid-88 {width: 88% !important;}
	.janal-wid-90 {width: 99% !important;}
	.janal-wid-91 {width: 99% !important;}
	.janal-wid-92 {width: 99% !important;}
	.janal-wid-93 {width: 99% !important;}
	.janal-wid-94 {width: 99% !important;}
	.janal-wid-95 {width: 99% !important;}
	.janal-wid-96 {width: 89% !important;}
	.janal-wid-97 {width: 99% !important;}
	.janal-wid-98 {width: 99% !important;}
	.janal-wid-99 {width: 99% !important;}
	.janal-wid-col-5 {width: 99% !important;}
	.janal-wid-col-8 {width: 99% !important;}
	.janal-wid-col-10 {width: 99% !important;}
	.janal-wid-col-15 {width: 99% !important;}
	.janal-wid-col-20 {width: 99% !important;}
	.janal-wid-col-18 {width: 99% !important;}
	.janal-wid-col-20 {width: 99% !important;}
	.janal-wid-col-25 {width: 99% !important;}
	.janal-wid-col-31 {width: 99% !important;}
	.janal-wid-col-38 {width: 99% !important;}
	.janal-wid-col-40 {width: 99% !important;}
	.janal-wid-col-50 {width: 99% !important;}
	.janal-wid-col-61 {width: 99% !important;}
	.janal-wid-col-70 {width: 99% !important;}
	.janal-wid-col-80 {width: 99% !important;}
	.janal-wid-col-86 {width: 99% !important;}
	.janal-wid-col-90 {width: 99% !important;}
	.janal-wid-col-100 {width: 99% !important;}
	.janal-wid-col-101 {width: 99% !important;}
	.janal-wid-col-110 {width: 99% !important;}
	.janal-wid-col-116 {width: 99% !important;}
	.janal-wid-col-120 {width: 99% !important;}
	.janal-wid-col-130 {width: 99% !important;}
	.janal-wid-col-140 {width: 99% !important;}
	.janal-wid-col-150 {width: 99% !important;}
	.janal-wid-col-160 {width: 99% !important;}
	.janal-wid-col-170 {width: 99% !important;}
	.janal-wid-col-180 {width: 99% !important;}
	.janal-wid-col-200 {width: 99% !important;}
	.janal-wid-col-220 {width: 99% !important;}
	.janal-wid-col-230 {width: 99% !important;}
	.janal-wid-col-250 {width: 99% !important;}
	.janal-wid-col-280 {width: 99% !important;}
	.janal-wid-col-300 {width: 99% !important;}
	.janal-wid-col-320 {width: 99% !important;}
	.janal-wid-col-350 {width: 99% !important;}
	.janal-wid-col-380 {width: 99% !important;}
	.janal-wid-col-450 {width: 99% !important;}
	.janal-wid-col-480 {width: 99% !important;}
	.janal-wid-col-500 {width: 99% !important;}
	.janal-wid-col-530 {width: 99% !important;}
	.janal-wid-col-550 {width: 99% !important;}
	.janal-wid-col-600 {width: 99% !important;}
	.janal-wid-col-650 {width: 99% !important;}
	.janal-wid-col-700 {width: 99% !important;}
	.janal-wid-col-750 {width: 99% !important;}
	.janal-wid-col-850 {width: 99% !important;}
	.janal-wid-col-900 {width: 99% !important;}
  .janal-top-menus {top: 87px;}
	.janal-wid-codigo{width: 63% !important;}
	.janal-wid-articulo {width: 59% !important;}
}

/* tablets (portrait) ----------- */
@media   (min-width : 768px) and (max-width : 1024px) {
   .janal-header-logo {
     background-repeat: no-repeat;
     background-size: 80%
   }
  .janal-wid-1 {width: 99% !important}
  .janal-wid-2 {width: 99% !important}
  .janal-wid-3 {width: 99% !important}
  .janal-wid-4 {width: 99% !important}
  .janal-wid-5 {width: 99% !important}
  .janal-wid-6 {width: 99% !important}
  .janal-wid-7 {width: 99% !important}
  .janal-wid-8 {width: 99% !important}
  .janal-wid-9 {width: 99% !important}
	.janal-wid-10 {width: 99% !important;}
	.janal-wid-11 {width: 30% !important;}
	.janal-wid-12 {width: 99% !important;}
	.janal-wid-13 {width: 99% !important;}
	.janal-wid-15 {width: 99% !important;}
	.janal-wid-16 {width: 99% !important;}
	.janal-wid-17 {width: 99% !important;}
	.janal-wid-18 {width: 99% !important;}
	.janal-wid-20 {width: 99% !important;}
	.janal-wid-22 {width: 99% !important;}
	.janal-wid-24 {width: 99% !important;}
	.janal-wid-25 {width: 99% !important;}
	.janal-wid-26 {width: 99% !important;}
	.janal-wid-30 {width: 99% !important;}
	.janal-wid-33 {width: 99% !important;}
	.janal-wid-35 {width: 99% !important;}
	.janal-wid-36 {width: 99% !important;}
	.janal-wid-40 {width: 99% !important;}
	.janal-wid-45 {width: 99% !important;}
	.janal-wid-50 {width: 99% !important;}
	.janal-wid-55 {width: 99% !important;}
	.janal-wid-56 {width: 99% !important;}
	.janal-wid-60 {width: 99% !important;}
	.janal-wid-65 {width: 99% !important;}
	.janal-wid-70 {width: 99% !important;}
	.janal-wid-75 {width: 99% !important;}
	.janal-wid-80 {width: 99% !important;}
  .janal-wid-81 {width: 81% !important;}
	.janal-wid-83 {width: 99% !important;}
	.janal-wid-85 {width: 99% !important;}
	.janal-wid-88 {width: 99% !important;}
	.janal-wid-90 {width: 99% !important;}
	.janal-wid-91 {width: 99% !important;}
	.janal-wid-92 {width: 99% !important;}
	.janal-wid-93 {width: 99% !important;}
	.janal-wid-94 {width: 99% !important;}
	.janal-wid-95 {width: 99% !important;}
	.janal-wid-96 {width: 89% !important;}
	.janal-wid-97 {width: 99% !important;}
	.janal-wid-98 {width: 99% !important;}
	.janal-wid-99 {width: 99% !important;}
	.janal-wid-col-5 {width: 99% !important;}
	.janal-wid-col-8 {width: 99% !important;}
	.janal-wid-col-10 {width: 99% !important;}
	.janal-wid-col-15 {width: 99% !important;}
	.janal-wid-col-18 {width: 99% !important;}
	.janal-wid-col-20 {width: 99% !important;}
	.janal-wid-col-25 {width: 99% !important;}
	.janal-wid-col-31 {width: 99% !important;}
	.janal-wid-col-38 {width: 99% !important;}
	.janal-wid-col-40 {width: 99% !important;}
	.janal-wid-col-50 {width: 99% !important;}
	.janal-wid-col-60 {width: 99% !important;}
	.janal-wid-col-61 {width: 99% !important;}
	.janal-wid-col-70 {width: 99% !important;}
	.janal-wid-col-80 {width: 99% !important;}
	.janal-wid-col-86 {width: 99% !important;}
	.janal-wid-col-90 {width: 99% !important;}
	.janal-wid-col-100 {width: 99% !important;}
	.janal-wid-col-110 {width: 99% !important;}
	.janal-wid-col-116 {width: 99% !important;}
	.janal-wid-col-120 {width: 99% !important;}
	.janal-wid-col-130 {width: 99% !important;}
	.janal-wid-col-140 {width: 99% !important;}
	.janal-wid-col-150 {width: 99% !important;}
	.janal-wid-col-160 {width: 99% !important;}
	.janal-wid-col-170 {width: 99% !important;}
	.janal-wid-col-180 {width: 99% !important;}
	.janal-wid-col-200 {width: 99% !important;}
	.janal-wid-col-220 {width: 99% !important;}
	.janal-wid-col-230 {width: 99% !important;}
	.janal-wid-col-250 {width: 99% !important;}
	.janal-wid-col-280 {width: 99% !important;}
	.janal-wid-col-300 {width: 99% !important;}
	.janal-wid-col-320 {width: 99% !important;}
	.janal-wid-col-350 {width: 99% !important;}
	.janal-wid-col-380 {width: 99% !important;}
	.janal-wid-col-450 {width: 99% !important;}
	.janal-wid-col-480 {width: 99% !important;}
	.janal-wid-col-500 {width: 99% !important;}
	.janal-wid-col-530 {width: 99% !important;}
	.janal-wid-col-550 {width: 99% !important;}
	.janal-wid-col-600 {width: 99% !important;}
	.janal-wid-col-650 {width: 99% !important;}
	.janal-wid-col-700 {width: 99% !important;}
	.janal-wid-col-750 {width: 99% !important;}
	.janal-wid-col-850 {width: 99% !important;}
	.janal-wid-col-900 {width: 99% !important;}	 
	.janal-wid-codigo {width: 63% !important;}
	.janal-wid-articulo {width: 59% !important;}
}
.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-black{color: black;}
.janal-color-yellow{color: yellow;}
.janal-color-cyan{color: cyan;}
.janal-color-cell{color: #ABEBC6;}
.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;}
.janal-wid-codigo { width: -webkit-fill-available; width: -moz-available;}
.janal-wid-articulo { 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-float-left { float: left !important; }
.janal-float-right { float: right !important; }
.janal-close-header { float: right !important; padding-top: 3px; padding-right: 2px; cursor: pointer; }

.janal-tr-diferencias {	background-color: #ABEBC6 !important; }
.janal-tr-nuevo { background-color: #FDF5E6 !important; }
.janal-tr-error { background-color: #FF7F50 !important; }
.ui-fileupload-buttonbar { background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%); }
.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon { top: 0% !important;	}
div.ui-selectonemenu-panel { height: 350px; overflow-y: auto;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-inputfield {width: 95%; padding-left: 50px !important;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container {width: 94%;}

.janal-box-header-blue {
  color: black; background: rgb(63,94,251); background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(10,252,233,1) 20%, rgba(234,240,239,0.17130602240896353) 35%, rgba(240,245,244,0.01724439775910369) 50%, rgba(234,240,239,0.17130602240896353) 66%, rgba(10,252,233,1) 80%, rgba(63,94,251,1) 100%);  border-radius: 5px;
  text-align: center;
}
.janal-box-header-red {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(234,240,239,1) 20%, rgba(234,240,239,0.17130602240896353) 35%, rgba(155,240,249,0.01724439775910369) 50%, rgba(67,229,245,0.17130602240896353) 66%, rgba(67,229,245,1) 80%, rgba(0,40,241,1) 100%);  border-radius: 5px;
  text-align: center;
}
.janal-box-title-blue {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(234,240,239,0.2497373949579832) 20%, rgba(234,240,239,0.5186449579831933) 35%, rgba(155,240,249,1) 50%, rgba(67,229,245,0.17130602240896353) 66%, rgba(67,229,245,1) 80%, rgba(0,40,241,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-red {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255) 0%, rgba(234,240,239,0.2497373949579832) 20%, rgba(234,240,239,0.5186449579831933) 35%, rgba(241,130,130,1) 50%, rgba(247,82,82,1) 66%, rgba(201,56,56,1) 80%, rgba(101,21,21,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-green {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(234,240,239,0.2497373949579832) 20%, rgba(234,240,239,0.5186449579831933) 35%, rgba(171,250,175,1) 50%, rgba(100,201,105,1) 66%, rgba(44,145,49,1) 80%, rgba(9,70,12,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-purple {
  color: black; background: rgb(255,255,255); background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(234,240,239,0.2497373949579832) 20%, rgba(234,240,239,0.5186449579831933) 35%, rgba(203,167,228,1) 50%, rgba(217,171,250,1) 66%, rgba(107,50,156,1) 80%, rgba(53,15,85,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-pink {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,194,246,1) 20%, rgba(255,135,238,1) 40%, rgba(250,86,227,1) 60%, rgba(233,61,209,1) 80%, rgba(247,0,212,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-yellow {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,253,190,1) 20%, rgba(255,252,157,1) 40%, rgba(252,249,109,1) 60%, rgba(250,245,60,1) 80%, rgba(252,246,6,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-cyan {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(204,253,254,1) 20%, rgba(183,254,255,1) 40%, rgba(114,207,208,1) 60%, rgba(47,177,179,1) 80%, rgba(5,190,191,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-brown {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(219,203,171,1) 20%, rgba(182,160,116,1) 40%, rgba(140,117,73,1) 60%, rgba(103,81,38,1) 80%, rgba(79,53,3,1) 100%);  
  border-radius: 5px;
}
.janal-box-title-orange {
  color: black; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,242,217,1) 20%, rgba(255,227,173,1) 40%, rgba(254,207,117,1) 60%, rgba(255,190,65,1) 80%, rgba(254,169,5,1) 100%);
  border-radius: 5px;
}

.dashboard { margin-right: 0px; margin-left: 0px; margin-top: -8px; }
.dashboard > div { padding: 0px; }
.dashboard .card { height: 100%; margin: 5px; }
.dashboard .dot {
  height: .5em;
  width: .5em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block; 
}
.dashboard .dot.dot-green { background-color: #4caf50; }
.dashboard .dot.dot-red { background-color: #e91e63; }
.dashboard .dot.dot-orange { background-color: #ff9800; }     
.dashboard .overview-box {font-size: 16px; color: #4c87c9; font-weight: 700;}
.card {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  padding: 0.2em;
  margin-bottom: 1em;
  box-sizing: border-box; 
  border-radius: 5px;
}
.card .card-title { font-size: 16px; font-weight: 500; margin: 1em 0; letter-spacing: .3px; }
.card .card-title:first-child { margin-top: 0; }
.card p { margin: 0 0 1em 0; padding: 0; }
.nopad { padding: 0; }
.nopad .ui-panel-content { padding: 0; }    
.dashboard .overview-inner-box { height: 355px; padding: 0px !important; border: transparent; }  
.dashboard .overview-inner-chart { height: 373px; padding: 0px !important; border: transparent; }  
.keet-chart-panel { width:100%; height: 290px; display:block; padding-top: 20px; }
.keet-chart-panel-box { width:100%; height: 340px; display:block; padding-top: 20px; }
.keet-item-hide { display: none; }
.keet-chart-content { text-align: center; }
.janal-bottom-button { position: fixed !important; right: 20px; bottom: 20px; box-shadow: 0 0 15px 1px #808080; }