#legendSIPOT{
	padding-top: 1.5em;
	margin-bottom: 3em;
	color: gray;
}

a.aLinkSinEstilo.icon-arriba2, .botonRegresarPaso{
	border-radius: 20px;
    background-color: #C52293; 
    color: white;
    font-size: 18px;
}

.aLinkSinEstilo, .aLinkSinEstilo:hover, .aLinkSinEstilo:visited{
	text-decoration: none;
	color: white;
}

.hoverLi:hover{
	background-color: #666666;
	color:white;
	font-weight: bold !important;
}
.hoverLi2 {
	width: 100%;
}

.hoverLiTop {
	width: 94%;
}

#navEF{
	width: 1em;
}

#navEFSectorTema{
	text-align: center;
	margin-bottom: 1.5em;
}

#navEFSectorTema > div{
	background-color: #eee;
    border-radius: 1em;
    margin-left: 4em;
    width: max-content;
}

.navOpcionBusqueda{
	color: gray;
	font-weight: bold;
	font-size:0.8em;
	padding: 0.4em 1em 0.2em 1em;
}

.navseleccionado{
	border-radius: 1em;
	background-color: #aaa;
}

#legendNavEFSectorTema{
	font-weight: bold;
	font-size:0.8em;
	padding-bottom: 0.5em;
	display: block;
}

#formEntFed{
	background-color: #d9d9d9;
}

.botonesNavegacion{
	position: fixed;
	top: 60%;
	left: 97%;
	z-index: 1;
}

.botonesNavegacionRegresar {
    position: fixed;
    top: 67%;
    left: 97%;
    z-index: 1;
}

.navBreadcrumb{
	padding-top: 0.5em;
	margin-left: 4em;
	font-size: 0.8em;
	cursor: pointer;
}

.navBreadcrumb > a:visited{
	color: gray;
}

.navBreadcrumb > a{
	color: gray;
}

.navBreadcrumb > a:active{
	color: gray;
}

.navBreadcrumb > a:hover{
	color: gray;
}


#camposEntidadFederacion{
	margin-top: 1em;
	margin-left: 2em;
	padding-bottom: 0.5em;
}

#EntFed, #formEntidadFederativa\:SO{
	width: 100%;
}

#formEntidadFederativa\:SO > .bootstrap-select{
	width: 100%;
}

#filaSelectEF, #filaIntitucion{
	padding-bottom: 0.5em;
}

.iconoModuloCP{
	margin: 0 0.5em;
	font-size: 14px;
	
}
.hoverLiga1:hover,.hoverLiga2:hover{
	color: #C52293;
	font-size:16px;
}

.hoverLiga1,.hoverLiga2 {
	color: #C52293;
	font-weight: 600;
}

.switchOT, .switchTotales{
	background-color: #7777;
	border-radius: 1em;
	height: 2em;
	width: 100%;
	position: relative;
	margin-top: 0.5em;
	padding-top: 4px;
	cursor: pointer;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.opcionSwitchOT, .opcionSwitchTotales{
	background-color: white;
	border-radius: 1em;
	box-shadow: -3px 3px 2px #999;
	height: 2em;
	width: 50%;
	color: black;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 0px;
	padding-top: 4px;
	left: 0px;
	transition: left 0.5s;
	z-index: 1;
}

#formEntidadFederativa\:nombreSector{
	/*text-align: left;*/
	color: #666;
}

.etiquetaSwitchOT{
	color: #C52293;
	font-weight: bold;
}

.switchOT > span{
}

.etiquetaSector{
    margin-left: 5em;
    margin-top: 1em;
    /* text-align: right; */
}

.selectorTipoObligaciones {
	margin-top: 1em;
}

#etiquetaTipoOT{
	margin-top: 0.5em;
}

.selectorTipoObligaciones{
	text-align: center;
	color: gray;
	border: 0px;
	background-color: #eee;
	height: 2em;
	width: 49%;
	border-radius: 1em;
}

.selectorTipoObligacionesOn{
	font-weight: bold;
	-moz-box-shadow:    -2px 3px 5px 0px #aaa;
	-webkit-box-shadow: -2px 3px 5px 0px #aaa;
	box-shadow: -2px 3px 5px 0px #aaa;
	border-radius: 1em;
}

.sombraObligacion{
	width: 192px;
	height: 192px;
	border-bottom:192px solid black;
	border-right:192px solid transparent;
	position: absolute;
	opacity: 0.1;
	z-index: -1;
}

.selectorSectorTema,.selectorSectorTemaBoton{
	text-align: left; /*Antes center*/
	height: 3.5em;/*3em*/
	width: 100%;
    border: 0;
    margin: 0px;
    padding: 0px;
    background-color: #eee;
    padding-bottom: 5px;
}

.selectorSectorTemaBoton:hover{
	background-color: darkgray;
}

.selectorSectorOtrosTemas{
	text-align: center;
	height: 3em;
	width: 100%;
    border: 0;
    margin: 0px;
    padding: 0px;
    background-color: #eee;
    padding-bottom: 5px;
}

.textoTema{
	position: absolute;
	top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 0.8em;
	pointer-events: none;
	width: 100%;
}

.temaDivisor{
	border-right: 1px solid;
}

.grid8Tema{
    width: 11%;
    position: relative;
    display: inline-block;
}

.otrosTemas{
    top: -10px;
}

select.otrosTemas{
    width: 100%;
    font-size: 0.8em;
    border: 0;
}

.capaBloqueaPantalla{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.5;
	z-index: 9999;	
}

.loader {
	margin-top: 20%;
	margin-left: 49%;
	border: 5px solid #3498db;
	border-radius: 50%;
	border-top: 5px solid #f3f3f3;
	width: 30px;
	height: 30px;
	text-align: center;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.indicesAlineador{
	left: 29px;
    position: relative;
    top: -29px;
}

.listaAlfabeticaSujetosObligados > ol{
	margin-top: 2em;
    margin-right: 2em;
    cursor: pointer;
}

li.nostyle {
    list-style-type: none;
}
.seleccionSujetoObligado{
	text-align: left;
}
.seleccionSujetoObligado:hover {
	background-color:#666666;
	color:white;
}

.indiceListaSO{
	font-size: 2.1em;
	color:#666666; /*negro al 60%*/
	font-weight: 600;
	cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.alphabeticSeparatorSO{
	width: 100%;
	height: 1px;
	border: #999999 solid 1px;
	border-top: 0;
}

.alphabeticUnderlinedSO{
	width: 3em;
	height: 4px;
	border: #c52293 solid 1px; /*#d7006d*/
	background-color: #c52293;
}

.listaOculta{
	display: none;
}

#listASO{
	margin-top: 1em;
	cursor: pointer;
}

input.seleccionSujetoObligado{
	background-color: white;
    border: 0;
}

.grid6ObligacionesTop {
    width: 192px;
    height: 192px;
    position: relative;
    display: inline-block;
    margin: 0 22px 50px 22px;
}

.grid6Obligaciones{
	width: 192px;
	height: 192px;
	position: relative;	
	display: inline-block;
	margin: 0 4px 20px 4px;
}
.grid6Obligaciones2{
	width: 192px;
	height: 192px;
	position: relative;	
	display: inline-block;
	margin: 0 4px 20px 4px;
}

#listaObligacionesTransparencia{
	padding-top: 1em;
	padding-bottom: 1em;
}

.tarjetaObligacion{
	width: 191px;
	height: 192px;
	border: 1px solid lightgray;
	margin-bottom: 1em;
	margin-top: 0.5em;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tituloTarjetaObligacion:hover{
	-ms-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	position: relative;
	z-index: 2;
}
.tituloTarjetaObligacion{
	text-align: center;
	color: white;
	background-color: #ff8d6a;
	height: 192px;
	width: 192px;
	position: relative;
    z-index: 0;
}

.tituloObligacion{
	padding: 0.5em 0.3em 0 0.3em;
    height: 16%;
    font-size: 12px;
    pointer-events: none;
}

.tituloObligacion label{
	font-weight: normal;
}

.iconoObligacion{
	font-size: 10em;
	pointer-events: none;
}

.identificadorSector{
	border: 5px solid black;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	position: absolute;
	background-color: white;
	right: -30px;
	bottom: -23px;
}

.iconoIdentificadorSector{
	font-size: 2.7em;
}

.descripcionTarjetaObligacion{
	margin: 2em;
	height: 80px;
}

#tituloTarjetaInformativa{
	height: 5.5em;
}
.iconTarjetaInformativa{
	font-size: 76px;
    position: absolute;
    margin-top: -22px;
    margin-left: -33px;
}
#obligacionTarjetaInformativa{
	margin-top: 3%;
}
.obligacionTarjetaInformativaModal{
	margin-top: 10%;
}
.obligacionTarjetaInformativaDetalle{
	margin-top: 12%;
}
#iconCompartir{
	font-size: 2em;
    margin-top: 0.8em;
}



hr{
	margin-left: 1em;
    margin-right: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.lineaAcordeonInformacionNormativa{
	margin-top: 0px;
}

#formIntegraInformacion\:cboEjercicio{
	margin-left: 16px;
}


#formDatosNormativa > div > div > label{
	color: gray;
}

.acordeonNormativaTarjeta{
	background-color: blue;
	font-size: 2.3em;
    color: white;
    padding: 4px;
}

.inputSinBorde{
	border: 0;
}

#seccionTotalRegistros{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.leyendaTotalRegistros{
	font-weight: bold;
}

#itTotalResultados{
	text-align: center;
	font-weight: bold;
}

#notaDetalle{
	margin-top: 1em;
	margin-bottom: 3em;
}

#notaDetalle > span{
	color: gray;
	font-size: 0.8em;
}

.botonesGridIzq{
	margin-top: 0px;
	height: 30px;
}

#toggleIrrelevantes, #mostrarOcultarFiltros, #toggleIrrelevantesDetalle{
	color: gray;
	cursor: pointer;
}

.lineaFiltrosAvanzados{
}

.etiquetaCampoFiltro{
	margin-right: 1em;
}

.etiquetaFiltroAvanzado{
	color: gray;
	font-weight: normal;
}

#divFiltros > div > div > label{
	color: gray;
}

.areaBotonConsulta{
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}

.botonRealizarConsulta{
	color: white;
	border: 0;
	border-radius: 1em;
}

table {
    text-align: center;
	font-size: 0.9em;
}

thead > tr > td{
	padding: 1em;
}

tbody > tr > td {
    padding: 10px 0px;
    border: 0;
    border-bottom: 1px solid #ccc;
}

tbody > tr:nth-child(even){
	color: #999;
}

.ocultarMostrar{
	display: none;
	width: auto;
}

.dataTables_length, .dataTables_filter, .dataTables_info{
	display: none;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ffffff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 1em;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.botonDetalleFlotante{
	position: absolute;/*antes absolute*/
	left: 0px;
}

.botonDetalleSpan{
	font-size: 1.5em;
	background-color: rgba(255,255,255,0);
}

.tituloDetalleRegistro{
	background-color: #000000; 
	height: 65px; 
	padding-top: 9px;
	text-align: center;
}




.modal {
    overflow: auto !important;
}

.modal-title{
	margin-left: 2.5em;
}

.tituloDetalleRegistroObligacion{
	height: 65px; 
	text-align: justify;
}

.espacioDetalleRegistro{
	margin-top: 4em;
	margin-bottom: 1.5em;
}

.espacioDetalleRegistro > div > span{
	font-size: 1.5em;
	margin-right: 1em;
}

.espacioDetalleRegistro > div > h5{
	font-size: 1.5em;
	display: inline;
}

.botonImprimeDetalle{
	font-size: 1.5em;
	color: gray;
}

.cursor-pointer{
	cursor: pointer;
}

.separador-paginas{
	margin: 0 0.2em;
}

.modalPagina{
	width: 190%;
	left: -45%;
}

@media print {
    body * {
	   visibility: hidden;
	}
	#modalDetalle, #modalDetalle * {
	   visibility: visible;
	}
	#modalDetalle{
		position: absolute;
		top: 0;
		left: 0;
		height: 1800px;
	}

	#cpPieDePagina, #cpPieDePagina *{
		display:none;
	}
	#cpCabecera, #cpCabecera *{
		display:none;
	}
	#formEntidadFederativa, #formEntidadFederativa * {
		display:none;
	}
	#cpListaSujetosObligadosAZ{
		display:none;
	}
	#cpListaObligacionesTransparencia{
		display:none;
	}
	#formListaFormatos{
		display:none;
	}
	#formInformacionNormativa{
		display:none;
	}
	#formFiltrosAvanzados{
		display:none;
	}
	
	.modal-dialog{
		width: 100%;
	}
	.modal-content{
		width: 100%;
	}
	.modalPagina{
		width: 100%;
		left: 0;
	}
}

/*Cambia el hover y seleccion del selectpicker*/
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #666666;
}
/* cambia el contorno al hacer onfocus en el input*/
textarea:focus, input:focus, input[type]:focus {
    border-color: #cccccc;
    box-shadow: 0 1px 1px #cccccc inset, 0 0 8px #cccccc;
    outline: 0 none;
}

.dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #666666;
}
.dropdown-menu>li>a:focus{
	color: #ffffff;
    text-decoration: none;
    background-color: #c9c9c9;
}


.campoTextoFiltro, .selectBusqueda, .selectpicker{
	width:40%;
}

.hoverLista{
	 
	font-size:20px;
	height:25px;
	width:25px;
	margin-right:5px;
	text-align:center;
	color:#666666;
}
.hoverMosaico {
	background-color: #666666; 
	color: white;
	font-size:19px;
	height:25px;
	width:26px;
	margin-right:5px;
	text-align:center;
}

.tooltip-inner {
  background-color: #666666 !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #666666;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #666666;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #666666;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #666666;
}
/*Tema responsivo*/
.botonTemaRes {
	font-size:0.9em;
	padding-left:3px !important;
	padding-right:3px !important;
}
.navbar-inverse .navbar-nav>li>a {
    color: #C52293;
   
}
.navbar {
    border: 0px solid transparent;
    border-radius: 0px;
}
.modificarTema{
	background-color:#eee;
	margin-bottom:-2px;
}  
.hoverTemaRes:hover{
	background-color:darkgray;
}

.navbar-nav>li>a:hover{
	color:white !important;
}
.hoverTemaRes {
	/*border-right: 1px solid #000;*/
}

.closeModal {
    float: right;
    color: #fff;
}
button.closeModal {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.renglon-etiqueta{
	text-align: right;
}


.tablaSinBorder >tbody > tr > td {
    padding: 2px 0px;
    border: 0 !important;
}

.checkPeriodo {
	color:gray;
}

.btn-group, .bootstrap-select{
	outline:none;
}

a:focus {
    outline: 50px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline:0;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
    outline:0;
}

.grisOxford{
	color: #666;
}

.campoTextoFiltro::placeholder,.campoNumeroFiltro::placeholder,.campoHiperviculoFiltro::placeholder { 
	color: #ccc; 
}

.topCinco{
	position: fixed;
    top: 34%;
    left: 96%;
    z-index: 3;
}

.herramietasFading{
	width:20%;
	position: fixed;
	z-index: 90;
	left: 79%;
	top: 45%;
}

.fadingLetras{
	background-color:#EDEDED;
	height:45px;
	padding-top:15px;
}

.fadingIcons{
	padding:0px 0px;
	background-color:#EDEDED;
	height:45px;
	font-size:20px;
	padding-top:15px;
}

.rowFading{
	font-size:18px; 
	color:#666;
}
.botonHerramientas {    
    background-color: #C52293;
    color: white;
    font-size: 32px;
}


.botonDenuncia {    
    background-color: #C52293;
    color: white;
    font-size: 32px; 
}
.botonDenuncia:hover, .botonDenuncia:focus{
    color: #ffffff !important;
    text-decoration: none !important;
}

.botonesNavegacionHerramientas {
    position: fixed;
    top: 50%;
    left: 96%;
    z-index: 3;
}

.botonNavegacionDenuncia {
    position: fixed;
    top: 42%;
    left: 96%;
    z-index: 3;    
}

.rowFading:hover {
	color:white;
}

#iconoSubirFlecha,#iconoBajarFlecha{
	height:20px;
	width:20px;
}

.tablaObligaciones tbody > tr > td {
    padding: 1px 0px;
    border: 0;
    border-bottom: 0px solid #ccc;
}
.tablaObligaciones {
    text-align: left;
    font-size: 14px;
}

.tablaObligaciones tbody > tr:nth-child(even) {
    color: black;
}

.navbar-toggle {
    border: 0px solid black !important;
}

.tooltip-inner {
    max-width: none; 
    width: none; 
}

.tooltip {
    position: fixed;
}

.buscarObligaciones > .dropdown-menu {
    width: 100%;
}

.institucionCompartida {
	width: 100% !important;
}

.navbar-consulta {
  overflow: hidden;
  background-color: white;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}

.navbar-consulta a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar-consulta a:hover {
  background: #ddd;
  color: black;
}
.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}
.icon-text-responsive{
	font-size: 120px;
}

						/***************** Media queries **************************/

@media screen and (max-width: 600px) {
       table {
           width:100%;
       }      
       table.checkPeriodo tbody td {
           	display: block;
           	text-align: left;
       		padding: 0px 30px !important;
       }
       table.checkPeriodo tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       } 
       
       
    .botonesNavegacionHerramientas, .topCinco {
		left: 88% !important;
	    z-index:3 !important;
	}
	
	.botonNavegacionDenuncia {
		left: 88% !important;
	    z-index:2 !important;
	}
	
	.botonesNavegacionRegresar, .botonesNavegacion {
		left: 91% !important;
	} 
	
	.herramietasFading {
	    width: 77% !important;
	    position: fixed;
	    z-index: 90;
	    left: 20% !important;
	    top: 45%;
	}
   
	.icon-text-responsive{
		font-size: 90px ;
	}    
}

@media screen and (max-width: 668px){
	.campoTextoFiltro{
    	width: 100%;
	}
	.selectBusqueda{
		width: 100% !important;
	} 	
}
 

@media screen and (max-width: 959px) and (min-width: 601px) {
	
	table {
           width:100%;
       }
       table.checkPeriodo tbody td {
           display: block;
           text-align:center;
           padding: 0px 0px;
       }
       table.checkPeriodo tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
	
	.herramietasFading {
		width: 45% !important;
	    left: 53% !important;
	    top: 10% !important;
	}
	.botonesNavegacionHerramientas {
	    top: 35% !important;
	    left: 92% !important;
	}
	.botonNavegacionDenuncia {
	    top: 28% !important;
	    left: 92% !important;
	}
	
	.topCinco {
	    top: 20% !important;
	    left: 92% !important;
	}
	
	.botonesNavegacion {
	    top: 52% !important;
	    left: 93% !important;
	}
	
	.botonesNavegacionRegresar {
	    top: 64%;
	    left: 93%;
	}
	
	.switchOT, .switchTotales {
	    width: 60% !important;
	}
	
	.iconTarjetaInformativa{
	font-size: 76px;
    position: relative;
    margin-top: -15px;
	}
}

@media screen and (max-width: 990px) {
  	.botonesNavegacionHerramientas, .topCinco {
	    z-index:3 !important;
	}
	.botonNavegacionDenuncia {
	    z-index:3 !important;
	}
	
	::-webkit-scrollbar {
	    width: 5px !IMPORTANT;
	    height: 8px;
	} 
	
	#tituloTarjetaInformativa {
	    height: 6.5em;
	}
	
	.intitucionResp {
		width:90% !important;
	}
	
	.institucionCompartida{
		width:90% !important;
	}
	
	.descargarGrid, .denunciarIncump{
		padding-top:10px;
	} 
	
	.iconTarjetaInformativa{
	font-size: 76px;
    position: relative;
    margin-top: -15px;
    margin-bottom: -15px;
	}
	
	.renglon-etiqueta{
	text-align: left;
	}
}


@media screen and (max-height: 500px){
	
	.botonesNavegacionHerramientas {
	    top: 42% !important;
	    left: 92% !important;
	}
	.botonNavegacionDenuncia {
	    top: 28% !important;
	    left: 92% !important;
	}
	
	.topCinco {
	    top: 14% !important;
	    left: 92% !important;
	}
	.botonesNavegacionRegresar {
		top: 61% !important;
	    left: 92% !important;
	}
	.botonesNavegacion{
		top: 61% !important;
	    left: 93% !important;
	}
	
}


@media only screen and (max-width: 2200px) and (min-width: 1600px){
	     .navbar-consulta {
	  overflow: hidden;
	  background-color: white;
	  position: fixed;
	  top: 0;
	  width: 70%;
	  z-index: 3;
	}
}
@media only screen and (min-width: 2201px){
	     .navbar-consulta {
	  overflow: hidden;
	  background-color: white;
	  position: fixed;
	  top: 0;
	  width: 55%;
	  z-index: 3;
	}
}