@charset "UTF-8";

.ui-datatable .ui-datatable-data > tr > td {
    padding: 0.5rem 0.5rem !Important;    	
}


.ui-widget {
	font-size: 12px !important;
}
 .ui-selectonemenu .ui-selectonemenu-label{
 	font-size: 12px !important;
 }



.brand {
    background : rgba(0, 0, 0, 0) !important;
    float:left;
    width:200px;
    height:90px;
    position:relative;
    font-size:12px;
}

.recuadro{
		background:#f5f5f5;	
		border-bottom-left-radius: 15px !important;
		border-bottom-right-radius: 15px !important; 
		border-top-right-radius: 15px !important; 
		border-top-left-radius: 15px !important;	
}

.ui-panelgrid-cell{
	align-self: center !important;
}

.ui-panel .ui-panel-content {
	border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

.menu-icon-padding {
	padding : 15px;
	text-align: center;
}

.singleLine{
    text-wrap:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.wrapper {
	height: auto !important;
	min-height: 100%;
	position: relative;
	padding-bottom: 0px;
}

.footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color: #2897ef;
	color: #fff;
	
}

.subfooter {
	width: 100%;
	text-align: center;
	background-color: #2179be;
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

/* ESTILO PARA LOGIN */
.login {
	background-color: #f4f4f4;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.50);
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.50);
}

.loginSeleccion {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 0px;
	font-weight: bold;
	margin-left: 0px;
}



/* Estilo para tabla que muestra archivos cargados de enseñanza basica,
	media y superior*/
.dataTables_length {
	margin-top: 5px;
	margin-left: 5px;
}

.dataTables_info {
	margin-left: 5px;
}


div.dataTables_wrapper div.dataTables_paginate {
	padding-right: 5px;
}

.dataTables_scrollHead {
	background-color: #2179BE;
}

.table.dataTable {
	margin-top: 0px !important;
}

.dataTables_scrollHeadInner {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2179BE), color-stop(1, #2179BE));
	background: -moz-linear-gradient(center top, #2179BE 5%, #2179BE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699',
		endColorstr='#00557F');
	background-color: #2179BE;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #0070A8;
}


.table-hover>tbody>tr:hover {
	background-color: #F0F0F0 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ffffff !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #ffffff !important;
}

.dataTables_wrapper {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	border: 1px solid #006699;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.dataTables_wrapper .row {
	background: #D9EDF7;
}

.dataTables_filter {
	margin-top: 5px;
}

/*Estilo para miga de pan*/
.jumbotronBreadCrumbs {
	background-color: #D9EDF7 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
/*ESTILO DEL LOADING*/
.loading {
	color: #337ab7;
}

.valorDetalleCarga {
	font-size: 12px;
	font-style: oblique;
	color: #357B93;
}

.campoDetalleCarga {
	font-size: 12px;
	font-weight: bold;
}

/*Estilo tabla primefaces*/
.tablaDatos .ui-widget-header{
	background: #D9EDF7 !important;
}


.tablaDatos .ui-state-default, .tablaDatos .ui-widget-content .ui-state-default {
    background: #2179BE !important;
    font-weight: normal !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-size:12px !important;
    font-weight: bold !important;
}

/* border: 0px solid #D9EDF7 !important ;*/ 
.tablaDatos .ui-widget-content {
   
    color: #333333 !important;
    font-size: 12px !important;
}

.tablaDatos .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
    font-weight: normal;
    background: #ffffff !important;
    color: #333333 !important;
}

.tablaDatos.ui-datatable .ui-datatable-header {
        text-align: right !important;
 }
 
.tablaDatos .ui-state-active {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.tablaDatos .ui-state-default {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
}
/*
.tablaDatos a.ui-paginator-next.ui-state-default.ui-corner-all, a.ui-paginator-prev.ui-state-default.ui-corner-all {
  
}
.tablaDatos a.ui-paginator-next {
  
}
*/



.tablaDatos .ui-widget-header {
    border: 1px solid #D9EDF7 !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

.tablaDatos {
    border: 0px solid #006699;
    border-radius: 5px;
}

.tablaDatos span.ui-paginator-current {
    font-size: 12px;
}

.tablaDatos .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background: #2179BE -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0))) !important;
    color: #ffffff !important;
}

.tablaDatos.ui-widget{
    font-size: 12px !important;
}


.tablaDatos a.ui-paginator-prev {
	

	background: #2179BE !important;
}

/* Diseño Ventana Emergente */

.contact-form {
    background-color:#e6eded;
    width:460px;
    padding:20px;
    margin: 50px auto;  
    border: 6px solid #269ABC;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}

.contact-form input, #contact-form select{
    width:450px;
    border: 1px solid #269ABC; 
    margin-bottom:20px; 
    padding:4px;
}
.contact-form input:focus, #contact-form select:focus{
    border: 1px solid #2DAFC5;
    background-color: #D9EDF7;
}

.contact-form .required{
    font-weight:bold; 
    color:#F00;
}

.contact-form #submit-button{
    width: 100px;
    padding: 10px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#269ABC;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
.contact-form #submit-button:hover{
    background-color: #2DAFC5;
}
.contact-form #submit-button:active{
    position:relative;
    top:1px;
}

.req-field-desc{
    font-style:italic;
}

.butonPdf{
	float: right;
	margin-top: 10px;
}

.buttonNomina{
	float: right;
	margin-right: 5px;
}



 .tablaIngresarRegistro .ui-widget-content .ui-state-default {
    font-weight: normal !important;
    text-shadow: none !important;
    font-size:12px !important;
    font-weight: bold !important;
}
.tablaIngresarRegistro .ui-state-default{
    font-weight: normal !important;
    text-shadow: none !important;
    font-size:12px !important;
    font-weight: bold !important;	
}

.tablaIngresarRegistro .ui-widget-content {
    border: 1px solid #D9EDF7 !important ;
    font-size: 12px !important;
}

.tablaIngresarRegistro .ui-widget-header .ui-inputfield, .tablaIngresarRegistro .ui-widget-content .ui-inputfield {
    font-weight: normal;
    color: #333333 !important;
}

.tablaIngresarRegistro.ui-datatable .ui-datatable-header {
        text-align: right !important;
 }
 
.tablaIngresarRegistro .ui-state-active {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.tablaIngresarRegistro .ui-state-default {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
}

.tablaIngresarRegistro .ui-widget-header {
    border: 1px solid #D9EDF7 !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

.tablaIngresarRegistro {
    border: 1px solid #006699;
    border-radius: 5px;
}

.tablaIngresarRegistro span.ui-paginator-current {
    font-size: 12px;
}

.tablaIngresarRegistro.ui-widget{
    font-size: 12px !important;
}


/* login */
.form-horizontal .form-group {
  margin-bottom: 5px;
  margin-left: none !important; 
}

.form-group input {
	width: 97%;
}

 .form-group  {
	padding-bottom: 20px;
}

.titulo {
	  margin-left: -15px !important;
	
}

.btnblock{
	
	padding: none !important;
	 margin-left: none !important; 
}

.form-horizontal .form-group {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* fondo de paneles */
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 
  border-bottom-color: red ;
 
}
.gpanel .panel-body {
	
	padding: 2px !important;
}

	
.ui-paginator {
 
  position: absolute;
  bottom: 1px;

  width: 100%;
}


.ui-datatable-scrollable-header, .ui-datatable-scrollable-footer{
	position: absolute;
}


.ui-datatable-odd {
  background: none repeat scroll 0 0 #eff0f1!important;
}

 .ui-datatable thead th {
 
   vertical-align: top !important;
}
 
 
.ui-column-filter {
	
	padding: 0px !important;
	
}





.panelPrimary  .ui-panel-titlebar {
	color: #fff !important;
	background-color: #337ab7 !important;
	border-color: #337ab7 !important;
}

.panelPrimary .ui-panel-content {
	border-bottom-left-radius: 0px !important;
 	border-bottom-right-radius: 0px !important;
  	border-top-right-radius: 0px !important;
  	border-top-left-radius: 0px !important;
  	border-color: #337ab7 !important;
}

.panelGridPrimary {
	 width:100%;
}

.panelGridPrimary input{
	 width:98%;
}

.panelGridPrimary .ui-panelgrid-cell{
	
	padding: 2px !important; 
	border: 0px !important;
	
}

.panelPrimary .ui-panel-content {
	border-bottom-left-radius: 0px !important;
 	border-bottom-right-radius: 0px !important;
  	border-top-right-radius: 0px !important;
  	border-top-left-radius: 0px !important;
  	border-color: #337ab7 !important;
}

.panelGridPrimary {
	 width:100%;
	
}

.panelGridPrimary input{
	 width:98%;
}

.panelGridPrimary .ui-panelgrid-cell{
	
	padding: 2px !important; 
	border: 0px !important;

	
}


/* menu*/

ul.ui-menu-child {
    white-space: nowrap;
    width: auto !important;
}

.panelGridMenu td {
		
	border: 0px !important;
	
	
	
}
.panelGridTitulo{
	 /* background-color: #222 !important;*/
	  text-align: center;
	  width: 40%;
}
.panelGridCentro{
	
	  width: 30%;
}

.panelGridMenu .ui-menu.ui-menubar {
        background-color: #337ab7 !important;
       
     }
     
 .panelGridMenu .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
   color: white !important;
   font-size: 12px
   
}
.panelGridMenu .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  color:  white !important;
}


.panelGridMenu .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link{
	background-color: #337ab7 !important;
} 



 .panelGridMenu .ui-menu .ui-menu-list .ui-menu-child .ui-menuitem .ui-menuitem-link .ui-menuitem-text  {
    color: #000000 !important;
}


 .panelGridMenu .ui-menu .ui-menu-list .ui-menu-child .ui-menuitem .ui-menuitem-link .ui-menuitem-icon  {
    color: #000000 !important;
}






.panelGridTitulo{
	  background-color: #337ab7 !important;

	   color: white !important;
	
}
.panelGridMenuBar{
	   background-color: #337ab7 !important;
	
}
.panelGridCentro{
	 background-color: #337ab7 !important;
}



	.izq {
		text-align: left !Important;
		}

.header {
    left:0;
    right:0;
    z-index:1002;
    color:#424242;
	background: rgba(150,150,150,1);
	background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(237,237,237,1) 2%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(2%, rgba(237,237,237,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(237,237,237,1) 2%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(237,237,237,1) 2%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(237,237,237,1) 2%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(150,150,150,1) 0%, rgba(237,237,237,1) 2%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#ededed', GradientType=0 );
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    height:0px;
}
.fixed-top {
    position:fixed;
   
}

.ui-tooltip .ui-tooltip-text{
	padding:0px 0px;
	background-image:none;
	background:#f5f5f5;
	border-radius: 15px !important;
}

.izq {
		text-align: left !Important;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.login-body {
	margin				: 0;
    padding				: 0;
    height				: 50vh;
    background-image	: url('../../resources/img/programa-pue.jpg'); /* Ruta de tu imagen de fondo */
    background-size		: cover;
    background-position	: center;
    display				: flex;
    justify-content		: center;
    align-items			: center;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mi-datatable-inferior .ui-datatable-empty-message{
	text-align			: center !important;
	height				: 490px !important;
	border				: 0;
}

.mi-datatable-inferior .ui-datatable {
	height				: 500px;  /* Fija la altura de la tabla */
	overflow-y			: auto; /* Permite el scroll en la tabla */
	overflow-x			: none; /* Permite el scroll en la tabla */
	border				: 0;
}

/* Paginador siempre fijo en la parte inferior */
.mi-datatable-inferior .ui-paginator {
	position			: sticky;  /* Hace que el paginador se quede fijo */
	bottom				: 0;  /* Fija el paginador en la parte inferior */
	border				: 0;
	width				: 100%; /* Asegura que el paginador ocupe el ancho completo de la tabla */
	background-color	: #fff;  /* Fondo blanco para que se vea bien sobre la tabla */
	z-index				: 1; /* Asegura que el paginador se muestre por encima de la tabla */
}
 		
.mi-datatable-inferior .ui-datatable-scrollable-body {
	height				: 500px; 
	min-height			: 500px;
	border				: 0px;
}

.mi-datatable-inferior .ui-datatable-data{
	height				: 22px !important;
	border				: 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mi-datatable-persona .ui-datatable-empty-message{
	text-align			: center !important;
	height				: 290px !important;
	border				: 0;
}

.mi-datatable-persona .ui-datatable {
	height				: 650px;  /* Fija la altura de la tabla */
	overflow-y			: auto; /* Permite el scroll en la tabla */
	overflow-x			: none; /* Permite el scroll en la tabla */
	border				: 0;
}

/* Paginador siempre fijo en la parte inferior */
.mi-datatable-persona .ui-paginator {
	position			: sticky;  /* Hace que el paginador se quede fijo */
	bottom				: 0;  /* Fija el paginador en la parte inferior */
	border				: 0;
	width				: 100%; /* Asegura que el paginador ocupe el ancho completo de la tabla */
	background-color	: #fff;  /* Fondo blanco para que se vea bien sobre la tabla */
	z-index				: 1; /* Asegura que el paginador se muestre por encima de la tabla */
}
 		
.mi-datatable-persona .ui-datatable-scrollable-body {
	height				: 650px; 
	min-height			: 650px;
	border				: 0px;
}

.mi-datatable-persona .ui-datatable-data{
	height				: 22px !important;
	border				: 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contenedorPagina {
  padding-top			: 0px;
  border				: none;
  height				: calc(100dvh - 155.32px - 13.81px);
  width					: 100%;
  overflow				: hidden;

  background-image		: url('../../resources/img/pue-escritorio.jpg');
  background-size		: cover;        /* cubre todo el espacio */
  background-position	: center;   /* centra la imagen */
  background-repeat		: no-repeat;  /* evita repetición */
}

/* Barra de menu 
.menuBarTitulovv {
  background-color: #222 !important;
  border-color: #080808 !important;
  top: -50px !important;
  border-width: 0 0 1px !important;
}
*/
/*
.menuBarTitulo {
  background-color: #222 !important;
  border-width: 0 0 0px !important;
    color: #ffffff;
}

.panelGridTitulo{
	  background-color: #222 !important;
	  text-align: center;
	  width: 10%;
}
.panelGridMenuBar{
	  background-color: #222 !important;
	
}

body .ui-panelgrid .ui-panelgrid-cell {
  color: #ffffff;
  font-size: 16px !important;
}

*/