
.bs-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    z-index: -1;
    background-color: var(--bs-modal-overlay-bg);
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out .15s,
                visibility ease-in-out .15s;
}

/* Modal fake */
.bs-modal .bs-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
}

/* Modal container */
.bs-modal .bs-modal-dialog {
    position: relative;
    width: 100%;
    min-height: 100%;
    pointer-events: none;
    z-index: 20;
}

/* Modal content */
.bs-modal .bs-modal-container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: var(--bs-modal-width);

    pointer-events: auto;
    background-color: var(--bs-modal-content-bg);
    border-radius: var(--bs-modal-border-radius);
    outline: none;
    
    padding-top: 0;
    transition: all ease var(--bs-modal-animation-duration);
}
.bs-modal .bs-modal-content {
    padding: var(--bs-modal-padding);
}

/* Botón Cerrar */
.bs-modal-close {
    position: relative;
    margin: 1rem var(--bs-modal-padding) 0 var(--bs-modal-padding);
    height: var(--bs-modal-close-icon-size);
    width: var(--bs-modal-close-icon-size);
    margin-left: auto;
}
.bs-modal-close__icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.bs-modal-close__icon::before,
.bs-modal-close__icon::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px; /* cross thickness */
    background-color: var(--bs-modal-close-icon-color);
}

.bs-modal-close__icon::before {
    transform: rotate(45deg);
}

.bs-modal-close__icon::after {
    transform: rotate(-45deg);
}

/* Modal abierto */
.bs-modal.bs-modal--active {
    overflow-y: auto;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

/*
 * ANIMACIONES
 */

/* ANIMACIONES > Bottom to top */
.bs-modal.bs-modal--bottom-to-top .bs-modal-container {
    transform: translateY(100%);
}
.bs-modal.bs-modal--bottom-to-top.bs-modal--active .bs-modal-container {
    transform: translateY(0);
}


/* ANIMACIONES > Fade In */
.bs-modal.bs-modal--fade-in .bs-modal-container {
    opacity: 0;
}
.bs-modal.bs-modal--fade-in.bs-modal--active .bs-modal-container {
    opacity: 1;
}


/* ANIMACIONES > Zoom In */
.bs-modal.bs-modal--zoom-in .bs-modal-container {
    transform: scale(.4);
}
.bs-modal.bs-modal--zoom-in.bs-modal--active .bs-modal-container {
    transform: scale(1);
}

/* Correciones para forminator */
div#ui-datepicker-div {
    z-index: 999999 !important;
}

body.forminator-hustle-dropdown-fix .forminator-select.forminator-select-dropdown-container--open {
    z-index: 999999;
}