$("<style>")
                .prop("type", "text/css")
                .html("\
                .app_tooltip { position: relative } \
                .app_tooltip .app_tooltiptext  {  visibility: hidden; width: 120px;background-color: black; color: #fff;text-align: center; border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: -5px;left: 110%; }\
                .app_tooltip .app_tooltiptext::after { content: position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent;}\
                .app_tooltip:hover .tooltiptext> {visibility: visible}\
                .app_tooltip { background-color: blue } \

                ")
                .appendTo("head");