.bentral-book-form.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}

.bentral-book-form.fadeInLeft {
    animation-name: bentral-fadeInLeft;
}

.bentral-book-form.fadeInRight {
    animation-name: bentral-fadeInRight;
}

.bentral-book-form.fadeInUp {
    animation-name: bentral-fadeInUp;
}

.bentral-book-form.fadeInDown {
    animation-name: bentral-fadeInDown;
}

.bentral-book-form.slideInDown {
    animation-name: bentral-slideInDown;
}

.bentral-book-form.slideInLeft {
    animation-name: bentral-slideInLeft;
}

.bentral-book-form.slideInRight {
    animation-name: bentral-slideInRight;
}

.bentral-book-form.slideInUp {
    animation-name: bentral-slideInUp;
}

/* ==========================================================================
   Animation Adjustments
   ========================================================================== */

/* Fade In */

@-webkit-keyframes bentral-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bentral-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bentral-fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bentral-fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bentral-fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bentral-fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bentral-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bentral-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


/* Slide In */

@-webkit-keyframes bentral-slideInDown {
    from {
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bentral-slideInDown {
    from {
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bentral-slideInLeft {
    from {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bentral-slideInLeft {
    from {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bentral-slideInRight {
    from {
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bentral-slideInRight {
    from {
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bentral-slideInUp {
    from {
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bentral-slideInUp {
    from {
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Air Datepicker is portaled to body for all bentral search form types (input, input-icon, input-tags, pill, …) */
.air-datepicker-global-container {
    z-index: 100200 !important;
}

.air-datepicker-global-container .air-datepicker {
    --adp-z-index: 100200;
}

/* When JS uses a custom position callback, allow full width; avoid theme max-width on the popup */
.air-datepicker-global-container .air-datepicker.-custom-position- {
    max-width: none !important;
}