[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;
}