/* Colors for the participant list */
.PLNotConfirmed td {
    color: var(--color-participant-not-confirmed);
}
.PLNotConfirmed {
    color: var(--color-participant-not-confirmed);
}
.PLOffline [td] {
    color: var(--color-participant-offline);
}
.PLOffline {
    color: var(--color-participant-offline);
}
.PLNotActive td {
    color: var(--color-participant-not-active);
}
.PLNotActive {
    color: var(--color-participant-not-active);
}
.PLBye td {
    color: var(--color-participant-bye);
}
.PLBye {
    color: var(--color-participant-bye);
}
.PLSmaller td {
    font-size: 1em;
}
.PLSmaller {
    font-size: 1em;
}

.labelvaluegrid[data-v-bc09ded1] {
    display: grid;
    gap: 1em;
    align-items: center;
    grid-template-columns: auto 1fr;
}
.subgrid[data-v-bc09ded1] {
    display: grid;
    gap: 1em;
    align-items: center;
    grid-template-columns: 10em 10em;
}
@media only screen and (max-width: 23em) {
.labelvaluegrid[data-v-bc09ded1] {
        display: grid;
        gap: 1em;
        grid-template-columns: 1fr;
}
.subgrid[data-v-bc09ded1] {
        display: grid;
        gap: 1em;
        align-items: center;
        grid-template-columns: 8em 8em;
}
}

.inputdialog-grid[data-v-fa6759ab] {
    margin: 0.5em;
    display: grid;
    gap: 1em;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.labelvaluegrid[data-v-f2af4b34] {
    display: grid;
    gap: 1em;
    align-items: center;
    grid-template-columns: auto 1fr;
}
@media only screen and (max-width: 23em) {
.labelvaluegrid[data-v-f2af4b34] {
        display: grid;
        gap: 1em;
        grid-template-columns: 1fr;
}
}