/*.nav-scrollable {
    max-height: 100vh;
    overflow-y: auto;
}

.nav-link {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .nav-link.active {
        background-color: #007bff;
        color: white !important;
    }

.table thead th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
}
*/

.hover-underline {
    /*font-size: 2rem;*/
    color: #ffffff;
    position: relative;
    /*display: inline-block;*/
}

    .hover-underline::after,
    .hover-underline::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: linear-gradient(to right, #ff0000, #00ffff);
        bottom: -5px;
        left: 0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s ease-out;
    }

    .hover-underline::before {
        top: -5px;
        transform-origin: left;
    }

    .hover-underline:hover::after,
    .hover-underline:hover::before {
        transform: scaleX(1);
    }