.tr_content {
    background-color: white !important;
    border-radius: 4px;
}

.rightpanel-nav {
    display: flex;
    align-items: center;
}

.group_name_container {
    padding: 0.5rem 2rem;
    /* background-color: #5C6580; */
    border-radius: 4px;
    background: linear-gradient(90deg, #46516d 50.93%, #7286b3 121.62%);
    color: white;
}


/* .audio-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 10px;
    align-items: stretch;
} */

#audioContainer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    align-items: stretch;
}

/* .audio-card-card {
    display: flex;
    flex-direction: column;
} */

@media (max-width: 1600px) {
    #audioContainer {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1400px) {
    #audioContainer {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    #audioContainer {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    #audioContainer {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 376px) {
    #audioContainer {
        grid-template-columns: repeat(1, 1fr);
    }
}