/*------------------------------------------------------------------
TOOLTIP.LESS

Modified version of the Tipsy CSS.
Replaced images for CSS triangles.

See also: https://github.com/CloCkWeRX/tipsy
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
MIXINS.LESS

Contains frequently used rules and helpers for prefixing.
Mixins which are only needed in one file are kept in that file.
Almost every .less file imports this file and config.less

More info: http://lesscss.org/
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
.tooltip {
  cursor: pointer;
}
.tipsy {
  padding: 5px;
  position: absolute;
  z-index: 9000;
  font-size: 14px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 400px;
  text-align: left;
}
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px solid black;
}
.tipsy-n .tipsy-arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  top: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  top: 0;
  left: 10px;
}
.tipsy-ne .tipsy-arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  top: 0;
  right: 10px;
}
.tipsy-s .tipsy-arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right: none;
  top: 50%;
  margin-top: -4px;
  right: 0;
  background-position: top right;
}
.tipsy-w .tipsy-arrow {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left: none;
  top: 50%;
  margin-top: -4px;
  left: 0;
}