@import url(/assets/css/vendor/bootstrap.css);
/**
 * -------------------------
 * @section Generals
 * @info    This properties are for entire front-end and we could use whenever Gybrantest
 * -------------------------
*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #444444
 }



/* ESTILOS GLOBALES */
.breadcrumb_global{
	
}

/* estilo para los campos de captura */
.campo-captura {
	width: 100%;
	padding: 2;
}

.breadcrumb_global .container{
	padding: 0;
	max-width: 1200px;
	width: 100%;
}

.breadcrumb{
	padding: 8px 15px 8px 0px;
	background-color: initial;
	margin-top: 20px;
	margin-bottom: 0px;
}

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

form .glyphicon{
	color:  #0E6AB3;
}
form .glyphicon:hover{ 
	color:  #fff;
}

color-liga{
	color: #AFAFAF;
}

color-obligatorio{
	color: #C92400;
}

color-titulo{
	color: #0E6AB3;
}

color-banner {
	color: #fff;
	background-color: #0E6AB3;
	font-variant: small-caps;
}

.bg-primary {
	background-color: #014f28;
}


/*
.btn-danger {
	color: #C92400;
}

.btn-danger:hover {
	color: #0E6AB3;
}
*/

/*
.btn-primary {
	color: #0E6AB3;
}

.btn-primary:hover {
	color: #C92400;
}
*/

/* icono de ayuda */
form .glyphicon-color-help { 
	color: #0E6AB3;
}

/* icono de identificacion */
form .glyphicon-color-tag {
	color: #0E6AB3;
}

color-resaltado {
	color: #0E6AB3;
}

/* icono de obligatorio */
form .glyphicon-color-star {
	color: #C92400;
}

.color-star {
	color: #C92400;
}

/* texto del subcampo */
.titulo-campo {
	color: #004080;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

.titulo-liga {
	color: #004080;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}

/* formato para el grupo de una pregunta */
.form-group-er {
	padding: 15px;
	border: 1;
	background-color: #f2f2f2;
	border-radius: 10px;/*new g*/
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	border-bottom:2px solid #0e6ab3;
	border-top:2px solid #0e6ab3;
	margin-top: 10px
	
}

.form-group-er-view {
	padding: 0px;
	border: 1;
	background-color: #f2f2f2;
}

/*
.form-group-er::after {
	content: "<p>nbsp;</p>";
	background-color: #fff;
}
*/

.titulo-seccion {
	/*font-family: "Candara";*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000080;
	font-size: 25px;
	text-align: left;
	font-weight: bold;
}

/* texto de la pregunta */
.titulo-pregunta {
	/*font-family: "Candara";*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #014F28;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

.control-label {
	/*font-family: "Candara";*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
}

.texto-consulta {
	/*font-family: "Candara";*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	font-weight: normal;
	font-size: 15px;
	text-align: left;
}

/* Color rojo (código: #EA353C ) para los botones "cerrar" y "regresar". */
/* Color azul (código: #0E6AB3 )  para banners, botones y títulos de las plataformas. */

/* btn-primary */

.er-btn-primary {
  color: #fff;
  background-color: #60b55b; 
  border-color: #60b55b; 
  margin: 5px;
}

.er-btn-primary:focus,
.er-btn-primary.focus {
  color: #fff;
  background-color: #60b55b; 
  border-color: #60b55b; 
}

.er-btn-primary:hover {
  color: #fff;
  background-color: #60b55b; 
  border-color: #60b55b; 
  transition: 0.3s; 
}

.er-btn-regresar {
  color: #fff;
  background-color: #5194d1; 
  border-color: #5194d1; 
  margin: 5px;
}

.er-btn-regresar:focus,
.er-btn-regresar.focus {
  color: #fff;
  background-color: #5194d1; 
  border-color: #5194d1; 
}

.er-btn-regresar:hover {
  color: #fff;
  background-color: #5194d1; 
  border-color: #5194d1; 
  transition: 0.3s; 
}

#regresar{ /*new g*/
	margin-right: 5px;
}

#agregarTramite{ /*new g*/
	margin-right: 285px;
}
/* btn-info */

.er-btn-info {
  color: #fff;
  background-color: #5bc0de; 
  border-color: #5bc0de; 
}
.er-btn-info:focus,
.er-btn-info.focus {
  color: #fff;
  background-color: #5bc0de; 
  border-color: #5bc0de; 
}
.er-btn-info:hover {
  color: #fff;
  background-color: #5bc0de; 
  border-color: #5bc0de; 
}

/* btn-danger */

.er-btn-danger {
  color: #fff;
  background-color: #ea353c; 
  border-color: #ea353c; 
}
.er-btn-danger:focus,
.er-btn-danger.focus {
  color: #fff;
  background-color: #ea353c; 
  border-color: #ea353c; 
}
.er-btn-danger:hover {
  color: #fff;
  background-color: #ea353c; 
  border-color: #ea353c; 
}

/* btn-warning */

.er-btn-warning {
  color: #fff;
  background-color: #f0ad4e; 
  border-color: #f0ad4e; 
}
.er-btn-warning:focus,
.er-btn-warning.focus {
  color: #fff;
  background-color: #f0ad4e; 
  border-color: #f0ad4e; 
}
.er-btn-warning:hover {
  color: #fff;
  background-color: #f0ad4e; 
  border-color: #f0ad4e; 
}

/* btn-success */

.er-btn-success {
  color: #fff;
  background-color: #5cb85c; 
  border-color: #5cb85c; 
}
.er-btn-success:focus,
.er-btn-success.focus {
  color: #fff;
  background-color: #5cb85c; 
  border-color: #5cb85c; 
}
.er-btn-success:hover {
  color: #fff;
  background-color: #5cb85c; 
  border-color: #5cb85c; 
}

 /* btn-default */

.er-btn-default {
  color: #fff;
  background-color: #0e6ab3; 
  border-color: #0e6ab3; 
}
.er-btn-default:focus,
.er-btn-default.focus {
  color: #fff;
  background-color: #0e6ab3; 
  border-color: #0e6ab3; 
}
.er-btn-default:hover {
  color: #fff;
  background-color: #0e6ab3; 
  border-color: #0e6ab3; 
}

.fix-table {
	table-layout: fixed;
	margin: auto;
	/* width: 100%; */
}

.fix-table td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}





form .btn{
	margin-top: 15px;
}

.panel-body{
	padding: 15px 25px;
}

.panel-title {
	border-bottom: none;
	padding-bottom: 0px;
	
}

.panel-login{
	width: 400px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 10px;	
}

.panel-login-heading {
	padding: 15px 15px;
	margin-bottom: 15px;
}

.ul-opciones-menu {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	color: #014F28;
	list-style-type: circle;
}

.filtros-lista a { /*  */
	color: #014F28;
}

.visualizar_tiempos a { /*  */
	color: #014F28;
}

.table.table-striped a { /*  */
	color: #014F28;
}

.ul-opciones-menu li a { /* color de la opcion del submenu */
	color: #014F28;
}

.ul-opciones-menu li a:hover { /* resalta la opcion del submenú */
	color: #014F28;
	font-weight: bolder;
}

.panel-heading:hover { /* verde de la seccion colapsable con el mouse encima */
	background-color: #79B51F;
	color: #ffffff;
}


a {
	color: #006231;
}


/*
.panel.panel-default:hover {
	background-color: #79B51F;
}
*/


.page{
	min-height: 300px;
}

.page .container{
	padding-bottom: 40px;
}

h1{
	margin-bottom: 25px;
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 10px;
}

p{
	margin: 0 0 20px;
}

.table-option{
	width: 40px;
}

.clear{
	clear: both;
}

/* PARA BARRA IZQUIERDA DE CONTENIDO */
.page .summary {
	float: left;
	/* width: 880px; */
	width: 100%;
}

.page .summary .btn{
	float: right;
	
}
#botonValidar{ /*new */
	margin-right: 285px; 
}
#boton_submitAgregar{ /*new */
	margin-right: 190px; 
}
#boton_submitAT{ /*new */
	margin-right: 190px; 
}
#boton_submitECE{ /*new */
	margin-right: 190px; 
}
#boton_submitSAAS{/*new */
	margin-right: 190px;
}
#boton_submitIDS{/*new */
	margin-right: 190px;
}

#boton_submitGuardar{ /*new */
	margin-right: 190px; 
}
#boton_submitGuardarFechas{ /*new */
	margin-right: 70px; 
}
#BRegresarCG{ /*new */
	margin-right: 5px;
}



.page .summary .btn-left{
	float: left;
}

/* PARA BARRA LATERAL MULTIPLE */
.page .sidebar {
	float: right;
	width: 200px;
	margin-top: 70px;
	position:sticky;/*new g*/
	top:20px;/*new g*/
	margin-bottom: 35px; /*new */
}




.form-modal{
	margin-left: 20px;
}

.msg-error{
	color: red;
}


#filtros_avanzados{
	padding-top: 20px;
	padding-bottom: 20px;
}

.filtros-lista{
	display: inline-block;
	margin-right: 20px;
}

.agregar_campo,
.eliminar_campo,
.agregar_modalidad,
.editar_modalidad,
.agregar_fundamento,
.eliminar_fundamento,
.agregar_telefono,
.eliminar_telefono,
.agregar_horario,
.eliminar_horario,
.agregar_direccion,
.eliminar_direccion
{
	/*display: block;*/
	text-align: right;
	
	
}

.eliminar_modalidad
{
	display: inline-block;
	margin-left: 20px;
	text-align: right;
}

.bootstrap-touchspin .btn
{
	margin-top: 0px !important;
}



/* ESTILOS PARA EL LISTADO PUBLICO */
.barra_listado_publico{
	padding-top: 10px;
}

.botones_lado_izquierdo .btn{
	float: none !important;
	white-space: normal !important;
}

.botones_lado_izquierdo .btn:hover,
.botones_lado_izquierdo .btn:active,
.botones_lado_izquierdo .btn:focus{
	color: #FFF !important;
	background-color: #C92400 !important;
	border-color: #C92400 !important;
}

.botones_lado_izquierdo .activo{
	color: #FFF !important;
	background-color: #C92400 !important;
	border-color: #C92400 !important;
}

.botones_lado_derecho input{
	width: 300px;
}

.botones_lado_derecho .form-control{
	display: inline-block;
	margin-right: 4px;
}

.botones_lado_izquierdo{
	float: left;
}

#palabras_claves{
	width: 570px;
	height: 50px;
	float: right;
	margin-right: 4px;
	margin-top: 5px;
}

#buscar_palabras{
	width: 132px;
	height: 40px;
	margin-top: 5px;
}

.contenedor_botones_izquierdo{
	float: left;
}

.contenedor_botones_filtrado{
	float: right;
}


.botones_filtrado a{
	float: left;
	color: gray;
}

.botones_filtrado a:hover{
	color: #C92400;
}

.botones_filtrado button{
	margin-bottom: 1px;
	width: 130px;
}

.botones_filtrado button:hover{
	color: #FFF !important;
	background-color: #C92400 !important;
	border-color: #C92400 !important;
}

.botones_filtrado .activo button{
	color: #FFF !important;
	background-color: #C92400 !important;
	border-color: #C92400 !important;
}

.row {
	column-width: 18em;
	-moz-column-width: 18em;
	-webkit-column-width: 18em;
	column-gap: 1em;
	-moz-column-gap: 1em;
	-webkit-column-gap:1em; 
  
}

.item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
 color: #000;
}

.well {
 position:relative;
 display: block;
 color: #000;
}

.well:hover {
 background: #FFF;
}

.menu_categorias{
	float: left;
	width: 25%;
}

.menu_categorias .btn{
	display: block !important;
	float: none !important;
	width: 100%;
	text-align: left;
	margin-bottom: -1px;
	white-space: normal !important;
}

.menu_categorias .btn:hover,
.menu_categorias .btn:active,
.menu_categorias .btn:focus{
	color: #FFF !important;
	background-color: #C92400 !important;
	border-color: #C92400 !important;
}

.menu_categorias .activo{
	color: #FFF !important;
	background-color: #C92400 !important;
	border-color: #C92400 !important;
}

.lista_opciones{
	float: left;
	width: 100%;
}

.columna_filtros{
	float: left;
	/* width: 30%; */
}

.columna_resultados{
	float: right;
	width: 70%;
}

.tabla_resultados {
	width: 100%;
}

.fondo_azul{
	padding: 25px;
	display: block;
	background: #C92400;
	color: white;
}

.tabla_resultados .numero_elemento{
	width: 7%;
	text-align: center;
}

	.tabla_resultados .numero_elemento .numero{
		padding: 5px 10px;
		background: #D2D2D2;
		border-radius: 50%;
		color: #FFF;
	}

.tabla_resultados .contenido_elemento{
	width: 70%;
	text-align: left;
}

	.tabla_resultados .contenido_elemento .contenido_descripcion{
		padding: 10px 0px;
	}
	
	.tabla_resultados .contenido_elemento .contenido_dependencia{
		padding: 10px 0px;
	}

.tabla_resultados .botones_elemento{
	padding-right: 20px;
}

.bloque_paginacion{
	text-align: center;
}

.bloque_filtros{
	margin-bottom: 30px;
}

.sub-checkbox{
	margin-left: 20px;
}

.sub-checkbox2{
	margin-left: 40px;
}

.sub-opcion{
	font-size: 14px;
	margin-left: 10px;
	color: #696969;
}
.generarPDF{
	color:black;
	text-decoration: none;
	float: right;
	font-size: 15px;
	padding-top:3px;
	margin-right:5px;

}
.generarPDF:hover{
	color:white;
	text-decoration: underline;
	float: right;
	font-size:  17px;
	padding-top: 3px;
	margin-right:5px;
}
.span-blue {
	background: #006231;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color:#ffffff;
	display: inline-block;
	font-weight: bold;
	line-height: 1.6em;
	margin-right: 15px;
	text-align: center;
	width: 1.6em; 
  }
  
  .span-blue-small {
	background: #5178D0;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color:#ffffff;
	display: inline-block;
	font-weight: 50;
	line-height: 2.8em;
	margin-right: 15px;
	text-align: center;
	width: 2.8em;
	font-size:  0.6em;
  }