/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
body:not(.no-tooltips) [data-tooltip] {
        position: relative;
        z-index: 2;
    }
/* Hide the tooltip content by default */
body:not(.no-tooltips) [data-tooltip]:before,
    body:not(.no-tooltips) [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }
/* Position tooltip above the element */
body:not(.no-tooltips) [data-tooltip]:before {
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -80px;
        padding: 7px;
        width: 200px;
        border-radius: 3px;
        background-color: #000000;
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #ffffff;
        content: attr(data-tooltip);
        text-align: center;
        line-height: 1.2;
        font-weight: 400;
        font-style: normal;
        font-size: 0.875rem;
        text-transform: none;
        word-break: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
/* Triangle hack to make tooltip look like a speech bubble */
body:not(.no-tooltips) [data-tooltip]:after {
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000000;
        border-top: 5px solid hsla(0, 0%, 20%, 0.9);
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }
/* Show tooltip content on hover */
body:not(.no-tooltips) [data-tooltip]:hover:before,
    body:not(.no-tooltips) [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

