#documentViewer.modal {
    background-color:#000;
}

    #documentViewer.modal div.modal-dialog {
        width: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 0;
    }
    #documentViewer.modal div.modal-dialog div.modal-content {
        position: relative;
        width:100%;
        height:100%;
        border-radius:0;
        background-color:unset;
    }
    #documentViewer.modal div.modal-dialog div.modal-header {
        position: absolute;
        z-index: 10;
        width: 100%;
        background-color: transparent;
        border:0;
    }
        #documentViewer.modal div.modal-dialog div.modal-header div.doc-info-wrapper div.doc-icon{
            display:inline-block;
            vertical-align:top;
            color:#fff;
        }

        #documentViewer.modal div.modal-dialog div.modal-header div.doc-info-wrapper div.doc-info-data-wrapper {
            display: inline-block;
            vertical-align:top;
            color:#fff;
            margin-top:2px;
        }


        #documentViewer.modal div.modal-dialog div.modal-body {
            max-height: 100%;
            height: 100%;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

            #documentViewer.modal div.modal-dialog div.modal-body div.doc-wrapper {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
            }

            #documentViewer.modal div.modal-dialog div.modal-body div.doc-wrapper img{
                width: auto;
                max-width: 100%;
                height: auto;
                max-height 100%;
            }

    #documentViewer.modal div.modal-dialog div.modal-header h3 {
        margin: 10px 0 0;
    }


    #documentViewer.modal div.modal-dialog div.modal-footer {
        position: absolute;
        z-index: 10;
        width: 100%;
        bottom:0;
        display:none;
    }

html.no-scroll {
    overflow-y:hidden;
}

div.pdf-toolbar {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    text-align: center;
}

div.pdf-preview-wrapper {
    color: #fff;
    text-align: center;
    width: 180px;
}

div.pdf-preview-wrapper i{
    margin-bottom:20px;
}

@media(min-width:769px) {
    #documentViewer.modal div.img-wrapper {
        padding: 0 100px;
    }
}
@media(max-width:768px) {
    #documentViewer.modal div.img-wrapper {
        padding: 100px 0;
    }
}