/*Angélica Mejía*/
.destinatario{
	color:#60F;
	font-weight: bold;
	}
	
.marcoDos{
	height:auto;
	margin-top: 6px;
	}
.tipoEtiqueta{
	background:#0FF;
	float:right;
	margin-left:25px;
	margin-right:10px;
	}
.agrupar {
	background-image: url(IconosBuzon/andNa.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}
.agrupar2 {
	background-image: url(IconosBuzon/andAz.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}
	
.de {
	background-image: url(IconosBuzon/recibidoAz.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}	
.si {
	background-image: url(IconosBuzon/notIntRecAz.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}
	.ss {
	background-image: url(IconosBuzon/notIntEnvAz.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}	
.s {
	background-image: url(IconosBuzon/notIntRecAz.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}	
.se {
	background-image: url(IconosBuzon/respAz.png);
	width:16px;
	height:16px;
	float:right;
	margin-left:10px;
	margin-right:15px;
	}		
	
.descargarArchivo{
	background-image: var(--desArcAz);
	width:16px;
	height:16px;
	border:none;
	}

.verArchivo{
	background-image: var(--verArcNa);
	width:16px;
	height:16px;
	border:none;

	}
.accionRealizada{
	background-image: var(--EnviadoAz);
	width:16px;
	height:16px;
	float:right;
}
.semaforoNeutro {
	font-weight: bold;
	}

.semaforoRojo {
	background-color: var(--Rojo-bg-color);
		font-weight: bold;
		color:#FFF;

	}
.semaforoAmarillo {
	background-color: var(--Amarillo-bg-color);
		font-weight: bold;

	}		
:root{
	--Rojo-bg-color: #FC383E;
	--Amarillo-bg-color: #FFFF4A;
	--ActAz: url(IconosBuzon/actAz.png);
	--ActNa: url(IconosBuzon/actNa.png);
	--AgrupAz: url(IconosBuzon/andAz.png);
	--AgrupNa: url(IconosBuzon/andNa.png);
	--desArcAz: url(IconosBuzon/desArcAz.png);
	--desArcNa: url(IconosBuzon/desArcNa.png);
	--EnviadoAz: url(IconosBuzon/enviadoAz.png);
	--EnviadoNa: url(IconosBuzon/enviadoNa.png);
	--iEEnvAz: url(IconosBuzon/iEEnvAz.png);
	--iEEnvNa: url(IconosBuzon/iEEnvNa.png);
	--iERecAz: url(IconosBuzon/iERecAz.png);
	--iERecNa: url(IconosBuzon/iERecNa.png);
	--notIntEnvAz: url(IconosBuzon/notIntEnvAz.png);
	--notIntEnvNa: url(IconosBuzon/notIntEnvNa.png);
	--notIntRecAz: url(IconosBuzon/notIntRecAz.png);
	--notIntRecNa: url(IconosBuzon/notIntRecNa.png);
	--RecibidoAz: url(IconosBuzon/recibidoAz.png);
	--RecibidoNa: url(IconosBuzon/recibidoNa.png);
	--respAz: url(IconosBuzon/respAz.png);
	--respNa: url(IconosBuzon/respNa.png);
	--serAz: url(IconosBuzon/serAz.png);
	--serNa: url(IconosBuzon/serNa.png);
	--subSerAz: url(IconosBuzon/subSerAz.png);
	--subSerNa: url(IconosBuzon/subSerNa.png);
	--tipDocAz: url(IconosBuzon/tipDocAz.png);
	--tipDocNa: url(IconosBuzon/tipDocNa.png);
	--verArcAz: url(IconosBuzon/verArcAz.png);
	--verArcNa: url(IconosBuzon/verArcNa.png);
	--verInfAz: url(IconosBuzon/verInfAz.png);
	--verInfNa: url(IconosBuzon/verInfNa.png);
	--xAz: url(IconosBuzon/xAz.png);
	--xNa: url(IconosBuzon/xNa.png);
	}

.responder{
	background-image:url(IconosBuzon/respAz.png);
	width:16px;
	height:16px;
	border:none;
	}
	
.responder:hover {
	background-image:url(IconosBuzon/respAz.png);
}

.responder:active {
  background-image:url(IconosBuzon/respNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.actualizar {
	background-image:url(IconosBuzon/magnifier.png);
	background-repeat: no-repeat;
	width:15px;
	height:14px;
	border:none;
	/*margin-left:10px;*/
	}
	
.actualizar:active {
  background-image:url(IconosBuzon/magnifier.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.restoMensaje {
  border-top-color: #CC0000;
  border-right-color: blue;
  border-bottom-color: #00FF00;
  border-left-color: #CCC;
}
.tipoDetalleDocumento{
	background-image: url(IconosBuzon/subSerAz.png);
	width:16px;
	height:16px;
	float:center;
	margin-left:15px;
	margin-right:15px;
}
.verPdf{
	background-image: url(IconosBuzon/verArcAz.png);
	width:16px;
	height:16px;
	border:none;
}
.descargarPdf{
	background-image: url(IconosBuzon/desArcAz.png);
	width:16px;
	height:16px;
	border:none;
}
.verPdf:hover {
	background-image:url(IconosBuzon/verArcAz.png);
}

.verPdf:active {
  background-image:url(IconosBuzon/verArcNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.descargarPdf:hover {
	background-image:url(IconosBuzon/desArcAz.png);
}

.descargarPdf:active {
  background-image:url(IconosBuzon/desArcNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.recibirDetalleMensaje{
  background-image:url(IconosBuzon/recibidoAz.png);
  width:19px;
  height:19px;
	
}
.recibirDetalleMensaje:active {
	  background-image:url(IconosBuzon/recibidoNa.png);

  box-shadow: 0 5px #666;
  transform: translateY(4px);
   width:19px;
  height:19px;
}

.confirmarDetalleMensaje{
 background-image:url(IconosBuzon/iEEnvAz.png);
    width:19px;
  height:19px;
	
}
.confirmarDetalleMensaje:active {
 background-image:url(IconosBuzon/iEEnvNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
   width:19px;
  height:19px;
}

.trasladarDetalleMensaje{
 background-image:url(IconosBuzon/iEEnvAz.png);
    width:19px;
  height:19px;
	
}
.trasladarDetalleMensaje:active {
 background-image:url(IconosBuzon/iEEnvNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
   width:19px;
  height:19px;
}

.remitirDetalleMensaje{
 background-image:url(IconosBuzon/iEEnvAz.png);
    width:19px;
  height:19px;
	
}
.remitirDetalleMensaje:active {
 background-image:url(IconosBuzon/iEEnvNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
   width:19px;
  height:19px;
}

.archivarDetalleMensaje{
 background-image:url(IconosBuzon/iEEnvAz.png);
    width:19px;
  height:19px;
	
}
.archivarDetalleMensaje:active {
 background-image:url(IconosBuzon/iEEnvNa.png);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
   width:19px;
  height:19px;
}

.asuntoEstilo {
max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*Angélica Mejía*/
.detd {
	background-image: url(IconosBuzon/tipDocAz.png);
	width:16px;
	height:16px;
	float:left;
	margin-left:10px;
	margin-right:15px;
	}
.detdTipoEtiqueta{
	background:#6CF;
	
	}
.siser {
	background-image: url(IconosBuzon/serAz.png);
	width:16px;
	height:16px;
	float:left;
	margin-left:10px;
	margin-right:15px;
	}
.sisub {
	background-image: url(IconosBuzon/subSerAz.png);
	width:16px;
	height:16px;
	float:left;
	margin-left:10px;
	margin-right:15px;
	}