/*=========================================================*/
/* 							TABLE 						   */
/*=========================================================*/

#event_table{
	width: 100%;
	font-size: 1.2em;
	border-collapse: collapse;
}

.event{
	border-bottom: 1px solid black;
}

.event td {
	padding: 10px;
	cursor: default;
}

.event .tooltip {
	visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
	opacity: 0.8;
 
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
	margin-left: 5px;
}

.event .tooltip::after {
    content: " ";
    position: absolute;
    top: 20%;
    right: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
} 

/* Show the tooltip text */
.event:hover .tooltip {
    visibility: visible;
}