/*************/
/* use for any tag on your page */
/* [data-title]:hover:after {opacity: 1;transition: all 0.15s ease 0.75s;visibility: visible;}
[data-title]:after {content: attr(data-title);position: absolute;top: -1.75em;left: 5%;z-index: 99999;visibility: hidden;font-family: sans-serif;white-space: nowrap;background-color: #0a6f75;color: #fff;font-size: 1rem;padding: 0.25rem;box-shadow: 1px 1px 3px #222222;opacity: 0;border: 1px solid #111111;border-radius: 0.5rem;cursor: alias;}
[data-title] {position: relative;cursor: pointer;cursor: help;cursor: alias;} */
[data-title]:hover:after {opacity: 1;transition: all 0.15s ease 0.75s;visibility: visible;z-index: 9999;}
[data-title]:after {content: attr(data-title);position: absolute;top: -1.75em;left: 5%;z-index: 9998;visibility: hidden;font-family: sans-serif;white-space: nowrap;background-color: #0a6f75;color: #fff;font-size: 1rem;padding: 0.25rem;box-shadow: 1px 1px 3px #222222;opacity: 0;border: 1px solid #111111;border-radius: 0.5rem;cursor: alias;z-index: 9998;}
[data-title] {position: relative;cursor: alias; z-index: 9998;}
[data-title]:hover {z-index: 9999;}
[data-title-bottom]:hover:after {opacity: 1;transition: all 0.15s ease 0.75s;visibility: visible;z-index: 9999;}
[data-title-bottom]:after {content: attr(data-title-bottom);position: absolute;bottom: -1.75em;left: 5%;z-index: 99999;visibility: hidden;font-family: sans-serif;white-space: nowrap;background-color: #0a6f75;color: #fff;font-size: 1rem;padding: 0.25rem;box-shadow: 1px 1px 3px #222222;opacity: 0;border: 1px solid #111111;border-radius: 0.5rem;cursor: alias;z-index: 9998;}
[data-title-bottom] {position: relative;cursor: alias;z-index: 9998;}
[data-title-bottom]:hover {z-index: 9999;}
[data-title-left]:hover:after {opacity: 1;transition: all 0.15s ease 0.75s;visibility: visible;z-index: 9999;}
[data-title-left]:after {content: attr(data-title-left);position: absolute;left: -100%;z-index: 99999;visibility: hidden;font-family: sans-serif;white-space: nowrap;background-color: #0a6f75;color: #fff;font-size: 1rem;padding: 0.25rem;box-shadow: 1px 1px 3px #222222;opacity: 0;border: 1px solid #111111;border-radius: 0.5rem;cursor: alias;z-index: 9998;}
[data-title-left] {position: relative;cursor: alias;z-index: 9998;}
[data-title-left]:hover {z-index: 9999;}
[data-title-right]:hover:after {opacity: 1;transition: all 0.15s ease 0.75s;visibility: visible;z-index: 9999;}
[data-title-right]:after {content: attr(data-title-right);position: absolute;left: 100%;z-index: 99999;visibility: hidden;font-family: sans-serif;white-space: nowrap;background-color: #0a6f75;color: #fff;font-size: 1rem;padding: 0.25rem;box-shadow: 1px 1px 3px #222222;opacity: 0;border: 1px solid #111111;border-radius: 0.5rem;cursor: alias;z-index: 9998;}
[data-title-right] {position: relative;cursor: alias;z-index: 9998;}
[data-title-right]:hover {z-index: 9999;}