/* panel-botones */

.panel-botones {
  z-index: auto;
  height: 60px;
  background-color: var(--fondoBlanco);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07);
}

@media screen and (min-width: 768px) {
  .panel-botones {
    width: auto;
    z-index: 2; /* Garantiza que este panel siempre esté por encima de panel-auxiliar. */
                /* con el que se traslapa 1px usando dummy-panel. Esto es útil para */
                /* que el botón seleccionado se integre al panel-auxiliar */
  }
}

.contenedor-panel-botones {
  display: block; /* Estaba en none, con el funcionamiento de botones modales para ancho menor a 768px */
  height: 100%;
}

@media screen and (min-width: 768px) {
  .contenedor-panel-botones {
    display: block;
    height: auto;
  }
}

.grid-contenedor-panel-botones {
  height: 100%;
  justify-content: left;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .grid-contenedor-panel-botones {
    height: auto;
  }
}

.contenedor-panel-botones-modales {
  display: none; /* Estaba en block, con el funcionamiento de botones modales para ancho menor a 768px */
                 /* Fue reemplazado por la franja de botones encima del documento */
  width: auto;
}

@media screen and (min-width: 768px) {
  .contenedor-panel-botones-modales {
    display: none;
  }
}

.boton-datos,
.boton-busqueda,
.boton-indice,
.boton-memoria,
.boton-desarrollos,
.boton-notificaciones,
.boton-concordancias-visor,
.boton-modificaciones-visor,
.boton-actos-tramite {
  height: 36px;
  width: 36px;
  border: 1px solid var(--bordeGris);
  border-radius: 4px;
  background-color: var(--fondoBotonSencillo);
  cursor: pointer;
}

.boton-datos:hover,
.boton-busqueda:hover,
.boton-indice:hover,
.boton-memoria:hover,
.boton-desarrollos:hover,
.boton-notificaciones:hover,
.boton-concordancias-visor:hover,
.boton-modificaciones-visor:hover,
.boton-actos-tramite:hover {
  border: 1px solid var(--outlineGrisOscuro);
}

.boton-datos img,
.boton-busqueda img,
.boton-indice img,
.boton-memoria img,
.boton-desarrollos img,
.boton-notificaciones img,
.boton-concordancias-visor img,
.boton-modificaciones-visor img,
.boton-actos-tramite img {
  width: 18px;
  height: 18px;
}

.contenedor-boton-datos,
.contenedor-boton-busqueda,
.contenedor-boton-indice,
.contenedor-boton-memoria,
.contenedor-boton-desarrollos,
.contenedor-boton-notificaciones,
.contenedor-boton-concordancias-visor,
.contenedor-boton-modificaciones-visor,
.contenedor-boton-actos-tramite {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.texto-boton-datos,
.texto-boton-busqueda,
.texto-boton-indice,
.texto-boton-memoria,
.texto-boton-desarrollos,
.texto-boton-notificaciones,
.texto-boton-concordancias-visor,
.texto-boton-modificaciones-visor,
.texto-boton-actos-tramite {
  display: none;
}

@media screen and (min-width: 768px) {
  .boton-datos,
  .boton-busqueda,
  .boton-indice,
  .boton-memoria,
  .boton-desarrollos,
  .boton-notificaciones,
  .boton-concordancias-visor,
  .boton-modificaciones-visor,
  .boton-actos-tramite {
    display: none; /* Cuando se activa cambia a flex */
    height: 120px;
    width: 120px;
    border: 1px none var(--bordeBotonVisor);
    border-bottom: 1px solid var(--bordeBotonVisor);
    border-left: 1px solid var(--bordeBotonVisor);
    border-radius: 0;
    background-color: var(--fondoGeneral);
    align-items: center;
  }

  .boton-datos img,
  .boton-busqueda img,
  .boton-indice img,
  .boton-memoria img,
  .boton-desarrollos img,
  .boton-notificaciones img,
  .boton-concordancias-visor img,
  .boton-modificaciones-visor img,
  .boton-actos-tramite img {
    width: 24px;
    height: 24px;
  }

  .contenedor-boton-datos,
  .contenedor-boton-busqueda,
  .contenedor-boton-indice,
  .contenedor-boton-memoria,
  .contenedor-boton-desarrollos,
  .contenedor-boton-notificaciones,
  .contenedor-boton-concordancias-visor,
  .contenedor-boton-modificaciones-visor,
  .contenedor-boton-actos-tramite {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: auto;
    width: 100%; /*can be in percentage also.*/
    line-height: 20px;
    align-items: center;
    justify-content: center;
  }

  .texto-boton-datos,
  .texto-boton-busqueda,
  .texto-boton-indice,
  .texto-boton-memoria,
  .texto-boton-desarrollos,
  .texto-boton-notificaciones,
  .texto-boton-concordancias-visor,
  .texto-boton-modificaciones-visor,
  .texto-boton-actos-tramite {
    display: block;
    color: var(--casiNegro);
    font-size: var(--letra12);
    font-weight: 600;
    text-align: center;
  }

  #texto-boton-datos,
  #texto-boton-busqueda,
  #texto-boton-indice,
  #texto-boton-memoria,
  #texto-boton-desarrollos,
  #texto-boton-notificaciones,
  #texto-boton-concordancias-visor,
  #texto-boton-modificaciones-visor,
  #texto-boton-actos-tramite {
    margin: 0;
    padding: 0;
  }

}

/* -> panel-botones */

/* boton-modal */

.boton-modal {
  display: none; /* Cuando se activa cambia de block */
  cursor: pointer;
  height: auto;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.contenedor-boton-modal {
  height: 100%;
  width: 100%;
  border: 1px solid #D5D8DB;
  border-radius: 4px;
  background-color: var(--fondoBotonModal);
}

.contenedor-boton-modal:hover {
  border: 1px solid var(--outlineGrisOscuro);
  border-radius: 4px;
  background-color: #eef3f6;
}

.grid-contenedor-boton-modal {
  height: 100%;
  align-content: center;
}

.imagen-boton-modal {
  display: flex;
  width: 42px;
  height: 42px;
  background-color: var(--fondoImagenBotonModal);
  align-self: center;
  align-content: center;
  justify-content: center;
  margin: 20px 0 20px 20px;
  border-radius: 4px;
}

.imagen-boton-modal img {
  width: 30px;
  border-radius: 4px;
}

.titulo-boton-modal {
  display: flex;
  width: 100%;
  color: var(--colorTextoBotonModal);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  align-items: center;
  margin: 20px 0 20px 0;
}

.titulo-boton-modal p {
  margin: auto;
}

.ver-mas-boton-modal {
  height: 36px;
  width: 36px;
  border: 1px solid #D5D8DB;
  border-radius: 4px;
  background-color: #F5F8FA;
  align-self: center;
  margin-left: auto;
  margin-right: 20px;
}

.ver-mas-boton-modal img {
  width: 10px;
  height: 10px;
}

.contenedor-ver-mas-boton-modal {
  display: flex;
  height: 36px;
  width: 100%; /*can be in percentage also.*/
  justify-content: center;
  align-items: center;
}

/* -> boton-modal */


/* panel-datos */

.panel-datos,
.panel-busqueda,
.panel-indice,
.panel-memoria,
.panel-desarrollos,
.panel-modificaciones,
.panel-concordancias,
.panel-notificaciones,
.panel-actos-tramite {
  display: none;
  overflow: auto;
}

.titulo-panel-datos,
.titulo-panel-busqueda,
.titulo-panel-indice,
.titulo-panel-memoria,
.titulo-panel-desarrollos,
.titulo-panel-modificaciones,
.titulo-panel-concordancias,
.titulo-panel-notificaciones,
.titulo-panel-actos-tramite {
  height: 28px;
  width: auto;
  color: var(--casiNegro);
  font-size: var(--letra22);
  font-weight: 600;
  line-height: 28px;
  margin: 20px 20px 0 20px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  .titulo-panel-datos,
  .titulo-panel-busqueda,
  .titulo-panel-indice,
  .titulo-panel-memoria,
  .titulo-panel-desarrollos,
  .titulo-panel-modificaciones,
  .titulo-panel-concordancias,
  .titulo-panel-notificaciones,
  .titulo-panel-actos-tramite {
    margin: 30px 30px 0 30px;
  }
}

.descripcion-panel-datos,
.descripcion-panel-busqueda,
.descripcion-panel-indice,
.descripcion-panel-memoria,
.descripcion-panel-desarrollos,
.descripcion-panel-modificaciones,
.descripcion-panel-concordancias,
.descripcion-panel-notificaciones,
.descripcion-panel-actos-tramite {
  width: auto;
  margin: 0 20px 0 20px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  .descripcion-panel-datos,
  .descripcion-panel-busqueda,
  .descripcion-panel-indice,
  .descripcion-panel-memoria,
  .descripcion-panel-desarrollos,
  .descripcion-panel-modificaciones,
  .descripcion-panel-concordancias,
  .descripcion-panel-notificaciones,
  .descripcion-panel-actos-tramite {
    margin: 0 30px 0 30px;
  }
}

.descripcion-panel-datos p,
.descripcion-panel-busqueda p,
.descripcion-panel-indice p,
.descripcion-panel-memoria p,
.descripcion-panel-desarrollos p,
.descripcion-panel-modificaciones p,
.descripcion-panel-concordancias p,
.descripcion-panel-notificaciones p,
.descripcion-panel-actos-tramite p {
  margin: 0;
}

.panel-datos-visor,
.panel-resultados-visor,
.panel-indice-visor,
.panel-memoria-visor,
.panel-desarrollos-visor,
.panel-modificaciones-visor,
.panel-concordancias-visor,
.panel-notificaciones-visor,
.panel-actos-tramite-visor {
  height: auto;
  width: auto;
  background-color: var(--fondoBlanco);
  border: 1px solid var(--bordeGris);
  border-radius: 4px;
  margin: 0 20px 20px 20px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  .panel-datos-visor,
  .panel-resultados-visor,
  .panel-indice-visor,
  .panel-memoria-visor,
  .panel-desarrollos-visor,
  .panel-modificaciones-visor,
  .panel-concordancias-visor,
  .panel-notificaciones-visor,
  .panel-actos-tramite-visor {
    margin: 0 30px 20px 30px;
  }

}

.titulo-datos-visor,
.titulo-resultados-visor,
.titulo-indice-visor,
.titulo-memoria-documentos-visor,
.titulo-memoria-actos-visor,
.titulo-desarrollos-actos-visor,
.titulo-modificaciones-normativas-visor,
.titulo-modificaciones-jurisprudenciales-visor,
.titulo-modificaciones-doctrinales-visor,
.titulo-concordancias-constitucion-visor,
.titulo-concordancias-leyes-visor,
.titulo-concordancias-decretos-leyes-visor,
.titulo-concordancias-decretos-visor,
.titulo-concordancias-acuerdos-visor,
.titulo-concordancias-resoluciones-visor,
.titulo-concordancias-circulares-visor,
.titulo-concordancias-conceptos-visor,
.titulo-notificaciones-actos-visor,
.titulo-actos-tramite-visor {
  height: auto;
  width: 100%;
  border-bottom: 1px solid var(--bordeGris);
  border-radius: 4px 4px 0 0;
  background-color: var(--colorFondoTituloPanel);
  padding: 20px;
}

.titulo-datos-visor img,
.titulo-resultados-visor img,
.titulo-indice-visor img,
.titulo-memoria-documentos-visor img,
.titulo-memoria-actos-visor img,
.titulo-desarrollos-actos-visor img,
.titulo-modificaciones-normativas-visor img,
.titulo-modificaciones-jurisprudenciales-visor img,
.titulo-modificaciones-doctrinales-visor img,
.titulo-concordancias-constitucion-visor img,
.titulo-concordancias-leyes-visor img,
.titulo-concordancias-decretos-leyes-visor img,
.titulo-concordancias-decretos-visor img,
.titulo-concordancias-acuerdos-visor img,
.titulo-concordancias-resoluciones-visor img,
.titulo-concordancias-circulares-visor img,
.titulo-concordancias-conceptos-visor img,
.titulo-notificaciones-actos-visor img,
.titulo-actos-tramite-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-titulo-datos-visor,
.contenedor-titulo-resultados-visor,
.contenedor-titulo-indice-visor,
.contenedor-titulo-memoria-documentos-visor,
.contenedor-titulo-memoria-actos-visor,
.contenedor-titulo-desarrollos-actos-visor,
.contenedor-titulo-modificaciones-normativas-visor,
.contenedor-titulo-modificaciones-jurisprudenciales-visor,
.contenedor-titulo-modificaciones-doctrinales-visor,
.contenedor-titulo-concordancias-visor,
.contenedor-titulo-notificaciones-actos-visor,
.contenedor-titulo-actos-tramite-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  align-items: center;
  justify-content: flex-start;
}

.texto-titulo-datos-visor,
.texto-titulo-resultados-visor,
.texto-titulo-indice-visor,
.texto-titulo-memoria-documentos-visor,
.texto-titulo-memoria-actos-visor,
.texto-titulo-desarrollos-actos-visor,
.texto-titulo-modificaciones-normativas-visor,
.texto-titulo-modificaciones-jurisprudenciales-visor,
.texto-titulo-modificaciones-doctrinales-visor,
.texto-titulo-concordancias-visor,
.texto-titulo-notificaciones-actos-visor,
.texto-titulo-actos-tramite-visor {
  color: var(--colorBlanco);
  font-size: var(--letra16);
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-left: 10px;
}

#texto-titulo-datos-visor,
#texto-titulo-resultados-visor,
#texto-titulo-indice-visor,
#texto-titulo-memoria-documentos-visor,
#texto-titulo-memoria-actos-visor,
#texto-titulo-desarrollos-actos-visor,
#texto-titulo-modificaciones-normativas-visor,
#texto-titulo-modificaciones-jurisprudenciales-visor,
#texto-titulo-modificaciones-doctrinales-visor,
#texto-titulo-concordancias-visor,
#texto-titulo-notificaciones-actos-visor,
#texto-titulo-actos-tramite-visor {
  margin: 0;
  padding: 0;
}

.grid-contenedor-panel-lista-datos-visor,
.grid-contenedor-panel-lista-desarrollos-actos-visor,
.grid-contenedor-panel-lista-modificaciones-normativas-visor,
.grid-contenedor-panel-lista-concordancias-visor,
.grid-contenedor-panel-lista-notificaciones-actos-visor,
.grid-contenedor-panel-lista-actos-tramite-visor {
  max-height: 75vh;
  overflow: auto;
}

.grid-contenedor-panel-lista-resultados-visor {
  max-height: calc(100vh - 60px - 20px - 28px - 120px - 50px - 20px * 3 - 30px - 20px * 2 - 20px);
  /* 60px altura de boton-cerrar-panel-modal */
  /* 20px margen superior de titulo-panel-busqueda */
  /* 28px altura de titulo-panel-busqueda */
  /* 120px altura máxima aproximada de descripcion-panel-busqueda */
  /* 50px altura de panel-casilla-busqueda-visor */
  /* 20px * 3 grid-gap de grid-contenedor-panel-busqueda */
  /* 30px altura máxima aproximada de titulo-resultados-visor (puede ocupar 2 líneas) */
  /* 20px * 2 padding superior e inferior de titulo-resultados-visor */
  /* 20px margen inferior de panel-resultados-visor */
  overflow: auto;
}

.grid-contenedor-panel-lista-indice-visor {
  max-height: calc(100vh - 60px - 20PX - 28px - 120px - 50px - 20px * 4 - 20px - 20px * 2 - 20px);
  /* 60px altura de boton-cerrar-panel-modal */
  /* 20px margen superior de titulo-panel-indice */
  /* 28px altura de titulo-panel-indice */
  /* 120px altura máxima aproximada de descripcion-panel-indice */
  /* 50px altura de panel-casilla-busqueda-indice-visor (aún si está oculto el panel) */
  /* 50px altura de panel-casilla-busqueda-articulo-visor */
  /* 20px * 4 grid-gap de grid-contenedor-panel-indice */
  /* 20px altura aproximada de texto-titulo-indice-visor */
  /* 20px * 2 padding superior e inferior de texto-titulo-indice-visor */
  /* 20px margen inferior de panel-indice-visor */
  overflow: auto;
  /* The overflow property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area. */
  /* auto - Similar to scroll, but it adds scrollbars only when necessary */
}

@media screen and (min-width: 1580px) {

  .grid-contenedor-panel-lista-datos-visor,
  .grid-contenedor-panel-lista-desarrollos-actos-visor,
  .grid-contenedor-panel-lista-modificaciones-normativas-visor,
  .grid-contenedor-panel-lista-concordancias-visor,
  .grid-contenedor-panel-lista-notificaciones-actos-visor,
  .grid-contenedor-panel-lista-actos-tramite-visor {
    max-height: 1000px;
  }

  .grid-contenedor-panel-lista-resultados-visor {
    max-height: calc(1814px + 30px + 50px - 30px - 28px - 120px - 50px - 20px * 3 - 30px - 20px * 2 - 20px);
    /* 30px margen superior de panel-fondo-documento */
    /* 50px margen inferior de panel-fondo-documento */
    /* 30px margen superior de titulo-panel-busqueda */
    /* 28px altura de titulo-panel-busqueda */
    /* 120px altura máxima aproximada de descripcion-panel-busqueda */
    /* 50px altura de panel-casilla-busqueda-visor */
    /* 20px * 3 grid-gap de grid-contenedor-panel-busqueda */
    /* 30px altura máxima aproximada de titulo-resultados-visor (puede ocupar 2 líneas) */
    /* 20px * 2 padding superior e inferior de texto-titulo-indice-visor */
    /* 20px margen inferior de panel-indice-visor */
  }

  .grid-contenedor-panel-lista-indice-visor {
    max-height: calc(1814px + 30px + 50px - 30px - 28px - 120px - 50px - 20px * 4 - 20px - 20px * 2 - 20px);
    /* 30px margen superior de panel-fondo-documento */
    /* 50px margen inferior de panel-fondo-documento */
    /* 30px margen superior de titulo-panel-indice */
    /* 28px altura de titulo-panel-indice */
    /* 120px altura máxima aproximada de descripcion-panel-indice */
    /* 50px altura de panel-casilla-busqueda-articulo-visor */
    /* [ESTE NO SE RESTA] 50px altura de panel-casilla-busqueda-indice-visor */
    /* 20px * 4 grid-gap de grid-contenedor-panel-indice */
    /* 20px altura aproximada de texto-titulo-indice-visor */
    /* 20px * 2 padding superior e inferior de texto-titulo-indice-visor */
    /* 20px margen inferior de panel-indice-visor */
  }

}

.item-lista-datos-visor,
.item-lista-resultados-visor,
.item-lista-indice-visor,
.item-lista-memoria-documentos-visor,
.item-lista-memoria-actos-visor,
.item-lista-desarrollos-actos-visor,
.item-lista-modificaciones-normativas-visor,
.item-lista-modificaciones-jurisprudenciales-visor,
.item-lista-modificaciones-doctrinales-visor,
.item-lista-concordancias-visor,
.item-lista-notificaciones-actos-visor,
.item-lista-actos-tramite-visor {
  border-bottom: 1px solid var(--bordeGris);
  padding: 20px;
  color: var(--casiNegro);
  font-size: var(--letra14);
  text-align: left;
}

.item-lista-resultados-visor,
.item-lista-indice-visor {
  cursor: pointer;
}

@media screen and (min-width: 1580px) {

  .item-lista-datos-visor,
  .item-lista-resultados-visor,
  .item-lista-indice-visor,
  .item-lista-memoria-documentos-visor,
  .item-lista-memoria-actos-visor,
  .item-lista-desarrollos-actos-visor,
  .item-lista-modificaciones-normativas-visor,
  .item-lista-modificaciones-jurisprudenciales-visor,
  .item-lista-modificaciones-doctrinales-visor,
  .item-lista-concordancias-visor,
  .item-lista-notificaciones-actos-visor,
  .item-lista-actos-tramite-visor {
    font-size: var(--letra16);
  }
}

.item-lista-resultados-visor a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.item-lista-resultados-visor a:hover {
  color: var(--colorLinksHover);
}

.titulo-palabras-clave {
  width: 100%;
  color: var(--colorGrisOscuro);
  font-size: var(--letra16);
  margin-bottom: 20px;
}

.palabras-clave {
  text-align: center;
}

.pc-01 {
  font-size: var(--letra14);
  margin-right: 20px;
}

.pc-02 {
  font-size: var(--letra14);
  margin-right: 20px;
}

.pc-03 {
  font-size: var(--letra18);
  margin-right: 20px;
}

.pc-04 {
  font-size: var(--letra16);
  margin-right: 20px;
}

.pc-05 {
  font-size: var(--letra12);
  margin-right: 20px;
}

.pc-06 {
  font-size: var(--letra22);
  margin-right: 20px;
}

.pc-07 {
  font-size: var(--letra14);
  margin-right: 20px;
}

/* -> panel-datos */


/* panel-busqueda */

.panel-casilla-busqueda-visor {
  height: 50px;
  width: auto;
  margin: 0 20px 0 20px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  .panel-casilla-busqueda-visor {
    margin: 0 30px 0 30px;
  }

}

.input-casilla-busqueda-visor {
  height: auto;
  width: auto;
  border: 1px solid var(--bordeGris);
  border-radius: 4px 0 0 4px;
  background-color: var(--fondoBlanco);
}

#input-casilla-busqueda-visor-field {
  height: 50px;
  width: 100%;
  color: var(--casiNegro);
  font-size: var(--letra16);
  line-height: 19px;
  padding: 0 20px 0 20px;
  border: none;
  border-radius: 4px 0 0 4px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  #input-casilla-busqueda-visor-field {
    font-size: var(--letra18);
  }
}

#input-casilla-busqueda-visor-field:hover {
  border: 1px solid var(--outlineGrisOscuro);
}

#input-casilla-busqueda-visor-field:focus {
  outline: none;
}

.boton-buscar-texto-visor {
  height: 50px;
  width: 50px;
  border: 1px solid #d3d8db; /* var(--bordeGrisClaro) */
  background-color: var(--colorFondoBotonBuscarTexto);
  cursor: pointer;
}

@media screen and (max-width: 375px) {

  .xboton-buscar-texto-visor {
    border-radius: 4px;
    margin-right: 22px;
  }

}

@media screen and (min-width: 768px) {

  .xboton-buscar-texto-visor {
    height: 70px;
    border-radius: 0;
    margin: 0;
  }

}

.boton-buscar-texto-visor:hover {
  border: 1px solid var(--outlineAzulOscuro);
}

.boton-buscar-texto-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-buscar-texto-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.boton-nueva-busqueda-visor {
  height: 50px;
  width: 50px;
  border: 1px solid #d3d8db; /* var(--bordeGrisClaro) */
  border-radius: 0 4px 4px 0;
  background-color: var(--colorFondoBotonNuevaBusqueda);
  cursor: pointer;
}

@media screen and (max-width: 375px) {

  .xboton-nueva-busqueda-visor {
    border-radius: 4px;
    margin-right: 22px;
  }

}

@media screen and (min-width: 768px) {

  .xboton-nueva-busqueda-visor {
    height: 70px;
    border-radius: 0;
    margin: 0;
  }

}

.boton-nueva-busqueda-visor:hover {
  border: 1px solid var(--fondoColorGris);
}

.boton-nueva-busqueda-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-nueva-busqueda-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.ultimo-item {
  border: 0;
}

/* -> panel-busqueda */


/* panel-indice */

.panel-casilla-busqueda-indice-visor {
  display: none; /* Función no activada */
  height: 50px;
  width: auto;
  margin: 0 30px 0 30px;
}

.input-casilla-busqueda-indice-visor {
  height: auto;
  width: auto;
  border: 1px solid var(--bordeGris);
  border-radius: 4px 0 0 4px;
  background-color: var(--fondoBlanco);
}

#input-casilla-busqueda-indice-visor-field {
  height: 50px;
  width: 100%;
  color: var(--casiNegro);
  font-size: var(--letra16);
  line-height: 19px;
  padding: 0 20px 0 20px;
  border: none;
  border-radius: 4px 0 0 4px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  #input-casilla-busqueda-indice-visor-field {
    font-size: var(--letra18);
  }
}

#input-casilla-busqueda-indice-visor-field:hover {
  border: 1px solid var(--outlineGrisOscuro);
}

#input-casilla-busqueda-indice-visor-field:focus {
  outline: none;
}

.boton-buscar-texto-indice-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--bordeGrisClaro);
  background-color: var(--fondoCyan);
  cursor: pointer;
}

@media screen and (max-width: 375px) {

  .xboton-buscar-texto-indice-visor {
    border-radius: 4px;
    margin-right: 22px;
  }

}

@media screen and (min-width: 768px) {

  .xboton-buscar-texto-indice-visor {
    height: 70px;
    border-radius: 0;
    margin: 0;
  }

}

.boton-buscar-texto-indice-visor:hover {
  border: 1px solid var(--outlineGrisOscuro);
}

.boton-buscar-texto-indice-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-buscar-texto-indice-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}


.boton-nueva-busqueda-indice-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--bordeGrisClaro);
  border-radius: 0 4px 4px 0;
  background-color: var(--fondoAzulClaro);
  cursor: pointer;
}

@media screen and (max-width: 375px) {

  .xboton-nueva-busqueda-indice-visor {
    border-radius: 4px;
    margin-right: 22px;
  }

}

@media screen and (min-width: 768px) {

  .xboton-nueva-busqueda-indice-visor {
    height: 70px;
    border-radius: 0;
    margin: 0;
  }

}

.boton-nueva-busqueda-indice-visor:hover {
  border: 1px solid var(--fondoAzulClaro);
}

.boton-nueva-busqueda-indice-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-nueva-busqueda-indice-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.item-lista-indice-visor a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.item-lista-indice-visor a:hover {
  color: var(--colorLinksHover);
}


.panel-casilla-busqueda-articulo-visor {
  height: 50px;
  width: auto;
  margin: 0 30px 0 30px;
}

.input-casilla-busqueda-articulo-visor {
  height: auto;
  width: auto;
  border: 1px solid var(--bordeGris);
  border-radius: 4px 0 0 4px;
  background-color: var(--fondoBlanco);
}

#input-casilla-busqueda-articulo-visor-field {
  height: 50px;
  width: 95%;
  color: var(--casiNegro);
  font-size: var(--letra16);
  line-height: 19px;
  padding: 0 20px 0 20px;
  border: none;
  border-radius: 4px 0 0 4px;
  background-image: url(../images/noun_down_928646_negro.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  outline: 0px;
  border: 0px;
}

@media screen and (min-width: 1580px) { /* Hasta 20200717 estaba en 1200px */

  #input-casilla-busqueda-articulo-visor-field {
    font-size: var(--letra18);
  }
}

.boton-buscar-articulo-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--bordeGrisClaro);
  background-color: var(--colorFondoBotonBuscarTexto);
  cursor: pointer;
}

.boton-buscar-texto-indice-visor:hover {
  border: 1px solid var(--outlineGrisOscuro);
}

.boton-buscar-articulo-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-buscar-articulo-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}


/* -> panel-indice */


/* panel-memoria */

.grid-contenedor-panel-lista-memoria-documentos-visor,
.grid-contenedor-panel-lista-memoria-actos-visor {
  max-height: 500px;
  overflow: auto;
}

.id-memoria {
  margin-bottom: 10px;
}

.id-memoria a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.id-memoria a:hover {
  color: var(--colorLinksHover);
}

.sesion {
  color: var(--destacados);
}

/* -> panel-memoria */


/* panel-desarrollos */

.id-desarrollos {
  margin-bottom: 10px;
}

.id-desarrollos a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.id-desarrollos a:hover {
  color: var(--colorLinksHover);
}

/* -> panel-desarrollos */


/* panel-concordancias */

.year {
  background-color: var(--fondoGrisAzuloso);
}

.year img,
.entidad-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-year-visor,
.contenedor-entidad-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  align-items: center;
  justify-content: flex-start;
}

.texto-year-visor,
.texto-entidad-visor {
  color: var(--casiNegro);
  font-size: var(--letra16);
  font-weight: 600;
  letter-spacing: 0.4px;
  margin-left: 10px;
}

#texto-year-visor,
#texto-entidad-visor {
  margin: 0;
  padding: 0;
}

.id-concordancia {
  color: var(--colorGrisOscuro);
  margin-bottom: 10px;
  cursor: pointer;
}

.id-concordancia:hover {
  color: var(--colorLinksHover);
}

.id-concordancia a { /* Obsoleto */
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.id-concordancia a:hover { /* Obsoleto */
  color: var(--colorLinksHover);
}

/* -> panel-concordancias */


/* panel-modificaciones */

.id-modificacion {
  margin-bottom: 10px;
}

.id-modificacion a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.id-modificacion a:hover {
  color: var(--colorLinksHover);
}

.grid-contenedor-panel-lista-modificaciones-jurisprudenciales-visor,
.grid-contenedor-panel-lista-modificaciones-doctrinales-visor {
  max-height: 500px;
  overflow: auto;
}

/* -> panel-modificaciones */


/* panel-notificaciones */

.id-notificaciones {
  margin-bottom: 10px;
}

.id-notificaciones a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.id-notificaciones a:hover {
  color: var(--colorLinksHover);
}

.fecha-visor {
  color: var(--destacados);
}

.empresa-visor {
  color: var(--destacados);
}

/* -> panel-notificaciones */


/* panel-actos-tramite */

.id-actos-tramite {
  margin-bottom: 10px;
}

.id-actos-tramite a {
  color: var(--colorGrisOscuro);
  text-decoration: none;
}

.id-actos-tramite a:hover {
  color: var(--colorLinksHover);
}

.tipo-visor {
  color: var(--destacados);
}

.descripcion-visor {
  color: var(--destacados);
}

/* -> panel-actos-tramite */