/* .section{
    width: fit-content;
} */
.custom-button{
    list-style:none !important;
}
.custom-button li{
    float:left;
    padding: 3px;
}

table.dataTable td{
    padding: 15px 8px;
}
.fontawesome-icons .the-icon svg {
    font-size: 24px;
}

/* data title  */
.my-tooltip-class {
    position: relative;
}

.my-tooltip-class::after {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.my-tooltip-class:hover::after {
    opacity: 1;
}
/* data title end */