.btnrnspecdate {
    margin: 0.2em;
    padding: 0.2em;
    font-size: 90%;
    border: 2px solid transparent;
    width: 10.7em;
    min-width: 10.7em;
    max-width: 10.7em;
}

.btnrnspeccanceldate {
    background-color: rgb(255, 208, 208);
}

.btnrnspecdate:hover {
    background-color: rgba(200, 208, 216);
}

.btnrnspeccanceldate:hover {
    background-color: rgb(224, 160, 160);
}

.btnrnspecseldate {
    border: 2px solid rgb(66, 111, 156);
    background-color: rgb(228, 236, 244);
}

.btnrnspecselcanceldate {
    border: 2px solid rgb(192, 64, 64);
    background-color: rgb(255, 208, 208);
}

.spanrndatedate {
    margin-right: 0.5em;
    padding: 0.1em 0.5em;
    background-color: rgb(56, 97, 149);
    font-size: 90%;
    color: white;
    border-radius: 0.25em;
}

.reunion-table {
    border-collapse: collapse;
    font-size: inherit;
    width: 100%;
    table-layout: fixed;
    border: none;
}

.reunion-table td,
.reunion-table th {
    border: 1px solid gray;
    text-align: center;
    padding: 0;
}

.reunion-table tr {
    text-align: center;
}

.reunion-table tr td:nth-child(4) {
    text-align: center;
}

.reunion-table th {
    padding: 0.3em;
    color: black;
    background-color: rgb(212, 212, 212);
}

.reunion-table tr:nth-child(odd) {
    background-color: rgb(244, 244, 244);
}

.reunion-table tr:nth-child(even) {
    background-color: white;
}

@media only screen and (max-width: 400px) {

    .editpanelrid {
        padding: 0.3em 0.5em 0.5em 0.5em;
    }
}