/* ----------------VARIABLES ------------------ */
:root {
  --web-widthBodyMin: 0px;
  --web-widthMin: 0px;
  --web-widthMax: 1115px;
  --zona-superior-height: 45px;
  --webpanelInfo-width: 1890px;
  --zona-superiorpanelInfo-height: 80px; 
  
  --icon-siguiente: '\e873'; 
  --icon-anterior: '\e807';

  /* variables necesarias definidas en los estilos específicos que se pueden sobreescribir */
  --contenedor-radius: 20px;
  --menu-radius: 15px;
  --boton-radius: 10px;
  
  --color_fuente: #555555;
  --color_icono: #333333;
  --color-linea: #668aff; 
  --color-principal: #0066FF;
  --color-fondo: #3D3A3F;
  --color-fondoContenedor: #ffffff;
  --color-fondoContenedorDiv: #ffffff;  
  --color-seleccion: #D3E3FC; /*#A8CBFF; */
  --color-focoClaro: #D3E3FC;
  --color-focoOscuro: #0046BE;
  --color-cajaBorde: #bbbbbb;  
  --color-cajaFondo1: #f7f7f7;
  --color-cajaFondo2: #eaeaea; /* rgba(222, 228, 236, 0.45); */
  --color-cajaFondo3: #dddddd;
  
}

/* --------------- FUENTE --------------- */
@font-face {
  font-family: 'ARCONTEfont';
  src: url('../css/fuentes/ARCONTEfont1810.eot');
  src: url('../css/fuentes/ARCONTEfont1810.eot#iefix') format('embedded-opentype'), 
	url('../css/fuentes/ARCONTEfont1810.woff2') format('woff2'), 
	url('../css/fuentes/ARCONTEfont1810.woff') format('woff'), 
	url('../css/fuentes/ARCONTEfont1810.ttf') format('truetype'), 
	url('../css/fuentes/ARCONTEfont1810.svg#ARCONTEfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fuente";
  src: url('../css/fuentes/GolosText-Regular.ttf') format('truetype'),
	   url('../css/fuentes/GolosText-Regular.woff') format('woff');
}
@font-face{
  font-family: "FuenteBold";
  src: url('../css/fuentes/GolosText-Medium.ttf') format('truetype'),
	   url('../css/fuentes/GolosText-Medium.woff') format('woff');
}
@font-face{
  font-family: "FuenteExtra";
  src: url('../css/fuentes/GolosText-Bold.ttf') format('truetype'),
	   url('../css/fuentes/GolosText-Bold.woff') format('woff');
}

/* ------------- ICONOS BASADOS EN FUENTE ARCONTEfont ---------------------*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "ARCONTEfont";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  line-height: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
	[class^="icon-"]:before,
	[class*=" icon-"]:before {
	  line-height: 1em;
	}
}

.icon-aceptar:before, .icon-correcto:before, .icon-autorizar:before { content: '\e800'; } /* 'î €' */
.icon-agenda:before { content: '\e801'; } /* 'î �' */
.icon-alarma:before { content: '\e802'; } /* 'î ‚' */
.icon-almacenamiento:before { content: '\e803'; } /* 'î ƒ' */
.icon-altavoz:before { content: '\e804'; } /* 'î „' */
.icon-altavozmute:before { content: '\e805'; } /* 'î …' */
.icon-altavozmuteb:before { content: '\e806'; } /* 'î †' */
.icon-anterior:before, .icon-volver:before { content: '\e807'; } /* 'î ‡' */
.icon-anteriordoble:before { content: '\e808'; } /* 'î ˆ' */
.icon-anyadir:before, .icon-alta:before { content: '\e809'; } /* 'î ‰' */
.icon-ascendente:before { content: '\e80a'; } /* 'î Š' */
.icon-atencion:before { content: '\e80b'; } /* 'î ‹' */
.icon-bd:before { content: '\e80c'; } /* '' */
.icon-bdasignar:before { content: '\e80d'; } /* 'î �' */
.icon-bdcopia:before { content: '\e80e'; } /* 'î Ž' */
.icon-bdejecutar:before { content: '\e80f'; } /* 'î �' */
.icon-bloquear:before { content: '\e810'; } /* 'î �' */
.icon-bombilla:before { content: '\e811'; } /* 'î ‘' */
.icon-botiquin:before { content: '\e812'; } /* 'î ’' */
.icon-buscar:before { content: '\e813'; } /* 'î “' */
.icon-caja:before { content: '\e814'; } /* 'î ”' */
.icon-camara:before, .icon-grabarini:before, .icon-srvgra:before { content: '\e815'; } /* 'î •' */
.icon-camaradist:before { content: '\e816'; } /* 'î –' */
.icon-camaramute:before { content: '\e817'; } /* 'î —' */
.icon-cancelar:before, .icon-error:before, .icon-anular:before { content: '\e818'; } /* 'î ˜' */
.icon-carpeta:before { content: '\e819'; } /* 'î ™' */
.icon-carpetaextrae:before { content: '\e81a'; } /* 'î š' */
.icon-carpetaguardar:before { content: '\e81b'; } /* 'î ›' */
.icon-carpetas:before { content: '\e81c'; } /* '' */
.icon-carpetasincro:before { content: '\e81d'; } /* 'î �' */
.icon-catalogo:before { content: '\e81e'; } /* 'î ž' */
.icon-comentario:before { content: '\e81f'; } /* 'î Ÿ' */
.icon-conectaoff:before { content: '\e820'; } /* 'î  ' */
.icon-conectaon:before { content: '\e821'; } /* 'î ¡' */
.icon-conexiones:before { content: '\e822'; } /* 'î  ' */
.icon-configurar:before { content: '\e823'; } /* 'î ¡' */
.icon-contraerabajo:before { content: '\e824'; } /* 'î ¢' */
.icon-contraerarriba:before { content: '\e825'; } /* 'î £' */
.icon-contraerderecha:before { content: '\e826'; } /* 'î ¤' */
.icon-contraerizquierda:before { content: '\e827'; } /* 'î ¥' */
.icon-copiar:before { content: '\e828'; } /* 'î ¨' */
.icon-cortar:before { content: '\e829'; } /* 'î ©' */
.icon-curita:before { content: '\e82a'; } /* 'î ª' */
.icon-desbloquear:before { content: '\e82b'; } /* 'î «' */
.icon-descarga:before { content: '\e82c'; } /* 'î ¬' */
.icon-descendente:before { content: '\e82d'; } /* 'î ­' */
.icon-desconectar:before, .icon-M_GESTIONES_FIN:before { content: '\e82e'; } /* 'î ®' */
.icon-difundir:before { content: '\e82f'; } /* 'î ¯' */
.icon-duplicar:before, .icon-replicar:before { content: '\e830'; } /* 'î °' */
.icon-ejecutar:before { content: '\e831'; } /* 'î ±' */
.icon-eliminar:before, .icon-suspender:before { content: '\e832'; } /* 'î ²' */
.icon-enlazar:before, .icon-liberar:before { content: '\e833'; } /* 'î ³' */
.icon-equipo:before { content: '\e834'; } /* 'î ´' */
.icon-equipoduplicar:before { content: '\e835'; } /* 'î µ' */
.icon-equipomultiple:before { content: '\e836'; } /* 'î ¶' */
.icon-equiposincro:before { content: '\e837'; } /* 'î ·' */
.icon-estadistica:before { content: '\e838'; } /* 'î ¸' */
.icon-estadisticaapilar:before { content: '\e839'; } /* 'î ¹' */
.icon-estadisticaarea:before { content: '\e83a'; } /* 'î º' */
.icon-estadisticabarra:before { content: '\e83b'; } /* 'î »' */
.icon-estadisticadividir:before { content: '\e83c'; } /* 'î ¼' */
.icon-estadisticalinea:before { content: '\e83d'; } /* 'î ½' */
.icon-estrella:before { content: '\e83e'; } /* 'î ¾' */
.icon-exportar:before, .icon-srvtran:before { content: '\e83f'; } /* 'î ¿' */
.icon-favorito:before { content: '\e840'; } /* 'î¡€' */
.icon-fichero:before, .icon-verinforme:before { content: '\e841'; } /* '�' */
.icon-ficheroborrar:before { content: '\e842'; } /* 'î¡‚' */
.icon-ficherosincro:before { content: '\e843'; } /* '' */
.icon-ficheroverificar:before { content: '\e844'; } /* 'î¡„' */
.icon-firma:before { content: '\e845'; } /* 'î¡…' */
.icon-fujitsu:before { content: '\e846'; } /* '' */
.icon-grabar:before { content: '\e847'; color: red;} /* '' */
.icon-guardar:before { content: '\e848'; } /* '' */
.icon-imagen:before { content: '\e849'; } /* '' */
.icon-imprimir:before { content: '\e84a'; } /* 'î¡Š' */
.icon-informacion:before { content: '\e84b'; } /* 'î¡‹' */
.icon-libro:before, .icon-gestion { content: '\e84c'; } /* '' */
.icon-librosincro:before { content: '\e84d'; } /* '�' */
.icon-libroverificar:before { content: '\e84e'; } /* 'î¡Ž' */
.icon-llamada:before { content: '\e84f'; } /* '�' */
.icon-llamadaoff:before, .icon-srvvco:before  { content: '\e850'; } /* '�' */
.icon-llamadaout:before { content: '\e851'; } /* 'î¡‘' */
.icon-localizador:before { content: '\e852'; } /* 'î¡’' */
.icon-lugar:before { content: '\e853'; } /* 'î¡“' */
.icon-mando:before, .icon-srvcre:before { content: '\e854'; } /* 'î¡”' */
.icon-mantenimientooff:before { content: '\e855'; } /* 'î¡•' */
.icon-mantenimientoon:before { content: '\e856'; } /* 'î¡–' */
.icon-marca:before { content: '\e857'; } /* 'î¡—' */
.icon-marcaoff:before { content: '\e858'; } /* '' */
.icon-masinfo2:before { content: '\e859'; } /* 'î¡™' */
.icon-masinfo:before { content: '\e85a'; } /* 'î¡š' */
.icon-maximizar:before { content: '\e85b'; } /* 'î¡›' */
.icon-mensaje:before, .icon-M_GESTIONES_OP3:before { content: '\e85c'; } /* '' */
.icon-mensajeborrar:before { content: '\e85d'; } /* '�' */
.icon-mensajesincro:before { content: '\e85e'; } /* 'î¡ž' */
.icon-mensajeverificar:before { content: '\e85f'; } /* 'î¡Ÿ' */
.icon-microfono:before, .icon-srvmez:before { content: '\e860'; } /* 'î¡ ' */
.icon-microfonodist:before { content: '\e861'; } /* 'î¡¡' */
.icon-microfonomute:before { content: '\e862'; } /* 'î¡¢' */
.icon-minimizar:before { content: '\e863'; } /* 'î¡£' */
.icon-modificar:before { content: '\e864'; } /* '' */
.icon-monitor:before, .icon-salaip:before { content: '\e865'; } /* 'î¡¥' */
.icon-mundo:before { content: '\e866'; } /* '' */
.icon-notas:before { content: '\e867'; } /* '' */
.icon-opciones:before, .icon-mantenimiento:before { content: '\e868'; } /* '' */
.icon-organo:before { content: '\e869'; } /* 'î¡©' */
.icon-papelera:before, .icon-borrar:before, .icon-descartar:before { content: '\e86a'; } /* '' */
.icon-paquete:before { content: '\e86b'; } /* 'î¡«' */
.icon-parar:before { content: '\e86c'; } /* '' */
.icon-paste:before { content: '\e86d'; } /* 'î¡­' */
.icon-pausa:before, .icon-desactivar:before { content: '\e86e'; } /* 'î¡®' */
.icon-play:before, .icon-activar:before { content: '\e86f'; } /* '' */
.icon-portatil:before { content: '\e870'; } /* 'î¡°' */
.icon-pregunta:before, .icon-ayuda:before, .icon-M_GESTIONES_HELP:before, .icon-M_AYUDA:before  { content: '\e871'; } /* '' */
.icon-reloj:before { content: '\e872'; } /* '' */
.icon-siguiente:before { content: '\e873'; } /* '' */
.icon-siguientedoble:before { content: '\e874'; } /* 'î¡´' */
.icon-sincro:before, .icon-actualizar:before  { content: '\e875'; } /* '' */
.icon-sistema:before, .icon-central:before { content: '\e876'; } /* '' */
.icon-subir:before { content: '\e877'; } /* 'î¡·' */
.icon-subtitulo:before { content: '\e878'; } /* '' */
.icon-supervision:before { content: '\e879'; } /* '' */
.icon-tablet:before { content: '\e87a'; } /* '' */
.icon-transferir:before { content: '\e87b'; } /* 'î¡»' */
.icon-usuario:before, .icon-M_GESTIONES_OP2:before { content: '\e87c'; } /* '' */
.icon-usuario2:before { content: '\e87d'; } /* '' */
.icon-usuarioanyadir:before { content: '\e87e'; } /* '' */
.icon-usuarioasignar:before { content: '\e87f'; } /* 'î¡¿' */
.icon-usuariocorrecto:before { content: '\e880'; } /* '' */
.icon-usuariodescarga:before { content: '\e881'; } /* '�' */
.icon-usuarioerror:before { content: '\e882'; } /* '' */
.icon-usuariomultiple:before { content: '\e883'; } /* '' */
.icon-usuariopolicia:before, .icon-srvsup:before { content: '\e884'; } /* '' */
.icon-usuariosincro:before { content: '\e885'; } /* '' */
.icon-usuariosustitucion:before, .icon-M_GESTIONES_OP4:before { content: '\e886'; } /* '' */
.icon-usuariounificar:before, .icon-asignar:before { content: '\e887'; } /* '' */
.icon-validar:before { content: '\e888'; } /* '' */
.icon-ver:before { content: '\e889'; } /* '' */
.icon-video:before { content: '\e88a'; } /* '' */
.icon-videoconferencia:before, .icon-modifconf:before { content: '\e88b'; } /* '' */

/* ------------- ICONO ARCONTE ------------------*/
#logoARC .logoARC_A{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}
#logoARC .logoARC_R{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.45s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.45s both;
}
#logoARC .logoARC_C{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}
#logoARC .logoARC_O{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.55s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.55s both;
}
#logoARC .logoARC_N{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}
#logoARC .logoARC_T{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.65s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.65s both;
}
#logoARC .logoARC_E{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;
}
#logoARC .logoARC_FUJITSU{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.6s both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.6s both;
}
#logoARC .logoARC_ARCO {
  fill: url(#gradient_svg) #FFFFFF;  
  -webkit-animation: fade-in 1.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
          animation: fade-in 1.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}
#logoARC2 .logoARC_ARCO,
#logoARC2_mini .logoARC_ARCO {
  fill: url(#gradientBlanco_svg) #FFFFFF;
}
.logoARC_estiloNegativo{
  fill: white;
  color: #0066FF;
} 
.logoARC_estiloPositivo{
  fill: #444444;
  color: #0066FF; 
  opacity: 1;
} 
.logoARC_estiloBlanco{
  fill: white; 
  color: white;
} 
.logoARC_estiloPanelSup{
  fill: white; 
  color: white;
  opacity: 1;
}
.logoARC_estiloPanelSup_mini{
  fill: white; 
  color: white;
  opacity: 1;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ------------- ICONO LOADER ARCONTE ------------------*/
.loader, .loaderBlanco {
  font-size: 6px;
  --s: 1em;
  width: calc(10*var(--s));
  display: grid;
  aspect-ratio: 1;
  border-radius: 50%;
  -webkit-mask: radial-gradient(50% 50%,#0000 calc(100% - 2*var(--s)),#000 calc(1% - 2*var(--s)));
  animation: spin 1.2s linear infinite;
}
.loaderBlanco {
  font-size: 0.1em;
  margin: 2px 0;
}

.loader:before {
  content: "";
  background: conic-gradient(var(--color-principal) 0%,rgba(255,255,255,0) 90%);
}
.loaderBlanco::before {
  content: "";
  background: conic-gradient(#FFFFFF 0%,rgba(255,255,255,0) 90%);
}

@keyframes spin {
  to {
    transform: rotate(-1turn)
  }
}

/* --------------- PROPIEDADES PRINCIPALES--------------- */
body {
  font-family: "Fuente";
  font-size: 14px;
  background: var(--color-fondo);
  color: var(--color_fuente);
  margin-top: 0;
  overflow-y: scroll;
  overflow-x: auto;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  min-width: var(--web-widthBodyMin);  /*FIJAR ANCHO MINIMO */
}
body::before {    
  content: attr(data-content);
  position: absolute;
  font-size: 5em;
  bottom: 10px;
  left: 20px;
  color: grey;
  opacity: 0.25;
  user-select: none;
}

a, a img {
  text-decoration: none;
  border: none;
}

button{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: none;
  cursor: pointer;
  padding: 0;
  font-size: 1em;
  font-family: "Fuente", Helvetica;
  background: none;
}

.resaltado {
  border-bottom: 2px solid #0F6FFF;
}

.textoEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clear {
    clear: both;
}

form{
  margin: 0;
}

::selection {
  color: #000000;
  background: var(--color-seleccion) !important;
}

.noSeleccionable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

*:focus,
*:focus:not(:focus-visible) {
  outline: none;
}


body:not(.using-mouse) :focus-visible {
    outline-offset: 2px;
    outline: 4px solid #ff6600;
}

/* --------------- TIPOS TEXTOS -------------- */
div.tituloFlotante{
  color: #DDDDDD;
  font-size: 1.2em;
  padding-left: 5px;
  font-family: 'FuenteBold';
}

/* --------------- SEPARADORES --------------- */
div.separacion05px {
  height: 5px;
}
div.separacion15px {
  height: 15px;
}
div.separacion25px {
  height: 25px;
}

/* --------------- LINEA BORDE --------------- */
.lineaBorde {
  border: 1px solid var(--color-linea);
}
.lineaBordeSuperior {
  border-top: 1px solid var(--color-linea); 
}
.lineaBordeInferior {
  border-bottom: 1px solid var(--color-linea); 
}
.lineaBordeIzquierda {
  border-left: 1px solid var(--color-linea); 
}
.lineaBordeDerecha {
  border-right:  1px solid var(--color-linea); 
}

/* --------------- TIPO: fotoUsuario -------------- */
.fotoUsuario_si,
.fotoUsuario_no{
	border: 1px solid var(--color-linea);
	border-radius: var(--boton-radius);
	height:50px; 
	width:50px; 
	overflow: hidden;
}
.fotoUsuario_si{
	background-size: cover; 
	background-position: center;
	/*background-size: contain;*/
}
.fotoUsuario_no .icon-usuario2{
	font-size: 51px; 
	color:#666;
}

/* ---------------COLOR FUENTES--------------- */
.fuente-rojo{
  color: #FC0000 !important;
}
.fuente-negro{
  color: #000000  !important;
}
.fuente-blanco{
  color: #FFFFFF  !important;
}
.fuente-azul{
  color: #0066FF  !important;
}
.fuente-gris{
  color: #dddddd  !important;
  font-size: 1.2em;
}

.pulso {
  animation: pulse-animation 1s infinite;
}
@keyframes pulse-animation {
  0% { opacity: 1; }
  70% { opacity: 0.3; }
  100% { opacity: 1; }
}

/* -------------------FONDOS------------------- */
.fondo-rojo{
  background-color: #FF4444 !important;
  color: #FFFFFF !important;
}
.fondo-azul{
  background: -moz-linear-gradient(60deg, #0066FF 50%, rgba(0,231,239,1) 96%) !important;
  background: -webkit-linear-gradient(60deg, #0066FF 50%, rgba(0,231,239,1) 96%) !important;
  background: linear-gradient(60deg, #0066FF 50%, rgba(0,231,239,1) 96%) !important;
  color: #FFFFFF !important;
}
.fondo-gris{
  background-color: #d8d8d8 !important;
}
.fondo-grisOscuro{
  background-color: #999999 !important;
  color: #FFFFFF !important;
}
.fondo-seleccion{
  background-color: var(--color-seleccion) !important;
}
.fondo-amarillo{
  background-color: #FFFFAA !important;
}
.fondo-verde{
  background-color: #6BB946 !important;
}
.fondo-degradado{
  background: linear-gradient(to bottom, transparent 10%, #E6E6E6 90%);
  border: 1px solid #668aff !important; /* var(--color-linea); */
}
.fondo-rojoGrabando{
  background-color: #FF4444;
  color: #FFFFFF !important;
  animation: grabando 2s ease-in-out infinite;
}
@-webkit-keyframes grabando {
  0% { background-color:  #ff6060; }
  80% { background-color:  #ff2c2c; }
  100% { background-color:  #ff6060; }
}
.fondo-panelinfo_cabecera{
  background-color: #999999 !important;
  color: #FFFFFF !important;
}


/* --------------- PANELES Y ETIQUETAS --------------- */
/* colores etiquetas: blanca, naranja, naranjaclaro, roja, rojooscuro, azul, gris, verde*/
.etiqueta_blanca {
  color: #555555;  /* var(--color_fuente);*/
  background-color: #FFFFFF !important;
}
.etiqueta_naranja, .etiqueta_estadoNoCatalogado, .intervaloReserva_nuevo {
  color: #FFFFFF;
  background-color: #FF7400 !important;
}
.etiqueta_naranjaClaro, .intervaloReserva_cambiar {
  color: #FFFFFF;
  background-color: #FFC291 !important;
}
.etiqueta_roja, .etiqueta_notificacion {
  color: #FFFFFF;
  background-color: #FF0000 !important;
}
.etiqueta_rojoOscuro, .etiqueta_estadoNoDisponible {
  color: #FFFFFF;
  background-color: #aa0000 !important;
}
.etiqueta_azul {
  color: #FFFFFF;
  background-color: #0066FF !important;
 }
.etiqueta_gris, .intervaloReserva_libre {
  color: #555555; /*var(--color_fuente);*/
  background-color: #DDDDDD !important;
}
.etiqueta_estadoNoAccesible, .intervaloReserva_ocupado {
  color: #FFFFFF !important;
  background-color: #999999 !important;
}
.etiqueta_verde {
  color: #FFFFFF;
  background-color: #6BB946 !important;
}

/* estilos según nombre */
.etiqueta_blanca, .etiqueta_naranja, .etiqueta_naranjaClaro,
.etiqueta_roja, .etiqueta_rojoOscuro, .etiqueta_azul,
.etiqueta_gris, .etiqueta_verde {
  border-radius: var(--menu-radius);;
  padding: 2px 10px;
  margin: 2px;
 
}

.intervaloReserva_libre,
.intervaloReserva_ocupado,
.intervaloReserva_nuevo,
.intervaloReserva_cambiar {
  height:15px;
  border: 0; 
  padding: 0; 
  margin-right: 1px; 
  float: left;
  border-radius: 3px;
}

.etiqueta_estadoNoAccesible,
.etiqueta_estadoNoDisponible,
.etiqueta_estadoNoCatalogado
 {
  overflow: hidden;
  padding: 4px 8px 3px;
  margin: 8px;
  border-radius: var(--contenedor-radius);
  width: fit-content;
}

.etiqueta_notificacion {
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 6px;
  border-radius: var(--contenedor-radius);
  line-height: 1.5em;  
  height: fit-content;
}

#bloquePaginas .etiqueta_gris,
#bloquePaginas .etiqueta_azul{
  border-radius: 6px;
  padding: 0 8px;
}

#bloquePaginas .etiqueta_gris:hover,
#bloquePaginas .etiqueta_gris:focus{
  box-shadow: 0px 0px 0px 2px var(--color-focoClaro);
  background-color: #999999 !important;
  color: #FFFFFF !important;
  
}

.etiqueta_ultimoAceso{
	display: flex;
	justify-content: flex-end; 
	margin: -15px 20px;
}
.etiqueta_ultimoAceso div{
	padding: 7px 15px; 
	border-radius: 0 0 20px 20px; 
	font-size: 0.9em; 
	background-color: rgba(255,255,255,0.1); 
	color: #cccccc;
}

/* ---------------- LINEAS DE CONTENIDOS (registros filas de un listado) ------------------ */
.zona-lineadatos{
  padding-left: 30px;
  padding-right: 30px;
  align-items: center;
}
.zona-lineadatos.mostrarDetalle{
  cursor: pointer;
}
.zona-lineadatos:hover,
.zona-lineadatos:focus{
  background-color: var(--color-seleccion);
}

/* ----------------CONTENEDOR: zona-contenedorPanel - contenedorPanel ------------------ */
.zona-contenedorPanel, .contenedorPanel {
  margin-bottom: 15px;
  border-radius: var(--contenedor-radius);
  overflow: hidden;
  background: var(--color-fondoContenedor);
}
.zona-contenedorPanel> div, .contenedorPanel{
  position: relative;
  overflow: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  background: var(--color-fondoContenedorDiv);
  border-bottom: 1px solid var(--color-linea);
  overflow-x: hidden;
}
.zona-contenedorPanel > div:first-child:not(:only-child){
  
}
.zona-contenedorPanel > div:last-child:not(:only-child){
	border-bottom: 0;
}
.zona-contenedorPanel > div:only-child, .contenedorPanel {
  border-bottom: 0;
}

.zona-contenedorPanel >div .capaDeshabilitarPanel, 
.contenedorPanel .capaDeshabilitarPanel {
	position: absolute; 
	height: 100%; 
	width: 100%; 
	background-color: rgba(255, 255, 255, 0.7); 
	top: 0; 
	left: 0; 
	z-index: 20;
	text-align: center;
}

/* ----------------ZONA > CABECERA (FLEX)------------------ */
.zona-cabecera, .zona-cabecera-evento{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 0px 30px;
  color: #000000;
  background-color: revert !important;
}
.zona-contenedorPanel > div > .zona-cabecera{
  padding-bottom: 15px;
}

/*
.zona-cabecera > div:not(:first-child){
  display: flex;
}
*/

.zona-cabecera-evento{
  padding: 3px 10px 3px 30px;
}

.zona-cabecera > div:nth-child(3),
.zona-cabecera-evento > div:nth-child(3){
  display: flex;
}

/* ----------------- ZONA > PIE (FLEX)----------------------- */
.zona-pie, .zona-pieV{
  display: flex; 
  justify-content: flex-end; 
  align-items: center;
  padding: 0 15px;	
  gap: 5px;
  background-color: revert !important;
}
.zona-pieV{
  flex-direction: column;
}

/* ----------------- Drop Box ------------------------*/
.drop-area{
	border: 2px dashed var(--color-linea);
	border-radius: var(--contenedor-radius); 
	text-align: center; 
	padding: 20px; 
	margin: 20px 0;
}
.drop-info{
	min-height: 100px;
	display: flex;
  flex-direction: column;
}

.file-drop-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 15px;
	height: fit-content;
}

/* ---------------- ZONA > TEXTO ------------------ */
.zona-texto,
.zona-textoFlex,
.zona-textoFlex_60_40,
.zona-textoFlex_10_90{
  margin: 0 20px 0px 50px;
}
.zona-textoFlex,
.zona-textoFlex_60_40,
.zona-textoFlex_10_90{
  display: flex;
  gap: 15px;
}
.zona-textoFlex > div:nth-child(1){
  flex-basis: 50%;
}
.zona-textoFlex > div:nth-child(2){
  flex-basis: 50%;
}
.zona-textoFlex_60_40 > div:nth-child(1){
  flex-basis: 60%;
}
.zona-textoFlex_60_40 > div:nth-child(2){
  flex-basis: 40%;
}
.zona-textoFlex_10_90 > div:nth-child(1){
  flex-basis: 10%;
}
.zona-textoFlex_10_90 > div:nth-child(2){
  flex-basis: 90%;
}

/* ---------------- ZONA > CONTENEDORDATOS ------------------ */
.zona-contenedordatos{
  background-color: #f1f1f1; 
  border-radius: var(--contenedor-radius); 
  padding: 10px; 
  flex-grow: 1;
}

/* ---------------- ZONA > CONTENEDOROPCION ------------------ */
.zona-contenedorOpcion {
  margin: 15px 15px 0px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: all 0.4s;
  user-select: none;
}
.zona-contenedorOpcion.contenedorForzar1Fila > div,
.zona-contenedorOpcion.contenedorForzar1Fila > button{
  width: 0;
}
.zona-contenedorOpcion > div,
.zona-contenedorOpcion > button{
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  background: linear-gradient(to bottom, transparent 10%, #E6E6E6 90%);
  border: 1px solid var(--color-linea);
  border-radius: var(--menu-radius);
  margin: 0px 10px 10px 10px;
  padding: 10px;
}
.zona-contenedorOpcion > div.contedorOpcionVertical,
.zona-contenedorOpcion > button.contedorOpcionVertical{
  flex-direction: column;
}
.zona-contenedorOpcion > div div:nth-of-type(1),
.zona-contenedorOpcion > button div:nth-of-type(1) {
  margin: auto;
  display: inline-table;
}
.zona-contenedorOpcion > div div:nth-of-type(2),
.zona-contenedorOpcion > button div:nth-of-type(2) {
  font-family: "FuenteBold";
  margin: auto;
  text-align: center;
  width: 100%;
  padding-top: 6px;
}
.zona-contenedorOpcion > div div:nth-of-type(3),
.zona-contenedorOpcion > button div:nth-of-type(3) {
  position: absolute;
  top: -8px;
  right: -8px;
  border-radius: var(--contenedor-radius);
  color: #FFFFFF;
  background-color: #FF0000;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 6px;
  line-height: 1.5em;
}
.zona-contenedorOpcion > div div:nth-of-type(4),
.zona-contenedorOpcion > button div:nth-of-type(4) {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
  border-radius: var(--contenedor-radius);
}
.zona-contenedorOpcion > div:not(.disabled):hover,
.zona-contenedorOpcion > div:not(.disabled):focus,
.zona-contenedorOpcion > button:not(.disabled):hover,
.zona-contenedorOpcion > button:not(.disabled):focus {
  background: linear-gradient(to bottom, #FFFFFF 10%, #F6F6F6 90%);
  cursor: pointer;
  color: var(--color-principal);
  box-shadow: 0px 0px 0px 2px var(--color-focoClaro);
}
.zona-contenedorOpcion > div.selected,
.zona-contenedorOpcion > button.selected {
  border: 2px solid var(--color-principal);
}
.zona-contenedorOpcion > div.disabled,
.zona-contenedorOpcion > button.disabled {
  pointer-events: none;
  border: 1px solid #ADADAD;
}
.zona-contenedorOpcion > div.disabled div:nth-child(1),
.zona-contenedorOpcion > button.disabled div:nth-child(1) {
  border-color: #ADADAD;
  color: #ADADAD;
}
.zona-contenedorOpcion > div.disabled div:nth-child(3),
.zona-contenedorOpcion > button.disabled div:nth-child(3) {
  display: none;
}
.zona-contenedorOpcion > div.disabled div:nth-child(4),
.zona-contenedorOpcion > button.disabled div:nth-child(4) {
  pointer-events: none;
}

/* --------------- ZONA > ZONACAJA -------------------- */
.zona-contenedorPanel.zonaCaja{
	cursor:pointer; 
	width:260px; 
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
	margin-bottom: 0px;
}

.zonaCaja>div:first-child{
	padding: 8px 0;
}
.zonaCaja>div:not(:first-child){
	padding: 0;
}

.zonaCaja>div.zonaCaja_texto{
	text-align:justify; 
	font-size: 0.85em; 
	padding:10px 12px !important; 
	height:55px; 
	overflow: hidden;
}
img.fotoUsuario{
	margin:5px; 
	height:35px; 
	width:35px; 
	object-fit: cover; 
	-webkit-border-radius: var(--menu-radius); 
	border-radius: var(--menu-radius);
}


/* --------------- COMPONENTE ARC_textoValor --------------- */
.ARC_textoValor{
  display: flex;
  align-items: center;
  padding: 3px 10px;
}

.ARC_textoValor>label{
  color: var(--color_fuente);
  text-decoration: none;
  margin-right: 6px;
  text-align: right;
  width: 200px;
  overflow: hidden; 
  overflow-wrap: break-word;
}

.ARC_textoValor input{
  font-family: "FuenteBold";
  color: #000000;
  margin-right: 4px;
}

.ARC_textoValor div.valorT0, div.valorT0{
  text-decoration: none;
  margin: 0 10px;
}
.ARC_textoValor div.valorT1, div.valorT1,
.ARC_textoValor div.valorT2, div.valorT2,
.ARC_textoValor div.valorT3, div.valorT3{
  font-family: "FuenteBold";
  color: #000000;
  text-decoration: none;
  margin: 0 2px;
}
.ARC_textoValor div.valorT1.disabled, div.valorT1.disabled{
  opacity: 0.3;
}

.ARC_textoValor div.valorT2, div.valorT2,
.ARC_textoValor div.valorT3, div.valorT3{
  background-color: #E2E2E2;
  padding: 3px 6px;
  border-radius: 8px;
  align-items: center;
  display: flex;
  overflow-wrap: anywhere;
  min-height: 16px;
}
.ARC_textoValor div.valorT3, div.valorT3{
	line-height: 1.3em; 
	font-family: revert; 
	padding: 8px;
}

.ARC_textoValor div.valorT2 div.tituloFlotante,
.ARC_textoValor div.valorT1 div.tituloFlotante{
  opacity: 0;
  height: 0px;
  position: absolute;
  -webkit-transform: translate3d(0px, -1.2em, 0);
  transform: translate3d(0px, -1.2em, 0);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}
.ARC_textoValor div.valorT2:hover div.tituloFlotante{
  opacity: 1;
  -webkit-transform: translate3d(0, -1.65em, 0);
  transform: translate3d(0, -1.65em, 0);
}
.ARC_textoValor div.valorT1:hover div.tituloFlotante{
  opacity: 1;
  -webkit-transform: translate3d(0, -1em, 0);
  transform: translate3d(0, -1em, 0);
}

/* --------------- COMPONENTE: Check -------- */
input[type="checkbox"].ARC_check {
  display: none;
}
input[type="checkbox"].ARC_check + label {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  height: 16px;
  background-color: #E0E0E0;
  border-radius: 13px;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.5s ease-out;
}
input[type="checkbox"].ARC_check + label::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}
input[type="checkbox"].ARC_check:checked + label {
  background-color: var(--color-principal);
}
input[type="checkbox"].ARC_check:checked + label::before {
  transform: translateX(12px);
}
input[type="checkbox"].ARC_check:not(:disabled) + label:hover,
input[type="checkbox"].ARC_check:not(:disabled) + label:focus {
  background-color: #c5c5c5;
  box-shadow: 0px 0px 0px 2px var(--color-focoClaro);
}
input[type="checkbox"].ARC_check:not(:disabled):checked + label:hover,
input[type="checkbox"].ARC_check:not(:disabled):checked + label:focus {
  background-color: var(--color-focoOscuro);
}
input[type="checkbox"].ARC_check:disabled + label{
  opacity: 0.4;
  pointer-events: none;
}

/* ---------------- COMPONENTE: TEXTO OPCION (LINK) -------------------- */
.textoOpcion, .textoOpcion1, .textoOpcion2 {
  cursor: pointer;
  margin: 2px;
  padding: 4px;
  font-family: "FuenteBold";
  transition: all 0.4s;
  color: var(--color_fuente);
}
label.textoOpcion{
  display: inline-block;
  line-height: 1;
}
.textoOpcion1 {
  font-size: 1.2em;
  color: var(--color-principal);
}
.textoOpcion2{
  color: var(--color-principal);
}
.textoOpcion:hover, .textoOpcion1:hover, .textoOpcion2:hover,
.textoOpcion:focus, .textoOpcion1:focus, .textoOpcion2:focus  {
  background-color: var(--color-focoClaro);
  border-radius: var(--boton-radius);
  -moz-border-radius: var(--boton-radius);
  -webkit-border-radius: var(--boton-radius);
}
.textoOpcion::before, .textoOpcion1::before {
  font-family: "ARCONTEfont";
  content: var(--icon-siguiente);
  font-size: 12px;
  width: 12px;
  height: 12px;
  color: #FFFFFF;
  background-color: var(--color-principal);
  border-radius : 30%;
  place-items: center center;
  overflow: hidden;
  margin-right: 6px;
}
.textoOpcion1::before {
  margin-top: 3px;
}


/* --------------- COMPONENTE: Botones -------- */
.ARC_botonIcoText, .ARC_botonIcoText_rojo, .ARC_botonMiniText {
  border-radius: var(--boton-radius);
  -moz-border-radius: var(--boton-radius);
  -webkit-border-radius: var(--boton-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-style: none;
  cursor: pointer;
  float: left;
  display: flex;
  align-items: center;
}

.ARC_botonIcoText, .ARC_botonIcoText_rojo {
  color: #FFFFFF;
  background-color: var(--color-principal);
  height: 26px;
  transition: all 100ms;
}
.ARC_botonIcoText:not(.disabled):hover, .ARC_botonIcoText:not(.disabled):focus {
  background-color: var(--color-focoOscuro);
  box-shadow: 0px 0px 0px 2px var(--color-focoClaro);
}

.ARC_botonIcoText_rojo {
  background: #FF0000;
  }
.ARC_botonIcoText_rojo:not(.disabled):hover, .ARC_botonIcoText_rojo:not(.disabled):focus {
  background: #b00000;
}

.ARC_botonIcoText.disabled, .ARC_botonIcoText_rojo.disabled, .ARC_botonMiniText.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.ARC_botonIcoText>.ico, .ARC_botonIcoText_rojo>.ico {
  margin: 2px;
  font-size: 22px;
  width: 22px;
  height: 22px;
  margin-left: 0.2em;
  overflow: hidden;
}
.ARC_botonIcoText>.text, .ARC_botonIcoText_rojo>.text {
  padding: 0 0.8em;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  flex-grow: 1;
}
.ARC_botonIcoText>.marca {
  position: relative;
  height: 15px; 
  width: 15px; 
  background: red; 
  border-radius: 100px; 
  top: -12px; 
  left: 6px;
  display: none;
}


.ARC_botonMiniText {
  color: #333333; /* var(--color_icono); */
  height: 14px;
  font-size: 10px;
  border: 1px solid var(--color-principal);
  text-align: center;
  display: block;
  /*line-height: 1.4;*/
  padding: 0em 1.1em;
  white-space: nowrap;
  background-color: #FFFFFF; 
  margin: 0;
}
.ARC_botonMiniText:not(.disabled):hover, .ARC_botonMiniText:not(.disabled):focus {
  color: #FFFFFF;
  background: var(--color-focoOscuro);
  box-shadow: 0px 0px 0px 2px var(--color-focoClaro);
}

/* ---------------- COMPONENTE: Dialogo ---------- */
.ARC_dialogo{
  background:rgba(0, 0, 0, 0.4);
  z-index: 30 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  animation: AniMostrarDialogo .5s ease-in-out;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

@keyframes AniMostrarDialogo {
  0% {
    display: flex;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ARC_dialogo > div{
  border-radius: var(--contenedor-radius);
  overflow: hidden;
  max-width: 400px;
  min-width: 360px;
  margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.ARC_dialogo > div > div{
  padding: 15px 15px;
  border: none;
  position: relative;
  overflow: auto;
  background-color: #FFFFFF;
  overflow-x: hidden;
}

.ARC_dialogo > div > div:first-child:not(:only-child){
  background-color: var(--color-principal) !important;
  background: -moz-linear-gradient(60deg, #0066FF 50%, rgba(0,231,239,1) 96%);
  background: -webkit-linear-gradient(60deg, #0066FF 50%, rgba(0,231,239,1) 96%);
  background: linear-gradient(60deg, #0066FF 50%, rgba(0,231,239,1) 96%);
  color: #FFFFFF !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:  1.4em;
}
.ARC_dialogo > div > div:nth-child(2){
  min-height: 60px;
}
.ARC_dialogo > div > div:nth-child(3){
  background-color: white;
  padding-top: 5px;
  display: flex;
  justify-content: right;
}

/* ------------- contenedor de Filtros con componente textoValor (label+icono marcador+input/fecha/hora) ---------------------*/
.elementoFiltro_textoValor {
	border-radius: 10px;
	margin: 2px;
	padding: 3px 3px;
	transition: all 300ms ease;
}
.elementoFiltro_textoValor.activo {
	background-color: #e4eefd;
}
.elementoFiltro_textoValor.activo label {
	color: #0066ff
}
.elementoFiltro_textoValor .elementoFiltro_textoValor_marcador{
	cursor: pointer;
	transition: opacity 300ms ease;
	color: #0066FF;
	border-radius: 25%;
	display: none;
}
.elementoFiltro_textoValor.activo .elementoFiltro_textoValor_marcador {
	display: block;
}

/* ------------- ESTILOS PANEL TRANSCRIPCION ---------------------*/
div.tr_bloque {
  padding: 5px 15px;
  display: flex;
  gap: 5px;

}
div.tr_bloque_activo > .tr_tiempo {
  background-color: var(--color-principal);
  color: white;
}
div.tr_tiempo {
  background-color: #eaeaea; /*var(--color-cajaFondo2);*/
  border-radius: var(--contenedor-radius); 
  padding: 3px 10px;
  width: 60px;
  height: fit-content;
  text-align: center;
}
div.tr_tiempo:hover {
  cursor: pointer;
  color: black;
}
div.tr_texto {
  padding: 5px 7px;
}
span.tr_subtexto:hover {
  background-color: #BBD6FF;
  cursor: pointer;
}
.resaltadoTrc {
  background-color: #ffbd14;
  border-radius: var(--contenedor-radius);
  -moz-border-radius: var(--contenedor-radius);
  -webkit-border-radius: var(--contenedor-radius);
  padding: 1px 5px;
}
.SPK1, .SPK2, .SPK3, .SPK4, .SPK5,
.SPK6, .SPK7, .SPK8, .SPK9, .SPK10,
.SPEAKER_01, .SPEAKER_02, .SPEAKER_03, .SPEAKER_04, .SPEAKER_05,
.SPEAKER_06, .SPEAKER_07, .SPEAKER_08, .SPEAKER_09, .SPEAKER_00 {
  color: white;
  padding: 2px 2px 0px 2px;
  margin-right: 5px;
  font-weight: bold;
  border-radius: 3px;
}
.SPK1, .SPEAKER_01{
  background-color: #eccdb3;
}
.SPK2, .SPEAKER_02 {
  background-color: #b5c9e7;
}
.SPK3, .SPEAKER_03 {
  background-color: #daccec;
}
.SPK4, .SPEAKER_04 {
  background-color: #b9d6b4;
}
.SPK5, .SPEAKER_05 {
  background-color: #9fe6dd;
}
.SPK6, .SPEAKER_06 {
  background-color: #9fe6dd;
}
.SPK7, .SPEAKER_07 {
  background-color: #9fe6dd;
}
.SPK8, .SPEAKER_08 {
  background-color: #9fe6dd;
}
.SPK9, .SPEAKER_09 {
  background-color: #9fe6dd;
}
.SPK10, .SPEAKER_00 {
  background-color: #9fe6dd;
}


/* --------------- PANEL INFORMATIVO (MSGINF) -----------------------*/
#scroll-container {
	overflow: hidden;
	position: absolute;
  bottom: 0;
  background: var(--color-fondo);
  color: white;
  left: 0;
  right: 0;
  font-size: 3em;
  font-family: "FuenteBold";
}

#scroll-text {
 white-space: nowrap;
 padding-bottom: 0.4em;	
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
  -moz-animation: my-animation 15s linear infinite;
  -webkit-animation: my-animation 15s linear infinite;
  animation: my-animation 15s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}


/* --------------- CSS AYUDA --------------- */
@media print {
  div.printable-fijo {
      position: absolute !important;
    }
    div.printable-oculto {
      visibility: hidden !important;
    }
    body.ayuda{
      background: none !important;
    min-width: auto;
    }
    div.zona-contenedorPanel{
      page-break-before: always;
    }
    div.container{
    min-width: 1000px !important;
    max-width: 1000px !important;
    padding: 0;
    }
  }
body.ayuda {
  background-color: #f2f2f2;
  font-family: "Fuente", Helvetica;
  font-size: 16px;
}
.parrafo {
  padding-bottom: 15px;
  font-size: 1.4em;
}
.parrafo img{
  width: 100%;
  padding-top: 15px;
}
.parrafoImagen {
  padding-top: 5px;
  padding-bottom: 10px;
}
body.ayuda div.contenedorPanel,
body.ayuda div div.contenedorPanel,
body.ayuda div div div.contenedorPanel,
body.ayuda div div div div.contenedorPanel,
body.ayuda div.zona-contenedorPanel,
body.ayuda div div.zona-contenedorPanel,
body.ayuda div div div.zona-contenedorPanel {
  border: 1px solid var(--color-linea); 
}
  
body.ayuda div div div.zona-superior{
}

body.ayuda div.zona-cabecera div:nth-child(2){
  display: flex;
}

/* ------------- MEDIAQUERYS ------------------*/
.dispositivoMini_siVisible{
	display: none;
}


@media screen and (max-width: 768px){
	.zona-superior-logo a #logoARCONTE,
	.zona-superior-logo #logoARCONTE{
		display: none !important;
	}
	.zona-superior-logo a #logoARCONTE_mini,
	.zona-superior-logo #logoARCONTE_mini{
		display: block !important;
	}
}

@media screen and (max-width: 650px){
	body, body.ayuda {
	  font-size: 13px !important;
	}
	.dispositivoMini_noVisible{
		display: none !important;
	}
	.dispositivoMini_siVisible{
		display: block !important;;
	}
	.flexH{
		flex-direction: column;
	}
	
	/*--mensajes--*/
	.contenedorMensaje .contenedorMensaje-icono {
		margin: 20px 30px;
	}
	.ARC_ico100 {
		font-size: 50px;
		width: 50px;
		height: 50px;
	}
	
	/*--ARC_textoValor--*/
	.ARC_textoValor>label{
		width: 100px;
	}
	
	/*--zona--*/	
	.zona-texto,
	.zona-textoFlex{
		margin: 0 20px 0px 20px;
	}
	
	.zona-textoFlex{
	  flex-direction: column;
	  gap: 10px;
	}
	
	.zona-lineadatos{
	  padding-left: 15px;
	  padding-right: 15px;
	}

	.zona-lineadatos.flexH{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: start;
		gap: 0;
	}
	.fondo-gris .zona-lineadatos.flexH{
		padding: 5px 10px;
		border-bottom: 1px solid #bbbbbb;
	}
	
	.zona-cabecera > div:not(:first-child) {
	  flex-direction: column;
	}
	
	/*--componentes--*/
	.ARC_seleccion label {
	  min-width: 0 !important;
	}	

	/*--ayuda--*/
	.parrafo img{
	  width: 100%;
	}
}

/* -------------------- CORRECCIONES Firefox 3 ------------------*/
html>/**/body .ARC_botonIcoText #text, .ARC_botonIcoText_rojo #text, x:-moz-any-link, x:default {
	padding: 0.46em 2em 0 1em;
}

html>/**/body .flexH>div, .contenedorListaParticipantes>div, x:-moz-any-link, x:default {
	margin-right: 10px;
}
html>/**/body .menu-nivel1>li, x:-moz-any-link, x:default {
	margin-right: 5px;
}

html>/**/body .menu-nivelFlotante li a>span, x:-moz-any-link, x:default {
	margin-right: 8px;
}

html>/**/body .etiqueta_notificacion, x:-moz-any-link, x:default {
	height: 18px;
}
html>/**/body .zona-superior ul li a .menu-bandera, x:-moz-any-link, x:default {
	margin:0px 2px; 
}
html>/**/body .ARC_dialogo, x:-moz-any-link, x:default {
    align-items: flex-start ;
    justify-content: flex-start;
    padding: 30px;
}

#XpressID-iframe{
	border-width: 0px !important;
}

/* --------------- COMPONENTE: �rbol -------- */
.tree{
  padding: 1em 0;
}

.tree #arbol{
  margin: 0;
}
.tree ul{
  padding-left: 0;
  margin-inline-start: 2em;
  list-style-type: none;
  overflow: hidden;
  transition: all 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.tree ul.display-none{
  opacity: 0;
  height: 0;
}

.tree .spaceTree {
  display: flex;
  align-items: center;
	margin-top: 5px;
}

.tree .spaceTree .icoExpand{
  font-size: 1em;
  width: 1.2em;
  color: black;
}
.tree .spaceTree .icoExpand.icon-anyadir,
.tree .spaceTree .icoExpand.icon-eliminar{
  cursor: pointer;
}
.tree .spaceTree .icoElemento{
  font-size: 1.5em;
  padding: 0 2px;
  position: relative;
}
.tree .spaceTree .icoElemento::after{
  content: "";
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.tree .spaceTree .icoElemento.estadoVerde::after {
  opacity: 1;
  background-color: #00c100;
}
.tree .spaceTree .icoElemento.estadoRojo::after {
  opacity: 1;
  background-color: red;
}
.tree .spaceTree .icoElemento.estadoAmarillo::after {
  opacity: 1;
  background-color: #ffc500;
}

.tree .spaceTree a{
  padding: 2px 8px;
  font-family: "FuenteBold";
  color: var(--color-principal);
  border-radius: var(--boton-radius);
  width: -webkit-fill-available;
  transition: all 0.4s;
}
.tree .spaceTree a:hover{
  background-color: var(--color-focoClaro); 
}