[data-tooltip] {
	position: relative; }
	[data-tooltip].success:before {
	  border-top-color: #458746; }
	[data-tooltip].success:after {
	  background: #458746; }
	[data-tooltip].info:before {
	  border-top-color: #3986ac; }
	[data-tooltip].info:after {
	  background: #3986ac;
	  text-shadow: 0 -1px 0px #193b4d; }
	[data-tooltip].warning:before {
	  background-color: #c09854;
	  text-shadow: 0 -1px 0px #6c5328; }
	[data-tooltip].warning:after {
	  border-top-color: #c09854; }
	[data-tooltip].error:before {
	  border-top-color: #b34e4d; }
	[data-tooltip].error:after {
	  background-color: #b34e4d;
	  text-shadow: 0 -1px 0px #592726; }
	[data-tooltip]:after {
	  position: absolute;
	  -webkit-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	  visibility: hidden;
	  opacity: 0;
	  z-index: 1000000;
	  pointer-events: none;
	  display: block;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out; }
	[data-tooltip]:hover:after {
	  visibility: visible;
	  z-index: 1000000;
	  opacity: 1;
	  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	  -webkit-transform: translateY(-8px);
		  -ms-transform: translateY(-8px);
			  transform: translateY(-8px); }
	[data-tooltip]:after {
	  font-family: Helvetica,Arial, sans-serif;
	  background: white;
	  color: #3f525c;
	  border: 1px solid #d2d2d2;
	  font-size: 12px;
	  line-height: 12px;
	  white-space: nowrap;
	  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
			  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	  margin-left: -18px;
	  padding: 10px 10px 10px 10px;
	  margin-bottom: 0px;
	  margin-top: 0px;
	  bottom: 100%;
	  left: 50%;
	  border-radius: 5px; }
	[data-tooltip][data-placement=bottom]:after {
	  bottom: -5em; }
  
  [data-tooltip]:after {
	content: attr(data-tooltip); }