#zcalendar-adres-widget {
    z-index:9999;
}

#zcalendarAdresWidget {
    background-color:transparent;
    padding:0;
    height:auto;
    width:auto;
}

#zaw-form {
    padding:0;
    display:flex;
    justify-content: flex-start;
    flex-flow: row wrap;
}

#zaw-form input#zaw-postcode,
#zaw-form input#zaw-huisnummer {
    display:inline-block;
    width:117px;
}

#zaw-form input#zaw-postcode,
#zaw-form input#zaw-huisnummer,
#zaw-form select#zaw-select {
    background-color:#fff;
    margin-top:0;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding:.5rem .75rem;
    line-height: 1.25;
    border: 2px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

@media (max-width: 576px) {
    #zaw-form input#zaw-postcode,
    #zaw-form input#zaw-huisnummer {
        width: 100%;
    }
}

#zaw-form select#zaw-select {
    width: 100%;
}

#zaw-form button#zaw-button,
#zaw-form button#zaw-button:disabled {
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    border: 2px solid #76b72a;
    padding: .4rem;
    border-radius: .3em;
    background-color:#76b72a;
    color: #fff;
    margin-left:0;
    margin-bottom: 0.5rem;
    transition: all 1s;
}

@media (min-width: 577px) {
    #zaw-form button#zaw-button,
    #zaw-form button#zaw-button:disabled {
        flex-grow:1;
    }
}

#zaw-form button#zaw-button:hover {
    background-color:#5d9e11;
    border-color:#5d9e11;
    transition: all 1s;
}

#zaw-form button#zaw-button:disabled {
    background-color:#aaa;
    border-color:#999;
    color: #eee;
    transition: all 2s;
}

#zaw-form > div {
    flex-basis: 100%;
}