/*  TOOLTIP */
.toggletip-container {
  position: relative;
  display: inline-block;
}
.toggletip-container>button{
	border-radius: 15px;
	padding: 2px 8px;
	margin: 5px;
}
/* the bubble element, added inside the toggletip live region */

.toggletip-bubble {
	/*visibility: hidden;*/
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -125px;

    /* Fade in tooltip */
    /*opacity: 0;*/
    transition: opacity 0.3s;
}
.toggletip-bubble::after{
	content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}
.toggletip-bubble.right{
	margin-left: -10px;
}
.toggletip-bubble.right::after{
	left:4%;
}
.toggletip-bubble.left{
	margin-left: -220px;
}
.toggletip-bubble.left::after{
	left:96%;
}
.toggletip-bubble a:link, .toggletip-bubble a:visited {
    color:white;
    text-decoration: underline;
}