#attendee_new_info {
    width: 95% !important;
    border-collapse: collapse !important;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 40px !important;
}

/* General styling for table cells */
#attendee_new_info td {
    padding: 8px;
    font-size: 14px;
}

/* Apply border-bottom only to the second td */
#attendee_new_info td:nth-child(2) {
    border-bottom: 1px solid #ddd;
}

/* Remove border-bottom from last row */
#attendee_new_info tr:last-child td:nth-child(2) {
    border-bottom: none;
}

/* Bold labels and color adjustment */
#attendee_new_info td:first-child {
    font-weight: bold;
    color: #555;
}

/*!* Alternate row colors *!*/
/*#attendee_new_info tr:nth-child(even) {*/
/*    background: #f0f0f0;  !* Light grey for alternate rows *!*/
/*}*/

/*#attendee_new_info tr:nth-child(odd) {*/
/*    background: #f0f0f0;  !* White for other rows *!*/
/*}*/

/* Hover effect for modern UI */
/*#attendee_new_info tr:hover {*/
/*    background: #eef7ff;*/
/*}*/

#attendee_new_info tr[style*="display: none"] {
    display: table-row !important;
    opacity: 0;
    height: 0;
    pointer-events: none;
}

#attendee_new_info tr[style*="display: none"] td {
    border-bottom: none !important;
}

.group-count{
    float: right;
    padding: 6px;
    border-radius: 4px;
    background: var(--primary-theme-color);
    color: #fff;
    margin-right:20px;
    margin-bottom: 2px;
}

@media (max-width: 480px) {
    #attendee_new_info {
        width: 85% !important;
        border-collapse: collapse !important;
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
        margin-left: 40px !important;
    }

    .button-container-checkin button {
        width: 100%;
    }
}