/* TE Events Anfrageformular — minimal supplemental styles to UIkit */

.te-rental-bestellformular {
    margin: 1em 0;
}

.te-rental-form .ms-required {
    color: #b00;
}

.te-rental-form__intro {
    background: #f8f8f8;
    border-left: 3px solid #0575D1;
    padding: 8px 12px;
}

.te-rental-form__category {
    margin-top: 24px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e0e0e0;
}

.te-rental-form__product {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}
.te-rental-form__product:last-child {
    border-bottom: none;
}

.te-rental-form__product .uk-form-label-small {
    font-size: 11px;
    color: #666;
    margin-bottom: 2px;
}

.te-rental-form [data-errors-for]:empty {
    display: none;
}

.te-rental-form__product--invalid {
    background-color: #fff5f5;
    box-shadow: inset 3px 0 0 0 #b00;
}

.te-rental-form__product .uk-form-danger {
    border-color: #b00;
    background-color: #fff;
}

.te-rental-form__product-error {
    margin-top: 4px;
    font-weight: 600;
}

[data-form-success] {
    margin: 1em 0;
}

.te-rental-form.is-loading {
    pointer-events: none;
    opacity: 0.75;
}

.te-rental-form__progress {
    margin-top: 8px;
}

.te-rental-form__progress-hint {
    margin: 4px 0 0;
}