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

.agendaView #topContainer{
    display:flex;
    flex-flow:column;
    align-items:center;
}

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

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

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

.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 {

}