/********** Template CSS **********/
/* Definición de variables de colores y estilos personalizados */
:root {
  --primary: #2978C7;
  /* Color principal */
  --secondary: #777777;
  /* Color secundario */
  --light: #F8F8F8;
  /* Color de fondo claro */
  --dark: #252525;
  /* Color de fondo oscuro */
}

/* Estilo para el botón "Volver arriba" */
.back-to-top {
  position: fixed;
  /* Fija el botón en la pantalla */
  display: none;
  /* Inicialmente oculta el botón */
  right: 30px;
  /* Posición a 30 píxeles desde el lado derecho */
  bottom: 30px;
  /* Posición a 30 píxeles desde la parte inferior */
  z-index: 99;
  /* Coloca el botón por encima de otros elementos */
}

/*** Spinner ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease-out, visibility 0s linear .5s;
  z-index: 99999;
}

/*** Spinner show ***/
#spinner.show {
  transition: opacity .5s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

/*** Button ***/
.btn {
  font-weight: 500;
  transition: .5s;
  width: 160px;
  height: 40px;
}

.btn_sede {
  font-weight: 500;
  transition: .5s;
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  border-radius: 6px;
}

.btnxl {
  font-weight: 500;
  transition: .5s;
  width: 300px;
  height: 40px;
}

/*** Button primario ***/
.btn.btn-primary {
  color: #FFFFFF;
}

/*** Button square ***/
.btn-square {
  width: 38px;
  height: 38px;
}

/*** Button sm square ***/
.btn-sm-square {
  width: 32px;
  height: 32px;
}

/*** Button lg square ***/
.btn-lg-square {
  width: 48px;
  height: 48px;
}

/* Cambia color al pasar el ratón */
.btn:hover {
  color: #000000 !important;
}

/* Estilo común para botones cuadrados de diferentes tamaños */
.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

/*** Step ***/
.step {
  text-align: center;
}

.bs-stepper-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 30px;
  height: 30px;
  /*background-color: #f8f9fa;*/
  border-radius: 50%;
  margin-bottom: 5px;
}

.bs-stepper-circle label {
  font-size: 14px;
  /* Tamaño del número */
}

.bs-stepper-label {
  /*display: block;*/
  font-size: 12px;
  /* Tamaño del texto del label */
}

/*
.step-pasado {
    pointer-events: none;
    color: #777777;
}
.step-futuro {
    pointer-events: none;
    opacity: .65;
}
.active .bs-stepper-label {
    color: #0d6efd;
}
*/

/*** Navbar ***/
.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}

/*** Navbar con link ***/
.navbar .navbar-nav .nav-link {
  margin-right: 30px;
  padding: 20px 0;
  color: #FFFFFF;
  font-weight: 500;
  outline: none;
}

/*** Navbar hover y active ***/
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: var(--dark);
}

/*** Navbar stickytop ***/
.navbar.sticky-top {
  top: -100px;
  transition: .5s;
}

/*** imágenes con links ***/
@media (max-width : 991.98px) {
  .navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 8px 0;
  }

  .navbar .navbar-nav {
    margin-top: 8px;
    border-top: 1px solid rgba(256, 256, 256, .1)
  }
}

/*** imágenes en menús ***/
@media (min-width : 992px) {
  .navbar .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    transition: .5s;
    opacity: 0;
  }

  .navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    transition: .5s;
    opacity: 1;
  }
}

/*** Headers ***/
#header-carousel .carousel-caption {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
  z-index: 1;
}

/*** Headers controles siguiente anterior ***/
#header-carousel .carousel-control-prev,
#header-carousel .carousel-control-next {
  width: 10%;
}

/*** Headers controles siguiente anterior icono ***/
#header-carousel .carousel-control-prev-icon,
#header-carousel .carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
}

/* Estilos aplicados cuando el ancho de la pantalla es igual o menor a 768px */
@media (max-width : 768px) {

  /* Ajusta la apariencia de los elementos dentro del carrusel del encabezado */
  #header-carousel .carousel-item {
    position: relative;
    min-height: 500px;
  }

  /* Estilo de imagen en el carrusel del encabezado */
  #header-carousel .carousel-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/*** Headers contrones indicadores ***/
#header-carousel .carousel-indicators [data-bs-target] {
  width: 60px;
  height: 60px;
  text-indent: 0;
  margin-bottom: 15px;
  border: 2px solid #FFFFFF;
  border-radius: 60px;
  overflow: hidden;
}

/* Estilo para las imágenes de los indicadores del carrusel de encabezado */
#header-carousel .carousel-indicators [data-bs-target] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*** Cabecera de página ***/
.page-header {
  background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),
    url(../img/carousel-1.jpg) center center no-repeat;
  background-size: cover;
}

/*** Migas de pan, item ***/
.breadcrumb-item+.breadcrumb-item::before {
  color: var(--secondary);
  cursor: pointer;
}

/*** Cabecera de item no activo ***/
.page-header .breadcrumb-item+.breadcrumb-item::before {
  color: var(--light);
}

/*** Section Title ***/
.section-title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

/*** Section Title before ***/
.section-title::before {
  position: absolute;
  content: "";
  width: calc(100% + 80px);
  height: 2px;
  top: 4px;
  left: -40px;
  background: var(--primary);
  z-index: -1;
}

/*** Section Title after ***/
.section-title::after {
  position: absolute;
  content: "";
  width: calc(100% + 120px);
  height: 2px;
  bottom: 4px;
  left: -60px;
  background: var(--primary);
  z-index: -1;
}

/*** Section Title start before ***/
.section-title.text-start::before {
  width: calc(100% + 40px);
  left: 0;
}

/*** Section Title start after ***/
.section-title.text-start::after {
  width: calc(100% + 60px);
  left: 0;
}

/*** Img Border ***/
.img-border {
  position: relative;
  height: 100%;
  min-height: 400px;
}

/*** Bordes de imágenes ***/
.img-border::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 3rem;
  bottom: 3rem;
  border: 5px solid var(--primary);
  border-radius: 6px;
}

/*** Bordes de imágenes, contenido ***/
.img-border img {
  position: absolute;
  top: 3rem;
  left: 3rem;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  object-fit: cover;
  border-radius: 6px;
}

/*** Facts ***/
.fact-item {
  transition: .5s;
}

/*** Facts hover ***/
.fact-item:hover {
  margin-top: -10px;
  background: #FFFFFF !important;
  box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

/*** Service ***/
.service-item {
  box-shadow: 0 0 45px rgba(0, 0, 0, .07);
  border: 1px solid transparent;
  transition: .5s;
}

/*** Service hover ***/
.service-item:hover {
  margin-top: -10px;
  box-shadow: none;
  border: 1px solid #DEE2E6;
}

/*** Feature ***/
.progress {
  height: 5px;
}

/*** Barra de progreso ***/
.progress .progress-bar {
  width: 0px;
  transition: 3s;
}

/*** Project ***/
.project-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background: rgba(0, 0, 0, .5);
  border-radius: 6px;
  opacity: 0;
  transition: .5s;
}

/*** Project hover ***/
.project-item:hover a {
  opacity: 1;
}

/*** Project carousel ***/
.project-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

/*** Project carousel ***/
.project-carousel .owl-dot {
  width: 35px;
  height: 35px;
  margin: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEE2E6;
  border-radius: 35px;
  transition: .5s;
}

/*** Project carousel ***/
.project-carousel .owl-dot:hover,
.project-carousel .owl-dot.active {
  color: #FFFFFF;
  border-color: var(--primary);
  background: var(--primary);
}

/*** Team ***/
.team-item {
  box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

/*** texto team ***/
.team-item .team-text {
  position: relative;
  height: 65px;
  overflow: hidden;
}

/*** Título team ***/
.team-item .team-title {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: .5s;
}

/*** Team hover ***/
.team-item:hover .team-title {
  top: -65px;
}

/*** Social ***/
.team-item .team-social {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 65px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  transition: .5s;
}

/*** Team item ***/
.team-item .team-social .btn {
  margin: 0 3px;
}

/*** Team item ***/
.team-item:hover .team-social {
  top: 0;
}

/*** Testimonial ***/
.testimonial-carousel .owl-item .testimonial-item img {
  width: 60px;
  height: 60px;
}

/*** testimonial-carousel ***/
.testimonial-carousel .owl-item .testimonial-item,
.testimonial-carousel .owl-item .testimonial-item * {
  transition: .5s;
}

/*** testimonial-carousel ***/
.testimonial-carousel .owl-item.center .testimonial-item {
  background: var(--primary) !important;
}

/*** testimonial-carousel ***/
.testimonial-carousel .owl-item.center .testimonial-item * {
  color: #FFFFFF !important;
}

/*** testimonial-carousel ***/
.testimonial-carousel .owl-nav {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

/*** testimonial-carousel ***/
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
  margin: 0 12px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEE2E6;
  border-radius: 50px;
  font-size: 18px;
  transition: .5s;
}

/*** testimonial-carousel ***/
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
  color: #FFFFFF;
  border-color: var(--primary);
  background: var(--primary);
}

/*** Footer ***/
.footer .btn.btn-link {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left;
  color: var(--secondary);
  font-weight: normal;
  text-transform: capitalize;
  transition: .3s;
}

/*** Link de pie before ***/
.footer .btn.btn-link::before {
  position: relative;
  content: "\f105";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 900;
  color: var(--secondary);
  margin-right: 10px;
}

/*** Link de pie ***/
.footer .btn.btn-link:hover {
  color: var(--primary);
  letter-spacing: 1px;
  box-shadow: none;
}

/*** Pie copyright ***/
.footer .copyright {
  padding: 25px 0;
  font-size: 15px;
  border-top: 1px solid rgba(256, 256, 256, .1);
}

/*** Estilo copyright enlace ***/
.footer .copyright a {
  color: var(--light);
}

/*** Estilo copyright hove ***/
.footer .copyright a:hover {
  color: var(--primary);
}

/*** Asteriscos para tipos de campos obligatorios ***/
.required::after {
  content: '(*)';
  margin-left: 4px;
  color: #2978C7;
}

/*** Estilos para campos en pantalla confirmacion ***/
.nombreCampo {
  font-weight: bold;
}

.nombreCampo::after {
  content: ':';
  margin-left: 2px;
}

/* Estilo base para el botón con la clase .custom-button */
.custom-button {
  /* Fondo transparente */
  background-color: transparent;
  /* Borde sólido de 2 píxeles de ancho en color azul (#2978c7) */
  border: 2px solid #2978c7;
  /* Color del texto en azul (#2978c7) */
  color: #2978c7;
}

/* Estilo para cuando el ratón se desplaza sobre el botón */
.custom-button:hover {
  /* Cambia el fondo a azul (#2978c7) al pasar el ratón por encima */
  background-color: #2978c7;
  /* Cambia el color del texto a blanco al pasar el ratón por encima para aumentar la legibilidad */
  color: white;
}

/*** Estilo para textos en blanco ***/
.texto_blanco {
  color: #FFFFFF;
}

/*** Estilo para la cebacera de sede ***/
.titulo_sede {
  color: #8A9AA8;
  margin-top: 20px;
}

/*** Estilo para los colores de sede ***/
.color_sede {
  background-color: #63798C;
}

/*** Estilo el menú de idiomas ***/
.menu_idioma {
  background-color: #F4F9FD;
  font-size: 13px;
}

/*** Estilo para la barra de sede ***/
.barra_sede {
  background-color: #2978C7;
}

/*** Estilo options ***/
.opciones_defuncion {
  background-color: #E5ECF2;
  color: #4673A0;
  font-size: 1.5em;
}

/*** Estilo para botón derecha ***/
.boton_derecha {
  float: right;
}

/*** Estilo texto en bloques inscrito ***/
.texto_bloques {
  color: #2977C6;
  margin-left: 4px;
}

/*** Estilo para el drag and drop de ficheros ***/
.drag_drop {
  text-align: center;
}

/*** Estilo para bi ***/
.bi {
  font-size: 30px;
}

/*** Estilo para icono flecha ***/
.tamanio_flecha {
  font-size: 20px;
}

/*** Estilo para textos en negro ***/
.color_negro {
  color: #000000
}

/*** Estilo para separador de migas de pan ***/
.separator {
  --bs-breadcrumb-divider: '>';
}

/*** Estilo para el ancho máximo ***/
.max_width {
  max-width: 600px;
}

/*** Estilo para el ancho del spinner ***/
.spinner_width {
  width: 6rem;
  height: 6rem;
}

/*** Estilo para el color de los iconos ***/
.iconos_color {
  color: #2978C7;
}

.iconos_colorSelected {
  color: #008000;
}

.tablas_color {
  color: #2978c7;
}

/*** Estilo para negrita y tamaño de los links ***/
.negrita_tamaño {
  font-weight: bold;
  font-size: 18px;
}

/*** Estilo blanco y tamaño de Declaración de defunción en Registro Civil ***/
.tamanio_titulo {
  color: #FFFFFF;
  font-size: 28.8px;
}

/*** Estilo para color rojo error ***/
.error_color {
  color: #B94A48;
}

/*** Estilo para textos del formulario previo ***/
.color_formularioprevio {
  font-weight: bold;
  color: #2978C7;
  font-size: 24px;
}

/*** Margen alineacion boton hijos***/
.margen_botonhijos {
  margin-left: 40px;
  width: auto;
}

/*** Alineacion boton observaciones***/
.align_botonobservaciones {
  text-align: right;
}

/*** Estilo texto en bloques datos hecho ***/
.tamanio_titulo_datoshecho {
  color: #2978C7;
  margin-left: -20px;
}

/*** Estilo texto idiomas del navegador ***/
.idiomas_tamaño {
  font-size: 14px;
  z-index:9999;
}

/*** Estilo texto usuarios del navegador ***/
.usuario_tamaño {
  font-size: 14px;
  font-weight: bold;
}

/*** Estilo texto usuarios en la cabecera de la sede ***/
.usuario_tamaño_sede {
  font-size: 14px;
  color: #2978C7;
}

/*** Estilo para los tamaños de los figcaption en la pantalla de documentos ***/
.tamanio_figcaption {
  font-size: 11px;
}

/* Estilo para la clase .tamanio_titulo_lugar */
.tamanio_titulo_lugar {
  color: #2978C7;
  /* Color del texto en azul (#2977C6) */
  margin-left: -20px;
  /* Margen izquierdo de -20 píxeles */
}

/* Estilo para la clase .tamanio_titulo_declarante */
.tamanio_titulo_declarante {
  color: #2978C7;
  /* Color del texto en azul (#2977C6) */
  margin-left: -20px;
  /* Margen izquierdo de -20 píxeles */
}

/* Estilo para la clase .separador_botones */
.separador_botones {
  color: grey;
  /* Color del texto en gris */
  width: 97%;
  /* Ancho del 97% del contenedor */
  margin: 0 auto;
  /* Margen automático horizontal (centra el elemento en su contenedor) */
}

/* Estilo para la clase .separador_botonesinscrito */
.separador_botonesinscrito {
  color: grey;
  /* Color del texto en gris */
  width: 100%;
  /* Ancho del 97% del contenedor */
  margin: 0 auto;
  /* Margen automático horizontal (centra el elemento en su contenedor) */
}

/* Estilo para la clase .iconos_izquierda */
.iconos_izquierda {
  font-size: 24px;
  /* Tamaño de fuente de 24 píxeles */
}

/* Estilo para la clase .iconos_derecha */
.iconos_derecha {
  font-size: 24px;
  /* Tamaño de fuente de 24 píxeles */
  margin-left: 10px;
  /* Margen izquierdo de 10 píxeles */
}

/* Estilo para las clases .boton_aniadir y .boton_limpiar (modal hijos) */
.boton_aniadir,
.boton_limpiar {
  float: right;
  /* Flotar el elemento a la derecha */
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* Estilo para la clase .bloque_linea */
.bloque_linea {
  display: inline-block;
  /* Mostrar como bloque en línea */
  margin-right: 20px;
  /* Margen derecho de 20 píxeles */
}

/*** Estilo para addon adjunto a campo texto ***/
div.input-group-addon {
  background-color: white;
  border: none;
}

/* Modificaciones de alerts de bootstrap */
.alert-info {
  background-color: #afdae0;
  border-color: #a1cbd2;
  font-size: 1.07em;
  padding: .25rem 1.25rem;
  text-align: center;
}

/* Estilo para una alerta de éxito */
.alert-success {
  background-color: #a7e4b5;
  /* Fondo verde */
  border-color: #a7c5ad;
  /* Borde verde más claro */
  font-size: 1.07em;
  /* Tamaño de fuente */
  padding: .25rem 1.25rem;
  /* Relleno (padding) en la parte superior e inferior .25rem y a los lados 1.25rem */
  text-align: center;
  /* Alineación de texto al centro */
}

/* Estilo para una alerta de peligro */
.alert-danger {
  background-color: #ffb2ba;
  /* Fondo rojo */
  border-color: #cca1a5;
  /* Borde rojo más claro */
  font-size: 1.07em;
  /* Tamaño de fuente */
  padding: .25rem 1.25rem;
  /* Relleno (padding) en la parte superior e inferior .25rem y a los lados 1.25rem */
  text-align: center;
  /* Alineación de texto al centro */
}

/* Estilo para una alerta de advertencia */
.alert-warning {
  background-color: #fff3cd;
  /* Fondo amarillo */
  border-color: #ffeeba;
  /* Borde amarillo más claro */
  font-size: 1.07em;
  /* Tamaño de fuente */
  padding: .25rem 1.25rem;
  /* Relleno (padding) en la parte superior e inferior .25rem y a los lados 1.25rem */
  text-align: center;
  /* Alineación de texto al centro */
}

/* Estilo para una alerta con opción de cerrar */
.alert-dismissible {
  padding-right: 4rem;
  /* Añade espacio a la derecha para el botón de cierre */
}

/* Estilo para el botón de cierre modal */
button.closeModal {
  margin: 0px !important;
  /* Ajusta el margen para el botón de cierre modal */
}

/* Estilo para el botón de cierre (X) en una alerta con opción de cerrar */
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

/* Estilo para los botones de cierre (X) en general */
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

/* Estilo para el botón de cierre (X) al pasar el ratón por encima o enfocar */
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

/* Estilo para el botón de cierre (X) cuando no está deshabilitado */
.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

/* Estilo para el botón de cierre (X) en navegadores webkit */
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  margin: -11px !important;
}

/* Estilo para un fondo de título con el color de fondo importante */
.fondoTitulo {
  background-color: #e9f2fa !important;
}



/*** Estilos para la sección de datos del usuario logado ***/
/* Estilo para la descripción (dd) de datos del usuario */
dd.secIntoUser {
  font-size: 0.8rem;
}

/* Agrega un contenido después de la descripción (dd) de datos del usuario */
dd.secIntoUser:after {
  content: ":";
}

/* Estilo para el término (dt) de datos del usuario */
dt.secIntoUser {
  font-size: 0.8rem;
}

/*** Estilos para el calendario ***/
.input-group-append .input-group-text {
  font-size: 1rem;
  /* Ajusta el tamaño del texto del botón */
  height: 100%;
  /* Ajusta la altura del botón */
  background-color: white;
}

/* Establece el fondo gris por defecto para el botón del calendario */
#anioNacimientoInscrito:focus~.input-group-append .input-group-text {
  background-color: gray;
}

/* Estilo utilizado en opciones de menú */
.linkOpciones {
  cursor: pointer;
}

/* Estilo que determina margenes superior e inferior en una fila de botonera */
.row-botonera {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* Estilo botón imprimir declaración de la pantalla documentos */ 
#boton_imprimirDeclaracion button{
	width: 12em;
}

.ocultar {
  display: none;
}

.derecha {
  text-align: right;
}

.centro {
  text-align: center;
}

.colorNegro {
  color: black;
}

.imgPdfDescargar {
  width: 25px;
  height: 25px;
}

.observacionesHeader {
  background-color: #E6F5FF
}

.ancho35 {
  width: 35%;
}

.ancho20 {
  width: 20%;
}

.ancho10 {
  width: 10%;
}

.ancho15 {
  width: 15%;
}

.modal-85width {
  width: 85%;
  max-width: none;
}

.help-icon {
  margin-left: 5px;
  color: #2978C7;
}

.nav-pestanas {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid #dee2e6;
}

.nav-item-pestana {
  margin-left: 1px;
  margin-right: 1px;
}

li.nav-item-pestana {
  background-color: #dee2e6;
  border-color: #0e0e0e #0e0e0e #fff;
  border: 1px solid transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.nav-pestana {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: -1px;
  background: #dee2e6;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.nav-pestana.active {
  color: #495057;
  background-color: #fff;
}

.formulario {
    padding: 0 20px 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border: 1px solid #dee2e6;
    min-height: 250px;
}

.formulario.solapado {
    margin-top: -5px;
    background: white;
    min-height: inherit;
    overflow-x: auto;

}
.formulario.solapado.filtro {
    overflow-y: hidden;
}


.desplegarForm {
    text-align: right;
}

.legendLowerCase {
    color: #2978C7;
    font-size: 1rem;
    margin-top: 30px;
    margin-bottom: 20px;
}

#bloqueFechaHora{
  position:relative;
}
#bloqueFechaHora .ayudaTexto {    
  border: 1px solid #467AA0;
    background-color: #fff;
    color: #467AA0;
    padding: 1em;
    font-size: 1em;
    width: 28em;
    top: 5px;
    left: -28px;
    z-index: 99999999999999;
    box-shadow: 1px 1px 1px #000;
    position: absolute;
    text-align: justify;
}

#bloqueFechaHora .ayudaTextoMostrar img {
    color: #06c;    
    height: 22px;
    width: 22px;    
    right: 0;
    top: -5px;
    display: block;
}

#bloqueFechaHora .ayudaTexto.oculto {
  position: absolute;
    left: -5000em;
    top: -5000em;
}

.cabecera {
    width: 62.9em;
    margin: auto;
    display: table;
    box-sizing: border-box;
    padding: 0.3em 0;
}

.logosede {
    margin-top: 1.5em;
}

.seccionManuales {
	text-align: right;
}

/*** Estilo para links de manuales ***/
.linkManual {
  font-weight: bold;
  font-size: 14px;
}
.list-group-manuales {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.list-group-subManuales {
  position: absolute;
  top: 100%;
  width: 240px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  z-index: 1000;
  background-color: aliceblue;
  text-align: left;
}

span.valorTextarea {white-space: pre-line;}


/*** Estilo para los botones exp excel ***/
.verde_excel {
  background-color: #008000;
  color:#FFFFFF;
}

/* Estilo para el menú desplegable */
.dataTables_length select {
    padding: 4px 8px; /* Ajusta el espaciado dentro del menú desplegable */
    font-size: 14px; /* Ajusta el tamaño de la fuente */
    border-radius: 4px; /* Ajusta el radio de borde */
    border-color: #ccc; /* Ajusta el color del borde */
}

/* Estilo para las opciones del menú desplegable */
.dataTables_length select option {
    background-color: #fff; /* Ajusta el color de fondo */
    color: #333; /* Ajusta el color del texto */
}

.acciones {
	color: #2978C7;
	
}

/*Icono flechitas título datatable bandejas*/
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 14px;
}	
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 14px;
}
/*Icono flechitas título datatable modal*/
div.modal table.dataTable.table-sm .sorting:before, div.modal table.dataTable.table-sm .sorting_asc:before, div.modal table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
}	
div.modal table.dataTable.table-sm .sorting:after, div.modal table.dataTable.table-sm .sorting_asc:after, div.modal table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}
/* Estilo para las cabeceras de las datatable de las bandejas*/
tr.tituloDataTable {
  height: 50px;  
  color: var(--primary);
}
label.labelListado, label.labelAccBusq{
	font-weight:bold;
}

/* Ajustar la altura del campo select2 */
.select2-container .select2-selection--single {
    height: 38px; /* Ajusta la altura del campo */
    padding: .370rem .70rem; /* Ajusta el padding interno */
}

/* Alinear el texto verticalmente en el campo */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5; /* Ajustar según la altura del campo */
    padding: 0; /* Eliminar padding para mejor alineación */
}

/* Alinear la flecha del dropdown con la altura del campo */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    top: 0; /* Asegurarse que esté alineada verticalmente */
    padding-top: 0; /* Eliminar padding para mejor alineación */
}

/*Para el nuevo bloque de causa de defuncion alinear la letra con el input*/
.causaDef{
	margin-top:155%;
}