#pi_country_data_table {
    width: 100%;
    border-collapse: collapse;
}

#pi_country_data_table th,
#pi_country_data_table td {
    /* width: 50%; 
    padding: 10px;
    text-align: left; */
    border: none;
    font-weight: bold;
}

#pi_country_data_table thead tr th{
    color: #fff;
    background-color: #3E206C;
    text-align: left;
}

#pi_country_data_table tbody>tr:nth-child(odd)>td {
    background-color: hsla(0,0%,50.2%,.0705882353); 
}

#pi_country_data_table tbody>tr:nth-child(even)>td {
    background-color: #f2f2f2; 
}

/* Tooltip Style */
.pi_tooltip {
    position: relative;
    font-size: 12px;
    color: white;
    background-color: #989898;
    padding: 1px 6px;
    border-radius: 30px;
}

.pi_tooltip::before {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%) rotate(-45deg);
    content: "";
    display: none;
    width: 0;
    height: 0;
    border: 8px solid #343c49;
    border-top-color: transparent;
    border-right-color: transparent;
}
   
.pi_tooltip::after {
    display: none;
    position: absolute;
    content: attr(data-tooltip);
    bottom: calc(100% + 8px);
    left: 50%;
    right: 0;
    transform: translate(-50%);
    font-weight: 500;
    text-align: justify;
    min-width: 170px;
    background-color: #343c49;
    color: #fff;
    border-radius: 8px;
    padding: 8px;
}
   
.pi_tooltip:hover:not(:focus)::before,
.pi_tooltip:hover:not(:focus)::after {
    display: block;
}