.tooltip, .arrow:after {
    background: #1DA23C;
}
.tooltip {
    padding: 5px 5px;
    color: white;
    border-radius: 5px;
    font: 8px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    opacity:0.6;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 90%;
    margin-left: -130px;
    bottom: -16px;


    box-shadow: 6px 5px 9px -9px black;
    /*-webkit-transform: rotate(45deg);*/
    /*-moz-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*-o-transform: rotate(45deg);*/

}

.tooltip.top {
    top: -16px;
    bottom: auto;
}
.tooltip.left {
    left: 20%;
}

.tooltip.top:after {
    bottom: -20px;
    top: auto;
}