.table-container {
    overflow-x: auto;
}



#detailbtn {
    border-radius: 100px;
    background-color: royalblue;
    color: white;

}

    #detailbtn:hover {
        background-color: #e3eaff;
        color: royalblue
    }

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

    .responsive-table th {
        background-color: #50acd1;
        color:white;
        text-align:center;
        padding:15px;
    }

    .responsive-table td {
        padding: 8px 12px;
        border: 1px solid #ddd;
        background-color: white;
    }

.details-row {
    background-color: #f9f9f9;
}

    .details-row ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .details-row ul li {
            margin: 4px 0;
        }