.nav-tabs .nav-link {
    border-color: rgb(0 105 217 / 10%);
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: rgb(0 105 217 / 5%);
        border-color: rgb(0 105 217 / 10%) rgb(0 105 217 / 10%) transparent;
    }

#member-roster {
    position: relative;
}

.brands-img {
    position: absolute;
    top: -10px;
    right: 15px;
    max-height: 40px;
}

.resultset {
    border-bottom: solid 1px #efefef;
}

    .resultset img {
        max-height: 27px;
        margin: 7px;
    }

    .resultset div:last-child {
        text-align: center;
    }

.resultname {
    font-weight: 600;
}


.description {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
    width: 250px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.row.resultset {
    position: relative; /* Ensure the parent container is positioned */
}

#memberResults .fa-info-circle {
    vertical-align: super;
    font-size: 13px;
}

    #memberResults .fa-info-circle:hover + .description {
        display: block; /* Show the description on hover */
    }


img#loadingSubmit {
    margin: 1rem auto;
    display: block;
}

#headerNames > div {
    cursor: pointer;
}

@@media screen and (max-width:767px) {
    .brands-img {
        position: relative;
        top: unset;
        right: unset;
        margin: 0 auto 20px;
        display: block;
    }

    .resultset {
        display: block;
        padding-left: 15px;
    }

        .resultset > div {
            display: inline-block;
            width: unset;
            max-width: unset;
            padding: 0;
        }

            .resultset > div:first-child {
                font-weight: bold;
                display: block;
                white-space: normal;
            }

            .resultset > div:last-child {
                display: block;
                text-align: right;
            }
}