@use "../../../../010-settings/" as *;
@use "../../../../030-tools/_tool_browser-prefixes" as *;

//== Tooltips
//
//## Tooltips displayed by the online help
//** Text color of those tooltips
$il-tooltip-color: white;
//** Background color of those tooltips
$il-tooltip-bg-color: $il-main-color;
//** Border color of those tooltips
$il-tooltip-border-color: $il-main-color;
//** Border radius of those tooltips
$il-tooltip-border-radius: $il-border-radius-secondary-base;
//** Shadow of those tooltips
$il-tooltip-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);

/* Services/UIComponent/Tooltip */
.qtip-default {
	font-size: $il-font-size-small;
	line-height: $il-line-height-small;

	background-color: $il-tooltip-bg-color;
	border-color: $il-tooltip-border-color;
	color: $il-tooltip-color;

	@include box-shadow($il-tooltip-shadow);

	-webkit-border-radius: $il-tooltip-border-radius;
	-moz-border-radius: $il-tooltip-border-radius;
	border-radius: $il-tooltip-border-radius;
}