.tool-tip{color:#fff;background-color:rgba(11,173,18,.7);text-shadow:none;font-size:16px;visibility:hidden;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:20px;text-align:center;opacity:0;z-index:999;padding:3px 8px;position:absolute;cursor:default;-webkit-transition:all 240ms ease-in-out;-moz-transition:all 240ms ease-in-out;-ms-transition:all 240ms ease-in-out;-o-transition:all 240ms ease-in-out;transition:all 240ms ease-in-out}.tool-tip.top:after,.tool-tip:after{position:absolute;bottom:-12px;left:50%;margin-left:-7px;content:' ';height:0;width:0;border:6px solid transparent;border-top-color:rgba(0,0,0,.7)}.tool-tip,.tool-tip.top{width:100px;height:60px;margin-left:-43px}.tool-tip.left{top:50%;left:auto;right:105%;margin-top:-34px;margin-left:auto}.tool-tip.left:after{left:auto;right:-12px;top:50%;margin-top:-6px;bottom:auto;border-top-color:transparent;border-left-color:rgba(11,173,18,.7)}*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip{visibility:visible;opacity:1;-webkit-transition:all 240ms ease-in-out;-moz-transition:all 240ms ease-in-out;-ms-transition:all 240ms ease-in-out;-o-transition:all 240ms ease-in-out;transition:all 240ms ease-in-out}*:not(.on-focus) > .tool-tip.slideIn.left,
.on-focus > .tool-tip.slideIn.left{right:50%}*:not(.on-focus):hover > .tool-tip.slideIn.left,
.on-focus > input:focus + .tool-tip.slideIn.left{right:102%}a.tooltips{position:relative;display:inline}a.tooltips span{position:absolute;width:140px;color:#000;background:#fff8cc;height:30px;line-height:30px;text-align:center;visibility:hidden;border-radius:6px;margin-top:25px;border:1px solid #d2d2d2;border-radius:20px;background-color:#f8f8f8;width:350px;height:300px}a.tooltips span:after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-8px;width:0;height:0;border-bottom:8px solid #c7c7c7;border-right:8px solid transparent;border-left:8px solid transparent}a:hover.tooltips span{visibility:visible;//opacity: 0.8;top:30px;left:50%;margin-left:-175px;z-index:999}