.tooltip {
	
	}
.tooltip .tiptext {
    visibility: hidden;
     background-color: rgba(21, 86, 0, 1);
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0px 0;
    position:fixed;
    left: 1%;
    max-width: 300px;

    z-index: 1;
    text-align: left;
    

}
.tooltip .tiptext::after {

    content: "";
    position: absolute;
    border-width: 5px;
}
.tooltip:hover .tiptext {
    visibility: visible;
}
.tooltip.top .tiptext{
  
    top: 10px;
    left: 10px;

}
.tooltip.top .tiptext::after{
    top: 10px;
    left: 10px;
  
    border-color: #2E2E2E transparent transparent transparent;
}