# Configuration for the plugin "p123tooltipcss"
plugin.tx_p123tooltipcss {
  # Define the default Stylesheet
  _CSS_DEFAULT_STYLE (
	/*! Hint.css - v2.2.1 - 2016-03-26
	 * http://kushagragour.in/lab/hint/
	 * Copyright (c) 2016 Kushagra Gour; Licensed  */
	.tooltip { cursor: help; display: inline-block; outline: none; position: relative; text-decoration: none; }
	.tooltip span, .tooltip:before { pointer-events: none; position: absolute; visibility: hidden; z-index: 1000000;
		-moz-opacity: 0; opacity: 0;
		-moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
		-moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease;
		-moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; transition-delay: 50ms; }
	.tooltip:hover span, .tooltip:hover:before { visibility: visible;
		-moz-opacity: 1; opacity: 1; }
	.tooltip:hover span, .tooltip:hover:before {
		-moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; transition-delay: 100ms; }
	.tooltip:before { background: transparent; border: 6px solid transparent; content: ""; position: absolute; z-index: 1000001; }
	.tooltip span { background: #383838; color: #FFFFFF; cursor: default; font-weight: normal; line-height: normal; padding: 8px 10px; text-shadow: 0 -1px 0px #000000; width: 130px;
		-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
		-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }
	.tooltip span a { color: #FFFFFF; color: inherit; text-decoration: underline; }
	.tooltip span:empty { display: none !important; }
		/* width restricted tooltips */
	.tooltip--auto span { width: auto; white-space: nowrap; }
	.tooltip--small span { width: 80px; }
	.tooltip--large span { width: 300px; }
		/* positioning logic */
	.tooltip:before { border-top-color: #383838; }
	.tooltip--bottom:before, .tooltip--bottom-left:before, .tooltip--bottom-right:before { border-bottom-color: #383838; border-top-color: transparent; }
	.tooltip--left:before { border-left-color: #383838; border-top-color: transparent; }
	.tooltip--right:before { border-right-color: #383838; border-top-color: transparent; }
		/* default (top) tooltip */
	.tooltip:before { left: calc(50% - 6px); margin-bottom: -11px; }
	.tooltip:before, .tooltip span { bottom: 100%; }
	.tooltip span { left: 50%;
		-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.tooltip:hover:before, .tooltip:focus:before {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip:hover span, .tooltip:focus span {
		-moz-transform: translateX(-50%) translateY(-8px); -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); }
		/* bottom tooltip */
	.tooltip--bottom:before { left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; }
	.tooltip--bottom:before, .tooltip--bottom span { bottom: auto; top: 100%; }
	.tooltip--bottom span { left: 50%;
		-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.tooltip--bottom:hover:before, .tooltip--bottom:focus:before {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--bottom:hover span, .tooltip--bottom:focus span {
		-moz-transform: translateX(-50%) translateY(8px); -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); }
		/* right tooltip */
	.tooltip--right:before { left: 100%; margin-bottom: -6px; margin-left: -11px; }
	.tooltip--right:before, .tooltip--right span { bottom: 50%; }
	.tooltip--right span { left: 100%; margin-bottom: -14px;
		-moz-transform: none; -webkit-transform: none; transform: none; }
	.tooltip--right:hover:before, .tooltip--right:focus:before {
		-moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); }
	.tooltip--right:hover span, .tooltip--right:focus span {
		-moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); }
		/* left tooltip */
	.tooltip--left:before { left: auto; margin-bottom: -6px; margin-right: -11px; }
	.tooltip--left:before, .tooltip--left span { bottom: 50%; right: 100%; }
	.tooltip--left span { left: auto; margin-bottom: -14px;
		-moz-transform: none; -webkit-transform: none; transform: none; }
	.tooltip--left:hover:before, .tooltip--left:focus:before {
		-moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); }
	.tooltip--left:hover span, .tooltip--left:focus span {
		-moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); }
		/* top-left tooltip */
	.tooltip--top-left:before { left: calc(50% - 6px); margin-bottom: -11px; }
	.tooltip--top-left:before, .tooltip--top-left span { bottom: 100%; }
	.tooltip--top-left span { left: 50%; margin-left: 12px;
		-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	.tooltip--top-left:hover:before, .tooltip--top-left:focus:before {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip--top-left:hover span, .tooltip--top-left:focus span {
		-moz-transform: translateX(-100%) translateY(-8px); -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); }
		/* top-right tooltip */
	.tooltip--top-right:before { left: calc(50% - 6px); margin-bottom: -11px; }
	.tooltip--top-right:before, .tooltip--top-right span { bottom: 100%; }
	.tooltip--top-right span { left: 50%; margin-left: -12px;
		-moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	.tooltip--top-right:hover:before, .tooltip--top-right:focus:before {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip--top-right:hover span, .tooltip--top-right:focus span {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
		/* bottom-left tooltip */
	.tooltip--bottom-left:before { left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; }
	.tooltip--bottom-left:before, .tooltip--bottom-left span { bottom: auto; top: 100%; }
	.tooltip--bottom-left span { left: 50%; margin-left: 12px;
		-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	.tooltip--bottom-left:hover:before, .tooltip--bottom-left:focus:before {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--bottom-left:hover span, .tooltip--bottom-left:focus span {
		-moz-transform: translateX(-100%) translateY(8px); -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); }
		/* bottom-right tooltip */
	.tooltip--bottom-right:before { left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; }
	.tooltip--bottom-right:before, .tooltip--bottom-right span { bottom: auto; top: 100%; }
	.tooltip--bottom-right span { left: 50%; margin-left: -12px;
		-moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
	.tooltip--bottom-right:hover:before, .tooltip--bottom-right:focus:before {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--bottom-right:hover span, .tooltip--bottom-right:focus span {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
		/* tooltips of various types based on color differences */
	.tooltip--error span { background-color: #B34E4D; text-shadow: 0px -1px 0px #592726; }
	.tooltip--error:before { border-top-color: #B34E4D; }
	.tooltip--error.tooltip--bottom-left:before, .tooltip--error.tooltip--bottom-right:before, .tooltip--error.tooltip--bottom:before { border-bottom-color: #B34E4D; border-top-color: transparent; }
	.tooltip--error.tooltip--left:before { border-left-color: #B34E4D; border-top-color: transparent; }
	.tooltip--error.tooltip--right:before { border-right-color: #B34E4D; border-top-color: transparent; }
	.tooltip--warning span { background-color: #C09854; text-shadow: 0px -1px 0px #6C5328; }
	.tooltip--warning:before { border-top-color: #C09854; }
	.tooltip--warning.tooltip--bottom-left:before, .tooltip--warning.tooltip--bottom-right:before, .tooltip--warning.tooltip--bottom:before { border-bottom-color: #C09854; border-top-color: transparent; }
	.tooltip--warning.tooltip--left:before { border-left-color: #C09854; border-top-color: transparent; }
	.tooltip--warning.tooltip--right:before { border-right-color: #C09854; border-top-color: transparent; }
	.tooltip--info span { background-color: #3986AC; text-shadow: 0px -1px 0px #1A3C4D; }
	.tooltip--info:before { border-top-color: #3986AC; }
	.tooltip--info.tooltip--bottom-left:before, .tooltip--info.tooltip--bottom-right:before, .tooltip--info.tooltip--bottom:before { border-bottom-color: #3986AC; border-top-color: transparent; }
	.tooltip--info.tooltip--left:before { border-left-color: #3986AC; border-top-color: transparent; }
	.tooltip--info.tooltip--right:before { border-right-color: #3986AC; border-top-color: transparent; }
	.tooltip--success span { background-color: #458746; text-shadow: 0px -1px 0px #1A321A; }
	.tooltip--success:before { border-top-color: #458746; }
	.tooltip--success.tooltip--bottom-left:before, .tooltip--success.tooltip--bottom-right:before, .tooltip--success.tooltip--bottom:before { border-bottom-color: #458746; border-top-color: transparent; }
	.tooltip--success.tooltip--left:before { border-left-color: #458746; border-top-color: transparent; }
	.tooltip--success.tooltip--right:before { border-right-color: #458746; border-top-color: transparent; }
		/* persisted tooltip which shows always */
	.tooltip--always span, .tooltip--always:before { visibility: visible;
		-moz-opacity: 1; opacity: 1; }
	.tooltip--always:before {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip--always span {
		-moz-transform: translateX(-50%) translateY(-8px); -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); }
	.tooltip--always.tooltip--top-left:before {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip--always.tooltip--top-left span {
		-moz-transform: translateX(-100%) translateY(-8px); -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); }
	.tooltip--always.tooltip--top-right:before {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip--always.tooltip--top-right span {
		-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
	.tooltip--always.tooltip--bottom:before {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--always.tooltip--bottom span {
		-moz-transform: translateX(-50%) translateY(8px); -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); }
	.tooltip--always.tooltip--bottom-left:before {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--always.tooltip--bottom-left span {
		-moz-transform: translateX(-100%) translateY(8px); -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); }
	.tooltip--always.tooltip--bottom-right:before {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--always.tooltip--bottom-right span {
		-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
	.tooltip--always.tooltip--left:before {
		-moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); }
	.tooltip--always.tooltip--left span {
		-moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); }
	.tooltip--always.tooltip--right:before {
		-moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); }
	.tooltip--always.tooltip--right span {
		-moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); }
	@media print {
		.tooltip span, .tooltip:before { display: none !important; }
	}
	@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
		.tooltip--large span { max-width: 240px; }
		.tooltip--bottom-left:before, .tooltip--bottom-right:before, .tooltip--top-left:before, .tooltip--top-right:before { left: calc(10% - 6px); }
		.tooltip--bottom-left:hover:before, .tooltip--bottom-left:focus:before, .tooltip--bottom-right:hover:before, .tooltip--bottom-right:focus:before {
			-moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
		.tooltip--top-left:hover:before, .tooltip--top-left:focus:before, .tooltip--top-right:hover:before, .tooltip--top-right:focus:before {
			-moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
		.tooltip--bottom-left span, .tooltip--bottom-right span, .tooltip--top-left span, .tooltip--top-right span { left: 10%; margin-left: -12px; }
		.tooltip--bottom-left span, .tooltip--bottom-right span, .tooltip--top-left span, .tooltip--top-right span {
			-moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
		.tooltip--bottom-left:hover span, .tooltip--bottom-left:focus span, .tooltip--bottom-right:hover span, .tooltip--bottom-right:focus span {
		    -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); }
		.tooltip--top-left:hover span, .tooltip--top-left:focus span, .tooltip--top-right:hover span, .tooltip--top-right:focus span {
		    -moz-transform: translateX(0) translateY(-8px); -webkit-transform: translateX(0) translateY(-8px); transform: translateX(0) translateY(-8px); }
	}
  )
}