.styled-tooltip[data-tooltip] {
	position: relative;
	text-decoration: none;
}
.styled-tooltip[data-tooltip]:after {
    content: attr(data-tooltip);
    text-align: left;
    font-weight: 400;
    font-size:13px;
	position: absolute;
	bottom: 130%;
	left: 20%;
	background: #575757;
	color: white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	opacity: 0;
	/*white-space: nowrap;*/
	/*! -webkit-transition: all 0.5s ease; */
	/*! -moz-transition: all 0.5s ease; */
	/*! -ms-transition: all 0.5s ease; */
	/*! -o-transition: all 0.5s ease; */
    /*! transition: all 0.5s ease; */
    z-index: 2;
	height: 0;
	overflow: hidden;
}
.styled-tooltip[data-tooltip]:before {
	content: "";
	position: absolute;
	width:0;
	height: 0;
	/* border-top: 20px solid #1a272f;*/
	/*! border-left: 20px solid transparent; */
	/*! border-right: 20px solid transparent; */
	/*! -webkit-transition: all 0.5s ease; */
	/*! -moz-transition: all 0.5s ease; */
	/*! -ms-transition: all 0.5s ease; */
	/*! -o-transition: all 0.5s ease; */
	/*! transition: all 0.5s ease; */
	opacity: 0;
	left: 40%;
	bottom: 70%;
}

.styled-tooltip[data-tooltip] icon::before {
    font-family: "FontAwesome";
    content: '\f05a';
    color:#aaa;
    margin:0 4px;
}

.styled-tooltip[data-tooltip]:hover {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px dashed #666;
}

.styled-tooltip[data-tooltip]:hover icon::before {
    color: #575757;
}

.styled-tooltip[data-tooltip]:hover:after {
	bottom: 108%;
    min-width: 200px;
    max-width: 300%;
	padding: 5px 15px;
	overflow: hidden;
}
.styled-tooltip[data-tooltip]:hover:before {
	bottom: 80%;
	border-top: 8px solid #575757;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	/*! z-index: 1; */
}
.styled-tooltip[data-tooltip]:hover:after,
.styled-tooltip[data-tooltip]:hover:before {
	opacity: 0.9;
	height: auto;
}