/*#01417camarillo*/
/* Importar la fuente Noto Sans desde Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Open Sans Condensed:300");

body{
   font-family: Open Sans Condensed !important;
}



@media (min-width: 1300px){
.container {
    width: 1300px;
}}

/*mensajes harvest*/
.label.label-important[data-diff=error]{color: #a94442;font-size: 100%;}
.label[data-diff]{color: black;font-size: 90%;}
.label[data-diff=added]{color: #32c532;font-size: 90%;}
.label[data-diff=updated]{color: #1e6ec0;font-size: 90%;}
.label[data-diff=deleted]{color: #b1189d;font-size: 90%;}

	
button.btn.btn-primary i:before {
    color: #FFF;
}
.fa-briefcase:before {
    color: #01417c;
}
button.btn.btn-default i:before {
    color: #01417c;
}

.fa-arrows-alt:before {
    color: #01417c;
}

.fa-sitemap.p-2 {
  background-color: #01417c;
  color: white; /* Opcional: para cambiar el color del ícono */
}

.fa-group.p-2 {
  background-color: #01417c;
  color: white; /* Opcional: para cambiar el color del ícono */
}

.fa.fa-group {
  background-color: #01417c;
  color: white; /* Opcional: para cambiar el color del ícono */
}

/*Menu administrador*/
span.text {color: white;}

span.username {color: white;}
::before {color: white;}


div#header-administrador {
	float: right;
	display: flex;
	padding-left:50px;
	padding-bottom:20px;
	padding-right: 400px;
  /*Color de fondo del menu administrador*/
	/*background-color:#01417c*/}
	
.link-admin {padding-left: 30px;}

.notifications {padding-left: 30px;}

.nav-link, .page-header .nav-tabs li a {
  display: block !important;
  padding: 0.5rem 1rem !important;
  color: #ffffff !important;
  background-color: #01417c !important;
}

/* Separar los elementos de la lista */
.page-header .nav-tabs li {
  margin-right: 0px !important; /* Espacio a la derecha de cada elemento */
}

/* Eliminar el margen derecho del último elemento para una mejor alineación */
.page-header .nav-tabs li:last-child {
  margin-right: 0;
}


.btn-primary {
  color: #fff !important;
  background-color: #01417c !important;
  border-color: #01417c !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.form-actions button {
  background-color: #01417c !important; /* Cambia el color de fondo del botón */
  color: #fff !important; /* Cambia el color del texto del botón */
  border: none !important; /* Elimina el borde del botón */
  padding: 10px 20px !important; /* Ajusta el relleno del botón */
  border-radius: 5px !important; /* Agrega bordes redondeados al botón */
  cursor: pointer !important; /* Cambia el cursor al pasar sobre el botón */
}



/*Footer*/

/* Estilos para footer */
/* Estilos para footer */
.site-footer{
  background-color: #ffffff;
}
.site-footer-text { /* Cambio de clase aquí */
  font-family: Open Sans Condensed !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
.footer-nav, .footer-nav-2 {
  height: 63px !important;
  text-align: center;
}

.footer-list, .footer-list-2 {
  font-family: Open Sans Condensed;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: white;
  background-color: #194a93; /* Fondo azul oscuro para el primer menú */
  padding: 18px 0; /* Añadir un poco de espacio interno */
  list-style: none; /* Eliminar viñetas de la lista */
  height: 63px !important;
}

.footer-list-2 {
  background-color: #01417c; /* Fondo azul oscuro para el segundo menú */
}

.footer-list li, .footer-list-2 li {
  /* Eliminar el padding en los elementos <li> */
  /* padding: 0px 0px !important; */
  display: inline-block; /* Mostrar los elementos <li> en línea */
  font-family: Open Sans Condensed;
  font-size: 18px;
  font-weight: 600;
  text-align: center !important;
  color: white;
  text-decoration: none;
  list-style-type: none;
  margin-right: 23px;
}


.footer-list .follow-us {
  font-family: Open Sans Condensed;
  font-size: 18px;
  font-weight: 600;
}

/* Estilo para la imagen del pie de página */
.container .row.text-center {
  height: 161px; /* Altura del contenedor */
  display: flex;
  justify-content: center; /* Centrar contenido horizontalmente */
  align-items: center; /* Centrar contenido verticalmente */
}

/* Estilo para la imagen del logo en el footer */
.container .row.text-center img {
  height: 110px; /* Altura de la imagen */
  width: auto; /* Ancho automático para mantener la proporción */
}

.footer-list li a img {
  width: 15px; /* Establece el ancho deseado */
  height: auto; /* Mantiene la proporción de aspecto */
}

.footer-list li a img:hover {
  width: 20px; /* Establece el ancho deseado cuando se pasa el ratón */
  height: auto; /* Mantiene la proporción de aspecto */
}


.footer-list li a {
  text-decoration: none; /* Eliminar el subrayado de los enlaces */
}

.footer-list-2 li a {
  text-decoration: none; /* Eliminar el subrayado de los enlaces */
  border-right: 4px solid white; /* Añadir un borde blanco a la izquierda */
  padding-right: 35px; /* Añadir un poco de padding para que el texto no esté pegado al borde */
}

.footer-list-2 li a:hover {
  text-decoration: none; /* Eliminar el subrayado de los enlaces */
  border-right: 0px; /* Añadir un borde blanco a la izquierda */
  padding-right: 0px; /* Añadir un poco de padding para que el texto no esté pegado al borde */
  background-color: #ffffff !important;
  color: #01417c !important;
}

.footer-list-2 li:last-child a {
  border-right: none; /* Eliminar el borde izquierdo del último elemento */
  padding-right: 0; /* Restablecer el padding para el último elemento */
}

/*numeros de pagina para los resultados encontrados*/
.page-item.active .page-link {
  z-index: 3 !important;
  color: #fff !important;
  background-color: #01417c !important;
  border-color: #01417c !important;
  border-radius: 20px !important;
}

.page-link {
  position: relative;
  display: block;
  color: #01417c;
  background-color: #fff;
  border: 1px solid #01417c;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 20px; /* Ajusta el valor según desees el grado de redondez */
  padding: 10px 15px; /* Ajusta el relleno según el contenido del botón */
}


.page-link:hover {
  background-color: #fff; /* Mantenemos el fondo blanco al pasar el ratón */
  color: #01417c !important; /* Mantenemos el color del texto al pasar el ratón */
}

.page-item:not(:first-child) .page-link {
  margin-left: 0px !important;
}


.page-item:first-child .page-link {
  position: relative;
  display: block;
  color: #01417c;
  background-color: #fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 20px; /* Ajusta el valor según desees el grado de redondez */
  padding: 10px 15px; /* Ajusta el relleno según el contenido del botón */
}

.page-item:last-child .page-link {
  position: relative;
  display: block;
  color: #01417c;
  background-color: #fff;
  border: 1px solid #01417c;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 20px; /* Ajusta el valor según desees el grado de redondez */
  padding: 10px 15px; /* Ajusta el relleno según el contenido del botón */
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  width: auto !important;
  padding-right: 0 !important; /* Anula el efecto de padding-right */
  padding-left: 0 !important; /* Anula el efecto de padding-left */
  margin-right: auto !important;
  margin-left: auto !important;
}


/*Fin Footer*/

/*Header*/
.select2-container .select2-choice {
  display: block !important;
  height: 26px !important;
  padding: 0 0 0 8px !important;
  overflow: hidden!important;
  position: relative !important;
  border: none !important; /* Sobreescribe la propiedad border */
  white-space: normal !important; /* Sobreescribe la propiedad white-space */
  line-height: normal !important; /* Sobreescribe la propiedad line-height */
  color: #01417c !important; /* Sobreescribe la propiedad color */
  text-decoration: none !important; /* Sobreescribe la propiedad text-decoration */
  border-radius: 0 !important; /* Sobreescribe la propiedad border-radius */
  background-clip: padding-box !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  background-color: transparent !important; /* Sobreescribe la propiedad background-color */
  background-image: none !important; /* Sobreescribe la propiedad background-image */
  filter: none !important; /* Sobreescribe la propiedad filter */
}

.select2-arrow {
  display: inline-block;
  width: 0px !important;
  height: 0% !important;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

a.login {
    border-bottom: 2px solid #01417c;
    padding-bottom: 9px;
	  padding-left: 10px;
    padding-right: 50px;
}


/*Baja el logo de puntos */
.col-lg-12 {
    width: 100%;
    padding-top: 20px;
}

a.busqueda {
	border-bottom: 2px solid #FFF;
    color: #1AB97F;
	padding-bottom: 9px;
	padding-left: 30px;
    padding-right: 50px;
}
.col-lg-6.col-xs-12.text-center--buscar, .col-lg-6.col-xs-12.text-center--login{
    padding-top: 15px;
	padding-left: 50px;
}

header#menu_nav {
	z-index: 2;
  min-height:35px;
  }

  .navbar {
    min-height: 35px;

}

ul#menu-primary {
	margin-left: 0%;
	}
	
/* buscar en header*/	
#link-search-header {
	width: 120px; 
	text-align: left;
	padding-bottom: 7px;
	padding-top: 25px;
	border-bottom: 2px solid #01417c;
	margin-left: 15px;}
	
#link-search-header a {
	text-align: left;}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  border-radius: 10px !important; /* Ajusta el valor según el radio de los bordes deseados */
  overflow: hidden !important; /* Asegura que el contenido no se desborde si el contenido excede el tamaño */
  border-color: #01417c !important;
  border-width: 2px !important;
}

.input-group.search-input-group > .input-group-btn > .btn {
  display: inline-block !important;
  align-items: center !important;
  border-color: white;
  border-bottom-color: #01417c !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  border-radius: 0;
  height: 47px;
  font-family: Open Sans Condensed;
  font-size: 16px;
}

.input-group.search-input-group button.btn.btn-default.btn-lg {
  border-top: 2px solid #01417c; /* Borde en la parte superior */
  border-right: 2px solid #01417c; /* Borde en la parte derecha */
  border-bottom: 2px solid #01417c; /* Borde en la parte inferior */
  border-left: none; /* Sin borde en la parte izquierda */
  border-top-right-radius: 10px; /* Radio de borde para la esquina superior derecha */
  border-bottom-right-radius: 10px; /* Radio de borde para la esquina inferior derecha */
  height: 47px; /* Altura del botón */
  font-family: Open Sans Condensed;
  font-size: 16px;
  padding: 10px; /* Relleno interior para mejorar la apariencia */
}


.input-group.search-input-group input#field-giant-search {
  border-top: 2px solid #01417c; /* Borde en la parte superior */
  border-left: 2px solid #01417c; /* Borde en la parte izquierda */
  border-bottom:  2px solid #01417c; /* Sin borde en la parte inferior */
  border-right: none; /* Sin borde en la parte derecha */
  border-top-left-radius: 10px; /* Radio de borde para la esquina superior izquierda */
  border-bottom-left-radius: 10px; /* Radio de borde para la esquina inferior izquierda */
  height: 47px; /* Altura del campo de entrada */
  font-family: Open Sans Condensed;
  font-size: 16px;
  padding: 10px; /* Relleno interior para mejorar la apariencia */
}


input#field-giant-search {
  border-color: white;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  height: 47px;
  font-family: Open Sans Condensed;
  font-size: 16px;
}


  
	
/*color de BUSCAR*/	
span#search-header {
	padding-left: 0px;
	color: #01417c;
	font-size: 16px;}
	
#link-login-header {
	width: 180px; 
	text-align: left;
	padding-bottom: 7px;
	border-bottom: 2px solid #fff;}
#link-login-header a {
text-align: left;	}

span#login-header {font-size: 12px;}

span#login-header {
	padding-left: 15px;
	color: #FFF;}	
	
  /**/
  .main-menu {
    background-color: #ffffff;
    color: #01417c;
    font-weight: bold;
    font-size: 18px !important;
    position: relative;
    z-index: 1000;
  }
  
  .main-menu .container-fluid {
    display: inline;
    justify-content: space-between; /* Distribuye el contenido del contenedor */
    align-items: center;
    padding: 10px;
  }
  
  .menu-items {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center; /* Centrar el menú */
    align-items: baseline;
    font-weight: bold;
    font-size: 18px !important;
  }
  
  .menu-items .menu-item {
    margin: 0 50px;
  }
  
  .menu-items .menu-item:last-child:hover {
    background-color: #01417c; /* Color azul oscuro */
    color: white; /* Color de texto blanco */
    padding: 3px 10px; /* Relleno superior/inferior reducido */
    line-height: 0.7; /* Ajuste de la altura de línea */
    margin: 0; /* Asegurarse de que no hay margen adicional */
  }
  
  .image-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
  }
  
  .idioma-bander-container {
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease;
    background-color: transparent;
  }
  
  .bandera-img {
    margin-left: 5px; /* Espacio entre el selector de idioma y la imagen */
    background-color: transparent;
    width: 40px;
  }
  
  form.form-inline.form-select.lang-select.lang-select {
    display: inline-block;
    border-left: 2px solid #01417c !important;
    text-align: right;
  }
  
  .lang-select {
    display: inline-block;
    border-left: 2px solid #01417c !important;
    text-align: right;
  }

  /* Asegura que los bordes no cambien el tamaño del contenedor */
form.form-inline.form-select.lang-select.lang-select, 
.lang-select {
    display: inline-block;
    border-left: 2px solid #01417c !important;
    text-align: left; /* Cambiar de 'right' a 'left' si prefieres alinear a la izquierda */
    box-sizing: border-box; /* Esto asegura que el borde no cambie el tamaño del contenedor */
}

/* También puedes añadir un estilo para evitar el desajuste del espaciado al pasar el ratón por encima */
form.form-inline.form-select.lang-select.lang-select:hover,
.lang-select:hover {
    padding-left: 10px; /* Añadir un relleno extra si es necesario */
    transition: padding-left 0.2s ease; /* Suaviza el cambio */
}
  
  .menu-items li a {
    color: #01417c; 
    text-decoration: none;
    align-items: baseline;
  }
  
  .menu-items a:hover {
    color: white;
  }
  
  .main-menu .menu-item a {
    font-size: 17px; 
    font-weight: 400; 
    color: #01417c;
    align-items: baseline;
    text-decoration: none;
    text-align: left;
  }
  
  
  .menu-icon {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #01417c;
    margin: 5px 0;
    transition: 0.4s;
  }
  
  .menu-item {
    position: relative;
  }
  
  .menu-item a {
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: #01417c;
  }
  
  .menu-item:not(:first-child) a:hover,
  .menu-item.active > a {
    background-color: #01417c;
    color: #fff;
  }
  
  .submenu-items {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #01417c;
    box-shadow: 0 8px 16px #01417c;
    z-index: 9999;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .submenu:hover .submenu-items {
    display: block;
    padding: 0;
  }
  
  .submenu-items .submenu-item a {
    color: #fff;
    padding: 10px 15px;
  }
  
  .submenu-items .submenu-item a:hover {
    background-color: #002244;
    width: 100%;
  }
  
  .submenu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .arrow {
    margin-left: 8px;
    font-size: 20px;
  }
  
  .submenu {
    position: relative;
  }
  
  /* Estilo para el botón de menú */
  .menu-toggle {
    display: none;
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }
  
  .menu-icon {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #01417c;
    margin: 5px 0;
    transition: 0.4s;
  }
  
  /* Mostrar el botón de menú en pantallas pequeñas */
  @media (max-width: 768px) {
    .menu-toggle {
      display: block;
    }
  
    .menu-items {
      display: none;
      flex-direction: column;
      align-items: flex-start;  /* Alinear a la izquierda */
    }
  
    .menu-items.show {
      display: flex;
    }
  }
  
  .idioma-bander-container {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  

/*Fin Header*/
/* Pestañas*/

/* Estilo para los elementos li dentro de ul.nav.nav-tabs */
.nav.nav-tabs li {
  display: inline-block;
  margin-right: 10px; /* Espacio entre elementos */
}

/* Estilo para los enlaces a dentro de los elementos li */
.nav.nav-tabs li a {
  color: white; /* Color del texto */
  padding: 10px 15px; /* Espacio interior */
  display: block;
  text-decoration: none; /* Sin subrayado */
  border-radius: 5px; /* Borde redondeado opcional */
}

/* Estilo para el enlace activo */
.nav.nav-tabs li.active a {
  background-color: #01417c; /* Color azul oscuro más intenso */
  color: white; /* Color del texto */
}

/* Iconos de las pestañas*/
.fa.fa-building {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}
.fa.fa-gear {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}

.fa.fa-trash {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}
.fa.fa-key {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}

.fa.fa-pencil-square {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}

.fa.fa-info-circle {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}

.fa.icon.fa-map-marker {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}

.fa.icon.fa-table {
  background-color: #01417c; 
  padding: 5px;
  border-radius: 50%; 
}

/* Redes sociales */
.nav-item img {
  max-width: 10%;
  max-height: 10%;
  background-color: #ffffff;
}

.social-nav-item a {
  color: #01417c !important;
  font-family: Open Sans Condensed !important;
}

.format-label {
  padding: 5px;
  border-radius: 5px; /* Ajusta el radio del borde según sea necesario */
}


.module-search {
  background-color: #01417c !important;
}


/* color de simbolos*/ 
i.fa.fa-sitemap:before,i.fa.fa-users:before,i.fa.fa-clock-o:before,i.fa.fa-a-clock-o:before,
	i.fa.fa-facebook-square:before,i.fa.fa-fa-info-circle:before,i.fafa-info-circle:before,
	i.fa.fa-list:before,i.fa.fa-building-o:before,i.fa.fa-wrench:before,i.fa.fa-code:before,
	i.fa.fa-check-square-o:before,i.fa.fa-wrench:before,i.fa.fa-pencil-square-o:before,
	i.fa.fa-trash-o:before,i.fa.fa-bars:before,i.fa.fa-eye:before,i.fa.fa-arrow-left:before,
	i.fa.fa-cloud-upload:before,i.fa.fa-globe:before,i.fa.fa-info-sign,
	i.fa.fa-refresh.icon-refresh:before,i.fa.fa-dashboard:before,i.fa.fa-reorder:before,
	i.fa.fa-edit:before,i.fa.fa-gavel:before, i.fa.fa-cog:before{color:#ffffff;}
	
i#gavel-icon:before,i#cog-icon:before{
	color:#01417c;
}
/* color de simbolos2*/
i.fa.fa-twitter-square:before,
i#gavel-icon:before,i#cog-icon:before{
	color:#ffffff;
}
span.username,span.text {
	color:#01417c;	
}


/*Migas de pan responsive*/
@media (max-width: 767px) {
  .toolbar .breadcrumb {
    color: #01417c;
    text-shadow: none;
    font-size: 18px !important;
  }
  .toolbar .breadcrumb a {
    color: #01417c;
    text-shadow: none;
    font-size: 18px !important;
  }
}

/*Color de texto migas de pan*/
.toolbar .breadcrumb a {
    color: #01417c;
    font-size: 18px !important;
}

.toolbar {
  flex: 1;
  position: relative !important; /* Posiciona el elemento absolutamente */
  right: 80px !important; /* Mueve el elemento hacia la derecha */
  top: 0 !important; /* Alinea el elemento en la parte superior */
  width: 500px !important; /* Ajusta el ancho del elemento */
  background-color: #ffffff !important; /* Cambia el color de fondo */
  color: #fff !important; /* Cambia el color de la fuente */
  padding: 20px !important; /* Añade padding para el contenido */
  z-index: 1000 !important; /* Asegura que el elemento esté por encima de otros elementos */
  font-size: 18px !important;
}

i#simb-bread:before {color: #01417c;}

/*boton de agegar dataset*/
a.btn.btn-primary {
  background-color: #01417c;
  border-color: #01417c ;
}

.resource-item .heading {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}


.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #ffffff;
  --bs-table-striped-bg: #01417c;
  --bs-table-active-color: #01417c;
  --bs-table-active-bg: #01417c;
  --bs-table-hover-color: #01417c;
  --bs-table-hover-bg: #01417c;
  width: 100%;
  margin-bottom: 1rem;
  color: #01417c;
  vertical-align: top;
  border-color: #dee2e6;
}
.table.table-header.table-hover.table-bordered th,
.table.table-header.table-hover.table-bordered td {
  color: #01417c !important;
}

.table.table-header.table-hover.table-bordered {
  color: #01417c !important;
}

.table.table-header.table-hover.table-bordered a {
  color: #01417c !important;
}

.table.table-header.table-hover.table-bordered i {
  color: #01417c !important;
}

.table.table-header.table-hover.table-bordered:hover {
  color: #ffffff !important;
}

.table.table-header.table-hover.table-bordered a:hover {
  color: #ffffff !important;
}

.table.table-header.table-hover.table-bordered i:hover {
  color: #ffffff !important;
}

#package a,
#package li,
#package p,
#package form {
  color: black !important;
}

tbody {
  color: #01417c !important;
}
.embed-refresh-v2 .post-menu .dropdown-toggle-wrapper .username--refresh, .embed-refresh-v2 .user-menu .dropdown-toggle-wrapper .username--refresh {
  font-size: 16px;
  line-height: 24px;
  color: #01417c !important;
}

.embed-refresh-v2 .nav-primary--refresh .comment-count {
  font-size: 16px;
  line-height: 24px;
  color: #01417c !important;
}

.dropdown-menu.show {
  display: block;
  background-color: #01417c !important; /* Cambiar el fondo a azul */
  color: white; /* Cambiar el color del texto a blanco */
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-menu.show:hover {
  display: block;
  color: #01417c !important; /* Cambiar el color del texto a blanco */
}

.dropdown-item:hover {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #ffffff !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

/*botom de seguir*/
a.btn.btn-success {
  background-color: #01417c !important;
  border-color: #01417c !important;
}

.context-info .nums dl {
  float: left;
  width: 50%;
  margin: 5px 0 0 0;
  color: #01417c !important;
}

/*boton crear organizacion*/
button.btn.btn-primary {background-color: #01417c;}
.site-search .form-control {
    background-color: #01417c;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #FFF;
    box-shadow: none;
}

	
input#field-sitewide-search::placeholder {
    color: #FFF;
}
input#field-sitewide-search {
    padding-top: 0 !important;
}

/*idiomas*/
.col-lg-2.col-xs-12.text-center--idioma {
	padding-top: 9px;
  width: 100px;
	float:right;
  border: 0;
  border-radius: 0;
}
span#select2-chosen-1 {
    text-align: center;
    border: 0;
    border-radius: 0;
}
span#select2-chosen-1:hover {
  color: #ffffff !important;
}
div#s2id_field-lang-select {
	 text-align: -webkit-right;
	 padding-right: 10px;
   border: 0;
   border-radius: 0;
}

.col-lg-6.col-xs-6.text-center--idioma .form-select {
  display: block  !important;
  width: 100%  !important;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem  !important;
  -moz-padding-start: calc(0.75rem - 3px)  !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #01417c !important;
  background-color: #fff !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 12px !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  appearance: none !important;
}
.form-group label[for="field-lang-select"] {
  display: none;
}
/* Cambiar el color del borde del cajetín del menú */
.lang-container {
  border-color: #01417c !important;
}

.select2-choice {
  border-color: #01417c !important;
}

/* Evitar que las opciones se resalten con fondo azul */
.select2-results .select2-result.select2-highlighted {
  background-color: #01417c !important;
  border-color: #01417c !important;
  color: #01417c !important;
}

/* Evitar que la opción por defecto tenga fondo azul */
.select2-result-label {
  background-color: #01417c !important;
  color: #ffffff !important;
  border-color: #01417c !important;
}
/* Cambiar el borde de las opciones del menú a transparente */
.select2-results .select2-result {
  border-color: #01417c !important;
  color: #ffffff !important;
}

/* Cambiar el color del borde cuando el menú está activo */
.select2-drop.select2-display-none.lang-dropdown.select2-with-searchbox.select2-drop-active {
  display: none;
  width: 00px;
  border-color: #01417c !important;
  color: #01417c !important;
  background-color: #01417c !important;
}

.main-menu .menu-item.active {
  background-color: #01417c;
  color: #ffffff; /* Color de texto blanco para contraste */
}

.select2-display-none {
  display: none;

}

div.select2-search {
  display: none;
}
.select2-search {
  display: none;

}


.select2-search input {
  display: none;

}


/*fin  idiomas*/




/*color de la lupa boton de busqueda en datasets*/
.fa-search:before {
    color: #01417c ;}

/*config boton busqueda en datasets*/
button.btn.btn-default.btn-lg {		

    border-bottom-style: solid;
	border-color: white;
    border-bottom-width: 2px;  
	border-bottom-color:#01417c;
	border-radius: 0;
}

/* Agregar conjunto de datos*/
.page_primary_action {
  background-color: none !important;
  padding: 10px 20px !important; /* Ajuste de espaciado */
}

.page_primary_action a.btn.btn-primary {
  background-color: #01417c !important;
  border-color: #01417c !important;
}
	
/*config  ordenacion de datasets*/
select#field-order-by {
	color: #000000;
	border-top-color: #FFF;
  border-top-style: solid;
  border-top-width: 2px;
  border-right-color: #FFF;
  border-right-style: solid;
  border-right-width: 2px;
  border-bottom-color: #FFF;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-color: #FFF;
  border-left-style: solid;
  border-left-width: 2px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
	border-radius: 0px;
	font-family: Open Sans Condensed;
	font-size: 16px;}
	
.main {background-color: white;
	   background-image:none;}

     /* Quitar la linea a la derecha de los filtros*/
@media (min-width: 768px) {
  .wrapper:before {
      border-right: 10px;
  }
}


/* cambiar color lineas separadoras de la lista de datasets, en este caso recuadros*/
li.dataset-item, li.dataset-item:last-of-type {
  border: none; /* Elimina todos los bordes */
  border-bottom: 2px solid #01417c; /* Aplica borde solo en la parte inferior */
  border-radius: 0; /* Elimina el borde redondeado */
  padding: 20px; /* Relleno interior */
  margin-bottom: 20px; /* Margen inferior */
}

/* Estilo para el enlace dentro de la tabla */
.table-toggle-more tbody tr th[rowspan="1"],
.table-toggle-more tbody tr td[rowspan="1"] {
    color: #ffffff; /* Cambia el color del texto a azul */
}



form#dataset-search-form {
  border-bottom: 2px solid #01417c;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: white !important;
}
.row.wrapper {
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
	box-shadow: 0px ;}
/*texto conjuntos encontrados*/	
h1 {
	font-family: Open Sans Condensed;
	font-size: 18px;}
	
label {
	font-family: Open Sans Condensed;
	font-size: 16px;}

div {font-family: Open Sans Condensed;
}

/*cambiar estilo botones WMS, SHP*/
a.label.label-default {
    font-size: 90%;
    border-radius: 0px;
    font-family: Open Sans Condensed;
}
/*Poner una linea al final de los datasets*/

.module-content {
	padding-bottom: 20px;
	padding-right: 2px;
    padding-left: 2px;
	margin-bottom: 20px;
}
.homepage .module-search .search-form {
  border-radius: 0.25rem;
  background-color: #01417c;
  padding: 30px 20px;
}

.homepage .module-search .tags {
  margin-top: -5px;
  padding: 5px 10px 10px 10px;
  background-color: #01417c;
}
/*Menu vertical izquierda Administraciones, tags */

.context-info .image img, .context-info .image a {
  display: block;
  width: 80%;
  height: auto;
  border-radius: 4px;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: #000000 !important;
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.module .read-more {
  font-weight: bold;
  color: #01417c !important;
}
.dataset-heading a {
  color: #000000 !important;
  text-decoration: none;
}
.dataset-content a {
  color: #000000 !important; /* Color azul para el enlace */
  text-decoration: none; /* Quitar subrayado del enlace */
}

.dataset-content h1 {
  color: #000000 !important; /* Color del texto para el h1 */
  font-size: 24px; /* Tamaño de la fuente */
  font-weight: normal; /* Peso normal de la fuente */
  margin-bottom: 20px; /* Espacio inferior */
}


.filters .module {
  position: relative;
  top: 10px;
  right: 100px;
  width: 400px; /* Ajusta este valor según sea necesario */
  height: 100%; /* Asegura que ocupe toda la altura de la página */
  background-color: #ffffff; /* Color de fondo opcional */
  padding: 20px; /* Espaciado interno opcional */
  overflow-y: auto; /* Permite desplazarse si el contenido es muy alto */
}

.module-heading {
  border-bottom: 0px solid #ddd !important;
  background-color: #01417c !important;
  font-family: Open Sans Condensed !important;
  font-size: 18px !important;
  color: white !important;
  margin: 5 auto !important;
  margin-right: 20px;
  border-top: 0px solid #ddd !important;
  line-height: 20px !important;
  border-radius: 20px; /* Ajusta el valor según desees el grado de redondez */
}

.module:first-child .module-heading {
  border-bottom: 0px solid #ddd !important;
  background-color: #01417c !important;
  font-family: Open Sans Condensed !important;
  font-size: 18px !important;
  color: white !important;
  margin: 0 auto !important;
  border-top: 0px solid #ddd !important;
  line-height: 20px !important;
  border-radius: 20px; /* Ajusta el valor según desees el grado de redondez */
}

.module-narrow .nav-item > a, 
.module-narrow .nav-aside li a {
  text-decoration: none !important;
  display: block !important;
  color: #01417c !important; 
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin: 0 !important; /* Anula el margen */
  padding: 10px !important; /* Anula el relleno */
  border-bottom: 1px solid #01417c !important;
}


.module-narrow.module-shallow h2 {
  border-bottom: 0px solid #ddd;
  background-color: none;
  font-family: Open Sans Condensed;
  font-size: 18px;
  color: white;
  margin: 0 auto;
  line-height: 40px;
}

.module-footer {
  color: #01417c; /* Cambia el color del texto según tu preferencia */
}


.nav-simple > li, .nav-aside > li {
  font-size: 12px;
  line-height: 1.1666666667em;
  padding: 0px 25px;
  border-bottom: 1px dotted #ddd;
}


/*Botones explorar recursos */
a.btn.btn-primary.dropdown-toggle {
	background-color: #01417c;
	}
/*Botones contadores de Administracioes, Etiquetas, etc*/	
span.item-count.badge {
	background-color: white !important;
	color:#01417c;
	float: right;
}	
span.facet-close {
  margin-right: 20px; /* Desplazar el elemento hacia la izquierda */
}

.primary .module .module-content {padding-top: 0;}

/* Tags de los datasets*/
.tag-list {
  padding: 10px 10px 5px 10px;
  background-color: #01417c;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  border-color: #01417c !important;
}

.tags .tag-list li a.tag {
  color: #01417c !important; /* Color normal del texto */
  text-decoration: none !important; /* Quita la subrayado predeterminado */
  background-color: #ffffff !important;
  border: 1px solid white !important;
  border-color: #01417c !important;
}

.tags .tag-list li a.tag:hover {
  color: #01417c !important; /* Cambia el color del texto a blanco cuando se pasa el ratón */
  border: 1px solid white;
  background-color: white !important;
  border-color: #01417c !important;
  box-shadow: none !important; /* Elimina cualquier sombra al pasar el ratón */
}

.tags .tag {
  background-color: white !important; /* Cambia el color de fondo a blanco */
  border: 1px solid white !important;
  color: #01417c !important;
  border-color: #01417c !important;
  transition: box-shadow 0.3s ease; /* Agrega transición a la sombra */
}

.tags .tag:hover {
  border-top-color: white !important; /* Cambia el color del borde superior a blanco al pasar el ratón */
  border-color: #01417c !important;
  box-shadow: none !important; /* Elimina cualquier sombra al pasar el ratón */
}


body {
	font-family: Open Sans Condensed;font-size: 1.2em;}

.collapse.navbar-collapse.navbar-ex1-collapse.navbar-center--menu {
	width: 100%;}

.col-center-block {
	float: none;
	display: block; 
	margin-left: auto;
	margin-right: auto;}

.main {z-index: 1;}

/*Color boton de descarga del recurso*/
a.btn.btn-primary.resource-url-analytics.resource-type-None {
    background-color: #01417c;
}

.dataset-heading a {
  color: #000000;
  font-size:18px !important;
}

/*Simbologia Iconos features*/



/* Estilos para el contenedor del selector de idioma */
.lang-container2 {
  position: relative; /* Ajusta la posición de los elementos hijos relativamente */
  display: inline-block; /* Hace que el contenedor se ajuste al tamaño del contenido */
  align-items: baseline;
}

/* Estilos para el desplegable del selector de idioma */
.lang-dropdown {
  position: absolute; /* Posiciona el desplegable de forma absoluta */
  top: 100%; /* Lo coloca justo debajo del contenedor */
  left: 0; /* Alinea el desplegable con el borde izquierdo del contenedor */
  z-index: 1000; /* Asegura que el desplegable esté por encima de otros elementos */
  min-width: 120px; /* Ancho mínimo del desplegable */
  padding: 10px; /* Espacio interno dentro del desplegable */
  background-color: #01417c; /* Color de fondo */
}

/* Estilos para los elementos de la lista dentro del desplegable */
.lang-dropdown li {
  list-style: none; /* Elimina las viñetas de la lista */
  margin: 0; /* Elimina los márgenes */
  padding: 5px 10px; /* Espacio interno dentro de cada elemento de la lista */
  cursor: pointer; /* Cambia el cursor al pasar sobre los elementos */
}

/* Estilos para los elementos de la lista al pasar el ratón */
.lang-dropdown li:hover {
  background-color: #f2f2f2; /* Cambia el color de fondo al pasar el ratón */
  border: none;
}

#language-selector-container .language-toggle-btn img {
  border: none; /* Elimina cualquier borde alrededor de la imagen */
  max-width: 100px; /* Establece un ancho máximo para la imagen */
  align-items: baseline;
}

/* Cambiar el tamaño de la imagen */
.logo-header {
  width: 110px;  /* Cambiar al tamaño deseado */
  height: auto;  /* Mantener la proporción de la imagen */
}


.header {
	align-items: center;
	position: sticky;
	z-index: 10;
	
	height: 5em;
    padding: .7em 1.2em;
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}