/*
 *  Gallery - CSS - the master overlay layer for displaying full sized images
 */
#galleryInspectOverlay img
{
    max-width: 100%;
    max-height: calc(100vh - 80px);
}

.modal-body p 
{
    margin: 0;
    padding: 0;
}

.modal-body .close {
    position:fixed;
    right:0;
    top:0;
    background-color: rgba(1, 1, 1, .65);
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;

}

.modal-body .picture-title {
    float: left;
}

.modal-body .picture-caption {
    float: right;
}

.modal {
    text-align:center;
        overflow: hidden;

}
.modal-dialog {
    display: inline-block;
    width: auto;
    overflow: hidden;
}
/*
#galleryInspectOverlay .modal-dialog
{
    display: inline-block;
    width: auto;

   /* width:2000px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
    height: 100%
}
/*
#galleryInspectOverlay
{
    position: fixed;
    display:table-cell;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    padding:0px;
    text-align:center;
    vertical-align:center;
    white-space:nowrap;
}

/*
#galleryinspect
{
    position:relative;
    top:-16px;
    max-height:75%;
    max-width:75%;
    padding:8px;
    background-color:white;
    text-align:center;
    vertical-align: middle;
    z-index:101;
}

#galleryinspectcaption
{
    position:relative;
    top:-32px;
    left:50%;
    background-color:black;
    padding:8px;
    text-align:left;
    white-space:pre-line;
}

#close
{
    position:relative;
    top:-38px;
    left:-20px;
    z-index:102;
    text-align: left;
    vertical-align: top;
    cursor:pointer;
}*/