/* Tooltip container */
.tooltip
{
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext
{
    visibility: hidden;
    width: 200px;
    background-color: hsl(0,100%,99%);
	background-color: rgb(255,250,250);
    color: hsl(185,50%,0%);
    color: rgb(0,0,0);
    text-align: left;
    padding: 4px 7px 9px 11px;
    border-radius: 5px;
    border: 1px solid hsl(11.4,24.1%,80%);
    border: 1px solid rgb(216,196,192);

    /* Position the tooltip text */
    position: absolute;
    z-index: 200;
    left: -70px;
    top: 40px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.2s ease-in;
}

.tooltiptext
{
	line-height: 130%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext
{
    visibility: visible;
    opacity: 1;
}