#tooltip {
    position:absolute;
    border-radius:5px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.8);
    width: 100%;
    min-height:50px;
    padding:10px;
    left:0;
    z-index:2;
    xborder:2px solid rgb(115, 115, 115);
    background-color: #01061b;
    xmargin-left:10px;
    cursor:pointer;

    display:inline-flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;

    color:white;
    font-family:Arial;



    border-style: solid;
	border-image-source: url('../img/tooltip.png');
	border-image-slice: 4;
	border-image-width: 4px;
	border-image-outset: 0;
	border-image-repeat: stretch;

}

#tooltip > .title {
    margin-bottom:5px;
    color:grey;
    color: #a79a6d;
}

#tooltip > .content {
    xborder:1px solid grey;
    font-size:0.8em;
    display:flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
    width:100%;
}

#tooltip > .content > .note {
    xborder:1px solid grey;
    display:flex;
    flex-direction: column;
	align-items: start;
	justify-content: center;
    width:100%;
    margin-bottom: 5px;
}

#tooltip > .content > .note > .title {
    xborder:1px solid grey;
    min-width:10%;
    color:#ff8000;
    margin-right:5px;
    display:inline-flex;
    justify-content: start;
	align-items:center;
    text-align: right;
    xpadding-left:5px;
}

#tooltip > .content > .note > .text {
    xborder:1px solid grey;
    color:grey;
    width:90%;
}