/* cambiando color del header de los paneles */
body .ui-panel .ui-panel-titlebar {
	color: #007279;
	background-color: #e3ebed;
}

/* ocultando color del header de las modales */
body .ui-dialog .ui-dialog-titlebar {
	text-align: center;
}

/* cambiando colores del t�tulo de las tablas */
body .ui-datatable .ui-datatable-header, body .ui-datatable .ui-datatable-footer
	{
	background-color: #033C73;
	color: #fff;
	text-align: center;
	padding: 0 0 0;
}


/* cambiando color de fondo de los headers de la tabla*/
body .ui-datatable thead th {
	background-color: #007279;
	color: #fff;
}

/* modificando colores de letra del paginador */
body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev,
	body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last
	{
	color: #007AD9;
}

body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev,
	body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last
	{
	color: #007AD9;
}

body .ui-paginator .ui-paginator-current {
	color: #007AD9;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
	color: #033C73;
}

/* cambiando color de letra de la tabla y los renglones nones */
body .ui-datatable .ui-datatable-data>tr {
	background-color: #EEF3F3;
	color: #007279;
}

/* cambiando el color de letra de los select */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item
	{
	color: #007279;
}

body .ui-inputfield {
	color: #007279;
}

/* cambiando el color de letra de las etiquetas */
body .ui-panelgrid .ui-panelgrid-cell {
	color: #007279;
}

/* para poner el mensaje de error a la izquierda */
.ui-growl {
	left: 50%;
}

.ui-grid-row .ui-grid-col-2, .ui-grid-row .ui-grid-col-10 {
	padding: 0.5em 0;
}

.ui-outputlabel {
	font-weight: bold;
}

.ui-orderlist .ui-orderlist-list {
	height: auto;
}

.ui-orderlist .ui-grid-row .ui-grid-col-2, .ui-orderlist .ui-grid-row .ui-grid-col-10
	{
	padding: 0;
}

/* para hacer m�s peque�a la letra del header de la tabla */
body .ui-datatable thead th .ui-column-title {
    font-weight: 400;
}

/*para quitarle el borde a los panelGrid*/
body .ui-panelgrid .ui-panelgrid-content {
    border: 0;
    background-color: #fff;
    color: #333;
}

errorperso {
color: #212121;
font-weight: normal; 
margin-left: .429em;
vertical-align: middle;
background-color: #f8b7bd;
}


 body .ui-panelgrid .ui-panelgrid-cell { 
     padding: .371em 1em; 
 } 
 

/* para cambiar el estilo de los botones */
body .ui-button {
    background-color: #eef3f3;
    color: #007A7F;
    border: 1px solid #eef3f3;
    font-weight: bold;
    box-shadow: 1px 2px 0px 1px rgb(0 0 0 / 10%);
    
}

body .ui-button.ui-state-hover{
background-color:#005b5f;
border-color:#007A7F;
color:#fff

}

body .ui-button.ui-state-focus{
background-color:#eef3f3;
color:black;
}

body .ui-button.ui-state-active,body .ui-button.ui-state-down{
background-color:#204d74;
border-color:#122b40;
color:#fff
}
/* para cambiar el fonde del select one button */
body .ui-selectbooleanbutton.ui-state-active, body .ui-buttonset:not(.ui-splitbutton)>.ui-button.ui-state-active {
    background-color: #204d74;
    border-color: #204d74;
    color: #fff;
}

body .ui-selectbooleanbutton, body .ui-buttonset:not(.ui-splitbutton)>.ui-button {
    background-color: #007A7F;
    color: #FFF;
}



/* cambiando el estilo del header del acordeon  */
body .ui-accordion .ui-accordion-header {
   border: 2px solid #c8c8c8;
    background-color: #e3ebed;
    color: #007279;
    
}

body .ui-accordion .ui-accordion-header.ui-state-hover {
    border: 2px solid #c8c8c8;
    background-color: #007279;
    color:#fff
}

body .ui-accordion .ui-accordion-header .ui-state-active {
    border: 2px solid #c8c8c8;
    background-color: #204d74;
    color:#fff
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    border: 2px solid #c8c8c8;
    background-color: #204d74;
    color:#fff
}


body ui-accordion .ui-accordion-header .ui-state-active:hover, body ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline{
	 border: 2px solid #c8c8c8;
    background-color: #204d74;
    color:#fff
}

body ui-accordion .ui-accordion-header.ui-state-hover, body ui-accordion .ui-accordion-header.ui-tabs-outline{
	border: 2px solid #c8c8c8;
    background-color: #007279;
    color:#fff
}

body ui-accordion .ui-accordion-header.ui-tabs-outline{
	border: 2px solid #c8c8c8;
    background-color: #007279;
    color:#fff
}
/*  arreglado el estilo del tab */
body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    padding: 0;
}

 /*para los coleres del header del carrusel*/
 
 body .ui-carousel .ui-carousel-header {
    background-color: white;
    
    border: 0;
    
}

/* para cambiar el color de los botones del carrusel */

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off:before {
	color:#007279;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:before {
	color:#007279;
}

body .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
    color:#007279;
}


body .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
    color: #007279;
}


/* cambiando el color de los encabezados del calendario de la pagina principal */

body .fc th {
    background-color: #c29e62;
    
}

/* cambiando el estilo del list del 4o cuadro se le quita el borde y se le cambia el color de la letra*/
body .ui-selectonelistbox, body .ui-selectmanymenu {
    border: 0;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
    
    color: #bd5200;
}

/* cambiando el color del menu para acoplarlo al web externo */
.navbar-inverse {
    background-color: #121641;
    border-color: #121641;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #007279;
}
	
.footer > h4 {
	 text-align: center;
	 background-color: #f8f9fa;
	 margin-top: 10spx;
	  left: 0;
	  bottom: 0;
	  width: 100%;
}

.gridInicio{
	margin: 20px;
}

.ui-card-header{
	padding-top: 20px;
}


element.style {
    width: 25em;
    text-align: center;
}
body .ui-card {
	   box-shadow: 1px 2px 0px 3px rgb(0 0 0 / 10%);
}

.FormRows{
	width: 60%;
	margin-bottom: 20px;
}

.textoForm{
	line-height: 20px;
	height: 25px;
}

.inputs{
	height: 25px;
    width: 250px;
}

.titleForm{
	height: 35px;
	background-color: #e9ecef;
	color: #007279;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 10px;
	
}

.titulo-cards{
	color: #007279;
	margin-top: 1em;
    font-weight: bolder;
   
}

.ui-card-header{
	 text-align:center;
}

.encabezados-principales {
 	color: #111c91eb;
    text-align: center;
    padding: 15px 0px 2px 0px;
    
    
 }
 
 .body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
 width: 15%;
 }

.icons-reco-user{
	color: lightblue !important;
    border-bottom: 1px solid;
    font-size: 2rem !important;
}

.icons-reco-others{
	color: lightblue;
    font-size: 2rem !important;
}

.linea-sep{
	background: -webkit-linear-gradient(#54abc1,#007279);
	 height:3px;
	 margin: 0px;
}

.linea-subtitulo{
	
	 color:#111c91eb;
	 text-align: center;
	 margin: 0px;
}

.linea-subtitulo > h5{
	line-height: 33px;
}

.linea-subtitulo > h4{
	color: #111c91eb;
}

.sub-subtitulo{
	color: #54abc1;
	padding: 17px 0px 0px 55px;
	
}


body .ui-menu.ui-menubar {
	background: -webkit-linear-gradient(white,#e3ebed);
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
	padding: 0px 15px 0px 15px;
	font-size: 13px;
}


@media screen and (max-width: 1200px){
	
.gridMenu > ul {
 display: grid;
 margin-bottom: 6px;
}

.icons-reco-user{
	color: lightblue;
    font-size: 1.3rem !important;
}

.divDatos {
	width:30%;
    height:18%;
    background-color:#1a2b47;
    border-style:groove;
	border-width:3px;	
	border-radius: 12px;
    margin-left:auto;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
}

.divDatosTitulo{	
	width:90%;
    height:20%;
    background-color:#1a2b47;
    text-align:center;
    margin-left:auto;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	font-size: 20px;
	font-family: Georgia; 
	font-style: italic;
	color:white;
}
.divDatosAcceso{	
	width:90%;
    height:30%;
    background-color:#1a2b47;
    text-align:center;
    margin-left:auto;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	font-size: 16px;
	font-family: Arial; 
}
.divDatosSinAcceso{	
	width:90%;
    height:30%;
    background-color:#1a2b47;
    text-align:center;
    margin-left:auto;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	font-size: 13px;
	font-family: Arial; 
}

.imagenLogin{
	width:20%;
    height:40%;
    float:left;
}

.divFooter{
 	width:100%;
 	background-color:#1a2b47;
 }
 .imagenFooter{
 	width:100%;
 }
}

.ui-datatable-scrollable-body {
    overflow: scroll;
}


body .ui-widget {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .9rem;
    text-decoration: none;
}