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