/*! Hint.css - v1.2.1 - 2013-03-24
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

/*-------------------------------------*\
	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/labs/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 * 
 * Classes added:
 * 	1) hint
 */
.hint,
[data-hint] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */
}
.hint:after,
[data-hint]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
}
.hint:hover:after,
[data-hint]:hover:after {
  visibility: visible;
  opacity: 1;
}

.hint:after,
[data-hint]:after {
  content: attr(data-hint);
  background: #f7f7f7;
  color: white;
  text-shadow: 0 -1px 0px black;
  padding: 8px 10px;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);*/
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26);
}

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 * 
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:after {
  border-top-color: #383838;
}

.hint--bottom:after {
  border-bottom-color: #383838;
}

.hint--left:after {
  border-left-color: #383838;
}

.hint--right:after {
  border-right-color: #383838;
}

/**
 * top tooltip
 */

.hint--top:after {
  margin-left: -18px;
}
.hint--top:after {
  bottom: 100%;
  left: 50%;
}
.hint--top:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 * 
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 * 	
 */

/**
 * Info
 */
.hint--info:after {
  background-color: #f7f7f7;
  border: 1px solid #dadada;
  /*text-shadow: 0 -1px 0px #193c4c;*/
  text-shadow: none;
  color: #787b7f;
  font-weight: normal;
  font-family: Open Sans;
}

.hint--info.hint--bottom:after {
  border-bottom-color: #dadada;
}
.hint--info.hint--left:after {
  border-left-color: #dadada;
}
.hint--info.hint--right:after {
  border-right-color: #dadada;
}

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 * 
 * Classes added:
 * 	1) hint--rounded
 *  
 */
.hint--rounded:after {
  border-radius: 4px;
}
.hint--info {
  cursor: help;
}
.percent.hint--info:after {
  min-width: 120px;
  white-space: inherit;
}