@import "variables";


/* .calendar-list .calendar:nth-child(2n + 1) {
    border-right:1px solid #ddd
} */

.calendar-list {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;

    .calendar {
        box-sizing: border-box;
        padding: $pad-medium;
        overflow: hidden;
        min-width: 18em;
        width: 25%;

        vn-calendar {
            border: 1px solid #ddd;
            padding: 0.5em
        }
    }
}

vn-horizontal.header {
    justify-content: flex-end;
    margin-bottom: 0.5em;

    .totalBox {
        max-width: 15em
    }
}