/*                  		JQEASYTOOLTIP
/*                              =====
/*                      By j3dlab.com - 2014
/*==========================================================================

						 __________________
						|				   |
						|   Hello World!   |
						|_________ ________|
								  V

CSS CONTENTS

1. 	Imports Fonts
2. 	General Styles
3. 	Tooltip Possitions
4. 	Theme Square
5. 	Theme Solid
6. 	Theme Comic
7. 	Theme Flat
8. 	Theme Default
9. 	swingX animation
10. swingY animation
11. swingZ animation
12. glow animation
13. Default animation
14. Font Awesome

========================================================================== */



/*==========================================================================
1. Imports Fonts
========================================================================== 

@ imp ort u rl(http://fonts .googleapis.com/css?family=PT+Sans);
@i mport ur l(http://fon ts.googleapis.com/css?family=Lato);*/

/*==========================================================================
2. General Styles
========================================================================== */

.jqeasytooltip{ cursor: pointer; }



.jqeasytooltip-loading{position:absolute; left: 50%; top: 50%; z-index: 9999; margin:-9px 0 0 -9px; width:10px; height:10px; border-top:3px solid #fff; border-bottom:3px solid #fff; border-left:3px solid #fff; border-right:3px solid #000;
     -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    -moz-animation-name:ball_moveG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -webkit-animation-name:ball_moveG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -ms-animation-name:ball_moveG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    -o-animation-name:ball_moveG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-timing-function:linear;
    animation-name:ball_moveG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
 }

  @-moz-keyframes ball_moveG{
    0%{ -moz-transform:rotate(0deg)}
    100%{ -moz-transform:rotate(360deg)}
  }

  @-webkit-keyframes ball_moveG{
    0%{ -webkit-transform:rotate(0deg)}
    100%{ -webkit-transform:rotate(360deg)}
  }

  @-ms-keyframes ball_moveG{
    0%{ -ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(360deg)}
  }

  @-o-keyframes ball_moveG{
    0%{  -o-transform:rotate(0deg)}
    100%{  -o-transform:rotate(360deg)}
  }

  @keyframes ball_moveG{
    0%{  transform:rotate(0deg)}
    100%{  transform:rotate(360deg)}
  }



/*==========================================================================
3. Tooltip Possitions
========================================================================== */

*[class*="tiptheme"]{  color:#000; font-family: open_sansextrabold,Arial,sans-serif; font-size: 12px; text-shadow:1px 1px 0 #ccc;  box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 1px 0 #ededed inset;   padding:15px; border-radius: 5px;  display: inline-block; position: absolute; z-index: 9999;}
*[class*="tiptheme"] h1{ font-size:19px ;}



/*==========================================================================
4. Theme Square
========================================================================== */


*[class*="tipthemesquare"]{  box-shadow: none !important; text-shadow:none !important; border-radius: 0 !important; }
.tipthemesquarewhite{color:#000 !important;  background: #fff; border:3px solid #e1001e;}
.tipthemesquarewhite:before{  border-color: #e1001e !important; }
.tipthemesquarewhite:after{border-color: #fff !important; }


   

/*==========================================================================
8. Theme Default
========================================================================== */

.tiptheme{ color:#fff !important; text-shadow:1px 1px 0 #666 !important; border: 3px solid #e1001e; border-radius: 0; background: #29A9FF; box-shadow: none !important;}
.tiptheme:before{border-color: #e1001e !important; }
.tiptheme:after{border-color: #e1001e !important; }

/*tip arrows*/
.tiptop:before, .tiptop:after { content: ''; border-width: 10px; display: inline-block; border-style: solid; border-color:inherit;  border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; position: absolute; left: 0%;transform:translateX(10px); -webkit-transform:translateX(10px); top:100%; margin-left: 20px;}
.tiptop:after{ margin-top: -1px;}


    

/*==========================================================================
13. Default animation
========================================================================== */

/*OPEN*/
.tipopen{-webkit-animation:appear 0.5s; animation:appear 0.5s;}
@keyframes appear{
	0%{ opacity: 0; transform-origin:50% 100%; transform: scale(0.5,0.5) perspective(4000px) rotateX(90deg);}
	100%{ opacity: 1; transform: scale(1,1) perspective(4000px) rotateX(0deg);}
}
@-webkit-keyframes appear{
	0%{ opacity: 0; -webkit-transform: scale(0,0);}
	100%{ opacity: 1; -webkit-transform: scale(1,1);}
}

/*CLOSE*/
.tipclose{-webkit-animation:disappear 0.5s; animation:disappear 0.5s; opacity: 0;}
@keyframes disappear{
	0%{ opacity: 1;  transform: scale(1,1) }
	100%{ opacity: 0; transform: scale(0,0) }
}
@-webkit-keyframes disappear{
	0%{ opacity: 1; -webkit-transform: scale(1,1);}
	100%{  opacity: 0; -webkit-transform: scale(0,0);}
}

 

/*==========================================================================
14. Font Awesome
========================================================================== */

*[class*="tipicon"] i{margin:0 15px 0px 0;vertical-align: middle;position: relative;}