/*body {
  color:#333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: justify;
  margin: 1px 1px 1px 1px;
}*/

/*clase principal para colocar el ancho dinamico y los estilos del tipo de letra */


/* * { */
/*  margin: 0; */
/*   padding: 0; */
  
/* } */

*{
	--text-color:#333333;
	--surface-a:white;
	--bs-list-group-bg:none;
	/*--bs-accordion-bg:white;*/
}
.ui-state-default,.ui-state-active,.ui-state-hover {
    box-sizing: unset;
}

p{
	margin:0px;
}

a{
	text-decoration: none;
}

html,body{
	
	/*height:100%;
	overflow:hidden;*/
	font-size: 12px;
	/*background-color:#F8F9FF;*/
}
body, #wrap{
	color:#333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* font-size: 11px; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  margin:0 auto ; 
  padding:0;
  width: auto !important; 
  text-align:center;
  
	/*min-width: 800px;*/
	/*min-height: 600px;*/
/*	min-height: 660px;*/
		
}


table{
	font-size:1em;
	
}

#wrap{
	
	
	min-height:100%;
	position: relative;
}

/* 
.ui-widget,.ui-widget .ui-widget{
	font-size: 11px;
} */


.ui-state-active2{
	background: #e2eaf7; 
	border: 1px solid #999999;
	font-weight: normal;
	color: #20385a !important;
}


.ui-datatable-odd{
		background: repeat scroll 0 0 #f2f5f9;
	}

#wrap{
	height:100%;
}
#wrap-footer
{
	height:90px;
	clear:both;
	width:100%;
	
}
/* atributos para el ajaxstatus colocado en la plantilla del facelet para colocar la barra de cargando*/
.ajaxStatus
{
	width:64px;
/* 	position:absolute; */
/* 	/*right:5px; */
/* 	bottom:5px;*/ 
/* 	top:100%; */
/* 	margin-top:-64px; */
/* 	left:50%; */
/* 	margin-left:-64px; */
/* 	z-index: 100000; */
	
	
}

/*Estilos del encabezado*/
#encabezado {
	/* width: 100%; */
/* 	background-image: url("../imagenes/header_bg.jpg"); */
	/* z-index: 1; */
	height: 100px;
/* 	background-repeat: no-repeat;   */
	background-color:#080611;
	padding:0px;  
	display:flex;
}


.encabezado_izquierda{
	width:405px;
	background-image: url("../imagenes/BMLogo.jpg");
	z-index: 2;
	height: 69px;
	float:left;
}

.encabezado_derecha{
	width:251px;
	background-image: url("../imagenes/BMEdif.jpg");
	z-index: 2;
	height: 69px;
	float:right;
}



.menuBoton{
	background: #007279;
	color:white;
    padding: 8px;
    border-radius: 6px;
    margin: 0px;
    text-align: center;
    height: 40px;
    width: 40px;
    display: flex;
    flex-direction: column;
    margin:3px;
    font-size: 16px;
	
}


.menuBoton64
{
	   height: 64px;
    width: 64px;
}

.menuBoton:hover{
	background: #204c74;
	color:white;
}

.menuBotonH{
	background: #007279;
    padding: 5px;
    border-radius: 6px;
    margin: 0px;
    text-align: center;
   
    display: flex;
    flex-direction: row;
    margin:3px;
	
}


.logoEncabezado1{
	background-image: url("../imagenes/intro-headerA.png") !important
}


.logoEncabezado2{
	background-image: url("../imagenes/portal-servicios.png") !important
}

.logoEncabezadoPortal{
	background-image: url("../imagenes/SASF-logo2.png") !important
}

.logoEncabezadoPortal2{
	background-image: url("../imagenes/SASF-logo.png") !important
}


.logoEncabezado3{
	background-image: url("../imagenes/intro-headerB.png") !important
}

.fondoCompleto{
	  background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:auto 100%; 
    
    
    
}

.fondoCompletoPortal{
	  background-repeat: no-repeat !important;
    background-position: center !important;
  	z-index:100;
    background-size:contain; 
    
    
    
}


.fondoCompletoContainer{
	  background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:contain; 
    
    
    
}


.encabezado_abajo_izquierda{
	width:161px;
	background-image: url("../imagenes/header2BM.jpg");
	z-index: 2;
	height: 22px;
	float:left;
}
.encabezado_abajo_derecha_latizq{
	width:4px;
	background-image: url("../imagenes/sep_01.gif");
	z-index: 2;
	height: 22px;
	float:left;
}
.encabezado_abajo_derecha_latder{
	width:4px;
	background-image: url("../imagenes/sep_03.gif");
	z-index: 2;
	height: 22px;
	float:right;
}
.encabezado_abajo{
	width:100%;
	background-image: url("../imagenes/fondo_menu_superior.gif");
	z-index: 2;
	height: 22px;
	float:left;
}
.encabezado_titulo{
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	font-weight: bold;
 	color: #426085;
 	margin-left:165px;
	margin-right:4px;
		
}


/*Estilos de la informacion del usuario*/

#userInfo{
	float:right;
	/*width:200px;*/
	width:100%;
	background-color: #51749D;
	color: #F2F2F2;
	/*margin-top: 41px;*/
} 

#userInfo a{
		color: #F2F2F2;

} 




/*Estilos del encabezado de la sesion */
#encabezado_sesion{
	/*width:100%;*/ 
	/* background-image: url("../imagenes/BMLogo2.png"); */
	
	
	/* background-position: -120px 0px;
	z-index: 1; */
	height: 76px;
	
}

.titulo_sesion{
	
	width:100%;
	/*background-image: url("../imagenes/header_background.gif");*/
		background:#51749D;
	z-index: 1;
	height: 40px;
	
}

.estilo_titulo{
	border:none;
	font-weight:bold;
	background:#51749D;
	padding:0cm 0cm 0cm 0cm;
	text-align:center;
	font-size:13.0pt;
	font-family:Arial;
	color:#F2F2F2;
}

.notImp .ui-carousel .ui-carousel{
	position:relative;
}

.notImp .ui-carousel .ui-carousel-header{
	
	position:absolute;
	width:20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:2px;
	padding-bottom:2px;
	margin: 1px 0px;
	left:0px;
}

.notImp .ui-carousel .ui-carousel-header-title,.notImp .ui-carousel .ui-carousel-dropdown{
	display:none;
}

.notImp .ui-carousel  .ui-carousel-viewport{
	margin-left:  20px;
}

.notImp .ui-carousel  .ui-carousel-button{
	float:none;
}


/*contenedor principal donde se van a cargar todos los contenidos*/
.contenedorWrap
{
	margin-top:160px;
}
.contenedorWrap2{
	margin-top:90px;
}





#contenedor
{
/* 	margin-top:75px;  */
/* 	margin-bottom:50px; */
	/* background:white; */
	position:relative;
}


#contenedor2
{
	margin:auto;
	width:100%;
	min-height:900px;
	background:white;
	height:100%;
}



/*contenedor del menu*/


.menubar{
	background-color: transparent !important;
}

#menu .ui-menuitem-text
{
	
	text-align: center;
	white-space: pre-line;
	float: none !important;
}


#menu .ui-icon-triangle-1-s{
        display: none !important;
    }
   

/* .ui-menu .ui-icon */
/* { */
/* 	position:absolute !important; */
/* 	right:.2em; */

/* 	top:auto; */
/* 	left:auto; */
/* } */
   
/*









*/
#menu .ui-state-hover{

	color:white !important;
}

.primerNivel
 {
	margin-left:2px !important;
	

 }
 #menu .ui-menu-parent{

margin-left:2px;
}
 


/*este contenedor esta dentro del id contenedor para tomar el ancho restante despues del menu*/
#contenido
{
	
	/*width:95%;*/
	/*min-height:750px;*/
	/*overflow:auto;
	margin:auto !important;*/ 
}

/*barra de titulo y titulo*/
.barra_titulo
{
	width:90%;
	background-image: url("../imagenes/fondo_titulo_portlet_azul.gif");
	height:20px;
	margin-left:auto;
	margin-right:auto;
}
.titulo {
 font-size: 16px;
 font-weight: bold;
 color: green;
 text-decoration: none;
     margin: 10px 0;
 
}
.titulo2{
 	font-size: 12px;
 	font-weight: bold;
 	color: #426085;
}

/*pie para limpiar la propiedad float y genere altos dinamicos*/
.pie{
	clear:both;
}

.footer
{
	bottom:0px;
	height:40px;
}
/*Estilos para la libreria de jquery para validar*/
.error{
	float:left;
	color:red;
}

.login
{
	width:30%;	border:groove;
	margin:auto;
}

/*Estilo para el acordion*/
.ui-accordion .ui-accordion-content
{
	padding:0px;
	margin:auto;
	overflow:hidden;
}

/*estilo del growl para los mensajes de error*/
.ui-growl {
top:155px;
}



/*desactiva el cursor del carousel*/
.disableCursor
{
	cursor:default !important;
	border: solid;
	border-width:1px;
	border-color:#AAAAAA;
    color: #000000;
   
}

.ui-expanded-row-content td, .disableCursor td
{
	padding:0px !important;
}

/*desactiva un componente html*/
.disableComponent
{
	display:none !important;
}
/*desactiva el borde de una tabla u otro componente*/
.disableBorder
{
	border: none !important;
}

.anchoTodo
{
	width:100%;
}

.mitad
{
	width:50%;
}

.anchoColumnaTabla
{
	width: 100px;
}

	

.ui-wizard-step-title
{
	font-size: 12px;
}

.ui-autocomplete-token {
    cursor: default;
    margin: 2px;
    float:none;
    overflow: hidden;
    padding: 1px 3px;
    position: relative;
    white-space: nowrap;
}

.ui-breadcrumb ul li span{
	display:inline-block;

}



/**estilos para el diagrama  */

div.diagramHolder { 
	float: left;
	width: 100%;
	min-height: 500px;
}
div.diagram{
	border:1px solid #dedede;
	padding: 5px;
	margin:5px;
	background: #FFF;
	/*width: 100%;*/
	max-height: 530px;
	overflow: auto;
}
div.diagram.hidden{
	display:none;
}
/* svg { */
	/*background: #DDD url(../resources/js/activiti/images/bg.png);*/
/* 	float:left; */
/* } */

div.diagram-info {
	float:left;
	position: relative;
	padding: 5px;
}
div.debug-info {
	float:right;
}

/* Progress bar */

.ui-progressbar { 
	height: 25px;
	/*height:2em; text-align: left; overflow: hidden; */
	background: white;
	border: 1px solid #949DAD;
	margin: 2px;
	overflow: hidden;
	padding: 1px;
	position: relative;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ui-progressbar .ui-progressbar-value {
	m_argin: -1px;
	height:100%;
	background: #D4E4FF;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-progressbar .ui-progressbar-label{
	position: absolute;
	margin-top: 7px;
	border:0px solid red;
	width: 100%;
	text-align: center;
}

.tooltip{
	width:250px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	
	
}

.barra_dock
{
	background-color:white;
	position:absolute;
	bottom: 0px;
	width:99%;
	height: 50px;
	z-index:0;
}



/* .ui-button-text */
/* { */
/* 	white-space: pre-wrap; */
/* } */

 
.tablaRequerida.ui-datatable tbody td,.tablaRequerida.ui-datatable thead th{
	white-space: pre-wrap;
}



.ui-datatable-tablewrapper {
  /*  overflow: auto; */
   /*overflow-y:none;
   -ms-overflow-y:hidden;*/
   max-height:100%;
   
}



.ui-log
{
	left:75%;
}

.ui-blockui
{
	z-index:10000;
}

.dialog100{
	width: 100% !important;
 	min-width:600px; 
}

.ui-panel.ui-panel-collapsed-h .ui-panel-title{
	display:inline-block !important;
}

.ui-panel.ui-panel-collapsed-h{
	
	min-width:150px !important;
	float:left;

}


.ui-stack ul.openStack li
{
	width:50px;
	height:50px;
	
}

.ui-stack ul li
{
	width:78px;
	height:79px;
}



.ui-stack ul.openStack li img
{
	  max-width:100% ;
	  max-height:50px;
    width: 100% !important;
    height: auto;
	display:block;	
}

.ui-stack ul li img
{
	  max-width:100%;
	  max-height:80px;
    width: 100%;
    height: auto;
	display:block;	
}

.ui-stack .openStack li span
{
	white-space: pre;
	right:0;
	height:auto;
	top: -20px;
	display:none;
}

.ui-stack {
bottom: 30px;
right:10px;
width:80px;
height:85px;
/*margin-bottom:80px;*/
}




.ui-stack .openStack li a{
	display:block;
}

.ui-stack .openStack li a:hover > span{
	/*left: -10px !important;*/
	display:block;
}

.ui-stack ul{
	left:0px;

	}


.ui-datatable-header .export{
	text-align:left;
	margin:0;
	padding:0;
	margin-right:20px;
	display:block;
	 
	float:left;
	font-size: 1em;
}


.ui-datatable-header .buscador{
	float:right;
}

.ui-panel{
	margin:auto;
}

.dataTemas .ui-datagrid-header{
	background:#20385a !important;
	color:#ffffff !important;
	position:relative;
	font-size:1.3em;
}

.dataTemas .ui-paginator{
	background:#20385a !important;
	color:#ffffff !important;
}

.ui-panel-titlebar-icon.ui-state-default{
	
	    background: lightGray;
	
	
}

/* .ui-datagrid .ui-widget-header { */
/*     border: 1px solid #999999; */
/*     background: #e2eaf7;#3b7878 url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x !important;/*gray */
/*     color: #20385a; */
/*     font-weight: bold; */
/* } */

.buscador .ui-datagrid .ui-datagrid-header {
    border: 1px solid #999999;
    background: #20385a url("banxico_theme/images/ui-bg_highlight-hard_30_20385a_1x100.png") 50% 50% repeat-x !important;
    color: #ffffff;
    font-weight: bold;
}
.buscador .ui-datagrid .ui-paginator {
    border: 1px solid #999999;
    background: #20385a url("banxico_theme/images/ui-bg_highlight-hard_30_20385a_1x100.png") 50% 50% repeat-x !important;
    color: #ffffff;
    font-weight: bold;
}

/*.tabs_paneles .ui-tabs-panels{
	padding-top:10px;
}*/


.filtroCompleto
{
	margin:0;
}


.ancho100
{
	width:100% !important;
}

#tooltipDialog .ui-dialog-content{
	background-color: #D8D8D8 !important;
	overflow: hidden;
	padding:0px;
	margin:0px;
}

.ui-tree{
	width:auto !important;
	text-align:left;
}

.tamForm{
	width:70%;
}

input[type=text]::-ms-clear { 
	display: none; 
	
}

.colores
{
	width:30px;height:30px;
	margin:0 auto !important;
}

.colorPasado
{
	background-color:#00BFFF;
}

.colorActivo
{
	background-color:#0000FF;
}

.colorError
{
	background-color:#FF3030;
}

.colorAsignada
{
	background-color:#3CB371;
}

.colorPedir
{
	background-color:#D2691E;
}

.colorSeleccionada
{
	background-color:#A0522D;
}

#designSOA{
	width:100%;
	position:relative;
	height:600px;
}

#designSOA #menuSOA{
	
	width:20%;
	float:left;
}

#designSOA #diagramaSOA{
	
	position: relative;
  width:80%; 
  overflow:auto;  
  margin-bottom:25px;
  height: 600px;
}

.listaTextoLeft
{
	text-align: left;
}

/*clase para los elementos dentro del carousel*/
.carousel
{
	width: 100%;
	height:100%;
	position:relative;
	
}

.carousel-caption {
    color: #000 !important; /* Fuerza color negro para probar */
    background: none; /* Agrega un fondo oscuro traslúcido */
}

.carousel-inner{
	height:100%;
}

.carousel-caption{
	bottom:0px;
	top:0px;
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title{
	display:none;
	
}
.ui-datatable table { 
	
	width:calc(100% - 3px);
	 table-layout: auto !important;
}


.claseProcesos a{
	text-decoration: none;
}

ul.menuHorizonalImagenes{
	
	list-style: none;
	text-align: center;
	margin:0px;
	padding:0px;
	
}



ul.menuHorizonalImagenes li{
	
	
	display:inline-block;
	margin-right:5px;
}


ul.menuHorizonalImagenes a{
	
	text-decoration: none;
	
	
}

ul.menuHorizonalImagenes a img{
	
	border-radius:50%;
}

.claseProyectos{
	background-color: #E6E6E6;
	background-repeat:repeat;
	
}

.ui-dashboard-column {
 	min-width:32%;

 }
 
.header-dashboard{
 	 /*4 pixeles menos por el padding*/
 	font-size: 1.2em;
 	font-weight: bold !important;
 }
 
 .panel-dashboard{
 	margin:10px;
 }
 
 ul.titulos{
 	list-style: none;
 	width:100%;
 	margin:0px;
 	padding:0px;
 }
 
 
 ul.titulos li{
 
 	float:left;
 	width:32%;
 	
 }
 
/* .ui-inputfield{
 	
 	width:100%;
 }
 */
 .prioridadBaja{
 	background:rgba(0, 255, 0, .25) !important; 
 }
 
 .prioridadMedia{
 	background:rgba(255, 255, 0, .25) !important;
 }
 
 .prioridadAlta{
 	background:rgba(255, 0, 0, .25) !important;
 }
 
 .anchoBusqueda{
 width:400px !important;
 height:160px !important;
 }
 
 .encabezado_imagen{
	 right:0px;
	 top:0px;
	 color: white;
	 font-weight: bold;
	 position:relative;
}

 .encabezado_imagen .header{
	 /*height:48px;*/
	 width:100%;
	 height:35px;
	 /*height:76px; regresa version*/
	 text-align:left;
 	 padding-right:80px;
/*  	 padding-bottom:6px; */
	 /*text-align:left;
 	 padding-right:80px;
 	 padding-bottom:6px;*/
 	 padding-left:4px;
     border-top-right-radius: 3px;
     border-top-left-radius: 3px;
     
 }
 

 
 .encabezado_imagen .header>h3,.encabezado_imagen .header>h4 {
 margin:0px;
 }
 
 h1,h2,h3{
 
 	margin:0;
 	font-weight:bold;
 }
 
 .row{
 --bs-gutter-x: 0;
    --bs-gutter-y: 0;
 }
 
 
 
 
 
 
 .encabezado_imagen .imagen{
     /*position: absolute;
    top: 0px;
    left: 85%;
    margin-left: -32px;*/
    /* regresa version*/
    position: absolute;
    top: 0px;
    left: 85%;
    margin-left: -32px;
 }
 
  .encabezado_imagen .imagen>img {
    width: 64px;
    height: 64px;
    border: 3px solid #fff;
     border-radius: 50%;
     background: grey;
}

 
 ul.openStack .ui-menuitem-link, ul.closeStack .ui-menuitem-link{
     position: absolute !important;
    left: 50%;
    margin-left: -32px;
    z-index:1000;
 }
 
ul.openStack .ui-menuitem-link>img, ul.closeStack .ui-menuitem-link>img{
  	width: 64px;
    height: auto;
   	 border: 1px solid #fff;
     border-radius: 10%;
     background:#e2eaf7;
 }
 
 
 
 
 .imagenRedondeadaSmall{
     position: absolute;
    top: 0px;
    margin-left: -22px;
    /*z-index:1000;*/
 }
 .imagenRedondeadaSmall>img {
    width: 48px !important;
    height: 48px;
    border: 3px solid #fff;
     border-radius: 50%;
     background: grey;
}
 
 .redondeado{
 	border-radius:50%;
 	background: grey;
 	border: 3px solid #fff;
 	  height: auto;
 }
 
 .imagenRedondeada>img{
	
/* 	width: 48px; */
    height: 100%;
/*     border: 3px solid #fff; */
/*      border-radius: 50%; */
/*      background: grey; */
    border-left: 3px solid aqua;
    border-radius: 50% 0 0 50%;
}



/* .imagenRedondeada>img{ */
	
/* 	width: 48px; */
/*     height: auto; */
/*     border: 3px solid #fff; */
/*      border-radius: 50%; */
/*      background: grey; */
/* } */

.imagenRedondeada24>img{
	 
	width: 32px;
    height: 32px;
    border: 3px solid #fff;
     border-radius: 50%;
     background: grey;
}


.soloImagenRedondeada>img{
	 border: 3px solid #fff;
     border-radius: 50%;
}
 
.graficas{
	height:250px;
	overflow:auto;
}
.notificacionesProcesos
{
	height:45px;
	/*overflow:auto;*/
	
} 



.chat{
	height:370px;
	overflow:auto;
}


.notificacionesGenerales
{
	height:150px;
	overflow:auto;
}


.overflowLista{
	height:200px !important; 
	overflow:auto;
}

.notificacionesGenerales .notificaciones, .chat .notificacionesChat{
	
	margin-bottom:5px;
	padding: 4px 10px;
}


 

.sinSombra{
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	
}

.sombraLigera{
		-webkit-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.7);
box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.7);
}

 
.sombraMedia{
		-webkit-box-shadow: -1px 0px 20px 5px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 0px 20px 5px rgba(0,0,0,0.7);
box-shadow: -1px 0px 20px 5px rgba(0,0,0,0.7);
}


.sombra{
		-webkit-box-shadow: -1px 0px 90px 6px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 0px 90px 6px rgba(0,0,0,0.7);
box-shadow: -1px 0px 90px 6px rgba(0,0,0,0.7);
}



.boxData{
    border-radius: 2px;
    position: relative;
    display: block;
    /*margin-bottom: 20px;*/
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color:white;
    text-align:left;
}

.boxData>.innerMini{
	padding: 10px;
    height:30px;
    padding-right:40px;
    margin-bottom:10px;
}

.boxData>.inner {
    padding: 10px;
    height:55px;
    padding-right:40px;
}

.boxData>.inner h3 {
    font-size: 32px;
    font-weight: bold;
    margin: 0 ;
    white-space: nowrap;
    padding: 0;
    float:left;
    margin-right:10px;
}

.boxData>.innerMini h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 ;
    white-space: nowrap;
    padding: 0;
    float:left;
    margin-right:10px;
}

.boxData>.innerMini p {
    font-size: 12px;
    font-weight: normal;
}


.boxData>.inner p {
    font-size: 12px;
    font-weight: normal;
}

.boxData .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 0;
    font-size: 50px;
    color: rgba(0,0,0,0.15);
}


.boxData .iconSmall {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    color: rgba(0,0,0,0.15);
    height:32px;
}


.boxData .iconLoading {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 0px;
    right: 40px;
    z-index: 0;
    font-size: 50px;
    color: rgba(0,0,0,0.15);
}


.boxData>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}

.bg-aqua {
    background-color: #00c0ef !important;
    	background: -webkit-repeating-linear-gradient(#00c0ef, #008fb3, #008fb3);
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#00c0ef, #008fb3, #008fb3);
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#00c0ef, #008fb3, #008fb3);
  	/* Standard syntax */
  	background: repeating-linear-gradient(#00c0ef, #008fb3, #008fb3);
    
}

.bg-green{
    background-color: #00a65a !important;
    /*background-color: #3b7878 !important;*/
     /* Safari 5.1 to 6.0 */
  	background: -webkit-repeating-linear-gradient(#00a65a,#226219, #226219) !important;
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#00a65a,#226219, #226219) !important;
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#00a65a,#226219, #226219) !important;
  	/* Standard syntax */
  	background: repeating-linear-gradient(#00a65a,#226219, #226219) !important;
   
}


.bg-yellow{
	
    background-color: #f39c12 !important;
    /* Safari 5.1 to 6.0 */
  	background: -webkit-repeating-linear-gradient(#f39c12, #b4700c, #b4700c) !important;
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#f39c12, #b4700c, #b4700c) !important;
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#f39c12, #b4700c, #b4700c) !important;
  	/* Standard syntax */
  	background: repeating-linear-gradient(#f39c12, #b4700c, #b4700c) !important;
    
    
}

.bg-brown{
	 background-color: #5B507A !important;
      /* Safari 5.1 to 6.0 */
  	background: -webkit-repeating-linear-gradient(#5B507A, #433B59, #433B59);
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#5B507A, #433B59, #433B59);
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#5B507A, #433B59, #433B59);
  	/* Standard syntax */
  	background: repeating-linear-gradient(#5B507A, #433B59, #433B59)
	
}

.bg-red{
    background-color: #ed2828 !important;
      /* Safari 5.1 to 6.0 */
  	background: -webkit-repeating-linear-gradient(#ed2828,#920200 , #920200);
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#ed2828,#920200 , #920200);
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#ed2828,#920200 , #920200);
  	/* Standard syntax */
  	background: repeating-linear-gradient(#ed2828,#920200 , #920200)
}

.bg-orange{
    background-color: #F26419 !important;
      /* Safari 5.1 to 6.0 */
  	background: -webkit-repeating-linear-gradient(#F26419,#B14913 , #B14913);
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#F26419,#B14913 , #B14913);
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#F26419,#B14913 , #B14913);
  	/* Standard syntax */
  	background: repeating-linear-gradient(#F26419,#B14913 , #B14913 )
}




.bg-blue{
    background-color: 	#0f80ff  !important;
    background: -webkit-repeating-linear-gradient(#0f80ff,#0053b3 , #0053b3) !important;
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#0f80ff,#0053b3 , #0053b3) !important;
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#0f80ff,#0053b3 , #0053b3) !important;
  	/* Standard syntax */
  	background: repeating-linear-gradient(#0f80ff,#0053b3 , #0053b3) !important;
  	
}


.bg-darkblue{
    background-color: 	#193D9F !important;
    background: -webkit-repeating-linear-gradient(#193D9F,#0E2257 , #0E2257);
  	/* Opera 11.1 to 12.0 */
  	background: -o-repeating-linear-gradient(#193D9F,#0E2257 , #0E2257);
  	/* Firefox 3.6 to 15 */
  	background: -moz-repeating-linear-gradient(#193D9F,#0E2257 , #0E2257);
  	/* Standard syntax */
  	background: repeating-linear-gradient(#193D9F,#0E2257 , #0E2257);
}


.head{
	
	color: #ffffff !important; font-weight: bold !important; 
font-size:1.3em;
}



.pasoDiagrama{
	float:left;
}

.descripcionDiagrama{
	
	float:left;
	padding:4px;
	
}
.contenedorPaso{
	 margin:  0 0px;
	
}

.text-left{
	
	text-align:left;
	padding-right: 34px;
}

.text-right{
	
	text-align:right;
	padding-left: 34px;
}



.ui-widget-headerCustom2{
	 border: 1px solid #999999;
	 /*border:0px;*/
	 padding:4px 10px !important; 
	 background: #20385a;
	 font-weight: normal; 
	 color: #ffffff;
}

/*
.panelActividad ul.menuHorizonalImagenes{
position:absolute;
	bottom:10px;
	margin-left:25%;
}


*/




.ui-toolbar.ui-widget-header {
    border: 1px solid #999999;
    background: #c0c0c0;
    color: black; 
    font-weight: bold;
 } 

 

.ui-widget-header2 { 
	border: 1px solid #aaaaaa;
/* 	background: #a7a8aa; */ 
	color: #FFFFFF;
	font-weight: bold;
}
.ui-widget-header2 a {
	color: #FFFFFF;
}
/*#a7a8aa url("images/ui-bg_highlight-hard_30_a7a8aa_1x100.png") 50% 50% repeat-x*/
.ui-widget-header3 {
	border: 1px solid #aaaaaa;
	background: #aaaaaa;
	color: #FFFFFF;
	font-weight: bold;
}
.ui-widget-header3 a {
	color: #FFFFFF;
}

.ui-widget-header4 {
	border: 1px solid #aaaaaa;
	background: #ffcccc;
	color: black;
	font-weight: bold; 
}
.ui-widget-header4 a {
	color: black;
}

.ui-header-fontSize{
	font-size:1.3em;
}


.ui-state-default2{
	
	 /*border: 1px solid #999999;*/ 
	 background: #e2eaf7 url("banxico_theme/images/ui-bg_highlight-hard_70_e2eaf7_1x100.png") 50% 50% repeat-x; 
	 font-weight: normal; 
	 color: #20385a !important;
}

.ui-state-default3{
	
	 /*border: 1px solid #999999;*/ 
	 background: #e3ebed; 
	 font-weight: normal; 
	 color: #20385a !important;
}



.notificationBar{
	
	height:50px !important;
	padding:20px 0 0 20px;
	z-index:1000;
	background:#20385a ; 
	color: #FFFFFF;
}


.is-countdown{
	
	background:none !important;
	border:none !important;
}

.sinSubrayado a
{
	text-decoration: none;
}

.ui-panel .ui-panel-title
{
	font-size: 1.3em;
}

.ui-inputtextarea
{
	width:100%;
	height:100
}

.ui-growl {
left:20px;
}

.ui-helper-clearfix:after{
	clear:both !important;
}

.diagramBreadCrumbs ul{
	
	list-style: none;
}

.chardinjs-tooltiptext{
	 font-family: 'Dancing Script', serif;
        font-size: 24px;
}


.ui-widget-header5 { border: 1px solid #999999 !important; 
background: #3b7878 url("/EspifNetN5/publico/jakarta.faces.resource/primefaces-banxico/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x !important; 
color: #ffffff !important; font-weight: bold !important; 
font-size:1.3em;
}.ui-widget-header5 a { color: #ffffff !important; }


a.boton:hover, input.boton:hover{
	
	border: 1px solid #999999; 
	background: #2a5d87; 
	font-weight: normal; 
	color: #ffffff;
}

.contadoresFiltro{
	

}


.ui-accordion-header{
	
	font-size:1.1em;
	font-weight: bold;
}



.morecontent span {
    display: none;
}
.morelink {
  /*  display: block;*/
  color: blue !important;
}


.ui-overlay-hidden{
	
	display:none;
}

.ui-autocomplete-multiple-container
{
	width:100%;
}

.ui-autocomplete-panel{
	width:auto !important;
}

.ui-outputpanel-loading{
	
	margin: 0 auto;
	
}



.margenDash{
	
	margin:5px;
	height:450px;
}

.blockUI {
	z-index: 500!important;
}

.ui-datascroller-content{
	
	width:100%;
}

.ui-datascroller .ui-datascroller-content{
	
	padding:0 0 !important;
}


.comentariosPanel .ui-datascroller-content  a{
	
	color:blue;
	text-decoration:underline;
}

.msgNotificacion
{
	
	text-align: justify;
	overflow-x:auto;
	width:100%;
}


.sizePie{
	
	width:100%;
/* 	height:50px; */
	font-size: 12px;
	font-weight: bold; 

}
/*
.ui-widget-header{
	padding:4px 10px;
}
*/
.max-lines {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.2em;
}

.ui-treetable table{
	font-size:1em;
}



.ui-calendar, .ui-calendar input{
	width:100%;
	display:block;
	padding-left:1px;
	padding-right:0px;
}
/*.ui-inputfield
{
	box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box
}*/

.formularioDinamicoCompleto{
	
	/*width:50%;
	margin:0 auto !important;*/
	margin: 0 100px;
}

.ui-selectonemenuForm{
	
	display:block !important;
	
}

.ui-dialog .ui-dialog-buttonpane
{
	text-align:center;	
}

.ui-outputpanel-loading{
	background:url("../imagenes/cargando.gif");
	background-size: 64px 64px;
	width:64px;height:64px;
}
	

.overflow
{
	overflow:hidden;
}

.sinBorde
{
	border:none !important;
}

.fc-day
{
	cursor: pointer;
}

.resetHeader
{
	padding-left:0px !important; 
	padding-right:0px !important;
	border-left:0px !important;
	border-right:0px !important;
}

.fc-event
{
	font-size:.95em;
}
.fc-title
{
	white-space: pre-wrap;
}
.fc-more
{
	text-align:right;
	background: #e2eaf7 ;
	text-decoration: none !important;
	float:right;
	padding:2px;
	
}
.fc-more-popover
{
	top:-80px !important;
	/*left:0px !important;*/	

}
.ui-datalist-data{
 padding:0 5px 0 20px;
}

.ui-datalist-content
{
	border: none !important;
}

.menuPrincipalLink:hover{
	background-color:#d7c9a2 !important;
}

.menuGruposTema:hover{
	background-color:#d7c9a2 !important;
}

.reunionesConcluidas
{
	background: #EBDEF0;
}
.reunionesEncurso
{
	background: #F9E79F;
}
.reunionesProgramadas
{
	background: #AED6F1;
}
.reunionesProgramadas
{
	background: #AED6F1;
}

.reunionesConcluidasAcuerdo
{
	background: #DAF7A6;
}

.panelDescripcionContenidoActividad
{
	background:rgba(254, 252, 219, 1);
	text-align: justify;
}

.imagenTabla{
	float:left;
	margin-left:70px;
}

.ui-tabs .ui-tabs-nav{
	text-align:left;	
}

.padding5{
	padding:0 5px;
}
.margin5{
	padding:0 5px;
}

.ui-datalist-content{
	background:none !important; 
}

  div.timeline-frame {  
        border-color: #5D99C3;  
        border-radius: 5px;  
    }  
 
 
 	/*div.timeline-navigation{
 		top:35px;
 		bottom:auto !important;
 	}*/
 
    div.timeline-axis {  
        border-color: #5D99C3;  
        background-color: #20385a;/*#5D99C3;*/  
/*         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D99C3', endColorstr='#3A6DA0') alpha(opacity = 100);   */
/*         background: -webkit-gradient(linear, left top, left bottom, from(#5D99C3), to(#3A6DA0));   */
/*         background: -moz-linear-gradient(top,  #5D99C3,  #3A6DA0);   */
/*         -khtml-opacity: 1;   */
/*         -moz-opacity: 1;   */
/*         opacity: 1;   */
    }  
 
    div.timeline-groups-axis {  
        border-color: #5D99C3;  
    }  
 
    div.timeline-groups-axis-onleft {  
        border-style: none solid none none;  
    }  
 
    div.timeline-axis-text {  
        color: white;  
    }  
 
    div.timeline-event {  
        color: black !important;  
        border-radius: 5px !important;  
    }  
    
    
 
    
    
 
 div.timeline-event-dot-container
 {
 	text-align:left;
 }
 
   
    div.unavailable {  
        background: #F03030 none !important;  /* red */  
        border-color: #bd2828 !important;     /* red */  
    }  
 
    div.available {  
        background: #1AA11A none !important;  /* green */  
        border-color: #136e13 !important;     /* green */  
    }  
 
    div.maybe {  
        background: #FFA500 none !important;  /* orange */  
        border-color: #cc8100 !important;     /* orange */  
    }  
 
    div.timeline-event-selected {  
        background: #BECEFE none !important;  
        border-color: #97B0F8 !important;  
    }  
    
    .admin_columns{
    	/* font-size:11px !important; */
    }
    
    .admin_listbox {
    	width:180px !important;
    	/* font-size:11px !important; */
    }
    
    .menu_princ .ui-button-text{
    	padding: 0 .5em !important;
    	/* font-size:16px; */
    }
    
    .menu_princ .ui-button{
   		position:relative;float:right;height:25px;
    }
    
     .menu_princ .ui-menuitem-icon{
    	top:0 !important;
    	left:0 !important;
    }
	
	.menu_princ .ui-menu{
    	width:150px !important;
    }
    
    .menu_princ .ui-menu-dynamic{
    	width:150px !important;
    }

	.menu_princ .ui-icon-triangle-1-s{
		display:none !important;
	}
    
    .menu_admin{
    	font-size:11px !important;
    	width: 92%;
    }
    
    .menu_inicio .ui-button-text{
    	padding: 0 .5em !important;
    	font-size:16px;
    }
    
    .menu_inicio .ui-button{
   		position:relative;float:right;height:25px;
   		background:#3b7878;
   		border:none;
   		
    }
    
     .menu_inicio .ui-menuitem-icon{
    	top:0 !important;
    	left:0 !important;
    }
	
	.menu_inicio .ui-menu{
    	width:150px !important;
    }
    
    .menu_inicio .ui-menu-dynamic{
    	width:150px !important;
    }

.menu_inicio .ui-icon-triangle-1-s{
		display:none !important;
	}
	
	.menu_inicio .ui-menu-list{
    	list-style:none !important;
    }
    
    .menu_inicio {
   background:transparent !important;
   border:none !important;
   
   }
   
   .panel_cab .menu_inicio {
   color:#a8c9ff;
   }
   
   .panel_cab_disp .menu_inicio {
   color:#ffffff;
   }
   
   .menu_tabs {
   position:absolute;
   right:6px;
   top: 2px;
   }
   .menu_tabs .ui-button-text{
    	padding: 0 .5em !important;
    	font-size:16px;
    }
    
    .menu_tabs .ui-button{
   		 position:absolute;
   		right:6px;
   		top: 0px;
   		border:none;
   		background:transparent;
   		
    }
    
     .menu_tabs .ui-menuitem-icon{
    	top:0 !important;
    	left:0 !important;
    }
	
	.menu_tabs .ui-menu{
    	width:150px !important;
    }
    
    .menu_tabs .ui-menu-dynamic{
    	width:150px !important;
    }

	.menu_tabs .ui-icon-triangle-1-s{
		display:none !important;
	}
	
	.menu_tabs .ui-menu-list{
    	list-style:none !important;
    }
	    
	.menu_admin .ui-menuitem-icon{
    	top:0 !important;
    	left:0 !important;
    }
	
	
    .adminButton {
        border:none !important;
    }
    .adminButton:hover {
        /*border:solid !important;*/
    }
    
    .inicio_portal .ui-panel .ui-widget{
    	background-image: url("../imagenes/BM_fondo.png");
    	height:200px !important;
    }
    
    .text_contenido .ql-container{
    width:100%;
    }
    
    .link-prop{
    	position: absolute;
    	top:0px;
    	right:0px;
    	z-index:22;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-paneles{
    	position: absolute;
    	top:2px;
    	left:5px;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-tabs{
    	/*position: absolute;
    	top:44px;
    	left:5px;
    	color:#ffffff;
    	margin:-30 11 0 11 !important;*/
    	float:left;
    	text-align:left;
    	width:50%;
    }
    
    .link-cols{
    	/*position: absolute;
    	top:44px;
    	right:5px;
    	color:#ffffff;
    	margin:-30 11 0 11 !important;*/
    	float:right;
    	text-align:right;
    	width:50%;
    	
    }
    
    .link-prop-header{
    	position: absolute;
    	top:-25px;
    	right:0px;
    	z-index:22;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-prop-sp{
    	/*position: absolute;*/
    	bottom:0px;
    	left:0px;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-prop-orden{
    	position: absolute;
    	top:0px;
    	left:-8px;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-usua-orden{
    	top:0px;
    	font-size:11px;
    	width:140px;
    	display:none;
    	margin:5px;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-usua-ordenEntre{
    	top:0px;
    	font-size:11px;
    	/*width:140px;*/
    	height:100%;
    	display:none;
    	position:relative;
    	padding:1px;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-vp-orden{
    	top:0px;
    	font-size:11px;
    	/*width:100px;*/
    	display:none;
    	background:#d7c9a2;
    	position:relative;
    	
    	opacity:0.7;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-usua-add{
    	top:0px;
    	bottom:0px;
    	right:0px;
    	font-size:11px;
    	/*width:100px;*/
    	display:block;
    	height:100%;
    	background:#d7c9a2;
    	position:relative;
    	padding:1px;
    	opacity:0.7;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-usua-add-primero{
    	top:0px;
    	bottom:0px;
    	left:0px;
    	font-size:11px;
    	height:100%;
    	display:block;
    	background:#d7c9a2;
    	position:relative;
    	padding:1px;
    	opacity:0.7;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .panelRenDEL{
    	background:white;/*#c9c8c3;*/
    	margin:1px;
    	opacity:1;
    	display:none;
    	z-index:200;
    	
    }

	.panelRenDEL:hover{
    	background: white;
    	opacity:1;
    }
    
    .panelRenDEL:hover a{
    	color:#ffffff;
    }
    
    .panelRenDEL a{
    	color:#ffffff;
    }
    
    .subpanelRenDEL{
    	background:white;/*#c9c8c3;*/
    	margin:1px;
    	opacity:1;
    	display:none;
    	z-index:200;
    }

	.subpanelRenDEL:hover{
    	background: white;
    	opacity:1;
    }
    
    .subpanelRenDEL:hover a{
    	color:#ffffff;
    }
    
    .subpanelRenDEL a{
    	color:#ffffff;
    }
    
    .tabSel{
    	background:#3b7878 url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x !important;
    }
    
    .tabSel .tabs{ 
    	color:white !important;
    }
    
    .gpoSel{
    	background:#20385a !important;
    }
    
    .gpoSel .tabs{ 
    	color:white !important;
    }
    
    .agregaPanelFin{
    	background:#d7c9a2;
   	margin:3px;
    	opacity:0.7;
    }
    
    .agregaPanelFin a{
    	text-decoration:none;
    }
    
    .agregaPanelFin:hover{
    	background: #2a5d87;
    	opacity:1;
    }
    
    .agregaPanelFin:hover a{
    	color:#ffffff;
    }
    
    .agregaPanelFin-car{
    	background:#d7c9a2;
    	margin:5px;
    	opacity:0.7;
    }
    
    .agregaPanelFin-car a{
    	text-decoration:none;
    }
    
    .agregaPanelFin-car:hover{
    	background: #2a5d87;
    	opacity:1;
    }
    
    .agregaPanelFin-car:hover a{
    	color:#ffffff;
    }
	    
    .link-vp-orden:hover{
    background: #2a5d87;
    opacity:1;
    }
    
    .link-usua-add:hover{
    background: #2a5d87;
    opacity:1;
    }
    
    .link-usua-add-primero:hover{
    background: #2a5d87;
    opacity:1;
    }
    
    .link-vp-orden:hover a{
    color:#ffffff;
    }
    
    .link-usua-add:hover a{
    color:#ffffff;
    }
    
    .link-usua-add-primero:hover a{
    color:#ffffff;
    }
    
    
    .botonesOrden{
    	font-size:11px;
    	position:absolute;
    	top:0px; 
    	z-index:100;
    	width:100%;
    	display:none;
    }
    
    .link-vp-ordenEntre,.link-vpsp-ordenEntre{
    	
    	/*border:2px solid gray;*/
    	/*padding:5px 0;*/

		/*text-align: center;*/
    	/*!*width:100px;*!*/
    	/* display:table-cell;*/
    	/*height:25px;*/

    	
    }
    .link-vpsp-ordenEntre
    {
        background-color: yellow;
    
    }
    .altura-link-entre{
		background-color: lightGreen !important;
		height:25px;

	}
    
    /*.link-vp-ordenEntre:hover,.link-vpsp-ordenEntre:hover*/
.textoOrden:hover
    {
        	background-color: lightGreen !important;
    }
    
    
    .panelRepDiv:has(>.botonesOrden .link-vp-ordenEntre:hover) > .panelRep,    
    .panelRepDiv:has(>.botonesOrden .link-vpsp-ordenEntre:hover)> .panelRep {
    	/*background-color: lightGreen !important;*/
    	
    }
    
    .panelRepDiv:has(>.botonesOrden .link-vpsp-ordenEntre:hover)> .panelRep > .contenido_panel{
    	opacity:0;
    	
    }
    

    
    .link-vpsp-orden{
    	top:0px;
    	font-size:11px;
    	/*width:40px;*/
    	display:none;
    	background:#d7c9a2;
    	position:relative;
    	
    	opacity:0.7;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
   
    
    .link-vpsp-orden-car{
    	top:0px;
    	font-size:11px;
    	/*width:80px;*/
    	background:#d7c9a2;
    	position:relative;
    	
    	opacity:0.7;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-vpsp-orden-car:hover{
    background: #2a5d87;
    opacity:1;
    }
    
    .link-vpsp-orden-car:hover a{
    color:#ffffff;
    }
    
   
    
    .link-vpsp-ordenEntre-car{
    	top:0px;
    	font-size:11px;
    	/*width:80px;*/
    	display:none;
    	
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    
    .link-prop-orden-header{
    	position: absolute;
    	top:-25px;
    	left:-8px;
    	/*margin:-30 11 0 11 !important;*/
    	
    }
    .panelVP_fondo{
    	background-color:lightGray;
    }
    
    
    
    .panelCalendario .ui-panel .ui-panel-content{
    	padding:0 !important;
    }
    
    .panelContenido .ui-widget-content{
    	height:90% !important;
    }
    
    .panelCalendario .ui-panel-titlebar{
    	position:relative;
    }
    
 
    
    .panelCalendario .ui-widget-content{
    	padding:0 !important;
    	
    }
    
     .ring_panel .ui-panel .ui-panel-content{
    	padding:0 !important;
    }
    
    .carTemas_panel .ui-panel .ui-panel-content{
    	padding:0 !important;
    }
    
    .ring_panel .ui-widget-content{
    	padding:0 !important;
    	position:relative;
    }
    
    .carTemas_panel .ui-widget-content{
    	padding:0 !important;
    }
    
    .panelUsuario .ui-panel .ui-panel-content{
    	padding:0 !important;
    }
    
    .panelUsuario .ui-widget-content{
    	padding:0 !important;
    	/*position:relative;*/
    }
    
        
    .listaPaneles .ui-panel .ui-panel-content{
    	padding:0 !important;
    }
    
    .listaPaneles .ui-widget-content{
    	padding:0 !important;
    	position:relative;
    }
    
    
    .vp_subpanel .ui-panel .ui-panel-content{
    	padding:0 !important;
    	border:none !important;
    }
    
    .vp_subpanel{
    	/*margin: 3px;*/
    	position:relative;
    }
    .vp_subpanel .ui-widget-content{
    	padding:0 !important;
    	/*position:relative;*/
    }
    
    .vp_drag_elem .ui-widget-content{
    	border:none;
    }
    
    .vp_drag_elem .ui-datagrid-content{
    	border:none;
    	background:#e2eaf7 !important;
    }
    
    /*.vp_drag .ui-state-highlight:hover{
    	background:#e3ebed;
    }
    
    .vp_drag .ui-widget-content .ui-state-highlight:hover{
    	background:#e3ebed;
    }
    
    .vp_drag .ui-widget-header .ui-state-highlight:hover{
    	background:#e3ebed;
    }*/
 
     .ui-widget-content,.ui-widget-content a{
     	color:inherit;
     }
    .ui-widget-content .ui-droppable-hover {

	background: #81BEF7;
	}
	
	.subpanel .ui-panel .ui-panel-content{
    	padding:0 !important;
    	border:none !important;
    }
    
    .subpanel{
    	/*margin: 3px;*/
    	position:relative;
    }
    .subpanel .ui-widget-content{
    	padding:0 !important;
    	/*position:relative;*/
    }
    
    .subpanel .ui-widget-header{
	 
		background: #20385a; 
		

	}
    
    .vp_subpanel .ui-widget-header{
	 
		background: #20385a; 
		border: 1px solid #999999;

	}
	
	.inicio_subpanel .ui-panel .ui-panel-content{
    	padding:0 !important;
    	border:none !important;
    }
    
    .inicio_subpanel{
    	/*margin: 5px;*/
    	position:relative;
    	border:none;
    }
    .inicio_subpanel .ui-widget-content{
    	padding:0 !important;
    	
    }
    
    .inicio_subpanel .ui-panel-titlebar{
	 
		background: #3b7878 url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x;

	}
	
	.inicio_subpanel_cal .ui-panel .ui-panel-content{
    	padding:0 !important;
    	border:none !important;
    }
    
    .inicio_subpanel_cal{
    	/*margin: 3px;*/
    	border:1px solid #f2f2f2;
    }
    .inicio_subpanel_cal .ui-widget-content{
    	padding:0 !important;
    }
    
    .inicio_subpanel_cal .ui-widget-header{
	 
		/*border: 1px solid #999999;
background: #2a5d87 url("banxico_theme/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x !important;
		*/
		border-bottom: 1px solid;
		background: none;
	}
	
	.inicio_subpanel_cal .ui-panel-titlebar{
		position:relative;
	}
	
	.panel_permisos td{
	vertical-align:0px !important;
	
	}
	
	.panel_todos td{
	text-align:center !important;
	}
	
	.panel_cab >.ui-widget-header{
	/*display:none;*/
	background:transparent !important;
	border:none !important;
	border-radius: 0px !important;
	height: 17px;
	}
	
	.panel_cab > .ui-panel-titlebar{
		display:none;
	}
	
	.panel_cab_car >.ui-widget-header{
	display:none !important;
	
	}
	.panel_car_hed > .ui-panel-titlebar{
		display:none !important;
	}
	

	   
    .dialog_vp{
    	/*left:80 !important;*/
    	overflow:auto;
    	
    }
    
    .dialog_vp .ui-dialog-content{
    	height:auto;
    }
    
    .dialog_prop{
    	/*left:80 !important;*/
    	overflow:auto;
    	/*height:75% !important;*/
    }
    
    .dialog_prop .ui-dialog-content{
    	height:auto;
    	max-height:95% !important;
    }
    
    .dialog_panel .ui-dialog-content{
    	height:500px !important;
    }
    
    
    .panel_dialog .ui-dialog-content{
    	overflow-y:auto !important;
    	height:95% !important;
    	position:relative;
    	width:100% !important;
    }
    
    .panel_dialog .ui-dialog-footer{
    	position:absolute;
    	width:99% !important;
    	bottom:0px;
    }
    
	

    
    
    .panelCalendario{
/*     	margin: 5px; */
    	position:relative;
    }
    
     .ring_panel{
    	margin: 5px;
    }
    
    .carTemas_panel{
    	margin: 5px;
    	position:relative;
    	height:90px;
    }
    
    .panelUsuario{
    	margin: 5px;
    	
    }
    
    .panelUsuario .ui-panel-titlebar{
    
		background: #20385a url("banxico_theme/images/ui-bg_highlight-hard_30_20385a_1x100.png") 50% 50% repeat-x;
		
		/*color: #20385a;*//*#e3ebed;*/
		color: white;
		border: 1px solid #999999;
		/*height: 17px;*/
    }
    
    
    
    .listaPaneles{
    	margin: 3px;
    	margin-top:25px;
    }
    
    .tema{
    	padding:0px;
    	margin:0px;
    	border:0px;
    }
    
    .panelesTab{
    	padding:0px;
    	margin:0px;
    	border:0px;
    }
    
    .tema .ui-panel-titlebar{
    
		background: #20385a url("banxico_theme/images/ui-bg_highlight-hard_30_20385a_1x100.png") 50% 50% repeat-x;
		
		/*color: #20385a;*//*#e3ebed;*/
		color: white;
		
		height: 17px;
    }
    
    .panel,.subpanel{
    	
    	position:relative;
    	padding:0px;
    	border:0px;
    }
    
    .panelDrag{
		height: auto !important; /* Que tome la altura del contenido */
		z-index:100;
		background: lightgrey;
		border: 1px solid #ccc !important;
		width:80%;
		left:0 !important;
		opacity: .5;
    }


.linea-indicadora {
	height: 4px !important;       /* Altura de la línea */
	background-color: #007bff !important; /* Color azul */
	border: none !important;
	margin: 8px 0 !important;     /* Espacio arriba y abajo para separar los paneles */
	border-radius: 2px;
	box-shadow: 0 0 8px rgba(0,123,255,0.6);
	list-style: none;
	display:none;
}
    
    .subPanelFondo{
     background:none;
    }
   
    .panel_margen{
    margin: 0px;
    }

     .panel .ui-panel .ui-panel-content{
    	padding:0 !important;
    }
       .panel .ui-widget-content{
    	padding:0 !important;
    	
    }
    
    .panel .ui-panel-titlebar { 
		/*background:   url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x;
		*/
		background: #e2eaf7 ;
		color:#20385a;
		/*color: #20385a;*//*#e3ebed;*/
		
		border:none;
		border-bottom: 1px solid #3b7878;
		text-align: left;
		font-weight: bold;
	}
	/*.ui-widget-header*/
	.panelCalendario .ui-panel-titlebar { 
	
		background: #e2eaf7;/*#3b7878 url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x;/*gray*/;/*#2a5d87 url("banxico_theme/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x;*/
		color:#20385a;
		/*color: #20385a;*//*#e3ebed;
		color: white;*/
		border: 1px solid #999999;
		height: 17px;
		
	}
	
	
	 .ui-carousel-header{
	
		
		color: #20385a;
		color: white !important;
		border: 1px solid #999999 !important;
		font-size:1.3em;
		position:absolute;
		z-index:10;
		background:rgba(0,0,0,.3);
		right:0px;
		bottom:10px;
	}
	

	.panelCarousel .ui-widget-content{
		border:1px solid white;
		position:relative;
	}
	
	.ring_panel .ui-widget-header{
	 
		background: #ffffff !important;/*#2a5d87 url("banxico_theme/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x !important;*/
		/*color: #20385a;/*#e3ebed;*/
		color: #2a5d87;
		border: 1px solid #999999;
		min-height:25px;

	}
	
	.carTemas_panel .ui-panel-title{
		margin:0 !important;
	}
	
	.carTemas_panel .ui-widget-header{
	 
		background: #ffffff !important;/*#2a5d87 url("banxico_theme/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x !important;*/
		/*color: #20385a;/*#e3ebed;*/
		color: #2a5d87;
		border: 1px solid #999999;
		min-height:25px;

	}
	
	.panel_tiposRes .ui-widget-header{
	 
		background: #c7b992 !important; /*url("../imagenes/glass_bg.png") */
		color:#222222 !important;
		
	}
	
	.ring_panel .ui-panel-title{
		margin:0 !important;
	}
    
    
    .panelFondo{
    
    	background:  #20385a;
    	color: white;
    	padding:3px;
    	margin:2px;
    	position:relative; 
    }
    
    .panelFijoInicio{
    	padding:5px;
    	margin:5px;
    	height:150px;
    	overflow: auto;
    	position:relative;
    }
    
    .menu_temas .ui-menuitem-text{
    color:#ffffff;
    }
    
/*     .ui-selectonemenu-filter-container input{ */
/*     width: 100% !important; */
/* 	} */
    .ui-selectonemenu-panel{
    	width:85% !important;
    }
    
    
    .busca_palabra .ui-autocomplete-input, .busca_palabra .ui-inputfield {
 
    	height:25px;
    }
    
    .permisos_grupo .ui-picklist, .permisos_grupo .ui-helper-clearfix, .permisos_grupo .ui-picklist-responsive{
    	display:block !important;
    }
    
    .menu_sp .ui-button-text{
    	padding: 0 .5em !important;
    	font-size:16px;
    }
    
    .menu_sp .ui-button{
   		position:relative;float:right;height:25px;
    }
    
     .menu_sp .ui-menuitem-icon{
    	top:0 !important;
    	left:0 !important;
    }
	
	.menu_sp .ui-menu-child{
    	width:200px !important;
    }
    
    .ui-menu-dynamic{
    	width:200px !important;
    }

	.menu_sp .ui-icon-triangle-1-s{
		display:none !important;
	}
	
	.align_estado td{
		text-align:center;
	}
    
    .icon_inicio{
    	background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/32px/Menu-inico.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_admin{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_png/ASIG_AUTOM_32.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_panUsua{
    	background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/tasks.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_reg{
    	background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/actualizar.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_app{
    	background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/documents_and_settings.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_agral{
    	background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/Actions-help-about-icon.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_con{
    	background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/email.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_tema{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Tablero-de-control.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_panel{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Panel-de-control.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_edicion_si{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Modo-edicion.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
        background-color:#e2eaf7;
    }
    
    .icon_edicion_no{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Modo-edicion.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
            background-color:#e2eaf7;
    }
    
     .icon_vista_edicion_si{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Panel-tipo-contenido.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
        background-color:#e2eaf7;
    }
    
    .icon_vista_edicion_no{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Vista-previa.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
            background-color:#e2eaf7;
    }
    
    .icon_grupo{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Grupo.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_rol{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/rol.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_tipo{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Tipo-de-panel.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_servicio{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Servicios.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_plantilla{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Panel-tipo-plantilla_contenido.png") !important;
            height: 16px;
            width: 16px;
            margin-right:2px;
    }
    
    .icon_max{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Maximizar.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_add_tab{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Agregar-panel-a-mi-control.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_del_tab{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Borrar-tablero.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_cambia_tab_prin{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Cambiar-tablero-principal.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_borrar_tabU{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Borrar-tablero.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_comp_tabU{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/agregar-permisos-al-tablero.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_act_tabU{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Actualizar-tablero.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    
    .icon_quit_tab{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Quitar-panel-de-mi-tablero-actual.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_ed_sem{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Editar-estado-de-servicio.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_tam_panel{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Tam-de-panel.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_reg_tabs{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Regresar-a-lista-de-tableros.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_tam_movil{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Vista-previa-movil.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_tam_tab{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Vista-previa-tablet.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_tam_mpeq{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Vista-previa-monitores-peq.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_tam_mgde{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Vista-previa-monitores-grandes.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_tam_res{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Vista-previa-responsiva.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
    }
    
    .icon_ed_cont{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Agregar-editar-elementos.png") !important;
            height: 16px;
            width: 16px;
             background-color:#ffffff;
             margin-right:4px;
    }
    
    .icon_ed_tab{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Actualizar-tablero.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_del_tab{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Borrar-tablero.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_admin_pal{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Administrar-palabras-claves.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_estilo_panel{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Estilo-de-panel.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_ed_car{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Editar-carrusel.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_ed_ac{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Editar-acordeon.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_ed_pes{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Editar-tabs.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_quit_rel{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Quitar-rel-subpanel.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_grupo_del{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Borrar-grupo.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    .icon_grupo_act{
		background-size: 100%;
    	background-repeat:no-repeat;
    	background-image: url("../imagenes/iconos_portal/16px/Editar-grupo.png") !important;
            height: 16px;
            width: 16px;
            margin-right:4px;
    }
    
    
    
    .stack_panel .ui-menuitem-link{
    	position:absolute !important;
    }
    
    .image-ring .ui-ring-item {
       	border:0 none;
    }
 
    .ui-ring button {
       	font-size: 1em !important;
    }
 

    
    .agrega_panel .ui-panel-content, .agrega_panel .ui-widget-content{
    	top:0px;
    	bottom:0px;
    	left:0px;
    	position:absolute;
    	width:100%;
    	padding:0;
    }
    
    .agrega_panelSP .ui-panel-content, .agrega_panelSP .ui-widget-content{
    	top:0px;
    	bottom:0px;
    	left:0px;
    	position:absolute;
    	width:100%;
    	padding:0;
    }
    
    .ui-picklist-button-add .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png") !important;
    }
	
	.ui-picklist-button-add-all{
	display:none !important;
	}

	.ui-picklist-button-add-all .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png") !important;
    }

	.ui-picklist-button-remove .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png") !important;
	}

	.ui-picklist-button-remove-all .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png") !important;
	}
	
	.ui-inplace-editor .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png") !important;
    }
	
	.menu_panel .ui-menuitem-text{
		margin-left:20px;
	}
    
    .div_boton {
    position:absolute;
    right:5px;
    top:3px;
    z-index:10;
    }
    
    .div_resize {
    position:absolute;
    left:5px;
    top:3px;
    z-index:10;
    
    }
    
    .div_regresar {
    position:absolute;
    left:5px;
    top:2px;
    z-index:10;
    
    }
    
    .VP_paneles .ui-panel-titlebar{
    position:relative;
    }
    
    .div_res_tit{
    	background: #2a5d87 url("banxico_theme/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x !important;
    }
    
    .div_res_oc{
    	background-color: transparent;
    }
    
    .select_ancho .ui-selectonemenu-panel{
    	width:45px !important;
    }
    
    .select_ancho .ui-selectonemenu-items-wrapper{
    	width:45px !important;
    }
    
    .over_cont{
    	position:absolute !important;
    	left:0;
    	width:50%;
    	height:50%;
    	z-index:100 !important;
    }
    
    .over_cont .ui-overlaypanel-content{
    	height:95%;
    }
    
    .tab_vacio .ui-datagrid-content{
    	height:70px;
    }

	 .div_tab {
    position:absolute;
    left:5px;
    top:5px;
    z-index:10;
    }
    
    .div_boton_cont {
    position:absolute;
    bottom:10px;
    z-index:10;
    width:100%
    }
    
    .dialog_cont{
    	/*left:80 !important;*/
    	overflow:auto;
    	height:75% !important;
    }
    
    .dialog_cont .ui-dialog-content{
    	height:auto;
    	
    }
    
    .dialog_contVP{
    	/*left:80 !important;*/
    	overflow:hidden;
    	height:99% !important;
    }
    
    .dialog_contVP .ui-dialog-content{
    	height:98% !important;
    	padding:0px;
    	
    }
    


    
    .fixme .ui-datagrid-content{
    	background:#e2eaf7 !important;
    }
    
    /*.ui-resizable-s{
    	height:2px !important;
    	background: #aaaaaa !important;
    }*/
    

      

#nav li {
  float:left;
  display:block;
  /*width:167px;*/
  position:relative;
  z-index:500;
  margin:0 1px;
  }

    


#nav ul {
  position:absolute;
  left:0;
  display:none;
  margin:0 0 0 -1px;
  padding:0;
  list-style:none;

  }

#nav ul li {
  width:165px;
  float:left;
  border-left:1px solid #111;
  border-right:1px solid #111;
  }

#nav ul li.underline {
  border-bottom:1px solid #111;
  }

#nav ul a {
  display:block;  
  height:25px;
  padding:0 0 0 23px;
  }

#nav ul a:hover {
  text-decoration:none;    
  }
  
  .divMovil{
	
	background-image: url("../imagenes/fondo_movil2.png");
	z-index: 1;
	
	background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:555px 100%;
    
}

.divMovil-pos{
	padding-top:55px;
    padding-bottom:65px;
}

	.divMovil .ui-fieldset-content{
	margin-top: 3%;
	margin-bottom: 3%;
}

	.divTab{
	
	background-image: url("../imagenes/fondo_tab.png");
	z-index: 1;
	
	background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:1035px 100%;
    
}

.divTab-pos{
	padding: 95px;
}

	.divTab .ui-fieldset-content{
	margin-top: 6%;
	margin-bottom: 5%;
}




.acTemas .ui-accordion-header{
	text-align:left;
	color:#ffffff;
	background: #3b7878 url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x;
}

.menu_admin {
	background: #3b7878;
}

.menu_admin .ui-menuitem{
	background: #3b7878 url("banxico_theme/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x;
}

.menu_admin .ui-menuitem-link{
	color:#ffffff;
}

.menu_admin .ui-separator{
	border:1px solid #ffffff;
}

.menu_admin .ui-icon{
	background-image:url("banxico_theme/images/ui-icons_ffffff_256x240.png");
}

.acTemas .ui-accordion-header:hover{
	text-align:left;
	color:#ffffff;
	background: #2a5d87;
}

.acTemas{
	margin:3px;
	margin-top:15px;
}
    
.mark {
  background-color: yellow;
  color:#000000;
}

/* .ui-widget-header .ui-icon {
	background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png"); 
}

.ui-state-default .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_ffffff_256x240.png");
} */

/* .arbolTabs .ui-state-default .ui-icon {
    background-image: url("banxico_theme/images/ui-icons_222222_256x240.png");
} */

/*.acTemas .ui-accordion-header .ui-icon{
	background-image: url("banxico_theme/images/ui-icons_222222_256x240.png");
}*/

/* .ui-paginator .ui-icon{
	background-image: url("banxico_theme/images/ui-icons_222222_256x240.png");
} */

.ui-icon-radio-on{
	background-position: -80px -144px !important;
}


.fondo_icono {
	background:#e2eaf7 url("banxico_theme/images/ui-bg_highlight-hard_70_e2eaf7_1x100.png") 50% 50% repeat-x;
	margin:2px;
	border-radius:0.5em;
	padding:3px;
}

.fondo_icono_accion {
	background:#e2eaf7 url("banxico_theme/images/ui-bg_highlight-hard_70_e2eaf7_1x100.png") 50% 50% repeat-x;
	margin:0px 2px;
	border-radius:0.5em;
}

.fondo_icono_des {
	background: gray;/*#e2eaf7;*/
	margin:0px 2px;
	border-radius:0.5em;
	/*border:2px solid #2a5d87*/
}

.fondo_icono_boton {
	background:#e2eaf7;
	margin:0px 2px;
	border-radius:0.5em;
	
}
.fondo_icono_edit {
	background:#2a5d87;
	margin:0px 2px;
	border-radius:0.5em;
	
}

.fondo_icono_drag {
	background:#a8c9ff;
	margin:0px 2px;
	border-radius:0.5em;
	/*padding:3px;*/
}

.carTabs{
	margin:3px;
}

.listaUsuarios .ui-datalist-item{
	position:relative;
}

.div_inst_tab {
    position:absolute;
    bottom:0px;
    z-index:40;
    background:#ffffff !important;;
    color:#000000 !important;
    left:0px;
    right:0px;
    height:25px;
    overflow:auto;
    padding-top:5px;
    text-align:left;
    font-size:0.9em !important;
 }
 
 .div_inst_pan{
 	background:transparent !important;;
    color:#000000 !important;
    width:100%;
    padding-top:5px;
    text-align:center;
    font-size:1.2em !important;
 }
 
 .div_inst_pan_disp{
 	background:#ffffff !important;;
    color:#000000 !important;
    width:100%;
    height:40px;
    overflow:auto;
    padding-top:5px;
    text-align:center;
    font-size:1.2em !important;
 }
 
 .ui-dialog .ui-dialog-title {
 	float:none;
 }
 
 .panel_dialog .ui-dialog-titlebar{
 	height:20px;
 }
 
 .regleta_num {
 	background:#f8f9fa;
 	/*border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #c0c0c0;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #c0c0c0;
    padding:0;
    height:15px;*/
    border:1px solid black;
}
 
 .regleta_divs{
 	background:#FF7800;border:1px solid #FF7800;padding:0;height:2px;font-size:6px;
 }
 
 .regleta_esp{
 	padding:0;height:2px;background:#ffffff;
 	border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FF7800;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FF7800;
 }
 
 .divRenVP{
 	height:auto;position:relative;opacity:0.7;
 }
 
 div.eventoActual{
 	background:#2a5d87 !important;
 	border:1px solid #2a5d87;text-align:center;overflow-y:auto;position:relative;
 }
 
 
 .timeline-navigation-delete{
 display:none;
 }
 
 .eventoActual .timeline-event-content{
 background:#2a5d87;
 }
 
 .eventoActual td{
 color:#ffffff !important;
 font-size:11px;
 }
 
 .eventoActual .fc-content{
 	white-space:normal;position:relative;
 }
 
 div.eventoAnterior{
 	background:red  !important;border:1px solid red;text-align:center;overflow-y:auto;position:relative;
 }
 
 .eventoAnterior .fc-content{
 	white-space:normal;position:relative;
 }
 
 .eventoAnterior .timeline-event-content{
 background:red;
 }
 
 .eventoAnterior td{
 color:#ffffff !important;
 font-size:11px;
 }
 
 div.eventoFuturo{
 	background:green  !important;border:1px solid green;text-align:center;overflow-y:auto;position:relative;
 }
 
 .eventoFuturo .fc-content{
 	white-space:normal;position:relative;
 }
 
 .eventoFuturo .timeline-event-content{
 background:green;
 }
 
 .eventoFuturo td{
 color:#ffffff !important;
 font-size:11px;
 }
 
 .schedule .ui-tooltip{
 	position:absolute !important;
 }
 
 .tablaAdmin .ui-datatable-header{
/*  	height: 20px; position: relative; */
 }
 
 
/*    .menu_opciones {
    position: absolute;
    z-index: 200;
    right: 5px;
    top: 5px;
    background:gray;
}*/
    
    .temasSideBar.ui-sidebar{
    	background:lightGray;
    	padding:0px;
    }
    
   
/*  .ui-datagrid-column{ */
/*  	background:lightGray; */
/*  	padding: 1px; */
/*  } */
 


 @media (max-width:1440px) {
  .hidden-res {
    display: none !important;
  }
}

@media (max-width:640px) {
  .hidden-boton {
    display: none !important;
  }
}

@media (min-width:641px) {
  .hidden-menu {
    display: none !important;
  }
}

@media (max-width:1024px) {
  .hidden-boton-VP {
    display: none;
  }
}

@media (min-width:1025px) {
  .hidden-menu-VP {
    display: none;
  }
}

@media print {
    .ui-xl-1,
    .ui-xl-2,
    .ui-xl-3,
    .ui-xl-4,
    .ui-xl-5,
    .ui-xl-6,
    .ui-xl-7,
    .ui-xl-8,
    .ui-xl-9,
    .ui-xl-10,
    .ui-xl-11,
    .ui-xl-12 {
        padding: .5em
    }
    .ui-xl-1 {
        width: 8.33333%
    }
    .ui-xl-2 {
        width: 16.66666%
    }
    .ui-xl-3 {
        width: 25%
    }
    .ui-xl-4 {
        width: 33.33333%
    }
    .ui-xl-5 {
        width: 41.66666%
    }
    .ui-xl-6 {
        width: 50%
    }
    .ui-xl-7 {
        width: 58.33333%
    }
    .ui-xl-8 {
        width: 66.66666%
    }
    .ui-xl-9 {
        width: 75%
    }
    .ui-xl-10 {
        width: 83.33333%
    }
    .ui-xl-11 {
        width: 91.66666%
    }
    .ui-xl-12 {
        width: 100%
    }
}

    
    
    .menu_opciones {
    background: #eef3f3;
    text-align: right;
    	width:100%;text-align: right;display:flex;justify-content:end;height: 30px;
    
}

/* .panelRep:hover > .menu_opciones{ */
/* 	display:block;; */
/* } */


.sub_menu_opciones {
    position: absolute;
    z-index: 90;
    right: 2px;
    top: 2px;
    /*background:#20385a;*/
    text-align: right;
}

.sub_menu_opciones_mov {
    position: absolute;
    z-index: 90;
    right: 30px;
    top: 0px;
    /*background:#20385a;*/
    text-align: right;
}

.titulo_permisos {
 font-size: 14px !important;
 font-weight: bold;
 color: #333333;
 text-decoration: none;
 
}

.div_resize .ui-state-highlight{
	background:transparent !important;
	
}


.tabUsuario .ui-tabs-panel {
	height:200px;overflow:auto;
}

.margen_boton{
	margin-bottom:7px !important;
}

.carga_css .ui-widget-header{
	background:white !important;
	color: #2a5d87;
	border:none !important;
}

.cargar_css .ui-panel-titlebar{
	border:none !important;
}

.carga_css .ui-fileupload-content{
	border:none;
}

.carga_img .ui-widget-header{
	background:white !important;
	color: #2a5d87;
	border: none;
	padding: 0px;
}

.cargar_img .ui-panel-titlebar{
	border:none !important;
}

.carga_img .ui-fileupload-content{
	border:none;
}

html .ui-state-disabled {
    pointer-events: all;
}

.tablaLista .ui-datatable-tablewrapper{
	width:100%;
}

.estilo_boton_ren{
	padding: 0px; 
	width: 150px; 
	height:20px;  
	border-radius: 1em; 
	position: relative; 
	right: 0; 
	margin-left: auto;
	margin-right: auto; 
	background:#20385a;
	color:white;
}

.estilo_span_ren{
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    font-weight: bold;
    color:white;
}

.estilo_boton_add{
	
	color:white !important; 
	display:block;
	padding:2px;
}
    
 .panelRenDEL:hover .estilo_boton_ren{
    	background: #2a5d87;
    	opacity:1;
    }
    
    .subpanelRenDEL:hover .estilo_boton_ren{
    	background: #2a5d87;
    	opacity:1;
    }
    

.estilo_boton_ren:hover{
    	background: #2a5d87;
    	opacity:1;
    	cursor: pointer;
    }
    
   .panelRenDEL .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #ffffff;
  text-align: center;
  padding: 5px 0;
  /*border-radius: 6px;*/
  border:1px solid;
  position: absolute;
  z-index: 200;
  top:-30px;
}


.panelRenDEL:hover .tooltiptext {
  visibility: visible;
}

.subpanelRenDEL .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #ffffff;
  text-align: center;
  padding: 5px 0;
  /*border-radius: 6px;*/
  border:1px solid;
  position: absolute;
  z-index: 200;
  top:-30px;
}


.subpanelRenDEL:hover .tooltiptext {
  visibility: visible;
}

.dialog-Editar-Cont{
    	
    	overflow:auto;
    	width:auto;
    	max-width:80%;
    }
    
.important-margen { margin: 0px !important; }

.panel_portal:hover{
	background-color: #d7c9a2 !important;
}

.panel_portal:hover .ui-panel-titlebar{
	background-color: #d7c9a2 !important;
}


.dataPortales .ui-datagrid-header{
	background:#20385a !important;
	color:#ffffff !important;
	position:relative;
	font-size:1.3em;
}

.tamPanel .ui-overlaypanel-content{
	padding:0px;
}


 .botonTipoRes{
 	border: 1px solid gray;
 	margin:5px;
 	display:block;
 }
 
 .botonAgregarRenglon{
 
 	height:20px;position:relative;display:block;margin:5px 0;
 	color:white !important;
 	font-size:11px !important; 
 } 
  
 .panelRep{
 	border: 1px dotted gray;
 }
 
 .menu{

 	display:flex;
 	flex-direction:column;
	position:absolute;
	z-index: 10;
	top:0;
	left:0;
	
 
 }
 
 .menu .ui-widget-content a
 {
 	color:inherit;
	 height:100%;
 }


.menu .ui-menuitem-link{
	padding:0px;
}
/*
.menu .ui-menuitem-link{
	color:white;
	background: #20385a url("banxico_theme/images/ui-bg_highlight-hard_30_20385a_1x100.png") 50% 50% repeat-x;
	border:1px solid white;
	padding:0px;
}
.menu .ui-menuitem-link:hover{

	background: #2a5d87 url("banxico_theme/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x !important;
	padding:0px;
}
*/
  .menu .ui-menubar .ui-menu-child .ui-menuitem-link{
/*   	display:flex; */
  }


.menu .ui-menu-list, .menu .ui-menu-list .ui-menuitem,
  .menu .ui-menu-list .ui-menuitem .ui-menuitem-link,
  .menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{
  	display:flex; 
	flex:1;
   	height:100%;
  }

  .menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{
  	/* width:auto !important; */
  	padding:5px;
  }
  
  .menu .ui-menu-list{
	 /*display:flex;
	flex:1*/;
	  background:inherit;
  }

.ui-menu .ui-icon{
	position: relative;
	float: none !important;

}
 .menu .ui-menuitem, .menu .ui-menuitem li{
/*  	display:flex; */
/*  	height:100% !important; */
 	background:inherit;
 }
 
 
/*  .menu .ui-menuitem, .menu .ui-menuitem a{ */
/*   	display:flex; */
/*  	align-items:center; */
/*  	height: calc(100% - 6px); */
/*  	padding-right:10px; */
/*  } */
 
 .menu .ui-menu .ui-menu-parent .ui-menu-child{
 
/*  	height: auto!important; */
/*  	padding: 2px !important; */
/* 	background:white; */
	background:inherit;
	width:100%;
 }



 
   .menu .ui-menu-parent a.ui-state-hover, .menu .ui-menuitem-active:not(.ui-menu-parent) a.ui-state-hover{
   opacity:1;
 	background:rgba(255, 255, 255, 0.65);
 }
 
 .menuReducido{
	display:none;
}

@media screen and (min-width: 0) and (max-width: 90.063em){ 
	
	.menuCompleto{
		display:none;
	}
	
.menuReducido{
	display:block;
}
}
 
/*  .menu .ui-menuitem a span{ */
/*  	margin:auto 0; */
/*  } */
 
 
/*  .menu .ui-menubar .ui-menu-child .ui-menuitem{ */
 
/*  	width:auto; */
/*  } */



 
 
.bordeSeleccionado::before {
    background: rgba(255, 0, 0, .3);
    content: "";
    width: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
 
 .ui-sidebar-active{
 	z-index:1000 !important;
 }
  .ui-input-overlay{ 
  z-index:9999 !important; 
  } 
 
.ui-tabs-left>.ui-tabs-nav{
	
	height:90% !important;
}
  
 .imagenContenedor{
/*  height:99%; */
	max-height:inherit;
	justify-content: center;
 }
 
 .imagenContenedor img{
 	 max-width:100%;
    	max-height:100%;
    	object-fit:scale-down;
 }

 .sidebarConf{
 width:90% !important;
 }
 
 .scrollSideBar{
 padding:5px;height:400px;overflow:auto;
 }
 
 
   .ui-sticky {
/*         top: 75px !important; */
        z-index:999 !important;
    }
    
    
    .combo100{
    	height:calc(100% - 20px);
    }
    .combo100 .ui-selectlistbox-listcontainer{
    	height:95% !important;
    	overflow:auto;
    }
    
    

    
    
    .ui-message{
   	 border:none;
    }
    
    
    .contenido_panel{
/*     overflow-y:auto !important; */
    	overflow:hidden;
    }
    
     .scroll{
    	
    	overflow:auto ;
/*     	overflow-x:hidden; */
    }
    
    .ui-widget .ui-datagrid-content{
    	display:block;
    }
  
  
  .se-toolbar-inline{
  top:-45px !important;
  }
  
  
 .fc-event 
  {
  
  	background: #0d89ec;
  	border:#0d89ec;
  	color:white !important;
  
  }
  
  .ui-tabs-navscroller-btn{

	background:#2a5d87 url("/PortalServicios/privado/jakarta.faces.resource/primefaces-banxico/images/ui-bg_highlight-hard_30_2a5d87_1x100.png") 50% 50% repeat-x !important;
  }
  
  
  .bordeAzul{
  	border:3px solid blue;
  
  }
  .bordeGris{
  border:1px solid lightGray;
  }
  
  .tablaLista .ui-treetable-data tr:hover {
  background-color: #CEDCF1;
  }

  .tablaLista .ui-treetable-data tr td small {
  	opacity: 0.2;
	}

  .tablaLista .ui-treetable-data tr:hover td small {
	opacity: 1;
   }
  

  
@media screen and (max-width:40em) {
    .ui-sm-1,
    .ui-sm-2,
    .ui-sm-3,
    .ui-sm-4,
    .ui-sm-5,
    .ui-sm-6,
    .ui-sm-7,
    .ui-sm-8,
    .ui-sm-9,
    .ui-sm-10,
    .ui-sm-11,
    .ui-sm-12 {
        font-size: .8em;
/*                 display:inline-block; */
    }
    
   }
   
   @media screen and (max-width:40em) {
    .ui-md-1,
    .ui-md-2,
    .ui-md-3,
    .ui-md-4,
    .ui-md-5,
    .ui-md-6,
    .ui-md-7,
    .ui-md-8,
    .ui-md-9,
    .ui-md-10,
    .ui-md-11,
    .ui-md-12 {
        font-size: .9em;
/*                 display:inline-block; */
    }
    
 }



/* @media screen and (min-width: 64.063em) { */
/*     .ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12 { */
/*                 display:inline-block; */
        
/*     } */
/* } */
  
/* @media screen and (min-width: 90.063em) { */
/*     .ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12 { */
/*                 display:inline-block; */
/*     } */
/* } */

  
.menuReducidoBtn
{
	background:none !important;
}   
.panelRep{
	
	width:100%;
}

.menuPrincipalPanel{
	
	background: #f8f9fa;
	/* z-index:10 !important; */
}


a[href^="http://obtenerFuenteMensaje"]
{
	margin: 3px;
}




 h2, h3 {
    font-size: 1.2rem;
    font-weight: bold;
    /*margin: 10px 0;*/
}


.card5{
	     border-radius: 10px;
	     /* overflow: hidden; */
	background:#eeeeee;
	     box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	     margin:5px;
	
}

.card4{
	     border-radius: 10px;
	     /* overflow: hidden; */
	background:white;
	     box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	     margin:5px;
	
}

.card3 {
    border-radius: 10px;
    background: #eef3f3;
    /* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); */
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    padding: 5px;
    margin: 3px;
}

.ui-widget-header{
	    background: #eef3f3 ;
	    color:green;
	
}

.ui-dialog-titlebar{
	
	background: #3b7878 url("/PortalServicios/privado/jakarta.faces.resource/primefaces-banxico/images/ui-bg_highlight-hard_30_3b7878_1x100.png") 50% 50% repeat-x;
		    color:white;
	
}


.panel-row {
    cursor: pointer;
    border:none;
	text-align:left;
	display: flex;
	flex-direction: column;
}
.panel-row.selected{
	background: lightblue;

}

.panel-row .btn-li{
	 display: inline-block;
	 display: flex;
	 flex:1;
	 flex-direction: column;
}

.panel-row button{
border:none;

}

.panel-row .btn-li a{

   display: block;
padding: 8px;
}

 

.panel-row .btn-toggle{
	display: inline-flex;
}

.panel-row:hover {
    /* background-color: #f0f7ff; */
}

.panel-row .tiene-hijos .btn-toggle::before {
    content: '▶ ';
    color: #004a99;
    display: inline-block;
    transition: transform 0.2s;
	margin:2px;
}

.panel-row.abierto > div strong::before {
    transform: rotate(90deg);
}

.hijos-container {
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
	display: flex;
	flex-direction: column;
}

.panelTabs  .tab-content{

	/* background-color: white; */
}

.panelTabs  .nav-link, .accordion .accordion-button {

	/* border-bottom: 3px solid #999999; */
	/* border: none; */
     background: #f8f9fa; 
    font-weight: normal;
    color: black;
	border-bottom:3px solid f8f9fa;
}

/* Change background color of buttons on hover */
.panelTabs  .nav-link:hover, .accordion .accordion-item {
  /*background-color:lightgrey;*/
  /* color:white; */
}

/* Create an active/current "tab button" class */
.panelTabs .nav-link.active, .accordion .accordion-item.active > .accordion-button {
  /* background-color:#2a5d87;
  color:white; */
  border-bottom:3px solid green;
  background-color: white;
  font-weight: bold;
}

.menuE {
	text-align:right;
}


/*
.barra-contadores {
  position: fixed;
  transition: margin-top 0.2s ease;
}*/
/*
.barra-fija {
  position: fixed;
  top: 0px; 
  width:calc(100% - 0px);
  z-index: 10;
  background-color: #F7F7F7;
}*/

.regleta{
	scrollbar-gutter: stable;
	position: sticky;
	top: 0;
	z-index: 30;
	background: #fff;
}

.tableroScroll{
	scrollbar-gutter: stable;
	overflow:auto;
}


.filtroBusquedaOpciones {
	display:flex;
    flex-grow: 1;
	flex-direction: column;
}

.anchoOpciones{

width: 300px;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
	
}


.panelGeneral .widget {
  position: relative;

  cursor: pointer; 
  transition: all 0.2s ease-in-out;
/*      height: 100%; */
  /* Borde invisible por defecto para que no "salte" el diseño */
  /* outline: 2px solid transparent;
   outline: 2px solid blue; 
	outline-offset: 4px; */
	
}

/* Título superior (Label) */
.widget-label {
  position: sticky;
  top: -35px;
  /*left: 10px;*/
  background: lightgrey;
  color: black;
  padding: 2px 0px;
  font-size: 12px;
  font-weight: bold;
    border-radius: 4px;
	height:35px;
  /* Escondido por defecto */
  display: none;
  z-index:20;
}

.widget-label >.menuWidget{
	display:none;
}
.widget{
	margin:0px;
	padding:0px;
}

/* --- ESTADO HOVER (Al pasar el mouse) --- */
.panelGeneral:hover >.widget {
     outline: 2px solid lightgrey;
	padding: 0px 0px 0px;
	margin:0px ;

   /* Separa el borde del contenido */
}
.panelGeneral.selected >.widget{
	outline: 2px solid blue;

} 

.panelGeneral:hover >.widget >.widget-label {
  display: flex;
}

.panelGeneral.selected >.widget >.widget-label {
	 display: flex;
	color:black;
  background: lightblue ;
}

.panelGeneral.selected >.widget >.widget-label >.menuWidget{
	display: flex;
}

/* Cuando el panel está seleccionado, el overlay deja de atrapar clics */
.panelGeneral.selected .widget-overlay {
    /* pointer-events: none;  */
    /* El overlay sigue ahí visualmente, pero los clics "pasan de largo" 
       hacia el contenido y el menú */
}

.widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Z-INDEX: Debe ser mayor al contenido interno, pero menor al menú de edición */
  z-index: 10; 
  
  /* CURSOR: Indica que es un objeto seleccionable */
  cursor: pointer;

  /* VISIBILIDAD: Transparente para ver el contenido, 
     pero presente para bloquear clics */
  background-color: rgba(255, 255, 255, 0); 
  
  transition: background-color 0.3s ease;
}


.carousel-control-next, .carousel-control-prev
{
	width:30px;
}

.bordeRow{

	border-bottom: 1px dotted lightgrey;
}