/* compatible_utf8:0 */
@charset "UTF-8";
/* TOOLTIP */

/*#####################################################################################################*/
/*										tooltip.css											   		   */
/*#####################################################################################################*/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	border: 1px dotted var(--color-borde-secundario-01);
	padding: 5px;
	background-color: var(--color-fondo-light-01);
	visibility: hidden;
	z-index: 1000;
	-webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
	box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
}
#dhtmlpointer {
    display: none;
}
#dhtmltooltip table {
	background-color: var(--color-fondo-light-01);
	font-family: var(--font-familiy-standard);
}
#dhtmltooltip table td {
	padding: 2px;
	font-size: 10px;
	color: var(--color-texto-enfasis-01);
	border-bottom: 2px solid var(--color-borde-light-01);
}
#dhtmltooltip table td.datos {
	font-size: 12px;
	color: var(--color-texto-estandar-01);
	text-align: left;
	padding-left: 4px;
}
#dhtmltooltip table th {
	font-size: 13px;
	color: var(--color-texto-enfasis-01);
	background-color: var(--color-fondo-light-01);
	text-align: left;
	padding: 2px 2px 5px 2px;
}