/* Fix for iOS modal issues */
.modal-open {
    position: fixed;
    width: 100%;
    height: 100%;
}

.modal {
    -webkit-overflow-scrolling: touch;
}

.modal-dialog {
    margin: 0 auto;
    height: 100%;
    max-height: 100%;
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .modal-open .modal {
        position: absolute;
        overflow-y: scroll;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .modal-backdrop {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
    }
}