.calendars-container {
    margin: 1rem;
}

.calendars-controls-container {
    display: flex;
    justify-content: space-evenly;
}

.calendar-control-button {
    color: white;
    font-size: 1rem;
    max-height: 2.8rem;
    font-weight: bold;
    padding: 8px;
    display: inline-block;
    background: gray;
    border-radius: 6px;
    cursor: pointer;
}

.filter-control-calendars-container {
    padding: 8px;
    border-radius: 7px;
    border: solid 1px navy;
    width: 90%;
    margin-bottom: .5rem;
    display: flex;
    justify-content: space-evenly;
}

@media screen and (max-width: 991px) {
    .filter-control-calendars-container {
        flex-direction: column;
    }

    .filter-control-calendars-container > div {
        margin-bottom: 4px;
    }

    .calendar-control-button {
        max-height: 6rem;
    }
}