#imageModal #openedImage {
    border: 5px solid white;
    height: auto;
    max-height: calc(100vh - 80px);
    max-width: 100%;
}

#imageModal>.modal-dialog {
    display: inline-block;
    width: auto;
    max-width: 100%;
}


/* Animation */

#imageModal.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}


/* The Close Button */
#unideb-loading {
    background-image: url('../images/image_gallery/60px_loading_icon.png');
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

#imageModal .closeButton {
    float: right;
    color: white;
    font-size: 30px;
    font-weight: bold;
    transition: 0.3s;
    line-height: 0.6;
}

#imageModal .closeButton:hover,
.closeButton:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

#imageModal {
    text-align: center;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}