.agendaView .show {
    z-index: 10;
}

.agendaViewCard {
    background-color: var(--mds-blue);
}

    .agendaViewCard header {
        background-color: var(--mds-gray);
    }

    .agendaViewCard div {
        background-color: var(--mds-light-gray-transparent);
    }

.agendaView .w3-table td:first-child {
    padding: 8px 8px;
}

.animateTr {
    animation-name: groupHeaderAnimation;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-timing-function: ease-in-out;
}

@keyframes groupHeaderAnimation {

    to {
        background-color: var(--mds-dark-transparent);
    }
}

.agendaView .datePicker {
    padding: 10px;
    width: 80%;
    font-size: 10pt;
}

        .agendaView .datePicker table tr td {
            height: 40px;
        }