/* - ++resource++eea.glossary/tooltip.css - */
@media screen {
/* https://www.eea.europa.eu/portal_css/++resource++eea.glossary/tooltip.css?original=1 */
#tooltip
{
position: absolute;
z-index: 100;
box-sizing: border-box;
padding: 15px;
text-align: center;
color: #fff;
border-radius: 5px;
background: #000;
background: rgba(0,0,0,.8);
}
@media only screen and (max-width: 800px)
{
#tooltip:before
{
font-size: 12px;
position: absolute;
top: 3px;
right: 8px;
content: 'x';
color: #fff;
}
}
#tooltip:after /* */
{
position: absolute;
bottom: -10px;
left: 50%;
width: 0;
height: 0;
margin-left: -10px;
content: '';
border-top: 10px solid rgba(0,0,0,.8);
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
#tooltip.top:after
{
top: -20px;
bottom: auto;
border-top-color: transparent;
border-bottom: 10px solid #111;
}
#tooltip.left:after
{
left: 10px;
margin: 0;
}
#tooltip.right:after
{
right: 10px;
left: auto;
margin: 0;
}

}