.user-reports-tooltip-container {
    position: relative; /* Required for positioning the tooltip text */
    display: inline-block; /* Allows the container to wrap its content */
    /*border-bottom: 1px dotted #ccc; !* Optional: adds a visual cue for hoverable text *!*/
    /*padding: 5px; !* Optional: for better spacing *!*/
}

.user-reports-tooltip-text {
    visibility: hidden; /* Hidden by default */
    width: 150px; /* Adjust as needed */
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    position: absolute;
    z-index: 1; /* Ensures the tooltip is above other content */
    bottom: 150%; /* Positions the tooltip above the container */
    left: 50%; /* Centers the tooltip horizontally */
    margin-left: -75px; /* Half of the width to perfectly center */
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s; /* Smooth fade-in effect */

    font-size: 11px;
    font-family: 'Open Sans', sans-serif;

    /*color: #fff;*/
    /*color: #f7f7f7;*/
    /*color: #526273;*/
    color: #fff;

    /*background-color: #333;*/
    /*background-color: #f7f7f7;*/
    background-color: #526273;

}

/* Tooltip arrow */
.user-reports-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Positions the arrow at the bottom of the tooltip */
    left: 50%;
    margin-left: -5px; /* Half of the arrow's base width */
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent; /* Creates a downward-pointing arrow */
}

/* Show the tooltip when hovering over the container */
.user-reports-tooltip-container:hover .user-reports-tooltip-text {
    visibility: visible;
    opacity: 1;
}

.user-reports-column-header-support {
    color: #333333;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.user-reports-btn-arrow-up-disabled {
    padding: 0;
    color: black !important;
}
.user-reports-btn-arrow-up-enabled {
    padding: 0;
}
.user-reports-btn-arrow-down-disabled {
    padding: 0;
    margin-left: -8px;
    color: black !important;
}
.user-reports-btn-arrow-down-enabled {
    padding: 0;
    margin-left: -8px;
}