#webinarDatesModal .modal-dialog {
    margin: 20px auto;
    width: 90%;
    max-width: 500px;
}

#webinarDatesModal .modal-content {
    height: 85vh;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

#webinarDatesModal .modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

#webinarDatesModal table {
    width: 100%;
    table-layout: fixed;
}

#webinarDatesModal th,
#webinarDatesModal td {
    padding: .75rem;
    width: 50%;
    text-align: center;
}

@media (max-width: 576px) {
    #webinarDatesModal .modal-dialog {
        margin: 10px;
        width: calc(100% - 20px);
        max-width: none;
    }

    #webinarDatesModal th,
    #webinarDatesModal td {
        padding: 0.5rem 1.84rem;


    }
}