/**
* html5tooltips.js
* Light and clean tooltips with CSS3 animation.
* https://github.com/ytiurin/html5tooltipsjs
*
* Yevhen Tiurin <yevhentiurin@gmail.com>
* The MIT License (MIT)
* http://opensource.org/licenses/MIT
*
* May 14, 2014
**/

.html5tooltip-box
{
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  -ms-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  -o-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  background-color: #899497;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  padding: .25rem .75rem .25rem .75rem;
  border-radius: 5px;
  color: #3f4648;
  font-size: 0.8rem;
}
.html5tooltip-text
{
}
.html5tooltip-hr
{
  height: 7px;
}
.html5tooltip-pointer
{
  border-color: rgba(42, 42, 42, 0.95);
  height: 12px;
  position: absolute;
  width: 12px;
}
.html5tooltip-po
{
  border: 6px solid rgba(255, 255, 255, 0);
  position: absolute;
}
.html5tooltip-pi
{
  border: 5px solid rgba(255, 255, 255, 0);
  left: 1px;
  position: absolute;
  top: 2px;
}
.html5tooltip-bottom .html5tooltip-pointer .html5tooltip-pi
{
  border-bottom-color: inherit;
}
.html5tooltip-left .html5tooltip-pointer .html5tooltip-pi
{
  border-left-color: inherit;
}
.html5tooltip-right .html5tooltip-pointer .html5tooltip-pi
{
  border-right-color: inherit;
}
.html5tooltip-top .html5tooltip-pointer .html5tooltip-pi
{
  border-top-color: inherit;
}

/**
* html5tooltips.js
* Light and clean tooltips with CSS3 animation.
* https://github.com/ytiurin/html5tooltipsjs
*
* Yevhen Tiurin <yevhentiurin@gmail.com>
* The MIT License (MIT)
* http://opensource.org/licenses/MIT
*
* May 7, 2014
**/

.html5tooltip-bottom,
.html5tooltip-left,
.html5tooltip-right,
.html5tooltip-top
{
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  -o-perspective: 300px;
  -webkit-perspective: 300px;
  perspective: 300px;
}

.html5tooltip-box.animating
{
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.html5tooltip-more.animating
{
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}

.html5tooltip-pointer.animating
{
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  -o-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}

/* Fadein */
.fadein-from { opacity: 0; }
.fadein-to { opacity: 1; }

.fadein-from,
.fadein-to 
{
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Scalein */
.scalein-from
{
  opacity: 0;
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.scalein-to
{
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.html5tooltip-bottom .scalein-to
{
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.html5tooltip-left .scalein-to
{
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.html5tooltip-right .scalein-to
{
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.html5tooltip-top .scalein-to
{
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}