[data-tip]{position:relative;cursor:help;}
[data-tip]:before{content:'';display:none;border:5px solid #00c2a9;border-top-color:#00c2a9;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;position:absolute;top:-11px;left:20px;z-index:8;font-size:0;line-height:0;width:0;height:0;}
[data-tip]:after{display:none;content:attr(data-tip);position:absolute;top:-35px;left:-10px;padding:7px 15px;background:#00c2a9;color:#fff;z-index:9;font-size:13px;height:auto;line-height:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;word-wrap:normal;}
[data-tip]:hover:before,
[data-tip]:hover:after{display:block;}
.help{color:#00b7d8;}
.help[data-tip]:before{border-top-color:#00b7d8;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
.help[data-tip]:after{background:#00b7d8;color:#fff;}
.success{color:#51bd6a;}
.success[data-tip]:before{border-top-color:#51bd6a;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
.success[data-tip]:after{background:#51bd6a;color:#fff;}
.tip-below[data-tip]:after{top:23px;left:0px;}
.tip-below[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#1a1a1a;border-left-color:transparent;top:13px;left:10px;}
.tip-below.help[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#00b7d8;border-left-color:transparent;}
.tip-below.success[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#51bd6a;border-left-color:transparent;}
.tip-below.alert[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#f9ca64;border-left-color:transparent;}
.tip-below.error[data-tip]:before{border-top-color:transparent;border-right-color:transparent;border-bottom-color:#e1473e;border-left-color:transparent;}