@import "variables";

vn-zone-delivery-days {
    vn-zone-calendar {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;

        & > vn-calendar {
            min-width: 264px;
        }
    }
    form {
        display: flex;
        flex-direction: column;
    }
}

.zoneEvents {
    width: 700px;
    max-height: 450px;
    
    vn-data-viewer {
        margin-bottom: 0;
        vn-pagination {
            padding: 0
        }
    }

    & > .header {
        background-color: $color-main;
        color: white;
        font-weight: bold;
        text-align: center
    }
}