.md-toast-top-center {
    top: 10vh;
    right: 43vw;
}

@media (max-width: 900px) {
    .md-toast-top-center {
        top: 10vh;
        right: 20vw;
    }
}

@media (min-width: 576px) {
    .date-time-date {
        flex: 0 0 auto;
        width: 50% !important;
    }
}

@media (min-width: 576px) {
    .date-time-range {
        flex: 0 0 auto;
        width: 23% !important;
    }
}

@media (min-width: 576px) {
    .date-range {
        flex: 0 0 auto;
        width: 46% !important;
    }
}