#total-login{background:url(../img/degradado.png);}
#clientesrepetidos{ text-align: left; font-size:12px; color:red; padding-left: 36px; }
.mensajepedidos, .mensajeretiradas {
font-style: italic;
font-size: 12px;
}
.text-center{text-align: center;}
.link_actualizaciondirecta{display:none}
.contenido{margin-top:10px;}

/*.checkboxmarcartodos{float:right; width:11%;}
.textomarcartodos{float:right;padding:3px;}*/
.checkboxventa, .checkboxmarcartodos{float:left; width:3%;}
.infoventa, .textomarcartodos{float:left;padding:3px;}
.contenedorventa, .contenedormarcartodos{margin:1px; background:#f2f1f1;padding:4px;font-size:12px}
.contenedormarcartodos{font-size:11px;font-weight: bold; padding-bottom:18px;}
.conceptocontrato {padding: 4px;}

#admin-puntodeventa {background: #1C6AC1; margin-top: 0px; padding: 5px 9px; color:white;}
#enlacesticket, #codigoticket{
	text-align: center;
	clear: both;
	margin: 0px;
	width: 200px;
	text-align: left;
	border-bottom: solid 1px;
	padding: 4px 5px;
}

#enlaces {display: inline-block;}
.boton.pendiente, .boton.enviado, .boton.recibido, .boton.confirmarretirada{
	padding: 6px 26px;
	border-bottom: 2px solid #55ab26;
}
.ticket-pendiente {background-color:#CAE88D;}
.ticket-pasado {background-color:#E59B9B;}
.ticket-pendiente.fila-activa {background-color:#B7DF67;}
.ticket-pagado{color:#9D9D9D;}
.ticket-no-previsto {background-color:#FFC8C8;}
.ticket-no-previsto.fila-activa {background-color:#F2B3B3;}
.farmacia-sin-dni {background-color: #D3FAC0;}
.txt-small{
	font-size: 10px;
	font-weight: normal;
}
.ws-nowrap{
	white-space: nowrap;
}
.apoyo-ticket {font-size: 12px; padding: 14px 5px; line-height: 18px;}
button.btn-estado {
float: left;
margin: 0px 0px 5px 25px;
font-size: 12px;
}
div#mensaje-estado-1 {
color: red;
margin: 0 0 5px 25px;
}
td.filapack {
padding: 10px;
background: #e0e0e0;
border: 2px solid white;
}
#tablascroll .desplegable-estado .cajatexto{font-size:12px}
/* Calendario */
	#avisos { max-height:150px; height:auto; overflow:auto;}
	.aviso {width:226px; height:53px; margin:2px; float:left; color:#666; background:#F8F8F8; font-size:11px; padding:5px; overflow:hidden; border-bottom:solid 3px #999999;}
	.aviso-close { float:right; width:14px; height:14px; background:#666; text-align:center; text-decoration:none; font-weight:bold; color:#CCC;}
	.aviso-close:hover { background:#999; color:#333; text-decoration:none; }
	.contenido-aviso { color:#999; }
	.contenido-aviso:hover { text-decoration:none; color:#000; }


	#inicio.inicio-imd { width:auto; padding:10px; margin:13px; }
	#listado_ofertar_reins_en_agenda{background-color: #EBEBEB;width: auto;padding: 10px;margin: 13px;}
	#inicio.calendario, #inicio.calendario-cirugias { width:auto; padding:10px; height:auto; margin:0px 13px 0px 13px;}
	#inicio.calendario, #inicio.calendario-visitas { width:auto; padding:10px; height:auto; margin:0px 13px 0px 13px;}
	#inicio.calendario, #inicio.calendario-visitas-clientes { width:auto; padding:10px; height:auto; margin:0px 13px 0px 13px;}

	.imdcard-container {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		margin-top: 20px;
	}
	.imdcard {
		flex: 0 0 calc(100% / 6 - 16px); /* 6 por fila con espacio entre ellas */
		border: 1px solid #ddd;
		border-radius: 8px;
		padding: 16px;
		box-sizing: border-box;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		background-color: #fff;
		font-family: Arial, sans-serif;
		margin-bottom: 0;
	}
	.imdcard h3 {
		margin-top: 0;
		font-size: 0.8em;
		color: #333;
	}
	.imdcard p {
		margin: 4px 0;
		font-size: 0.8em;
		color: #555;
	}
	.imdcard_agregarmanual{
		cursor: pointer;
		border: 1px solid #ddd;
		border-radius: 8px;
		padding: 16px;
		width: 70px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		background-color: rgb(255 255 255 / 38%);
		font-family: Arial, sans-serif;
		display: flex;
		justify-content: center;
		align-items: center
	}

	#modal-caso {
		position: fixed;
		top: 20%;
		left: 50%;
		width: 560px;
		max-height: 80vh;
		transform: translateX(-50%);
		z-index: 9999;
		pointer-events: none;  /* deja pasar los clics al fondo */
		overflow-y: auto;
	}

	#modal-caso .modal-content {
		background: #fff;
		padding: 15px 20px;
		border-radius: 8px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.3);
		min-width: 250px;
		text-align: center;
		pointer-events: auto;  /* se pueden clicar botones e inputs */
	}

	#bloqueo-prereins {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.75);
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: auto;
	}

	#bloqueo-prereins .contenido {
		padding: 30px;
		max-width: 90%;
		background: #d7d7d7;
		width: 90%;
		border-radius: 8px;
		box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}
	#contenedor-prereins {
		display: flex;
		flex-wrap: wrap;   /* permite que las cards salten de línea */
		gap: 1rem;         /* separación entre ellas */
		justify-content: center; /* centrado horizontal */
		margin-top: 1rem;
	}

	#contenedor-prereins .card {
		flex: 1 1 250px;   /* ocupa al menos 250px, crece si hay espacio */
		max-width: 300px;  /* límite de ancho */
		background: #fff;
		border-radius: 12px;
		padding: 1rem;
		box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	}
	.notasprereins-scroll {
		max-height: 120px;
		overflow-y: auto;
		margin-top: 8px;
		padding-right: 4px;
	}
	.notasprereins-scroll::-webkit-scrollbar {
		width: 6px;
	}
	.notasprereins-scroll::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,0.2);
		border-radius: 4px;
	}


.tabla-calendario { width:100%; font-size:12px; }


	.tabla-calendario { text-align:left;}
	.tabla-calendario .cabecera, .tabla-calendario .cabecera td { background:#4E4E4E; color:#CCC; font-style:italic;}
	.tabla-calendario td { background:white; border-right: solid 1px #BDBDBD; border-bottom: solid 1px #BDBDBD; vertical-align:top; }
	.tabla-calendario td.habilitado:hover { background:#F0F0F0; }
	.cuerpo-diahora {min-height: 30px;}
	.infocita { width:140px; height:24px; background:#CFCFCF; margin: 5px 0px 5px 5px; float:left; overflow:hidden; font-size:10px; color:#666; padding:4px; position:relative;overflow:visible;border: 1px solid #cfcfcf;}
	.infocita-visit-cliente { width:62%; height:24px; background:#CFCFCF; margin: 5px 0px 5px 5px; float:left; overflow:hidden; font-size:10px; color:#666; padding:4px; position:relative;overflow:visible;border: 1px solid #cfcfcf;}
	.citapequena.infocita{height:24px;width:140px;}
	.citagrande.infocita{height:auto;width:200px;}
	.infocita:hover {border: 1px solid #a8a8a8;}
	.infocita.cita_2:hover, .infocita.cita_1:hover, .infocita.cita_4:hover, .infocita.cita_especialista:hover, .infocita.cita_sistemas:hover, .infocita.cita_medico:hover, .infocita.cita_trt:hover, .infocita.cita_terminado:hover{ border-left: 1px solid #a8a8a8;border-right: 1px solid #a8a8a8;border-top: 1px solid #a8a8a8;}
	.citapequena .datos-cita,.citapequena .datos-cita-dermo { margin-right: 38px;}
	.calendario-visitas .citapequena .datos-cita{margin-right: 0px;}
	.calendario-visitas-clientes .citapequena .datos-cita{margin-right: 0px;}
	.movida{background-color: #f5f5f5;}
	.movida .calendario-visitas .citapequena .datos-cita{margin-right: 20px;}
	.movida .calendario-visitas-clientes .citapequena .datos-cita{margin-right: 20px;}
	.citapequena .entidad-visitas .datos-cita { margin-right: 0px;}
	.citapequena .entidad-visitas-clientes .datos-cita { margin-right: 0px;}
	.citagrande .datos-cita,.citagrande .datos-cita-dermo { margin-right: 15px;}
	.citapequena .datos-cita {height: 30px;overflow: hidden;}
	.infocita-dermo{color:red;}
	.cita_campana_58, .cita_campana_58 .acciones {       background: #009400;     color: #E2E2E2; } /* procedencia farmacias */
	.cita_campana_61 {    background: #ffd230;     color: #4a4a4a;}
	.citapequena .masvariable{display:none;}
	#masinfo { position: absolute; color: #E2E2E2; width: 350px; height: auto; background: #4c9021; padding: 15px; border-radius: 5px; font-size: 14px; z-index: 22; line-height: 19px; border: solid 3px #7B7B7B;  display:none;}
	#masinfo-visita-cliente { position: absolute; color: #E2E2E2; width: 350px; height: auto; background: #4c9021; padding: 15px; border-radius: 5px; font-size: 14px; z-index: 22; line-height: 19px; border: solid 3px #7B7B7B;  display:none;}
	.datos-cita .movida-visitas{
		margin-top: 0px;
	}
	#contenido-modificar-caracter-factura{border: 1px solid;border-radius: 5px;padding: 10px;width: 25%;}
	.iconos { position:absolute; right:0px; z-index: 20; }
	.icono { display:block; width:18px; height:18px; margin:1px 2px 1px 0px; float:left;font: normal normal normal 14px/1 FontAwesome;}
	.movida .icono{display: block; width: 18px; height: 18px; margin:0px; float:left; font: normal normal normal 14px/1 FontAwesome;}
	.entidad-citas_movidas{opacity:0.7;background: #fff;border: 1px solid #ABABAB;}
	.infocita .icono.fa-suitcase:before{color:#55ab26;}
	.icono.fa-suitcase.fa-visitas:before{color:#FFFF03;} /*55ab26*/

	.acciones { position: absolute; z-index: 21; background: #CFCFCF;  width: 96px; height: 16px; padding: 0px 0px 10px 10px; margin-top: -31px; margin-left: -5px; border-radius: 6px 6px 0px 0px; border-top: solid 1px rgb(168, 168, 168); border-left: solid 1px #A8A8A8;display:none; border-right: solid 1px #A8A8A8;}

	.acciones a { display:block; width:20px; height:20px; margin:3px 4px 3px 0px; float:left;text-decoration:none;}
	.acciones a:hover {background-color:white;}

	.acciones-visitas{
		display: none;
		position: absolute;
		z-index: 21;
		background: #CFCFCF;  
		width: 98px; 
		height: 20px; 
		padding: 0px 0px 10px 10px; 
		margin-top: -30px; 
		margin-left: -5px; 
		border-radius: 6px 6px 0px 0px; 
		/*border-top: solid 1px rgb(168, 168, 168); */
		/*border-left: solid 1px #A8A8A8;*/
		display:none; 
		/*border-right: solid 1px #A8A8A8;*/
	}
	.acciones-visitas a { display:block; width:20px; height:20px; margin:3px 4px 3px 0px; float:left;text-decoration:none;}
	.acciones-visitas a:hover {background-color:white;}

	.euros { background:url(../img/calendar-euro.png);}
	.estado_presentado { background:url(../img/calendar-sepresenta.png);}
	.estado_nopresentado { background:url(../img/calendar-nosepresenta.png);}
	.estado_incidencia { background:url(../img/calendar-sepresentaincidencia.png);}
	.estado_ { background:url(../img/calendar-nosesabe.png);}
	.operacion_castellana{background-color: #00cc99;}
	.splash-llamada-entrante {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom:0px;
		z-index: 1000;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(0, 0, 0, 0.7);
	}
	.splash-llamada-entrante .contenido {
		padding: 50px;
		display: block;
	}
	.splash-llamadaentrante-cierre-int{
		width: 550px;
		background: white;
		text-align: center;
	}

	.anular {/* background:url(../img/calendar-cancelar.png);*/color:red;}
	.editar { /*background:url(../img/calendar-editar.png);*/ color:#F60}
	.ver { /*background:url(../img/calendar-ver.png);*/ color:black;}
	.insertar { background:url(../img/calendar-mas.png);}
	.validar { /*background:url(../img/calendar-ok.png);*/ color:#55ab26;}
	.imprimir { background:url(../img/calendario-imprimir.png); width:100px; height:100px; display:block; float:left; width:25px; height:25px; margin:3px 0px 3px 3px; }
	.alternarvista { background:url(../img/abrir.png); width:100px; height:100px; display:block; float:left; width:25px; height:25px; margin:3px 0px 3px 3px; }
	/* .calendario { width:100px; height:100px; display:block; width:25px; height:25px; }	*/
	.mas { display:none; }
	.info-visitas-clientes{display: none;background-color: #dedede;padding: 2%;width: 140%;height: auto;border-radius: 5px;border: 1px solid #b5afaf;position: absolute;z-index:  99}

	.iconos-diahora { visibility:hidden; background:red;}
	.iconos-diahora a {display:block; width:23px; height:23px; float:right; margin:3px 3px 3px 0px; }
	.nuevacita { background:url(../img/calendario-nuevacita.png);}
	.cancelardia { background:url(../img/calendario-cancelardia.png);}
	.aceptardia { background:url(../img/calendario-aceptardia.png);}

	.infocita.cita_2 {border-bottom:solid 5px #CC00FF; background:#F5D6FD;border-left: 1px solid #F5D6FD;border-right: 1px solid #F5D6FD;border-top: 1px solid #F5D6FD; color: #666;} /* rosa */
	.infocita.cita_2 .acciones{ background:#F5D6FD;}
	.infocita.cita_1 {border-bottom:solid 2px;} /* clinca */
	.infocita.cita_4 {border-bottom:solid 2px #00BA00; background:#CAFF92;border-left: 1px solid #CAFF92;border-right: 1px solid #CAFF92;border-top: 1px solid #CAFF92;} /*  Dermatologo */
	.infocita.cita_4 .acciones{background:#CAFF92;}

	.infocita.cita_especialista {border-bottom:solid 2px #090; background: #CAECB3;border-left: 1px solid #CAECB3;border-right: 1px solid #CAECB3;border-top: 1px solid #CAECB3;}  /* verde */
	.cita_especialista .acciones{background:#CAECB3}
	.infocita.cita_sistemas {border-bottom:solid 2px #E4BE00;background: #F2F1AA;border-left: 1px solid #F2F1AA;border-right: 1px solid #F2F1AA;border-top: 1px solid #F2F1AA;} /* amarillo */
	.cita_sistemas .acciones {background: #F2F1AA;}
	.infocita.cita_medico {border-bottom:solid 2px #5F22DD;background:#D6C9F2;border-left: 1px solid #D6C9F2;border-right: 1px solid #D6C9F2;border-top: 1px solid #D6C9F2;} /* morado  */
	.cita_medico .acciones{background:#D6C9F2;}
	.infocita.cita_trt {border-bottom: solid 2px #228FDD;background: #D8EFF9;border-left: 1px solid #D8EFF9;border-right: 1px solid #D8EFF9;border-top: 1px solid#D8EFF9;} /* azul  */
	.cita_trt .acciones{background:#D8EFF9;}
	.infocita.cita_terminado {border-bottom: solid 2px #DD8522;background: #F2E5C9;border-left: 1px solid #F2E5C9;border-right: 1px solid #F2E5C9;border-top: 1px solid #F2E5C9;} /* naranja  */
	.cita_terminado .acciones{background:#F2E5C9;}

	.infocita.rosa {border-bottom:solid 2px #F437F4;}
	.infocita .fa-tint {color:#c903ea;}

	.infocita.anulada {background-image:url(../img/cita-anulada.png); background-repeat:no-repeat;  opacity:0.5; text-decoration:line-through;}
	.visita_cliente_anulada {background-image:url(../img/cita-anulada.png); background-repeat:no-repeat; text-decoration:line-through;}
/*
.visita_cliente_incidencia{background-color: rgba(246, 235, 5, 0.66);}
	.visita_cliente_presentado{background-color: rgb(91 229 16);}*/
.caja-calendario {border: solid 1px silver; width: auto; float: left; margin-left: 10px; font-size:12px; padding:1px; padding:3px; border-radius:5px; }
	.caja-calendario .boton { padding: 1px 4px 1px 5px;}
	.caja-calendario .obj-calendario { float:left; }
	.txt-calendario { line-height: 15px; padding-top: 6px; margin: 0px 13px; }

	.tabla-calendario td.deshabilitado, .tabla-calendario td.deshabilitado:hover { background:url(../img/casilla_bloqueada.gif); }
	#cuerposcroll-calendario { clear:both; overflow:auto; height: calc(100vh - 250px) !important;}
	#cuerposcroll-calendario-visitas, #cuerposcroll-calendario-visitas-clientes { clear:both; overflow:auto; height:600px; margin-top: 45px;}
	#vis_xxxasignarcitaxxx #cuerposcroll-calendario{height:auto;}

	#input-calendario { display:none;  }
	.mensajecalendario{color:red; font-style:italic;}
	.tabla-resumen-visitas-clientes table {
		border-collapse: collapse;
	}
	.tabla-resumen-visitas-clientes td {
		border: 1px solid #7e7c7c;
		padding: 8px;
	}

	.infocita.proponer {
	    border-bottom: dotted 5px #F70000 !important;
	    border-left: 1px solid #FF0000;
	    border-right: 1px solid #FF0000;
	    border-top: 5px dotted #FF0000;
	}
	.infocita.proponer1 {
		border-bottom: dotted 5px #CBE0CF !important;
		border-left: 1px solid #CBE0CF;
		border-right: 1px solid #CBE0CF;
		border-top: 5px dotted #CBE0CF;
	}
	.infocita.proponer2 {
		border-bottom: dotted 5px #ff132b !important;
		border-left: 1px solid #ff132b;
		border-right: 1px solid #ff132b;
		border-top: 5px dotted #ff132b;
	}
	.infocita.proponer3 {
		border-bottom: dotted 5px #922632 !important;
		border-left: 1px solid #922632;
		border-right: 1px solid #922632;
		border-top: 5px dotted #922632;
	}
	.infocita.proponer4 {
		border-bottom: dotted 5px #2f0509 !important;
		border-left: 1px solid #2f0509;
		border-right: 1px solid #2f0509;
		border-top: 5px dotted #2f0509;
	}

	.infocita.sinpresupuesto {
	    border: double 4px red;
	}

	#crearaviso {font-size: 11px;}

	.tablaresumen { font-family: Verdana, Geneva, sans-serif; font-size: 10px; border:none; margin:9px 2px 28px 0px; text-align:right; float:right; }
	.tablaresumen td { border:none; border-bottom: solid 1px #CCC; text-align:right; width:80px; padding:5px;}
	.tablaresumen th { background: #414141; color:#CCC; border:none; font-weight:normal; padding:5px; }
	.faltandatos{color:#db0000; font-size: 12px; font-style:italic;}


	#vis_xxxasignarcitaxxx .citapequena .datos-cita{height:55px;}
	#vis_xxxasignarcitaxxx .citapequena.infocita{height:44px;}

	.modal {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.4);
	}
	.modal-content {
		background-color: #fefefe;
		margin: 15% auto; /* Centrar horizontal y verticalmente */
		padding: 20px;
		border: 1px solid #888;
		width: 80%; /* Ancho */
	}
	.close-myModal {
		color: #aaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}
	.close-myModal:hover,
	.close-myModal:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

.resumenpagosficha {text-align: right; clear: both; float: right; font-size: 13px;}

.modal-ranking-bg {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.65);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Arial, sans-serif;
}
.modal-ranking-box {
	background: white;
	width: 350px;
	padding: 25px;
	border-radius: 10px;
	position: relative;
	text-align: center;
	animation: aparecer 0.4s ease;
	overflow-y: auto;
}
@keyframes aparecer {
	from { transform: scale(0.7); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
}
.cerrar-mod-ranking {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 22px;
	cursor: pointer;
	color: #444;
}
.icono-ranking {
	font-size: 60px;
	margin-bottom: 10px;
}
.titulo-ranking {
	font-size: 20px;
	margin: 10px 0;
}
.posicion-numero {
	font-size: 18px;
	margin-top: 10px;
}
/* Animación top 1,2,3 */
.top-rank-anim-1 {
	animation: brillo-1 1.5s infinite alternate;
	border: 2px solid #d2b310;
}
.top-rank-anim-2 {
	animation: brillo-2 1.5s infinite alternate;
	border: 2px solid #a6a6a6;
}
.top-rank-anim-3 {
	animation: brillo-3 1.5s infinite alternate;
	border: 2px solid #c05e00;
}
@keyframes brillo-1 {
	from { box-shadow: 0 0 10px #d2b310; }
	to   { box-shadow: 0 0 25px #d2b310; }
}
@keyframes brillo-2 {
	from { box-shadow: 0 0 10px #a6a6a6; }
	to   { box-shadow: 0 0 25px #a6a6a6; }
}
@keyframes brillo-3 {
	from { box-shadow: 0 0 10px #c05e00; }
	to   { box-shadow: 0 0 25px #c05e00; }
}
.contenido-ranking {
	overflow-y: auto;
	max-height: 90vh;
	margin-top: 18px;
}
.tabla-ranking {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	font-size: 14px;
}
.tabla-ranking thead tr {
	background: #017c80;
	color: white;
	text-align: left;
	position: sticky;
	top: 0;
	z-index: 2;
}
.tabla-ranking th, .tabla-ranking td {
	padding: 10px;
	border: 1px solid #ddd;
}
.tabla-ranking tbody tr:nth-child(even) {
	background: #f7f7f7;
}
.tabla-ranking tbody tr:hover {
	background: #e3f1ff;
	transition: 0.2s;
}
.fecha-actualizado {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #555;
}

/****************************/
/* Resumenes de totales de ventas masivas */
.resumenimportes{float:right;}
.cabeceraresumenes {
padding: 1px 28px;
border-bottom: 2px solid #55ab26;
}
.totalsiniva, .totalconiva {
text-align: center;
font-size: 14px;
}
.mensajesadminover{border-bottom: 5px solid red;padding: 2px;}
.textoadminover{margin-left:10px;}

.stockbajo {background: #FFC2C2;}

#vis_firma .candado{display:none;}
.modalresponsive{
	width:100%;
	height:600px;
	position: absolute;
	top: 10px;
	background: white;
	z-index: 100000;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 2px solid #55ab26;
	border-radius: 6px;
}
.cerrarresponsive{
	float:left;
	width: 8%;
	text-align: right;
	padding: 15px;
	cursor:pointer;
}
.tituloresponsive{
	float:left;
	width: 88%;
	padding: 15px;
	font-weight:bold;
}
.contenidoresponsive {
	margin: 58px;
}
.cabeceraresponsive{
	border-bottom:2px solid #55ab26;
}
/****************************/
/* Informes */

.informeamedida .filtro{border:none;background: #eee;padding: 14px;margin: 0;float: left;}
#frm-filros.informeamedida  {margin-top: 14px;}
.informeamedida .filtro .filtro-etiqueta{font-weight:bold; background:#55ab26; width:100%; color:white;margin-bottom: 9px;}
#datos + table > tr.informe-fila {
border-left: 3px solid black;
}
#datos{margin: 20px; font-size: 11px;}
.informeamedida	th { white-space:nowrap; padding:5px 9px; }
.informeamedida td.label-informe-fila, .informeamedida td.label-cabecera { width: 209px; white-space:nowrap; }
.informeamedida .todos {width:auto; margin: 3px 1px 5px 5px;}
.informeamedida #datos {font-size: 11px;}

#tablas-inf-listado-reins table{
	vertical-align: top;
}
.tabla-inf-listado-reins td, .tabla-inf-listado-reins th{
	padding: 6px 4px !important;
}

.etiq-check {
	float: left;
	width: 190px;
	margin: 2px 3px 0px 0px;
	text-align: left;
	padding-left: 4px;
	overflow: hidden;
	height: 27px;
	line-height: 12px;
}
.check-procedencias{height:auto; min-height:76px;}
.check-procedencias .check-padre{background: #DDD;}
.check-procedencias .checks-hijos{padding: 0px 10px;}
.filtro2{ width:400px }
.etiq-check input { width:auto;}
.tabla-informe table {font-size: 11px; width:100%; border:solid 1px #999999;}

.tabla-informe td.informe-total-horizontal ,.tabla-informe td.informe-total-horizontal{
background: #CBE0CF;
}

.tabla-informe  tr.informe-total-vertical {
background: #CBE0CF;
}
.tabla-informe th { font-weight:bold; text-align:left; background: #55AB26; color: white;}

.tabla-informe td{ text-align:right;}
.tabla-informe td.informe-columna, .tabla-informe th.informe-columna { width: 114px; border-right:solid 1px #808080; }

.tabla-informe tr.informe-fila { border: solid 1px #808080; }

	.prioridad-baja {}
	.prioridad-media {background: #FFDD93;}
	.prioridad-alta { background: #FF9393;}
	.pendiente-respuesta{background:#dedede !important; opacity:0.7}

.botones-informe {   clear: both;   float: left; }

.tabla-informe th.comisionan {   background: #D78A00; }


/****************************/

@media only screen  and (max-width : 1300px) {
	.ui-dialog .ui-dialog-titlebar{font-size:19px;}
	.ui-dialog .ui-dialog-title span{font-size:15px;}
	.ui-dialog .ui-dialog-titlebar-close{top:32%; width:4%; height:35px;}
	.ui-dialog-content { font-size:15px; background:none; overflow-x:none; }

	.sm_campo_0, .sm_campo_1 {width:100%; float:left; min-width:180px; }
	.sm_campo_2 {width:50%; float:left; min-width:304px; }
	.sm_campo_3 {width:33.33%; float:left; min-width:295px; max-height: 130px;}
		.sm_campo_3 select { max-width: 266px;}
	.sm_campo_4 {width:25%; float:left; min-width:221px; }
	.sm_campo_5 {width:20%; float:left; min-width:10px; }

	.campos_textarea1, .campos_textarea2, .campos_textarea3, .campos_textarea4 { width:95%;}


	.campos_input1, .campos_entero1, .campos_input2, .campos_entero2, .campos_input3, .campos_entero3, .campos_input4, .campos_entero4 { width:75%;}

	.ui-widget select {font-size: 23px;}
	.campos_radio1, .campos_radio2, .campos_radio3, .campos_radio4, .campos_radio5, .campos_radio6, .campos_radio7, .campos_radio8{ margin: 14px 0px;}

	.campos_fecha { width:60%; float:left;}

	.ayuda{ display:none;}
	.control{min-height:60px;padding: 30px 0px 5px 25px;}

	.etiqueta{max-height:28px;}
	.campo-dentro-separador .etiqueta{max-height:none;}

	.ui-widget input, .ui-widget textarea, .ui-widget button, .ui-widget select {margin: 9px 0px;font-size: 23px;}
	.anchocompleto a, .separador {font-size: 19px;}

	.imgsino{width:54px;}
	#aceptar-cancelar .boton { font-size:19px; height:17px;}
	#aceptar-cancelar {height:29px;}
	.menu-desplegable ul{font-size:23px;}



	#vis_xxxasignarcitaxxx #inicio.calendario{padding:40px; margin:0;}
	#vis_xxxasignarcitaxxx .tabla-calendario{font-size:23px;}
	#vis_xxxasignarcitaxxx input[type=radio] {
		display: none;
	}
	#vis_xxxasignarcitaxxx input[type=radio] + label::before {
		content: '';
		display: inline-block;
		border: 3px solid #bbb;
		border-radius: 50%;
		margin: 0 0.5em;
	}
	#vis_xxxasignarcitaxxx input[type=radio]:checked + label::before {
		background: #55ab26;
	}
	#vis_xxxasignarcitaxxx .asignarcita + label::before {
		width: 1em;
		height: 1em;
	}

	.infoventa {
		font-size: 23px;
		width: 90%;
	}
	input.cbventa,input.cbventaanulado, input.marcartodos{ transform:scale(2)}
	.textomarcartodos{font-size:19px;}
	.contenedorventa, .contenedormarcartodos{padding: 8px 18px;}
}

/*Ajustes estilos hijos directos*/
/* td.cont_hijodirecto_ventas_producto select {width: 180px !important;font-size: 0.8em;} */
td.cont_hijodirecto_ventas_cliente  input {width: 45px !important;}
td.cont_hijodirecto_ventas_farmacia input {width: 45px !important;}
td.cont_hijodirecto_ventas_cantidad input {width: 40px !important;}
td.cont_hijodirecto_ventas_precio  input {width: 50px !important;}

.color-sanitas { background:#A5CFFE;}

#tablascroll ul {margin:0px; padding-left:7px;}

.ventaanulada {
    display: block;
    background-color: #6F6F6F;
    float: left;
    padding: 6px;
    color:white;
    background-image: url(../img/cita-anulada.png);
    background-repeat: none;
    background-position: center center;
}

.lanzar-filtros {
    float: right;
    clear: both;
    background: #FFED7B;
    font-size: 12px;
}

.movimiento-pendiente { background: #ECC1C1; }
.movimiento-cerrado {color:#A0A0A0;}

.novisto { background:#f7adad;	}
.enviadopormail { background:#ffc884;	}
.impresopapel { background:#8ddc79;	}
.vistoenlace { background:#7abd69;	}

.alerta-diagnostico {
    color: rgba(255, 74, 74, 0.98);
    font-size: 20px;
}

.alerta-estrella {
	color: rgba(255, 0, 0, 0.98);
	font-size: 20px;
}
.alerta-consentimiento-clinica {
	color: rgb(15, 78, 239);
	font-size: 20px;
}
.alerta-consentimiento-medico {
	color: rgb(9, 136, 5);
	font-size: 20px;
}
.alerta-dos-sesiones-semana{
	color: rgba(255, 0, 0, 0.98);
	font-size: 14px;
}
.ranking-ribbon {
	position: absolute;
	top: -4px;
	left: 36%;
	background: #f2ab1d;
	color: #fff;
	padding: 8px 18px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
	z-index: 20;
	transition: background .2s ease;
}

.ranking-ribbon:hover {
	background: #e79c09;
}
.pagar-tpv {background: #067306; font-weight: bold;   font-size: 12px;    padding: 6px 16px;    color: white !important;     border: solid 1px #a5a5a5;     border-radius: 5px;     display: block;     width: 51px;     text-align: center; }
.esperando {background: #ffb100;}
.ret-pagado {margin:10px 0px;}

.psicologia {color: #c041ff;}
.nueva-pestana {color:white;}

.citapequena.infocita-cirugia { width:200px; height:50px; }
.citapequena.infocita-cirugia .datos-cita {height:55px;}

.citapequena.infocita-visitas { 
	width: 15px;
    height: 15px;
    background-color: #2E56F8;
    border-radius: 50%; 
}
.infocita.anulada-visitas{
	width: 15px;
    height: 15px;
    background-color: #FE1207 !important;
    border-radius: 50%;
}
.citapequena.infocita-visitas .datos-cita {
	width: 98px;
    height: auto;
    background: #CFCFCF;
    margin: 45px 0px 0px -12px;
    float: left;
    overflow: hidden;
    font-size: 10px;
    color: #666;
    padding: 4px;
    position: absolute;
    overflow: visible;
    border-radius: 6px;
    z-index: 9;
    border: 1px solid #cfcfcf;
}
.input-otro-motivo{width: 240px; height: 80px;}


#vis_xxxventasxxx .cont_hijodirecto_ventas_farmacia, #vis_xxxventasxxx .cont_hijodirecto_ventas_cliente {display: none;}
#vis_xxxventasxxx .cont_hijodirecto_entrevistas_farmacia , #vis_xxxventasxxx .cont_hijodirecto_entrevistas_cliente  {display: none;}

.registrollamda .fa-sign-out { color:red;}
.registrollamda .fa-sign-in { color:green;}
.registrollamda .fa-check-circle { color:green;}
.registrollamda .fa-ban {color:red;}
.aviso-importe { padding: 10px; background: #ffdcdc; float: left;}

.form-nodo-presupuestos.tipo_pv_1 #vis_empresa{ display:none;}
.form-nodo-contratos.tipo_pv_1 #vis_empresa{ display:none;}

.invisible {color:white;}
.botonfarmacia a{font-size: 10px; display: inline-block; margin:10px 0px; border: 1px solid lightgrey; padding:8px; border-radius: 3px;}
.botonfarmacia a:hover{cursor: pointer; background-color: lightgrey;text-decoration: none;}
.farmaciaseleccionada a{background-color: lightgrey;}

#cuerposcroll-calendario-visitas .tabla-calendario .celda{width: 15px;}
#cuerposcroll-calendario-visitas-clientes .tabla-calendario .celda{width: 15px;}
.visitasok{background-color: #e3ffe3 !important; width: 100px !important;}
.visitasko{background-color: #ffcdcd !important; width: 100px !important;}
.bg-visitas-clientes{background-color: #6bbbae !important;}
.visitas-clientes-nombrefarmacia{font-weight:bold;color: #fff;/*text-shadow: 1px 1px #000000;*/}
.caja-filtro-farmacia-visitas{display: block; width: 725px; height: 0px;padding-top: 5px;}
.caja-filtro-farmacia-visitas span{margin-left: 15px;}
.caja-calendario, .caja-filtro-farmacia-visitas, #agda-visitas-calend-reducido{display: inline-block;}

/*Nuevos alert bootstrap */
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}
/* Tabla informe de descuento*/
#table-inf-descuento{border-collapse:collapse}.table-inf-descuento{width:100%;margin-bottom:1rem;color:#212529}.table-inf-descuento td,.table-inf-descuento th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table-inf-descuento thead th{background-color:#55ab26!important;vertical-align:bottom;border-bottom:2px solid #dee2e6}.table-inf-descuento tbody+tbody{border-top:2px solid #dee2e6}.table-inf-descuento-sm td,.table-inf-descuento-sm th{padding:.3rem}.table-inf-descuento-bordered{border:1px solid #dee2e6}.table-inf-descuento-bordered td,.table-inf-descuento-bordered th{border:1px solid #dee2e6}.table-inf-descuento-bordered thead td,.table-inf-descuento-bordered thead th{border-bottom-width:2px}.table-inf-descuento-borderless tbody+tbody,.table-inf-descuento-borderless td,.table-inf-descuento-borderless th,.table-inf-descuento-borderless thead th{border:0}.table-inf-descuento-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-inf-descuento-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-inf-descuento-primary,.table-inf-descuento-primary>td,.table-inf-descuento-primary>th{background-color:#b8daff}.table-inf-descuento-primary tbody+tbody,.table-inf-descuento-primary td,.table-inf-descuento-primary th,.table-inf-descuento-primary thead th{border-color:#7abaff}.table-inf-descuento-hover .table-inf-descuento-primary:hover{background-color:#9fcdff}.table-inf-descuento-hover .table-inf-descuento-primary:hover>td,.table-inf-descuento-hover .table-inf-descuento-primary:hover>th{background-color:#9fcdff}.table-inf-descuento-secondary,.table-inf-descuento-secondary>td,.table-inf-descuento-secondary>th{background-color:#d6d8db}.table-inf-descuento-secondary tbody+tbody,.table-inf-descuento-secondary td,.table-inf-descuento-secondary th,.table-inf-descuento-secondary thead th{border-color:#b3b7bb}.table-inf-descuento-hover .table-inf-descuento-secondary:hover{background-color:#c8cbcf}.table-inf-descuento-hover .table-inf-descuento-secondary:hover>td,.table-inf-descuento-hover .table-inf-descuento-secondary:hover>th{background-color:#c8cbcf}.table-inf-descuento-success,.table-inf-descuento-success>td,.table-inf-descuento-success>th{background-color:#c3e6cb}.table-inf-descuento-success tbody+tbody,.table-inf-descuento-success td,.table-inf-descuento-success th,.table-inf-descuento-success thead th{border-color:#8fd19e}.table-inf-descuento-hover .table-inf-descuento-success:hover{background-color:#b1dfbb}.table-inf-descuento-hover .table-inf-descuento-success:hover>td,.table-inf-descuento-hover .table-inf-descuento-success:hover>th{background-color:#b1dfbb}.table-inf-descuento-info,.table-inf-descuento-info>td,.table-inf-descuento-info>th{background-color:#bee5eb}.table-inf-descuento-info tbody+tbody,.table-inf-descuento-info td,.table-inf-descuento-info th,.table-inf-descuento-info thead th{border-color:#86cfda}.table-inf-descuento-hover .table-inf-descuento-info:hover{background-color:#abdde5}.table-inf-descuento-hover .table-inf-descuento-info:hover>td,.table-inf-descuento-hover .table-inf-descuento-info:hover>th{background-color:#abdde5}.table-inf-descuento-warning,.table-inf-descuento-warning>td,.table-inf-descuento-warning>th{background-color:#ffeeba}.table-inf-descuento-warning tbody+tbody,.table-inf-descuento-warning td,.table-inf-descuento-warning th,.table-inf-descuento-warning thead th{border-color:#ffdf7e}.table-inf-descuento-hover .table-inf-descuento-warning:hover{background-color:#ffe8a1}.table-inf-descuento-hover .table-inf-descuento-warning:hover>td,.table-inf-descuento-hover .table-inf-descuento-warning:hover>th{background-color:#ffe8a1}.table-inf-descuento-danger,.table-inf-descuento-danger>td,.table-inf-descuento-danger>th{background-color:#f5c6cb}.table-inf-descuento-danger tbody+tbody,.table-inf-descuento-danger td,.table-inf-descuento-danger th,.table-inf-descuento-danger thead th{border-color:#ed969e}.table-inf-descuento-hover .table-inf-descuento-danger:hover{background-color:#f1b0b7}.table-inf-descuento-hover .table-inf-descuento-danger:hover>td,.table-inf-descuento-hover .table-inf-descuento-danger:hover>th{background-color:#f1b0b7}.table-inf-descuento-light,.table-inf-descuento-light>td,.table-inf-descuento-light>th{background-color:#fdfdfe}.table-inf-descuento-light tbody+tbody,.table-inf-descuento-light td,.table-inf-descuento-light th,.table-inf-descuento-light thead th{border-color:#fbfcfc}.table-inf-descuento-hover .table-inf-descuento-light:hover{background-color:#ececf6}.table-inf-descuento-hover .table-inf-descuento-light:hover>td,.table-inf-descuento-hover .table-inf-descuento-light:hover>th{background-color:#ececf6}.table-inf-descuento-dark,.table-inf-descuento-dark>td,.table-inf-descuento-dark>th{background-color:#c6c8ca}.table-inf-descuento-dark tbody+tbody,.table-inf-descuento-dark td,.table-inf-descuento-dark th,.table-inf-descuento-dark thead th{border-color:#95999c}.table-inf-descuento-hover .table-inf-descuento-dark:hover{background-color:#b9bbbe}.table-inf-descuento-hover .table-inf-descuento-dark:hover>td,.table-inf-descuento-hover .table-inf-descuento-dark:hover>th{background-color:#b9bbbe}.table-inf-descuento-active,.table-inf-descuento-active>td,.table-inf-descuento-active>th{background-color:rgba(0,0,0,.075)}.table-inf-descuento-hover .table-inf-descuento-active:hover{background-color:rgba(0,0,0,.075)}.table-inf-descuento-hover .table-inf-descuento-active:hover>td,.table-inf-descuento-hover .table-inf-descuento-active:hover>th{background-color:rgba(0,0,0,.075)}.table-inf-descuento .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table-inf-descuento .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-inf-descuento-dark{color:#fff;background-color:#343a40}.table-inf-descuento-dark td,.table-inf-descuento-dark th,.table-inf-descuento-dark thead th{border-color:#454d55}.table-inf-descuento-dark.table-inf-descuento-bordered{border:0}.table-inf-descuento-dark.table-inf-descuento-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-inf-descuento-dark.table-inf-descuento-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-inf-descuento-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-inf-descuento-responsive-sm>.table-inf-descuento-bordered{border:0}}@media (max-width:767.98px){.table-inf-descuento-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-inf-descuento-responsive-md>.table-inf-descuento-bordered{border:0}}@media (max-width:991.98px){.table-inf-descuento-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-inf-descuento-responsive-lg>.table-inf-descuento-bordered{border:0}}@media (max-width:1199.98px){.table-inf-descuento-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-inf-descuento-responsive-xl>.table-inf-descuento-bordered{border:0}}.table-inf-descuento-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-inf-descuento-responsive>.table-inf-descuento-bordered{border:0}.table-inf-descuento{border-collapse:collapse!important}.table-inf-descuento td{background-color:#d9d8da}.table-inf-descuento th{background-color:#d9d8da!important}.table-inf-descuento-bordered td,.table-inf-descuento-bordered th{border:1px solid #dee2e6!important}.table-inf-descuento-dark{color:inherit}.table-inf-descuento-dark tbody+tbody,.table-inf-descuento-dark td,.table-inf-descuento-dark th,.table-inf-descuento-dark thead th{border-color:#dee2e6}.table-inf-descuento .thead-dark th{color:inherit;border-color:#dee2e6}table-inf-descuento.table-inf-descuento th{padding-top:1.1rem;padding-bottom:1rem}.table-inf-descuento td,.table-inf-descuento th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table-inf-descuento thead{display:table-header-group;vertical-align:middle;border-color:inherit}.table-inf-descuento tr{display:table-row;vertical-align:inherit;border-color:inherit}.table-inf-descuento tbody{display:table-row-group;vertical-align:middle;border-color:inherit}.table-inf-descuento tr{display:table-row;vertical-align:inherit;border-color:inherit}.table-inf-descuento td{text-align:center}

[data-notify="container"][class*="alert-pastel-"] {
	background-color: rgb(255, 255, 238);
	border-width: 0px;
	border-left: 15px solid rgb(255, 240, 106);
	border-radius: 0px;
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
}
[data-notify="container"].alert-pastel-info {
	border-left-color: rgb(255, 179, 40);
}
[data-notify="container"].alert-pastel-danger {
	border-left-color: rgb(255, 103, 76);
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
	color: rgb(80, 80, 57);
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
	font-weight: 400;
}

.hr_call{
	margin : 0px;
}

#agda-visitas-calend-reducido{
	float: right;
}

#agda-visitas-calend-reducido:hover{
	cursor: pointer;
}

.jsCalendar-current{
	background-color: #fff !important;
	color: #000 !important;
}

.cal-red-current{
	background-color : #7fb800;
	color: #000 ;
}

.cal-red-current:hover{
	background-color : #7fb800 !important;
	cursor: pointer;
}

.selected{
	opacity: 0.6;
}

#tabla-resumen-visitas{
	width: 100%;
	border: 1px solid #000;
}
#tabla-resumen-visitas th,
#tabla-resumen-visitas td{
	text-align: left;
}
#tabla-resumen-visitas th{
	background-color: #7fb800;
}
#tabla-resumen-visitas tr:nth-child(even) td{ /*filas impares*/
	background:#fefefe;
}
#tabla-resumen-visitas tr:nth-child(odd)  td{ /*filas pares*/
	background: #eeecec;
}
#tabla-resumen-visitas tr.futura td{ /*td con clase 'futura'*/
	background: #e3ffe3 ;
}
.resumenvisitas{
	font-size: 12px;
	color: #0C1021;
	cursor: pointer;
}

#limpiar-cache{
	padding: 2px;
	margin-top: 1%;
	cursor: pointer;
	background-color: #db0000;
	color: #BEBEBE;
	border: 1px solid #db0000;
}

#btn-recibir-rabbitmq{
	padding: 2px;
	margin-top: 1%;
	cursor: pointer;
	background-color: #5f5f5f;
	color: #BEBEBE;
	border: 1px solid #4f4f4f;
}

.tabla-citas td,
.tabla-citas th{
	border: 1px solid #bbb8b8;
}

/* Tablets en horizonal y escritorios normales */
@media (min-width: 768px) and (max-width: 1199px) {

	.caja-filtro-farmacia-visitas{
		width: 785px;
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 10px;
	}

	#filtro-farmacia-visitas{
		margin-left: 10px;
	}

 }

/* M�viles en horizontal o tablets en vertical */
@media (max-width: 767px) {

 }

/* M�viles en vertical */
  @media (max-width: 480px) {
	#agda-visitas-calend-reducido{
		float: right;
		margin-top: 30px;
	}
	#limpiar-cache{
		display: none;
	  }  
	.modal-ranking-bg,
	.modal-ranking-box{
		display: none;
	}
}

.borrar-regla-bases-ventas-dermos{
	float: right;
	width: 6%;
	margin: -12% 4%;
}
.borrar-regla-bases-ventas-dermos:hover{
	opacity: 0.4;
}