@charset "UTF-8";

/*********************************************************************************/ 
/*                  Estilos comunes SAE                                          */
/*********************************************************************************/
/*Estilo para el contenedor principal del contenido*/


.alturaContenido{
	min-height: 29rem;
}

/* 1. GRID 960 adaptado a EM */
.container {
 margin-left: auto;
 margin-right: auto;
 width: 96em;
 float: none;
}


.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}

.clearfix:before, .clearfix:after, .container:before, .container:after {
 content: '.';
 display: block;
 overflow: hidden;
 visibility: hidden;
 font-size: 0;
 line-height: 0;
 width: 0;
 height: 0;
}

.clearfix:after, .container:after {
 clear: both;
}


#contenidos{
	background: #fff;
	padding-bottom: 1.5rem;
	
}
.contenedorContenido{
	background: #fff;
}

/*          Estilos para píe de página          */
#pie {
    background: #575656;
    border-top: 6px solid #2b2b2b;
    min-height: 6rem;
}
.container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 96em;
}

/*          Estilo para enlaces links           */
a{
    color: #087021;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
/*          Estilo para las filas de la rejilla         */
.ui-grid-row{
    /* margin-bottom: 0.6rem;*/ 
}
/*          Estilo para las columnas de la rejilla          */
.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4,
    .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8,
    .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
    padding: 5px 0 5px 0;
    font-size: 0.6rem;
    color: #515151;
}


/*          Estilo para los fieldset            */
.ui-fieldset {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin-top:10px;
    
}
.ui-fieldset .ui-fieldset-legend {
    font-weight: bold;
    border: 0px;
    padding: 0 5px 0 5px;
    margin: 10px 0 10px 10px;
}
/*          Estilo para las negritas y normal           */
b {
    font-weight: bold;
    font-size: 1em;
}

.negritaPortalSAE {
    font-weight: bold;
}

.negrita {
    font-weight: bold;
}
.normal {
    font-weight: normal;
}
/*          Estilo para colocar el título principal         */

.ui-panel .ui-panel-titlebar {
    padding: 0.5em 0em 0.3em;
}
/*          Estilo para Título principal            */
.ui-panel .ui-panel-title,  .ui-panel-title{
    font-size: 0.8rem;
    font-weight: bold;
    font-family: "TeXGyreHerosRegular", Arial, Helvetica, sans-serif;
    color: #087021;
    margin-top: 0.5rem;
    display: block;
   }
/*** Quita borde al contenedor pral. ui-panel ***/
.ui-panel {
    border: 0px;
}
/*          tamaño de las cajas de texto            */
                                                                /*     Los !Important son para los ui-selectonemenu    */
.ui-grid-col-1 .ui-inputtext{
    width: 80%;
}
.ui-grid-col-2 .ui-inputtext{
    width: 81%;
}
.ui-grid-col-3 .ui-inputtext{
    width: 89%;
} 
.ui-grid-col-4 .ui-inputtext{
    width: 88%;
}
.ui-grid-col-5 .ui-inputtext{
    width: 94%;
}
.ui-grid-col-6 .ui-inputtext{
    width: 94%;
}
.ui-grid-col-7 .ui-inputtext{
    width: 94%; 
}
.ui-grid-col-8 .ui-inputtext{
     width: 94%;
}
.ui-grid-col-9 .ui-inputtext{
    width: 94%; 
}
.ui-grid-col-10 .ui-inputtext{
    width: 94%; 
}
.ui-grid-col-11 .ui-inputtext{
    width: 94%;  
}
.ui-grid-col-12 .ui-inputtext, .ui-grid-col-12 .ui-password{
    width: 97%;
}


.ui-grid-col-1 .ui-selectonemenu{
    width: 80%!Important;
}
.ui-grid-col-2 .ui-selectonemenu{
    width: 81%!Important;
}
.ui-grid-col-3 .ui-selectonemenu{
    width: 89%!Important;
} 
.ui-grid-col-4 .ui-selectonemenu{
    width: 88%!Important;
}
.ui-grid-col-5 .ui-selectonemenu{
    width: 94%!Important;
}
.ui-grid-col-6 .ui-selectonemenu{
    width: 94%!Important;
}
.ui-grid-col-7 .ui-selectonemenu{
    width: 94%!Important; 
}
.ui-grid-col-8 .ui-selectonemenu{
     width: 94%!Important;
}
.ui-grid-col-9 .ui-selectonemenu{
    width: 94%!Important; 
}
.ui-grid-col-10 .ui-selectonemenu{
    width: 94%!Important; 
}
.ui-grid-col-11 .ui-selectonemenu{
    width: 94%!Important;  
}
.ui-grid-col-12 .ui-password{
    width: 97%!Important;
}

/*          Jerarquía en posicionamientos de items de los checkbox de expedientes.xhtml (Viene heredado de un tema existente)           */
.checks_primero {
    float: left;
    width: 100%;
    padding: 5px 5px 0 5px;
}

.checks_segundo {
    float: left;
    width: 100%;
    padding: 0px 5px 10px 30px;
}

.checks_tercero {
    float: left;
    width: 100%;
    padding: 0px 5px 5px 25px;
}
/*          Estilos para el Select Menú         */
.ui-selectonemenu-label {/*Label interior del marco del select*/
    border: 1px solid #ccc;  
    color: #939393;
    height: 25px;
    margin: 0 0 0 5px;
    padding: 2px 2px 2px 0;
}
.ui-selectonemenu {/*Este important es para un ancho fijo, lo toma automático. Posible borrado tras solución*/
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 1.25em;
}

.ui-selectonemenu .ui-state-focus{
      border: 1px solid #087021!Important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #FFF;
    border-bottom: medium none;
    border-right: medium none;
    border-top: medium none;
    cursor: pointer;
    height: 2em;
    padding: 0 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 23px;
}
.ui-selectonemenu .ui-inputfield {
    font-size: 0.6rem;
    padding: 0px;
    margin-left: 2px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border: 0 none;
    font-size: 0.6rem;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    white-space: nowrap;
    font-size: 0.6rem;
    color: #515151;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item:HOVER {/*Estilo para elmento por el cual pase el cursor del Select*/
    background-color: #dff4e9;
}

/*          Estilo para los Label           */
.ui-outputlabel {
    color: #515151;
    display: block;
    font-size: 0.6rem;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 0.2em;
}
/*          Estilo para todos los campos inputfield         */
.ui-inputfield {
    border: 1px solid #ccc;
    color: #515151;
    font-size: 0.6rem;
    font-family: Arial, Helvetica, sans-serif;
    height: 15px;
    padding: 4px;
}

.ui-inputfield .ui-state-focus{
      border: 1px solid #087021;
    
}
/*              Estilos los Label del Checkbox             */
.ui-chkbox .ui-chkbox-label {
    color: #515151;
    display: inline;
}

/*          Estilo para el cuadradito del Checkbox         */
.ui-chkbox-box {
    margin: 0 0.5em 0 0;
    font-size: 0.6rem;
    vertical-align: middle;
}
.ui-chkbox .ui-chkbox-box {
    display: inherit;
    height: 6px;
    width: 6px; 
    padding: 0 5px 5px 0;
}

.ui-chkbox-box .ui-icon {
    width: 10px;
    height: 10px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-chkbox .ui-state-disabled{
    background: #CCCCCC;
    border: solid 1px;
}
.ui-chkbox .ui-state-focus{
	border: 1px solid #087021;;
}
/*   Estilo para los selectListBox */
.selectListbox{
   width:98%;       
   padding-left: 0px;  
}
.ui-selectonelistbox {
    cursor: pointer;
    display: inline-block;
    border:0px!important; 
}
.ui-selectonelistbox label.ui-selectonelistbox-label {
    cursor: pointer;
    height: 10px;
}
 

/*             Estilos para los RadioButtons            */
.ui-radiobutton .ui-radiobutton-box {
    width: 9px;
    height: 9px;
    line-height: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*          Estilo para el circulo exterior del radio button           */
.ui-radiobutton .ui-icon {
    width: 12px;
    height: 12px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: -4px;
    margin-left: -3px;
}

/*          Estilo para la img interior del radio button            */
.ui-radiobutton .ui-state-default {
    margin-top: 2px;
    padding: 0px;
    
}

.ui-radiobutton .ui-state-focus{
    border: 1px solid #087021;;
}

.ui-selectoneradio td{
    padding: 4px;
}
/*** Estilos para los diferentes tipos de botones ***/
.ui-button {
    background: #4c4c4c;
    border: 0px solid #999999;
    color: #fff;
    cursor: pointer;
    line-height: 1.2em;
    vertical-align: center;
    margin-right:4px;
    height: 25px;
    
}
/*** Estado del botón sobre (sólo afecta a los botoenes con texto) ***/
.ui-button:hover {
    background: rgba(0, 0, 0, 0)
        url("/sjg-interesados/javax.faces.resource/images/fondo_verder_boton_junta.png.xhtml?ln=primefaces-justificaciones")
        repeat scroll 0 -24px;
}
/*      Estilos para quitar el cambio de color de los botones en estado hover cuando estén disabled     */
.ui-button-text-only:hover:disabled {
    background: #4c4c4c;
}
.ui-button-text-icon-left:hover:disabled {
    background: #4c4c4c;
}

.ui-button:focus{
      border: 1px solid #087021;
}


/*** Botones con texto ***/
.ui-button-text {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 0.5rem;
}

.ui-button .ui-button-text {
    line-height: normal;
    color: #fff;
}

/*** Estilo para botones con iconos y sin texto ***/

.ui-button-icon-only {
    background: transparent;
    color: transparent;
    border: 0px;
    height: 2em;
    width: 2em;
    padding-left: 4px;
    border-top: 0em;
    text-indent: -9999999px;
}

.ui-c{
	color: transparent;
}
/*** Estado del botón sobre (sólo afecta a los botoenes sin texto) ***/
.ui-button-icon-only:hover {
    background: transparent;
}

.posicion-selectoneradio-label {
    padding: 10px 10px 10px 10px;
    vertical-align: super;
}

.ui-selectonemenu:FOCUS {
    border: 1px solid #087021;
}
/*** Comportamiento para quitar el fondo de imagen al pasar el cursor sobre ***/
.ui-selectonemenu .ui-inputfield:HOVER, .ui-selectonemenu .ui-inputfield:ACTIVE,
    .ui-selectonemenu .ui-inputfield:AFTER, .ui-selectonemenu .ui-inputfield:BEFORE,
    .ui-selectonemenu .ui-inputfield:BEFORE {
    background: transparent;
}
/*** Comportamiento de color cuando esté el foco en el campo input ***/
.ui-inputfield:FOCUS {
    border: 1px solid #087021;
    background: transparent;
}
/*** Comportamiento para quitar el fondo de imagen al pasar el cursor sobre ***/
.ui-inputfield:HOVER, .ui-inputfield:ACTIVE, .ui-inputfield:AFTER,
    .ui-inputfield:BEFORE, .ui-inputfield:BEFORE {
    /* background: transparent; */
}

.nominaSS{
    padding-left: 100px;
    padding-right: 9px;
}

/*          Estilo para la cabecera de las tablas, incluida la última celda que lleva estilo diferente          */
/*  Estilo margen inferior de las tablas    */
.ui-treetable,.ui-datatable{
	margin-bottom: 5px;
}

.ui-datatable .ui-sortable-column, .ui-datatable thead tr:first-child .ui-state-default
    {
    font-weight: bold;
    text-align: center !important;
    vertical-align: middle;
    font-size: 0.55rem;
    color: #FFFFFF;
    background-color: #087021;
}

.ui-datatable .ui-selectonemenu{
	background: #FFF;
}


thead {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 0.55rem;
    color: #FFFFFF;
    background-color: #087021;
}
/*** Estilo para que todo el contenido de la celda se adapte ***/
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
    white-space: inherit;
}
.ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th,
.ui-treetable tbody td, .ui-treetable tfoot td, .ui-treetable tfoot th
{
    font-size: 0.55rem;
}

/*** Estilo para los margenes superior e inferior de los treetables y cabeceras de las tablas ***/

.ui-treetable thead tr:first-child .ui-state-default {
    color: #fff;
    font-weight: bold;
    font-size: 0.55rem;
    text-align: center !important;
}

.ui-sortable-column .ui-state-hover {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    font-size: 0.55rem;
    color: #FFFFFF;
    background-color: #087021;
}

/*** Estilo que da color a las filas pares de la tabla sin contar la cabecera ***/
table tr:nth-child(2n) {
    background: #eaeaea;
}
/*** Estilo para el tbody de las filas impares ***/
.ui-datatable table tr:nth-child(2n+1) {
    background: #ffffff;
}

/*** Estilo que da color a las filas seleccionadas ***/
.ui-treetable .ui-treetable-data tr.ui-state-highlight, .ui-treetable .ui-treetable-data tr.ui-state-focus{
    background: #fbfeb8;
}

/* Estilo que da color a las filas seleccionadas */
.ui-datatable .ui-datatable-data tr.ui-state-highlight, .ui-datatable .ui-datatable-data tr.ui-state-focus{
    background: #fbfeb8;
}

/*** Estilo para quitar el padding genérico de todas las celdas de la tabla y dar uno más correcto ***/
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
    .ui-datatable tfoot th {
    height:20px;
    padding: 5px;
    /*Añade saltos de líena en las celdas si los tuviese */
    white-space:pre-wrap;
}

/*** Estilo para los botones de acciones de la fila de la tabla ***/
.ui-datatable tbody td .ui-button {
    height: 1.5em;
    width: 1.5em;
}

/*** Estilo para de la paginación ***/
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options
    {
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    height:26px;
    background-image: none;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages,
    .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last,
    .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev,
    .ui-paginator .ui-paginator-current {
    display: inline-block;
    padding: 2px 2px;
    text-decoration: none;
    outline: none;
    font-size: 0.6rem;
    color: #666666;
}

.ui-paginator-rpp-label {
    margin-left: 0.4em;
    font-size: 0.6rem;
    color: #666666;
}

.ui-paginator select {
    height: 28px;
    width: 55px;
    margin-left: 0px;
    vertical-align: baseline;
}

/*** Posicionamiento de elementos "no maquetados" (Elementos a la derecha de la paginación) ***/
.ui-paginator a {
    margin-top: 0px;
    float: right;
}

/*          Estilo para los botones de la tabla margen inferior     */
.ui-datatable .ui-button {
    margin-bottom: 4px;
}

/*      Centra icono a la columna       */
.estiloCentrarIcono {
    display: block;
    margin: 0 auto;
}

/* Estilo para subir boton incorporar en la pestaña documentos*/
.estiloSubirBoton {
	margin-top: -20px
}

/*      Estilos para los campos Date        */
.ui-datepicker-trigger {
    cursor: pointer;
    height: 25px !important;
    width: 26px;
    
}

/*** Estilo para el calendario que muestra el datetime ***/
/*** Estilo para el ancho del datetime ***/
.ui-datepicker {
    width: 10rem;
}
/*** Estilo para la cabecera del datetime ***/
.ui-datepicker-calendar thead {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 0.4rem;
    color: #FFFFFF;
    background-color: #087021;
}
/*** Estilo para los días del mes datetime ***/
.ui-datepicker-calendar tbody td {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    font-size: 0.2rem;
    color: #087021;
    background-color: #FFFFFF;
}

.ui-datepicker-month {
    margin: 0px 5px 0px 5px;
}

/*** Estilo de borde para panel con pestañas ***/

.ui-tabs {
    position: relative;
    margin-top: 40px;
    
}
.ui-tabs-nav{
position: absolute;
    top: -27px;
}
.ui-tabs .ui-tabs-panel {
   margin-left: 0px;
}

.ui-tabs-nav .ui-state-default{
    border-bottom: 1px solid #ccc!Important;
}
.ui-tabs-nav .ui-tabs-selected {
    background: #fff!Important;
    font-weight: bold;
    border-bottom: 1px solid #fff!Important;
    border-left:  1px solid #ccc!Important;
    border-top:   1px solid #ccc!Important;
    border-right: 1px solid #ccc!Important;
}
.ui-tabs-nav .ui-corner-top{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    border-bottom: 0;
    top: 1px;
    margin-left: 4px;
    margin-right: 0px;
    
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0.3em 1em;
     color: #087021;
}
.ui-tabs .ui-tabs-nav li{
    background: #ececec;
    margin:0;
}


/*** Estilo para las breadcrumb ***/
#miga {
    min-height: 1.5em;
    _height: 1.5em;
    padding-top: 5px;
    padding-bottom: 3px;
    background-color: #eaeaea;
    border-bottom: 1px #cccccc solid;
}
/*** Estilo para el posicionamiento de breadcrumb ***/
.ui-breadcrumb {
    padding: 0px;
    background: #eaeaea;
    background-image:
        url("/sjg-interesados/javax.faces.resource/images/miga_ico.gif.xhtml?ln=primefaces-justificaciones");
    background-repeat: no-repeat;
    /* background-position: -238px -96px; */
    padding-left: 15px;
}
/*** Estilo para los elementos listados en el breadcrumb ***/
.ui-breadcrumb ul li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    padding-top: 0px;
    font-size: 0.6rem;
    color: #515151;
}
/*** Estilo para quitar el subrayado en los elementos listados en el breadcrumb ***/
.ui-breadcrumb ul li a {
    text-decoration: none;
}
/*** Estilo para poner el subrayado en los elementos listados en el breadcrumb al pasar el cursor sobre ellos ***/
.ui-breadcrumb ul li a:hover {
    text-decoration: underline;
}
/***        Estilo de primefaces de breadcrumb      ***/
.ui-breadcrumb ul li .ui-menuitem-link {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 0px;
}
/*** Estilo para colocar bien la flechita del breadcrumb ***/
.ui-breadcrumb-chevron {
    float: left;
    margin-top: -1px;
}

/*** Estilos para cabecera.xhtml ***/
.contenedorCabecera {
    background-image:
        url("/sjg-interesados/javax.faces.resource/images/fondo-cabecera-para-repetir-horizontal.png.xhtml?ln=primefaces-justificaciones");
    background-repeat: repeat-x;
    min-height: 11em;
}

.estiloEntorno{
    color: #FF8C00;  
    font-size: 0.68rem; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
    margin-right: 10px;
}

.version {
    color: #000000;
	font-size: 0.5rem;
    font-style: italic;	
}

.contenedorComponenteCabecera {
    float: left;
    margin-top: 2%;
    padding: 10px;
}

.logoSistemaJustificacionGenerico {
    padding-left: 7%;
}

.logoSistemaSAE {
    padding-left: 9%;
    padding-top: 3%;
}



/*** Estilos para el panel de recuperación de contraseña ***/
.panelLogin-Restauracion {
    margin-left: 20%;
    margin-top: 10%;
    width: 50em;
    border: 1px solid #CCC;
}

.alinearBotonAcceso {
    margin-left: 40%;
}
/*** Estilos para los mensajes de error ***/
.ui-messages-error {
    background-color: #fff;
    border: 1px solid #cc3300;
    color: #cc3300;
    font-size: 0.6rem;
    width: 98%;
    margin-bottom: 20px;
}

.mensajeErrorCampo{
	display: block;
	margin-top: 22px;
	margin-left: 5px;
	color:  #df0209;
}
.ui-message-error {
	border: 0;
    color: #cc3300;
    font-size: 0.6rem;
    margin-top: 10px;
     margin-left: 0;
    
}
.ui-messages-info{
	border: 1px solid #75aadb;
	background-color: #fff;
	font-size: 0.6rem;
    margin-bottom: 20px;
}

.ui-messages-warn, .ui-message-warn{
    background-color: #fff;
    border: 1px solid #cfa80a;
    color: #cfa80a;
    font-size: 0.6rem;
    width: 98%;
    margin-bottom: 20px;
} 
.ui-confirm-dialog-message{
    font-size: 0.6rem;
}
/*** Estilo para quitar los iconos de error ***/
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
    .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon,
    .ui-message-error-icon, .ui-message-fatal-icon {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}
/* Icono nuevo de error*/
.ui-messages-error-icon{
background: url("/sjg-interesados/javax.faces.resource/images/error.png.xhtml?ln=primefaces-justificaciones")no-repeat;
    margin-top: -5px;
}
/* Icono nuevo de alerta*/
.ui-messages-warn-icon{
background: url("/sjg-interesados/javax.faces.resource/images/alerta.png.xhtml?ln=primefaces-justificaciones")no-repeat;
}
.ui-messages-info-icon{
background: url("/sjg-interesados/javax.faces.resource/images/informacion.png.xhtml?ln=primefaces-justificaciones")no-repeat;
 margin-top: -5px;
}

.ui-messages-info-summary, .ui-messages-warn-summary, 
.ui-messages-error-summary, .ui-messages-fatal-summary, 
.ui-message-info-summary, .ui-message-warn-summary, 
.ui-message-error-summary, .ui-message-fatal-summary{
    display: block;
}

/*** Estilo para la navegación del menú principal ***/
.navegacion {
    height: 2.5em;
    background-repeat: repeat-x;
    border-bottom: #d7d7d7 1px solid;
    border-top: #ededed 1px solid;
    background-color: #f2f2f2;
    color: #515151;
}
.primerElementoNavegacion{
	float: right;
	margin-right: 10px;
}
.seguntoElementoNavegacion{
	float: right;
	margin-right: 20px;
}

/* Estilo para quitar subrayado de los link de la cabecera*/
.quitarDecoracionTextos {
    text-decoration: none;
    color: #515151;
}

.quitarDecoracionTextos:HOVER {
    text-decoration: underline;
}
/*** Estilo para títulos de tablas-anteriores legeng de fieldset desgloseImportes ***/
.textoOutputextVerde {
    color: #007934;
}

.textoOutputextGris {
    color: #666666;
}

.datosSubrayado {
    padding-top: initial;
    text-decoration: underline;
}

.textoOutputextSubrayado {
    text-decoration: underline;
}

/*** Estilo para los iconos inferiores de las tablas ***/
.posicionIconosTabla {
    padding-left: 5px;
    vertical-align: middle;
    margin-top: 0px;
}
/*** Estilo para los iconos inferiores de las treetables ***/
.botonesInferioresTreetableDerecha{
    float: right;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.textoBotonesInferioresTreetable{
	float: left;
	margin-top: 3px;
}
.posicionIconosTreeTable{
    padding-left: 5px;
    vertical-align: middle;
    margin-top: 0px;
    float: left;
}

/*** Estilo para el tipo de fuente de la paginación de las tablas ***/
.ui-paginator .ui-widget-header {
    font-family: Arial, Helvetica, sans-serif;
}

.quitaMargenInferiorContenedores{
    margin-bottom: 0px;
}
/******ALINEA EL CONTENIDO******/
.ui-panel .ui-panel-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding: 0em 0em;
}

/******REPETIDO EN ESTILOS JDA********/

.boton{
  padding:0.13em;
  text-transform: uppercase;
  font-size: 0.9em;
  border:1px solid #999999;
  color:#fff;
  background: #4c4c4c;
  cursor:pointer;
  }
.boton:hover{ 
  background:url("/sjg-interesados/javax.faces.resource/images/fondo_verder_boton_junta.png.xhtml?ln=primefaces-justificaciones") 0 -24px;
  }
.boton:active{  
  background:url("/sjg-interesados/javax.faces.resource/images/fondo_verder_boton_junta.png.xhtml?ln=primefaces-justificaciones") 0 -48px;
  }
  

/*** Estilo pantalla error ***/
.error-code-block {
    padding-top: 2em;
    padding-bottom: 2em;
}

/* Estilo para modificar el apecto del componente fileupload */
.ui-fileupload-buttonbar {
    background: transparent none;
    border: none;
    height: 5px;
}

.ui-fileupload-content {
    display: none;
}

.ui-fileupload-buttonbar .ui-fileupload-choose {
   /* background-color: rgba(142, 103, 64, 0.98);*/
}

.ui-fileupload .start {
    display: none;
}

.ui-fileupload .cancel {
    display: none;
}

.ui-fileupload .progress {
    display: none;
}

.ui-fileupload .template-upload {
    display: none !important;
}

.ui-fileupload {
    border: none;
}

.ui-progressbar { /* made progress bar smaller to fit on same line */
    width: 100px !important;
    height: 5px !important;
}

.fileupload-buttonbar .fileinput-button .ui-icon-plusthick {
    /* remove icon from browse button */
    display: none !important;
}

.fileupload-buttonbar .fileinput-button  .ui-button-text {
    /* removed icon from browse button so shifting text left*/
    padding-left: 1em !important;
}

.ui-fileupload .fileupload-buttonbar {
    border: none !important;
    background: transparent;
    background-color: transparent;
    float: left; /* Keep button on left */
}

.fileupload-content {
    border: none !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background: transparent !important;
    background-color: transparent !important;
    float: right; /* and content on right */
}
.ui-fileupload .ui-button{
    height: 15px!Important;

}
/* Fin estilo componente fileupload */

/* Estilos especificos para cuestionario */
.ui-selectmanycheckbox label{
    color: #515151 !important;
    opacity: 1 !important
}


/* Estilos para los textArea de apuntes */
.inputTextAreaExplicacion{
    height: 87%;
    width: 99%
}
.inputTextAreaDescripcion{
    height: 70%;
    width: 99%
}
.inputTextAreaCorrecciones{
    height: 85%;
    width: 99%
}

.unresizable {
    resize: none;
}
/*          Estilo para el componente desplegable de autocompletado         */
.ui-autocomplete-panel{
	background: #FFFFFF;
}
.ui-autocomplete-list-item{
	font-size: 0.6rem;
}

/*********** Estilos especiales ***************/

/*          Evita border azul al obtener el foco la tabla con scroll            */
:focus {
    outline: 0px;
}

/*          Estilo línea            */
hr {
    margin-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #999;
}
/*          Estilo para centrar textos          */
.textoCentrado{
    text-align: center;
    width: 100%;
}
 .soloLectura{
    background-color: rgb(235, 235, 228);
 }

/******** Fin de estilos especiales *************/

/*          Estilo para Datos Básicos del Expediente - Parte superior            */
.contenedorDatosBasicosExpediente{
    margin-top: 10px;
    width: 100%;
}

.estilosDatosBasicosExpediente{
    text-align: right;
    font-size: 0.55rem;
    color: #666666;
    margin-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    margin-top: -10px;
}
/*      Estilo para modificar el margin-top anterior en ocasiones - se introduce en el ui-grid-col- anterior a la etiqueta          */
.margintopEspecialTituloDatosBasicosExpediente .estilosDatosBasicosExpediente{
	 margin-top: 0px;
} 

/*      Estilo para ancho de título de objetos concedidos en atributosEdicionObjetoConcedido.xhtml      */ 
/*
.sinPadding_ui-ui-grid-col-12 .estilosDatosBasicosExpediente{
	width: 910px;

	}
*/
.estilosDatosBasicosExpediente .tituloDatosBasicosExpediente{
    color: #087021; 
    margin-left: 25px;
    margin-right: 5px;
    font-weight: bold;
}
.paddingtopEspecialTituloDatosBasicosExpediente .estilosDatosBasicosExpediente{
	padding-top: 10px
}
/*          Estilo para colores texto de tablas         */

.colorTextoAzul{
    color:  #004b9c;
}

.colorTextoVerde{
    color: #006b2b;
}

.colorTextoRojo{
    color:  #df0209;
}
/*          Estilo para poner texto en rojo         */
.textoColorRojo{
    color: #cc3300;
}

.colorTextoNaranja{
    color:  #e96b00;
}

.colorTextoBurdeo{
    color:  #94291f;
}

.colorTextoMorado{
    color: #58167d;
}
.colorTextoNegro{
	color:#000000;
}

/*          Estilo para los textareas del proyecto          */
textarea{
	width: 97%;
	height: 50px!Important;
}
.subrayado{
	text-decoration: underline;
}

/*      Estilo para los campos sólo lectura     */
 .soloLectura{
    opacity: .60;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
 }

.enmarcado {
    margin-top: 20px;
    border: 1px solid #999;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 20px;
    margin-bottom: 10px;
}

/*          Este estilo debe ir en datosApunte.css pero hasta que no se soluciones que este se coloque último en el head
            lo metemos aquí para que surja efecto el estilo                                                                     */
.anchoCamposTextoEstado{
    width: 206px!Important;
}            


/*      Estilo para los fileupload          */
.ui-fileupload-buttonbar {
    padding: 0em 0em;
    margin-top: 0;
    margin-left: 9px;
}

.quitarMargenSuperior{
	margin-top: -10px;
}

/********FORMULARIOS FORMULA***********/
/*Estilo para el contenedor y fondo donde va a estar el formulario*/
.fondoFormularioFormula{
    margin: 10px 0 10px 0;
    padding: 15px;
    background: #666;
}
/*Estilo para la respresentación del folio del formulario*/
.hojaFormularioFormula{
    background: #FFF;
    padding: 25px 25px 0 25px;
    min-height: 132rem;
    border-top: 1px solid #3e3e3e;
    border-left: 1px solid #3e3e3e;
    border-right: 2px solid #3e3e3e;
    border-bottom: 2px solid #3e3e3e;
}

.hojaFormularioFormula .paddingEspecialIzquierda{
    padding-left: 15px!Important;
}

/*Estilo para las columnas de la rejillad del formulario*/
.hojaFormularioFormula .ui-grid-col-1, .hojaFormularioFormula .ui-grid-col-2, .hojaFormularioFormula .ui-grid-col-3, .hojaFormularioFormula .ui-grid-col-4,
   .hojaFormularioFormula .ui-grid-col-5, .hojaFormularioFormula .ui-grid-col-6, .hojaFormularioFormula .ui-grid-col-7, .hojaFormularioFormula .ui-grid-col-8,
    .hojaFormularioFormula .ui-grid-col-9, .hojaFormularioFormula .ui-grid-col-10, .hojaFormularioFormula .ui-grid-col-11, .hojaFormularioFormula .ui-grid-col-12 {
    font-size: 0.6rem;
    color: #515151;
    padding-left: 5px;
    
}
/*Estilo especial para los componenetes select del formulario*/
.hojaFormularioFormula .ui-selectonemenu label.ui-selectonemenu-label{
    margin-top: 0px; /*Coloca el label que va dentro del select(combo) a una altura media*/
}
.hojaFormularioFormula .enmarcado {
    margin-top: 20px;
    border: 1px solid #999;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

.hojaFormularioFormula .enmarcadoRojo {
    margin-top: 20px;
    border: 1px solid #df0209;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

.hojaFormularioFormula .subtituloHoja{
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}
/*Estilo para alinear las cajas de texto a la derecha*/
.hojaFormularioFormula .ui-inputtext{
    float: right;
}
.hojaFormularioFormula label{
    float: left;
        margin: 5px 5px 5px 0px;
}
.hojaFormularioFormula .hasDatepicker{
    font-size: 0.6rem;
}

/*          Estilo para los multicheck ui-selectmanycheckbox            */
.hojaFormularioFormula  .ui-selectmanycheckbox{/*Sólo hay en los cuestioraríos*/
    margin-top: -3px; 
}
/****** Estilos para el tamaño de las cajas de texto del formulario *****/
/* alineación derecha*/
.checkDerecha {
    text-align: right;
}
/* Estilo para los título de las columnas lable de SI/NO/NC */
.hojaFormularioFormula .paddingLeft9{
    padding-left: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
}

/* Botonera alineación derecha*/
.botoneraCuestionario {
    height: 33px;
    margin-bottom: 20px;
    
}
.botoneraCuestionarioInferior {
    height: 33px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.botoneraCuestionarioInferiorF2 {
    height: 33px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.trozoHojaBotones{
    background: #FFF;
    padding: 25px;
    height: 6rem;
    border-left: 1px solid #3e3e3e;
    border-bottom: 2px solid #3e3e3e;
    border-right: 2px solid #3e3e3e;
}
.trozoHojaBotones .alineacionBotonesHoja{
    float: left;
}
/* Estilo para las alturas definidas de los formularios */
.minHeightF1{
    min-height: 129rem;
}

.minHeightF2{
    min-height: 73rem;
}
/* Estilo para dar espacio en los formularios */
.dejarEspacioFormulario{
    height:12px;
}

.ui-fieldset .fieldsetHijo{
    border: 0px;
}
/********** Fin estilos formularios ***********/

/*          Estilos heredados de estructura.css         */

/* 0.1. equivalencia 10px=1em */

html {
 font-size: 125%;
}

body {
 font-size: .5em;
 font-family: Verdana, Geneva, sans-serif;
}

/* 0.2. RESETEO DE ELEMENTOS */
* {
 margin: 0;
 padding: 0;
}

fieldset, img, acronym, abbr {
 border: 0;
}

img {
 display: block;
}

ol, ul {
 list-style: none; 
}

.estiloListadoVertical{
	margin-left: 20px;
	list-style: disc;
}

li p, li li, li address, li dt, lsi dd, dd p, dd li, td p, td li, th p,
 th li, td dt, td dd, th dt, th dd, address p, address li, h1, h2, h3,
 h4, h5, h6 {
 font-size: 1em;
}

p, pre, address, li, dt, dd, th, td, caption, legend {
 font-size: 1em;
}

input, select {
 font-size: 1em;
 font-family: sans-serif;
 vertical-align: middle;
}

/*  Estilo específico para datosApunte.xhtml select de apunte cualitativo. Colocado aquí por problema de prioridad de composicion en lista del head de los css */
.ui-grid-col-4 .selectValorValidadoCualitativo {
    width:130px!Important;
    cursor: pointer; 
    display: inline-block; 
    position: absolute;

}

/* Para hueco de fila vacía*/
.filaColumnaVacia{
	padding: 0px; height:1px;
}

/*  Oculta checkbox tabla de seleccion multiple en la cabecera */
.ui-datatable .ui-selection-column .ui-chkbox-all {
    display: none !important;
}

/* Estilo para el contador situado a la arriba a la derecha de la tabla */
.tituloContadorDerechaTabla {
    float: right;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6rem;
    padding-bottom: 3px;
    padding-top: 10px;
}

/* Estilo para el contador situado a la arriba a la derecha de la tabla, espacio entre palabras */
.tituloContadorDerechaTablaEspacio {
    padding-right: 5px;
}

/* Estilo para el espacio entre la tabla y el titulo */
.espacioTablaConTitulo{
    clear: both;
    padding: 0px;
    margin: 0px;
}
.textoInformativo {
    font-size: 0.7rem !important;
    font-family: Arial, Helvetica, sans-serif;
}
/* Estilos para gif cargando con texto informativo */
.msgStatusCenter {
    text-align: center !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.etiquetaCapaEspera {
    font-size: 1rem !important;
    color: #087021;
    padding: 3px;
     /*espacio entre texto e imagen*/
    padding-bottom: 10px;
    /*espacio por arriba*/
    margin-top: 10px;
}

.imgCapaEspera {
    /*Espacio por abajo*/
    margin-bottom: 10px;
}
.textoInformativoGris {
    font-size: 0.55rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

/* scroll para el textarea */
.textareaScroll{
    overflow-y: scroll !Important;
    height: 100px !Important;
}

/* Formate los textos con sus saltos de linea correspondientes. */
.formatearSaltoLinea {
    white-space: pre-wrap;
}
/* ********************************************
*** Estilos para el desplegable con busqueda ** 
***********************************************/
/*  alto de la tabla que se muestra debajo del desplegable  */
.selecBusquedaAvanzado .ui-selectonemenu-items-wrapper{
	max-height: 100px!Important;
}
/** Ajuste para el descuadre del listado de datos con el desplegable*/
.selecBusquedaAvanzado .ui-selectonemenu-panel{
	position: absolute;
    height: auto;
    top:1.35rem!Important;
    width: 15.23rem;    
}
/* para que el cuadro de busqueda quede alineado con el cuadro que se muestra */
.selecBusquedaAvanzado.ui-selectonemenu .ui-inputfield{ 
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.selecBusquedaAvanzado .ui-selectonemenu-panel .ui-selectonemenu-filter{
	width: 85%;
    padding-right: 68px;
}
.letraChica{
	font-size:90%;
}